:root{--ink:#16181d;--paper:#fff;--surface:#f4f3ef;--rule:#deddd7;--muted:#8a8a85;--body-fg:#42454c;--blue:#2b3ff0;--yellow:#ffe24b;--tomato:#ff5c39;--mint:#12c79b;--lilac:#a78bfa;--display:"Instrument Serif", Georgia, serif;--body:"DM Sans", system-ui, -apple-system, sans-serif;--mono:"DM Mono", ui-monospace, "SF Mono", monospace;--pad:clamp(18px, 4vw, 44px);--radius:4px;--shadow-card:0 1px 2px #14161a0d, 0 16px 32px -20px #14161a4d;--shadow-lift:0 3px 6px #14161a0f, 0 34px 54px -26px #14161a66}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55;overflow-x:hidden}a{color:inherit}svg{display:block}img{max-width:100%;display:block}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:2px}.grain{pointer-events:none;z-index:100;opacity:.2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");position:fixed;inset:0}.display{font-family:var(--display);letter-spacing:-.017em;font-weight:400;line-height:1.02}h1.display{font-size:clamp(34px,5.4vw,58px)}h2.display{font-size:clamp(26px,3.6vw,38px)}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.eyebrow:before{content:"";background:var(--blue);border-radius:2px;flex:none;width:26px;height:2px}.eyebrow.tomato:before{background:var(--tomato)}.eyebrow.mint:before{background:var(--mint)}.eyebrow.lilac:before{background:var(--lilac)}.mono{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.lede{color:var(--body-fg);max-width:52ch}.mark{white-space:nowrap;z-index:1;display:inline-block;position:relative}.mark:before{content:"";background:var(--yellow);z-index:-1;transform-origin:0;border-radius:2px;height:.44em;animation:.55s cubic-bezier(.65,0,.35,1) .35s forwards swipe;position:absolute;bottom:.08em;left:-.09em;right:-.09em;transform:scaleX(0)skew(-3deg)}@keyframes swipe{to{transform:scaleX(1)skew(-3deg)}}.btn{background:var(--ink);color:var(--paper);font-family:var(--body);border:1px solid var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-size:16px;font-weight:500;text-decoration:none;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s,color .18s;display:inline-flex}.btn svg{transition:transform .22s cubic-bezier(.2,.7,.3,1)}.btn:hover:not(:disabled){background:var(--blue);border-color:var(--blue);box-shadow:0 10px 22px -12px var(--blue);transform:translateY(-2px)}.btn:hover:not(:disabled) svg{transform:translate(4px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{color:var(--ink);border-color:var(--rule);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:none}.btn.small{padding:9px 18px;font-size:13.5px}.btn.tiny{font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;padding:7px 13px;font-size:10.5px}.btn.danger:hover:not(:disabled){background:var(--tomato);border-color:var(--tomato);box-shadow:0 10px 22px -12px var(--tomato)}.linky{cursor:pointer;font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;padding:0;font-size:10.5px;text-decoration:none;transition:color .18s}.linky:hover{color:var(--ink)}.field{margin-top:20px;display:block}.field>.label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:baseline;gap:8px;margin-bottom:7px;font-size:10px;display:flex}.field .hint{font-family:var(--body);letter-spacing:0;text-transform:none;color:var(--muted);margin-top:6px;font-size:12.5px;display:block}.field .hint.bad{color:var(--tomato)}.field .hint.good{color:#0f9d7c}input[type=text],input[type=email],input[type=url],input[type=number],input[type=password],input[type=tel],input[type=search],textarea,select{width:100%;font-family:var(--body);color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);padding:12px 14px;font-size:16px;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder,textarea::placeholder{color:#b6b5ae}input:focus,textarea:focus,select:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #2b3ff01f}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}textarea{resize:vertical;min-height:96px;line-height:1.5}.mono-input{font-family:var(--mono);letter-spacing:.02em;font-size:14px}.row{grid-template-columns:1fr;gap:14px;margin-top:20px;display:grid}@media (min-width:700px){.row.two{grid-template-columns:1fr 1fr}.row.split{grid-template-columns:2fr 1fr}}.toggle{cursor:pointer;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:11px;font-size:10.5px;display:inline-flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle .track{background:var(--rule);border-radius:999px;flex:none;width:40px;height:22px;transition:background .2s;position:relative}.toggle .track:after{content:"";background:var(--paper);border-radius:50%;width:16px;height:16px;transition:transform .22s cubic-bezier(.2,.7,.3,1);position:absolute;top:3px;left:3px}.toggle input:checked+.track{background:var(--mint)}.toggle input:checked+.track:after{transform:translate(18px)}.toggle input:focus-visible+.track{outline:3px solid var(--blue);outline-offset:3px}.pill{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:10.5px;display:inline-flex}.pill.yellow{background:var(--yellow);border-color:#0000;transform:rotate(-1.4deg)}.pill.surface{background:var(--surface);border-color:#0000}.stamp{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;border:1px solid;border-radius:3px;align-items:center;gap:6px;padding:5px 10px;font-size:9.5px;display:inline-flex}.stamp.live{color:#0f9d7c;transform:rotate(-1.6deg)}.stamp.draft{color:var(--muted);transform:rotate(1.2deg)}.dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.stamp.live .dot{animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}.card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:clamp(18px,3vw,26px)}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:clamp(16px,2.6vw,22px)}.rule{background:var(--rule);border:0;height:1px;margin:26px 0}.notice{border:1px solid var(--rule);border-left:4px solid var(--yellow);background:var(--surface);border-radius:var(--radius);color:var(--body-fg);padding:14px 16px;font-size:14.5px}.notice.bad{border-left-color:var(--tomato)}.notice.good{border-left-color:var(--mint)}.reveal{opacity:0;animation:.6s cubic-bezier(.2,.7,.3,1) forwards rise;transform:translateY(16px)}@keyframes rise{to{opacity:1;transform:none}}.spark{animation:3.2s ease-in-out infinite twinkle}.spark.d2{animation-delay:1.1s}.spark.d3{animation-delay:2s}@keyframes twinkle{0%,to{opacity:.9;transform:scale(1)rotate(0)}50%{opacity:.5;transform:scale(.72)rotate(18deg)}}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.mark:before{transform:scaleX(1)skew(-3deg)}}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}