@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');*{box-sizing:border-box}body{margin:0;background:#101319;color:#f5f3ed;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.top{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,4vw,70px);border-bottom:1px solid #30333a}.brand{font-size:13px;letter-spacing:.18em;font-weight:800}.mark{color:#d9ae72;font-size:25px;margin-right:9px}.top nav{display:flex;align-items:center;gap:29px;font-size:13px}.topcta{border:1px solid #a18a66;padding:13px 18px;border-radius:30px}.heading{display:flex;justify-content:space-between;align-items:end;padding:58px clamp(20px,4vw,70px) 43px;gap:20px}.eyebrow,.counter span{color:#cda972;font-size:11px;letter-spacing:.23em}.heading h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(42px,5.3vw,80px);font-weight:500;letter-spacing:-.055em;margin:12px 0}.heading em{color:#e0ba83}.heading p{color:#aab0b7;font-size:16px;max-width:540px;line-height:1.6;margin:0}.counter{text-align:right;display:grid;gap:7px}.counter strong{font-size:28px;font-weight:500}.workspace{display:grid;grid-template-columns:minmax(285px,360px) minmax(0,1fr);gap:22px;padding:0 clamp(20px,4vw,70px) 80px}.controls{background:#1b1f26;border:1px solid #343943;border-radius:18px;padding:25px;align-self:start}.control{display:flex;gap:15px;align-items:start;margin:14px 0}.step{color:#e2b679;font-size:13px;margin-top:4px}.control h2{font-size:16px;margin:0 0 4px}.control p{font-size:12px;color:#969da7;margin:0}.stylechoices{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0 29px}.stylechoice{border:1px solid #444852;background:#272c34;color:#f5f3ed;text-align:left;border-radius:9px;padding:12px 11px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:9px}.stylechoice.active{border-color:#e4bb80;box-shadow:0 0 0 1px #e4bb80}.swatch{height:16px;width:16px;border-radius:50%;background:var(--swatch);flex:none}.field{display:grid;gap:7px;margin:13px 0 17px;font-size:12px;color:#b7bdc5}.field select,.field input:not([type=color]),.field textarea{width:100%;background:#11161c;color:#f5f3ed;border:1px solid #404650;padding:12px;border-radius:8px;outline-offset:2px}.field input[type=color]{height:38px;width:100%;background:transparent;border:0;cursor:pointer}.toggles{display:grid;gap:13px;margin:16px 0 20px}.toggles label{font-size:13px;display:flex;gap:10px;align-items:center}.toggles input{accent-color:#d6ad75}.actions{display:grid;gap:9px;margin-top:16px}.actions button,.actions a{padding:14px;border:1px solid #d8b47e;border-radius:7px;text-align:center;cursor:pointer}.actions button{background:#e1bb83;color:#141414;font-weight:700}.actions a{background:transparent}.status{min-height:18px;color:#d8b47e;font-size:12px}.preview{min-width:0;align-self:start;position:sticky;top:18px;background:#171b21;border:1px solid #353c46;border-radius:17px;overflow:hidden}.previewbar{height:55px;display:flex;align-items:center;gap:18px;padding:0 20px;border-bottom:1px solid #353c46;font-size:10px;letter-spacing:.12em;color:#aeb3bc}.browserdots{display:flex;gap:5px}.browserdots i{height:8px;width:8px;border-radius:50%;background:#555d66}.devices{margin-left:auto;display:flex;gap:5px}.devices button{border:1px solid #454c56;background:none;color:#c4c9cf;border-radius:5px;padding:8px 10px;font-size:11px;cursor:pointer}.devices button.active{background:#d8b47e;color:#161719}.previewspace{min-height:690px;padding:24px;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 50% 0%,#323945,#13171c 80%)}.site{--bg:#101b28;--fg:#fff;--muted:#b6bec9;--accent:#e6b875;--serif:Georgia,serif;width:100%;max-width:1150px;min-height:630px;background:var(--bg);color:var(--fg);overflow:hidden;box-shadow:0 25px 80px #0008;transition:width .25s,background .25s;color:var(--fg)}.site.mobile{width:365px;max-width:100%;min-height:650px}.site-nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid color-mix(in srgb,var(--fg) 16%,transparent)}.site-logo{font-size:14px;font-weight:800;letter-spacing:.08em}.site-navlinks{display:flex;gap:22px;font-size:12px;align-items:center}.site-navlinks a{cursor:pointer}.site-navlinks .site-cta{background:var(--accent);color:#111;padding:12px 17px;border-radius:3px;font-weight:700}.site-hero{min-height:420px;display:grid;grid-template-columns:1fr 45%;align-items:stretch}.site-copy{padding:clamp(28px,5vw,75px) 6%;display:flex;flex-direction:column;justify-content:center}.site-kicker{font-size:10px;letter-spacing:.22em;color:var(--accent);font-weight:700}.site-copy h2{font:500 clamp(38px,4.4vw,78px)/1.05 var(--serif);letter-spacing:-.055em;margin:22px 0}.site-copy p{font-size:14px;line-height:1.7;color:var(--muted);max-width:410px}.site-herocta{display:inline-block;background:var(--accent);color:#111;font-size:12px;font-weight:800;padding:14px 20px;margin-top:20px;align-self:flex-start}.site-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#1e354e,#080e17)}.site-art:before{content:'';position:absolute;inset:10%;border:1px solid #d8b47e66;transform:rotate(-12deg)}.site-art:after{content:'';position:absolute;width:60%;aspect-ratio:1;border-radius:50%;background:var(--accent);opacity:.55;filter:blur(2px);left:35%;top:18%}.art-label{position:absolute;z-index:2;bottom:22px;left:24px;font-size:10px;letter-spacing:.16em;color:#fff}.site-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}.site-strip div{padding:24px;border-right:1px solid color-mix(in srgb,var(--fg) 14%,transparent)}.site-strip b{display:block;font-size:13px;margin-bottom:8px}.site-strip span{font-size:11px;color:var(--muted)}.site.mobile .site-navlinks a:not(.site-cta){display:none}.site.mobile .site-nav{height:62px}.site.mobile .site-hero{display:block}.site.mobile .site-copy{padding:30px 25px}.site.mobile .site-copy h2{font-size:42px}.site.mobile .site-art{height:220px}.site.mobile .site-strip{grid-template-columns:1fr}.site.mobile .site-strip div{padding:14px 24px}.site[data-style="bold"] .site-copy h2,.site[data-style="avant"] .site-copy h2{font-family:'DM Sans',Arial,sans-serif;font-weight:800;text-transform:uppercase}.site[data-style="bold"] .site-art{background:linear-gradient(140deg,#1b40fc 0 65%,#ff562c 65%)}.site[data-style="quiet"] .site-art{background:linear-gradient(135deg,#dfd4c5,#a2ab97)}.site[data-style="avant"] .site-art{background:linear-gradient(145deg,#150d42,#4d23aa)}.site[data-style="klassiek"] .site-art{background:linear-gradient(145deg,#332116,#916c43)}.site[data-style="traditioneel"] .site-art{background:linear-gradient(145deg,#485345,#a58c65)}.previewfoot{padding:18px 24px;display:flex;justify-content:space-between;gap:20px;color:#a9afb8;font-size:11px}.previewfoot a{color:#e1ba81}footer{padding:30px clamp(20px,4vw,70px);border-top:1px solid #333841;font-size:11px;letter-spacing:.13em;display:flex;justify-content:space-between;color:#aeb4bd}@media(max-width:980px){.workspace{grid-template-columns:1fr}.preview{position:static;grid-row:1}.controls{grid-row:2}.previewspace{min-height:540px}.counter{display:none}}@media(max-width:620px){.top nav a:not(.topcta){display:none}.heading{padding-top:35px}.previewspace{padding:10px;min-height:400px}.site-hero{display:block}.site-copy{padding:25px}.site-copy h2{font-size:42px}.site-art{height:220px}.site-strip{grid-template-columns:1fr}.previewfoot{display:block}.previewfoot a{display:block;margin-top:10px}.previewbar>span{display:none}.site-navlinks a:not(.site-cta){display:none}}