:root{--cream:#f7f3eb;--surface:#fff;--ink:#241640;--body:#2e2150;--border:#e7defb;--tint:#f4efff;--ink-deep:#17121f;--plum-deep:#1c1036;--plum:#2a0e52;--card-dark:#201a38;--hairline:#ffffff14;--text-dark:#f4efff;--text-dark-2:#e7defb;--muted-dark:#b79cff;--mono-dark:#bfa9ea;--grad-dark:#17122b;--violet:#7c4dff;--violet-2:#6b37f5;--violet-hover:#8c61ff;--lime:#d6ff3f;--lime-hover:#e4ff6b;--lime-press:#b9e035;--magenta:#e23d8e;--lilac:#c9b8ff;--chrome:#685f80;--chrome-soft:#a9a3bc;--ok:#1e9e5a;--ok-bg:#1e9e5a17;--warn:#d97e00;--warn-bg:#d97e001a;--risk:#e23d8e;--risk-bg:#e23d8e17;--gray-bg:#efebe3;--font-display:"Unbounded", system-ui, sans-serif;--font-body:"Schibsted Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--r-card:20px;--r-card-lg:28px;--r-chip:6px;--shadow-soft:0 20px 46px -30px #3c1e7880;--ring-lime:0 0 0 3px #d6ff3f40;--grad-rule:linear-gradient(90deg, #d6ff3f, #7c4dff);--maxw:1160px}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}body{font-family:var(--font-body);background:var(--cream);color:var(--body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}::selection{background:var(--lime);color:var(--ink)}h1,h2,h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0 0 .5em;line-height:1.12}h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800}h2{font-size:clamp(1.4rem,3vw,2.1rem);font-weight:700}h3{font-size:1.1rem;font-weight:600}a{color:var(--violet);text-decoration:none}a:hover{text-decoration:underline}p{margin:0 0 1em}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body);font-size:.95rem}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--chrome);align-items:center;gap:10px;font-size:.72rem;font-weight:500;display:inline-flex}.eyebrow-dot{background:var(--lime);width:8px;height:8px;box-shadow:var(--ring-lime);border-radius:50%;flex:none}.dark .eyebrow{color:var(--lilac)}.mark{background:linear-gradient(#0000 62%,#e7f98f 62%);padding:0 2px}.mark-solid{background:var(--lime);color:var(--ink);border-radius:5px;padding:1px 8px}.btn{border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:background .15s,transform .1s;display:inline-flex;text-decoration:none!important}.btn:active{transform:translateY(1px)}.btn-lime{background:var(--lime);color:var(--ink)!important}.btn-lime:hover{background:var(--lime-hover)}.btn-violet{background:var(--violet);color:#fff!important}.btn-violet:hover{background:var(--violet-hover)}.btn-ghost{border:1.5px solid var(--lilac);background:0 0;color:var(--ink)!important}.dark .btn-ghost{color:var(--text-dark)!important}.btn-ghost:hover{border-color:var(--violet)}.btn-sm{padding:7px 14px;font-size:.8rem}.btn-lg{padding:15px 30px;font-size:1.05rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:24px}.card-rule{position:relative;overflow:hidden}.card-rule:before{content:"";background:var(--grad-rule);height:5px;position:absolute;top:0;left:0;right:0}.dark .card{background:var(--card-dark);border-color:var(--hairline)}.chip{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);color:var(--body);background:var(--tint);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.66rem;display:inline-flex}.dark .chip{border-color:var(--hairline);color:var(--text-dark-2);background:#ffffff0d}.chip-lime{border-color:var(--lime-press);color:#4a5510;background:#d6ff3f2e}.dark .chip-lime{color:var(--lime);background:#d6ff3f14;border-color:#d6ff3f66}.chip-violet{border-color:var(--violet);color:var(--violet);background:#7c4dff12}.chip-magenta{border-color:var(--risk);color:#b01565;background:var(--risk-bg)}.dark .chip-magenta{color:#ff7ab8;border-color:#ff7ab880}.chip-ok{border-color:var(--ok);color:#14713f;background:var(--ok-bg)}.dark .chip-ok{color:#4cc98a;border-color:#4cc98a80}.chip-warn{border-color:var(--warn);color:#8a5200;background:var(--warn-bg)}.dark .chip-warn{color:#f0a340;border-color:#f0a34080}.chip-muted{opacity:.75}.dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.dot-ok{background:var(--ok)}.dot-warn{background:var(--warn)}.dot-risk{background:var(--risk)}.dot-chrome{background:var(--chrome-soft)}.dot-lime{background:var(--lime-press)}.lift{transition:transform .18s,box-shadow .18s}.lift:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.mono-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--chrome);font-size:.7rem}.dark .mono-label{color:var(--muted-dark)}.dark{background:var(--grad-dark);color:var(--text-dark-2);min-height:100vh}.dark h1,.dark h2,.dark h3{color:var(--text-dark)}.dark a{color:var(--lilac)}.glow{pointer-events:none;background:radial-gradient(circle,#7c4dff54,#0000 68%);border-radius:50%;position:absolute}.input,.select{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:10px;width:100%;padding:10px 12px}.input:focus,.select:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 3px #7c4dff26}.dark .input,.dark .select{border-color:var(--hairline);color:var(--text-dark);background:#ffffff0f}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grid{gap:20px;display:grid}.muted{color:#6e5e96}.dark .muted{color:var(--muted-dark)}.small{font-size:.85rem}.center{text-align:center}@media (width<=720px){.container{padding:0 16px}.card{padding:18px}}