:root{--black: #000000;--yellow: #fdd30f;--plum: #290245;--ink: #17122b;--white: #ffffff;--display: "Anton", "Impact", "Arial Narrow", sans-serif;--serif: "Archivo", "Helvetica Neue", Arial, sans-serif;--hand: "Caveat", cursive;--mono: "IBM Plex Mono", "Space Mono", ui-monospace, monospace;--wrap: 1180px;--gutter: 24px;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");--grid-size: 48px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{min-height:100%;margin:0}body{background:var(--black);color:var(--white);font-family:var(--serif);font-size:15.5px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}img{max-width:100%;display:block}::selection{background:var(--yellow);color:var(--black)}[data-tone]{background-color:var(--bg);color:var(--fg);background-image:var(--grain),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:180px 180px,var(--grid-size) var(--grid-size),var(--grid-size) var(--grid-size);background-position:0 0,-1px -1px,-1px -1px}[data-tone=black]{--grid: rgba(255,255,255,.045)}[data-tone=plum]{--grid: rgba(255,255,255,.05)}[data-tone=paper]{--grid: rgba(0,0,0,.055)}[data-tone=yellow]{--grid: rgba(0,0,0,.07)}[data-tone] [data-tone]{background-image:var(--grain)}[data-tone=black]{--bg: var(--black);--fg: var(--white);--muted: rgba(255,255,255,.62);--faint: rgba(255,255,255,.4);--line: rgba(255,255,255,.22);--line-strong: rgba(255,255,255,.5);--card: var(--ink);--accent: var(--yellow)}[data-tone=paper]{--bg: var(--white);--fg: var(--black);--muted: #5f5f5f;--faint: #9a9a9a;--line: #dedede;--line-strong: #000;--card: #f4f4f4;--accent: var(--yellow)}[data-tone=plum]{--bg: var(--plum);--fg: var(--white);--muted: rgba(255,255,255,.66);--faint: rgba(255,255,255,.42);--line: rgba(255,255,255,.22);--line-strong: rgba(255,255,255,.55);--card: rgba(0,0,0,.28);--accent: var(--yellow)}[data-tone=yellow]{--bg: var(--yellow);--fg: var(--black);--muted: rgba(0,0,0,.66);--faint: rgba(0,0,0,.45);--line: rgba(0,0,0,.22);--line-strong: #000;--card: rgba(255,255,255,.35);--accent: var(--black)}.display{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.95;margin:0}.display em,.display .yl{color:var(--yellow);font-style:normal}.display-xl{font-size:clamp(54px,8.6vw,108px)}.display-lg{font-size:clamp(40px,5.6vw,68px)}.display-md{font-size:clamp(28px,3.1vw,40px)}.display-sm{font-size:22px;line-height:1.05;letter-spacing:.01em}.serif{font-family:var(--serif)}.mono{font-family:var(--mono)}.hand{font-family:var(--hand);font-weight:500;line-height:1.25}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.lead{font-size:clamp(17px,1.6vw,20px);line-height:1.6;max-width:640px}.muted{color:var(--muted)}.faint{color:var(--faint)}.hl{background:var(--yellow);color:var(--black);padding:0 .18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}[data-tone=yellow] .hl{background:var(--black);color:var(--yellow)}p{margin:0 0 1em}p:last-child{margin-bottom:0}.prose{max-width:620px}.prose p{margin-bottom:.9em}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}.section{padding:clamp(48px,7vw,96px) 0}.section-tight{padding:clamp(32px,4vw,56px) 0}.hr{border:0;border-top:1px solid var(--line);margin:0}.grid{display:grid;gap:28px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}.sticky{position:sticky;top:84px}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr;gap:28px}.sticky{position:static}}@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.nav{position:sticky;top:0;z-index:40;background:var(--black);color:var(--white);border-bottom:1px solid rgba(255,255,255,.18)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.nav-brand img{height:34px;width:auto}.nav-links{display:flex;gap:2px;align-items:center;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-link{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#ffffffb3;padding:10px 12px;white-space:nowrap;border-bottom:2px solid transparent}.nav-link:hover{color:#fff}.nav-link[aria-current=page]{color:#fff;border-bottom-color:var(--yellow)}.nav-cta{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:14px;background:var(--yellow);color:#000;text-decoration:none;padding:10px 16px 8px;margin-left:8px;white-space:nowrap}.nav-cta:hover{box-shadow:3px 3px #ffffff59}@media(max-width:720px){.nav .wrap{flex-wrap:wrap;padding-bottom:6px}.nav-links{width:100%;margin:0 -4px}}.footer{background:var(--black);color:#ffffff8c;border-top:1px solid rgba(255,255,255,.18)}.footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;padding-bottom:26px}.footer a{color:var(--yellow);text-decoration:none}.btn{display:inline-block;font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.07em;font-size:15px;padding:13px 26px 11px;cursor:pointer;border-radius:0;text-decoration:none;border:2px solid var(--line-strong);background:transparent;color:var(--fg);transition:transform .12s,box-shadow .12s;line-height:1}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--line-strong)}.btn:active{transform:none;box-shadow:none}.btn-primary{background:var(--yellow);color:var(--black);border-color:var(--black)}[data-tone=black] .btn-primary,[data-tone=plum] .btn-primary{border-color:var(--yellow)}[data-tone=black] .btn-primary:hover,[data-tone=plum] .btn-primary:hover{box-shadow:4px 4px #fff6}.btn-ghost{font-family:var(--mono);font-weight:400;text-transform:none;letter-spacing:0;font-size:12.5px;padding:9px 14px;border-width:1px;border-color:var(--line)}.btn-ghost:hover{box-shadow:none;transform:none;border-color:var(--line-strong)}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;padding:7px 11px 6px;cursor:pointer;border-radius:0;line-height:1.2;border:1px solid var(--line-strong);background:transparent;color:var(--fg);transition:background .12s,border-color .12s;text-decoration:none}[data-tone=black] .chip,[data-tone=plum] .chip{border-color:#fff6}.chip:hover{border-color:var(--fg)}.chip-on,.chip-on:hover{background:var(--yellow);border-color:var(--yellow);color:#000;font-weight:700}.chip-static{cursor:default}.field{display:block;margin-bottom:22px}.label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.inp{width:100%;font-family:var(--serif);font-size:15px;padding:10px 2px;background:transparent;border:0;border-bottom:1.5px solid var(--line-strong);color:var(--fg);border-radius:0;outline:none}.inp:focus{border-bottom-color:var(--yellow);box-shadow:0 1.5px 0 var(--yellow)}.inp::placeholder{color:var(--faint);font-style:italic}textarea.inp{resize:vertical;min-height:84px;line-height:1.55;border:1.5px solid var(--line-strong);padding:10px 12px}textarea.inp:focus{border-color:var(--yellow);box-shadow:none}select.inp{appearance:none;-webkit-appearance:none;padding-right:26px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 14px) 55%,calc(100% - 9px) 55%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}select.inp option{background:#fff;color:#000}.help{font-family:var(--hand);font-size:17px;color:var(--muted);margin-top:6px}.err{font-family:var(--mono);font-size:11.5px;color:#c8102e;margin-top:6px}[data-tone=black] .err,[data-tone=plum] .err{color:#ff7b7b}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.check{position:relative;display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start;cursor:pointer;padding:14px 0;border-top:1px solid var(--line);margin:0}.check:last-child{border-bottom:1px solid var(--line)}.check input{position:absolute;opacity:0;width:1px;height:1px}.box{width:22px;height:22px;border:2px solid var(--line-strong);margin-top:2px;display:grid;place-items:center;background:transparent;transition:background .12s,border-color .12s}.box svg{width:14px;height:14px;opacity:0}.check input:checked+.box{background:var(--yellow);border-color:var(--yellow)}.check input:checked+.box svg{opacity:1}.check input:focus-visible+.box{outline:2px solid var(--accent);outline-offset:2px}.check-text{font-family:var(--serif);font-size:15px;line-height:1.55}.check-why{font-family:var(--hand);font-size:17px;color:var(--muted);margin-top:2px}.rules{list-style:none;margin:0;padding:0}.rules li{padding:13px 0;border-top:1px solid var(--line)}.rules li:last-child{border-bottom:1px solid var(--line)}.rule-text{font-family:var(--serif);font-size:15px;line-height:1.55}.rule-why{font-family:var(--hand);font-size:17.5px;color:var(--muted);margin-top:2px}.rule-strong{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:18px;line-height:1.15;letter-spacing:.02em}.card{background:var(--card);padding:22px 22px 20px;border:1px solid var(--line)}.card-flat{border:1px solid var(--line);padding:22px 22px 20px;background:var(--bg)}.panel{background:var(--bg);border:1px solid var(--line)}.step-link{text-decoration:none;color:inherit;transition:background .12s}.step-link:hover{background:var(--card)}.step-link:hover .display{text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:4px}.num{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--accent)}.tag{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;padding:3px 7px 2px;border:1px solid var(--line-strong)}.tag-yellow{background:var(--yellow);color:#000;border-color:var(--yellow);font-weight:700}.tag-stamp{display:inline-block;background:var(--yellow);color:#000;border:2px solid #000;font-family:var(--mono);font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:5px 12px 4px;transform:rotate(-2deg);font-size:10.5px}.step{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.step:last-child{border-bottom:1px solid var(--line)}.step-num{font-family:var(--display);font-weight:400;font-size:38px;line-height:.9;color:var(--accent)}.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 18px;font-size:14px;margin:0}.kv dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-top:3px}.kv dd{margin:0}@media(max-width:600px){.kv{grid-template-columns:1fr;gap:2px 0}.kv dd{margin-bottom:10px}}code,.code{font-family:var(--mono);font-size:12.5px;background:var(--card);padding:2px 6px;border:1px solid var(--line)}.progress{height:5px;background:var(--line)}.progress>div{height:100%;background:var(--yellow);transition:width .4s ease}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--yellow);color:#000;padding:10px 22px;font-family:var(--mono);font-size:12.5px;font-weight:700;z-index:60;box-shadow:5px 5px #0000008c}.stripe{height:14px;background:repeating-linear-gradient(-45deg,#000 0 14px,transparent 14px 28px)}.swatch{aspect-ratio:1 / 1.15;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;border:1px solid var(--line);cursor:pointer;text-align:left;font-family:var(--mono)}.swatch:hover{outline:2px solid var(--accent);outline-offset:2px}.logo-tile{aspect-ratio:4 / 3;display:grid;place-items:center;padding:18px}.logo-tile img{width:55%;height:auto}.role-tabs{display:flex;gap:6px;flex-wrap:wrap}.role-tab{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:9px 13px 8px;cursor:pointer;background:transparent;border:1px solid var(--line-strong);color:var(--fg);border-radius:0}.role-tab:hover{background:var(--card)}.role-tab-on,.role-tab-on:hover{background:var(--black);color:#fff;border-color:var(--black);font-weight:700}[data-tone=black] .role-tab-on,[data-tone=plum] .role-tab-on{background:#fff;color:#000;border-color:#fff}.stepper{display:flex;gap:0;border:1px solid var(--line-strong);margin-bottom:28px}.stepper>button{flex:1;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:11px 8px 10px;background:transparent;border:0;border-right:1px solid var(--line-strong);color:var(--muted);cursor:pointer}.stepper>button:last-child{border-right:0}.stepper>button.on{background:var(--black);color:#fff;font-weight:700}.stepper>button.done{color:var(--fg)}.stepper>button[disabled]{cursor:default}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{.nav,.footer,.no-print{display:none!important}[data-tone]{--bg: #fff;--fg: #000;--muted: #444;--faint: #777;--line: #ccc;--line-strong: #000;--card: #f4f4f4;background-image:none}body{background:#fff;color:#000}.section{padding:24px 0}}