*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #050505;--surface: rgba(255, 255, 255, .045);--text: #d8dde8;--muted: rgba(200, 210, 230, .52);--accent: #8a9cff;--accent-soft: rgba(138, 156, 255, .22);--border: rgba(180, 190, 220, .16);--rule: rgba(180, 190, 220, .2);--glow-inner: rgba(82, 130, 255, .14);--glow-outer: rgba(110, 80, 255, .08);--cursor-dot: rgba(160, 180, 255, .65);--font-heading: "Questrial", "Helvetica Neue", Helvetica, sans-serif;--font-body: "Questrial", "Helvetica Neue", Helvetica, sans-serif;--ls-brand: .22em;--maxw: 72rem;--pad-x: clamp(1.25rem, 4vw, 2.5rem);--section-y: clamp(4rem, 10vw, 7rem)}html[data-bg=midnight]{--bg: #070a12;--surface: rgba(120, 160, 255, .06);--text: #dce4f2;--muted: rgba(180, 200, 230, .5);--accent: #6eb0ff;--accent-soft: rgba(110, 176, 255, .2);--border: rgba(140, 170, 220, .18);--rule: rgba(140, 170, 220, .22);--glow-inner: rgba(80, 150, 255, .16);--glow-outer: rgba(60, 100, 200, .09);--cursor-dot: rgba(140, 200, 255, .7)}html[data-bg=ember]{--bg: #0c0806;--surface: rgba(255, 150, 100, .06);--text: #ebe4dc;--muted: rgba(220, 200, 185, .48);--accent: #e8a070;--accent-soft: rgba(232, 160, 112, .2);--border: rgba(200, 170, 140, .18);--rule: rgba(200, 170, 140, .22);--glow-inner: rgba(255, 140, 90, .12);--glow-outer: rgba(180, 80, 60, .08);--cursor-dot: rgba(255, 200, 160, .65)}html[data-bg=paper]{--bg: #f4f1ea;--surface: rgba(255, 255, 255, .72);--text: #1a1a1c;--muted: rgba(30, 30, 35, .55);--accent: #2c4a8c;--accent-soft: rgba(44, 74, 140, .12);--border: rgba(30, 40, 60, .12);--rule: rgba(30, 40, 60, .18);--glow-inner: rgba(44, 74, 140, .08);--glow-outer: rgba(44, 74, 140, .04);--cursor-dot: rgba(44, 74, 140, .55)}html[data-font=questrial]{--font-heading: "Questrial", "Helvetica Neue", Helvetica, sans-serif;--font-body: "Questrial", "Helvetica Neue", Helvetica, sans-serif;--ls-brand: .22em}html[data-font=dm]{--font-heading: "DM Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--ls-brand: .06em}html[data-font=display]{--font-heading: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--ls-brand: .02em}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.6;overflow-x:hidden;overflow-y:auto;cursor:none;transition:background .35s ease,color .25s ease}html[data-effects=none] body,html[data-effects=none] body a,html[data-effects=none] body button,html[data-motion=reduce] body{cursor:auto}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");background-size:220px;pointer-events:none;z-index:10}html[data-bg=paper] body:before{opacity:.55;mix-blend-mode:multiply}html[data-effects=none] body:before{display:none}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:9}html[data-bg=paper] body:after{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.018) 2px,rgba(0,0,0,.018) 4px)}html[data-effects=none] body:after{display:none}#glow{position:fixed;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--glow-inner) 0%,var(--glow-outer) 38%,transparent 72%);filter:blur(30px);pointer-events:none;transform:translate(-50%,-50%);z-index:5;opacity:0}#cursor{position:fixed;width:5px;height:5px;border-radius:50%;background:var(--cursor-dot);pointer-events:none;transform:translate(-50%,-50%);z-index:20;transition:transform .04s linear}html[data-effects=none] #glow,html[data-effects=none] #cursor,html[data-motion=reduce] #glow,html[data-motion=reduce] #cursor{display:none!important}.skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip:focus{position:fixed;left:var(--pad-x);top:1rem;width:auto;height:auto;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);color:var(--text);z-index:100;border-radius:4px}.corner{position:fixed;width:22px;height:22px;z-index:8;pointer-events:none;border-color:var(--rule)}.corner--tl{top:28px;left:var(--pad-x);border-top:1px solid;border-left:1px solid}.corner--tr{top:28px;right:var(--pad-x);border-top:1px solid;border-right:1px solid}.corner--bl{bottom:28px;left:var(--pad-x);border-bottom:1px solid;border-left:1px solid}.corner--br{bottom:28px;right:var(--pad-x);border-bottom:1px solid;border-right:1px solid}html[data-effects=none] .corner{opacity:.35}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:1.1rem var(--pad-x);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.logo{font-family:var(--font-heading);font-size:.95rem;font-weight:600;letter-spacing:var(--ls-brand);text-transform:uppercase;color:var(--text);text-decoration:none}.logo:hover{color:var(--accent)}.nav{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:flex-end}.nav a{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-decoration:none}.nav a:hover{color:var(--accent)}main{position:relative;z-index:6}.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}.hero{min-height:min(88vh,52rem);display:flex;flex-direction:column;justify-content:center;padding:var(--section-y) 0}.hero-inner{max-width:40rem;opacity:0;animation:heroIn 1.35s cubic-bezier(.16,1,.3,1) .15s forwards}@keyframes heroIn{0%{opacity:0;transform:translateY(1.25rem);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}html[data-motion=reduce] .hero-inner{animation:none;opacity:1;transform:none;filter:none}.brand{font-family:var(--font-heading);font-size:clamp(2.1rem,6vw,3.6rem);font-weight:500;letter-spacing:var(--ls-brand);text-transform:uppercase;line-height:1.08;color:var(--text);margin-bottom:1rem}.tagline{font-size:clamp(1rem,2.2vw,1.2rem);color:var(--muted);margin-bottom:2rem;max-width:32rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.35rem;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .2s,background .2s,color .2s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn--primary{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--text)}.btn--primary:hover{background:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--text)}section{padding:var(--section-y) 0;border-top:1px solid var(--border)}.section-label{font-size:.65rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}h2{font-family:var(--font-heading);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:600;letter-spacing:.04em;margin-bottom:1.25rem;color:var(--text)}.prose{color:var(--muted);max-width:38rem}.prose p+p{margin-top:1rem}.card-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));margin-top:1.5rem}.card{display:flex;flex-direction:column;padding:1.35rem 1.4rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;text-decoration:none;color:inherit;transition:border-color .2s,transform .25s ease}.card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));transform:translateY(-2px)}html[data-motion=reduce] .card:hover{transform:none}.card h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;margin-bottom:.4rem;color:var(--text)}.card p{font-size:.88rem;color:var(--muted);flex:1}.card span{margin-top:1rem;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.contact-links{display:flex;flex-wrap:wrap;gap:1rem 1.75rem;margin-top:1.25rem}.contact-links a{font-size:.8rem;color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}.contact-links a:hover{border-bottom-color:var(--accent)}.site-footer{padding:2.5rem var(--pad-x) calc(5rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);text-align:center;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);position:relative;z-index:6}.customize-wrap{position:fixed;right:var(--pad-x);bottom:calc(1.25rem + env(safe-area-inset-bottom));z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}#customize-toggle{font-family:var(--font-body);font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:.55rem .9rem;border-radius:4px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);color:var(--muted);cursor:pointer;transition:color .2s,border-color .2s}#customize-toggle:hover{color:var(--text);border-color:var(--accent)}#customize-panel{width:min(18rem,calc(100vw - 2.5rem));padding:1rem 1.1rem;border-radius:6px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px);box-shadow:0 12px 40px #00000040}html[data-bg=paper] #customize-panel{box-shadow:0 12px 36px #00000014}#customize-panel[hidden]{display:none}.panel-title{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:.85rem}.field{margin-bottom:.85rem}.field:last-of-type{margin-bottom:.5rem}.field label{display:block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}.field select{width:100%;padding:.45rem .5rem;font-family:var(--font-body);font-size:.82rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:4px;cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.35rem;border-top:1px solid var(--border);margin-top:.65rem}.toggle-row label{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}.toggle-row input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.panel-hint{font-size:.62rem;color:var(--muted);opacity:.85;margin-top:.65rem;line-height:1.45}.playground-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin-top:1.75rem}.pg-card{padding:1.25rem 1.35rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;transition:border-color .2s}.pg-card:has(.pg-btn:hover),.pg-card:has(.pg-swatch:hover){border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.pg-card-label{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:.85rem}.pg-btn-row{display:flex;flex-wrap:wrap;gap:.5rem}.pg-btn{font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.45rem .85rem;border-radius:3px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:border-color .2s,color .2s,background .2s}.pg-btn:hover,.pg-btn[data-active=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.swatch-row{display:flex;gap:.65rem;flex-wrap:wrap}.pg-swatch{width:2.4rem;height:2.4rem;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .2s,transform .18s;outline:none;position:relative}.pg-swatch:hover{transform:scale(1.12)}.pg-swatch[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pg-swatch[data-val=coal]{background:#050505;border-color:#ffffff26}.pg-swatch[data-val=midnight]{background:#070a12;border-color:#78a0ff4d}.pg-swatch[data-val=ember]{background:#0c0806;border-color:#e8a07059}.pg-swatch[data-val=paper]{background:#f4f1ea;border-color:#1e283c33}.pg-swatch[data-active=true]{box-shadow:0 0 0 3px var(--accent-soft),0 0 0 1px var(--accent)}.fx-toggle-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.fx-toggle-label{font-size:.78rem;color:var(--muted)}.pg-switch{position:relative;width:2.4rem;height:1.3rem;flex-shrink:0}.pg-switch input{opacity:0;width:0;height:0;position:absolute}.pg-switch-track{position:absolute;inset:0;border-radius:999px;background:var(--border);border:1px solid var(--border);cursor:pointer;transition:background .2s}.pg-switch input:checked+.pg-switch-track{background:var(--accent-soft);border-color:var(--accent)}.pg-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:.85rem;height:.85rem;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s}.pg-switch input:checked+.pg-switch-track:after{transform:translate(1.1rem);background:var(--accent)}.playground-preview-note{margin-top:1.25rem;font-size:.78rem;color:var(--muted);opacity:.7;font-style:italic}