:root{--bg:#071018;--panel:#0d1b26;--line:#223747;--text:#e9f2f8;--muted:#89a1b3;--mint:#52e4ca;--amber:#ffbd68;--red:#ff806e;--violet:#ad9aff;--mono:"SFMono-Regular",Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% -10%,#1b3448 0,#071018 55%);color:var(--text);font-family:var(--sans)}a{color:inherit}.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(18px,5vw,72px);gap:28px}.wordmark{font:700 18px var(--mono);text-decoration:none;letter-spacing:-.06em}.wordmark span{color:var(--mint);margin-left:4px}.edition,.topbar nav{font:9px var(--mono);letter-spacing:.1em;color:var(--muted)}.edition{margin-left:auto}.topbar nav{display:flex;gap:20px}.topbar nav a{text-decoration:none}.mode-banner{max-width:1180px;margin:20px auto 0;padding:8px 12px;border:1px solid #21473f;background:#09201d;color:var(--mint);font:10px var(--mono);letter-spacing:.05em}.mode-banner span:last-child{float:right;color:var(--muted);letter-spacing:0}.status-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}#app{max-width:1180px;margin:auto}.screen{min-height:calc(100vh - 128px);padding:100px 22px 96px;display:grid;align-content:center}.eyebrow{color:var(--mint);font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.hero-title{max-width:780px;font-size:clamp(48px,9vw,112px);line-height:.9;letter-spacing:-.08em;margin:20px 0 28px}.hero-title em{color:var(--mint);font-style:normal}.lede{max-width:650px;color:#b2c4d2;font-size:18px;line-height:1.5}.card{background:rgba(13,27,38,.84);border:1px solid var(--line);border-radius:10px;padding:30px}.form-card{max-width:760px}.form-row{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.choice{flex:1;min-width:180px;padding:18px;text-align:left;background:#0a1721;border:1px solid var(--line);color:var(--text);border-radius:7px;cursor:pointer}.choice.selected{border-color:var(--mint);box-shadow:inset 3px 0 var(--mint);background:#0b2929}.choice strong,.choice small{display:block}.choice small{margin-top:7px;color:var(--muted);line-height:1.4}.choice input{margin-right:8px}.budget{display:flex;align-items:center;gap:18px}.budget input{flex:1;accent-color:var(--mint)}.budget output{font:700 20px var(--mono);color:var(--mint);min-width:150px;text-align:right}.btn{border:1px solid var(--line);background:#0b1722;color:var(--text);padding:13px 18px;border-radius:6px;font:600 12px var(--mono);cursor:pointer}.btn.primary{background:var(--mint);border-color:var(--mint);color:#05201c}.btn.warn{border-color:var(--amber);color:var(--amber)}.btn:disabled{opacity:.4;cursor:not-allowed}.step-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.step-head h2{font-size:clamp(30px,5vw,64px);margin:10px 0 0;letter-spacing:-.06em}.step-head p{max-width:460px;color:var(--muted);line-height:1.5}.step-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.terminal{background:#050b10;border:1px solid var(--line);padding:20px;min-height:280px;font:12px/1.8 var(--mono);white-space:pre-wrap}.terminal .dim{color:#668090}.terminal .good{color:var(--mint)}.terminal .warn{color:var(--amber)}.side h3{margin-top:0}.facts{display:grid;gap:12px}.fact{padding:14px;background:#09151f;border:1px solid var(--line)}.fact span,.fact strong{display:block}.fact span{color:var(--muted);font:9px var(--mono);text-transform:uppercase;margin-bottom:5px}.fact strong{font:12px var(--mono)}.offers{display:grid;gap:10px}.offer-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);background:#09151f}.offer-card.selected{border-color:var(--mint);background:#092723}.offer-card small{display:block;color:var(--muted);margin-top:5px;font:10px var(--mono)}.offer-card strong{font:13px var(--mono)}.price{font:12px var(--mono);text-align:right}.price small{font-size:9px}.tag{font:9px var(--mono);color:var(--mint);border:1px solid currentColor;padding:6px}.decision{margin-top:16px;padding:15px;border-left:3px solid var(--mint);background:#09201d;color:#bceee7;font:11px/1.5 var(--mono)}.api-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.codebox{background:#050b10;border:1px solid var(--line);padding:20px;font:11px/1.8 var(--mono);white-space:pre-wrap}.receipt{border-color:var(--mint)}.receipt h3{color:var(--mint)}.test-list{display:grid;gap:9px;margin:18px 0}.test{display:flex;gap:10px;padding:12px;background:#09151f;border:1px solid var(--line);font:11px var(--mono)}.test.pass{border-color:#1c655c}.check{color:var(--mint);font-weight:700}.diff{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);font:11px/1.8 var(--mono)}.diff pre{margin:0;padding:18px;overflow:auto;background:#071017}.diff pre:first-child{color:#ff9a8c}.diff pre:last-child{color:var(--mint)}.success{border:1px solid var(--mint);background:#09201d;padding:24px}.success h2{color:var(--mint);margin-top:0}.metrics{display:flex;gap:30px;flex-wrap:wrap;margin:25px 0}.metric b,.metric span{display:block}.metric b{font:700 25px var(--mono);color:var(--mint)}.metric span{font:9px var(--mono);color:var(--muted);text-transform:uppercase}.progress{position:sticky;bottom:0;z-index:5;background:#071018eF;border-top:1px solid var(--line);padding:14px clamp(18px,5vw,72px);display:flex;justify-content:center;gap:10px}.progress button{border:0;background:none;color:var(--muted);font:10px var(--mono);cursor:pointer}.progress button.active{color:var(--mint)}footer{border-top:1px solid var(--line);padding:26px clamp(18px,5vw,72px);display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font:10px var(--mono)}footer a{color:var(--mint);text-decoration:none}@media(max-width:720px){.edition{display:none}.topbar nav{margin-left:auto}.mode-banner{margin:12px 16px 0;font-size:8px}.mode-banner span:last-child{display:block;float:none;margin-top:6px}.screen{padding:60px 16px 88px;min-height:auto}.step-grid,.api-layout,.diff{grid-template-columns:1fr}.step-head{display:block}.offer-card{grid-template-columns:1fr auto}.offer-card .tag{grid-column:2;grid-row:1}.offer-card .price{grid-column:1}.budget{display:block}.budget output{display:block;margin-top:10px;text-align:left}.hero-title{font-size:60px}}
:focus-visible{outline:2px solid var(--mint);outline-offset:5px}fieldset{border:0;padding:0;margin:26px 0 0}legend,label{font-size:13px;color:#b2c4d2}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.actions a{font:10px var(--mono);color:var(--mint);text-underline-offset:4px}.note{font:10px/1.65 var(--mono);color:var(--muted)}.hire-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:64px;margin-top:38px}.hire-screen{padding-top:62px}.hire-aside{padding-top:10px;color:var(--muted);line-height:1.7}.hire-aside h3{font-size:26px;color:var(--text);line-height:1.3;letter-spacing:-.03em}.hire-aside p{font-size:14px}.agent-avatar{width:156px;height:156px;position:relative;display:grid;place-items:center;margin-bottom:24px}.agent-avatar div{width:82px;height:82px;border:1px solid var(--mint);background:#0a2829;display:grid;place-items:center;color:var(--mint);font:700 30px var(--mono);box-shadow:0 0 50px #52e4ca18;transform:rotate(-8deg)}.agent-avatar i{position:absolute;inset:0;border:1px dashed #52e4ca55;border-radius:50%;animation:orbit 30s linear infinite}.agent-avatar i:last-child{inset:15px;animation-direction:reverse;border-color:#ad9aff66}.policy-strip{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:30px;font:10px var(--mono);color:var(--muted)}.policy-strip b{color:var(--mint)}.text-btn{margin-left:auto;background:none;border:0;color:var(--mint);cursor:pointer;font:10px var(--mono)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;font:9px var(--mono);color:var(--muted);padding-bottom:16px}.panel-title a{color:var(--mint);text-decoration:none}.incident{display:flex;align-items:center;gap:14px;padding:22px 0;font:11px var(--mono);flex-wrap:wrap}.incident b,.bad{color:var(--red)}.incident i{color:var(--muted);font-style:normal}.notebook{padding-left:20px;color:var(--muted);font:12px/2 var(--mono)}.product-window{position:relative;overflow:hidden;border:1px solid var(--line);background:#09151f;border-radius:8px;margin-bottom:18px}.product-window .panel-title{padding:14px;margin:0}.product-window img{display:block;width:100%;height:205px;object-fit:cover;object-position:top;opacity:.85;transition:opacity .3s}.product-window:hover img{opacity:1}.image-caption{position:absolute;bottom:8px;left:10px;background:#071018ed;padding:5px 8px;color:var(--mint);font:8px var(--mono)}.compact img{height:185px}.neutral{color:var(--muted)}.attention{border-color:var(--amber);background:#2b2217;color:var(--amber)}details{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;color:var(--muted);font:11px/1.7 var(--mono)}summary{cursor:pointer;color:#bed2df;font-size:12px}details[open] summary{color:var(--mint)}.purchase-events{list-style:none;padding:0;display:grid;gap:16px;margin:25px 0}.purchase-events li{display:flex;align-items:center;gap:14px;color:var(--muted);font:11px/1.5 var(--mono);transition:color .4s}.purchase-events li span{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;transition:all .4s}.purchase-events li.complete{color:var(--text)}.purchase-events li.complete span{border-color:var(--mint);color:var(--mint);box-shadow:0 0 16px #52e4ca25}.counterfactual{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;margin-top:22px;border:1px solid var(--line);background:#101b28}.counterfactual h3{font-size:24px;margin:12px 0}.counterfactual p{color:var(--muted);font-size:13px;max-width:430px}.progress button:disabled{opacity:.3;cursor:default}.progress button[aria-current]{text-decoration:underline;text-underline-offset:6px}.progress{border-radius:8px 8px 0 0}.codebox{overflow-wrap:anywhere}.screen>.step-grid,.screen>.api-layout{align-items:start}.screen>.step-grid .card{min-width:0}.form-card h2{font-size:28px;letter-spacing:-.04em}.form-card>p{color:var(--muted);font-size:13px}.diff pre{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.side .actions{margin-bottom:18px}.form-card .btn{margin-right:6px;margin-top:8px}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:720px){.hire-grid{grid-template-columns:1fr;gap:30px}.hire-aside{display:grid;grid-template-columns:auto 1fr;gap:0 24px}.agent-avatar{grid-row:1/4;width:100px;height:100px}.hire-aside h3{font-size:22px}.hire-aside p,.hire-aside details,.hire-aside>.note{grid-column:1/-1}.card{padding:20px}.policy-strip{gap:12px}.text-btn{margin-left:0}.counterfactual{display:block;padding:20px}.progress{padding:16px 4px;gap:0;justify-content:space-around}.progress button{font-size:8px;padding:8px 4px}.step-head h2{font-size:38px}.budget input{width:100%}.topbar{gap:10px}.topbar nav{font-size:8px;gap:12px}.offer-card{gap:10px}.offer-card .price{text-align:left}.mode-banner{line-height:1.7}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.commerce-flow{display:flex;align-items:center;gap:8px;margin:26px 0;padding:20px 0}.commerce-flow span{font:10px var(--mono);padding:12px 8px;border:1px solid var(--line);color:var(--mint)}.commerce-flow i{height:1px;flex:1;background:var(--line);position:relative}.commerce-flow.running i:after{content:'';position:absolute;top:-3px;left:0;width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 14px var(--mint);animation:transfer 1.2s infinite}.commerce-flow.running i:last-of-type:after{animation-delay:.6s}@keyframes transfer{to{left:100%;opacity:.2}}.hero-title{letter-spacing:-.065em}.progress{position:fixed;left:50%;transform:translateX(-50%);width:min(1180px,100%)}