:root {
  --font-sans: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", "Cascadia Code", "Liberation Mono", Menlo, Consolas, monospace;
  --ink: #eef5ed;
  --muted: #8b9a90;
  --void: #080b0a;
  --panel: #0e1311;
  --panel-2: #131a17;
  --line: #26302a;
  --signal: #a8ff4f;
  --cyan: #62e8d5;
  --danger: #ff6b63;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--void); }
body { margin: 0; color: var(--ink); background: radial-gradient(circle at 72% 7%, rgba(69, 120, 85, .13), transparent 28rem), var(--void); font-family: var(--font-sans), sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
/* Keyboard focus: one visible ring everywhere on the dark surfaces (WCAG 2.4.7). */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--signal); outline-offset: 2px; }
.skip-link { position: absolute; top: 8px; left: -999px; z-index: 100; padding: 10px 14px; color: var(--void); background: var(--signal); font-weight: 600; }
.skip-link:focus, .skip-link:focus-visible { left: 8px; outline-offset: 3px; }
.topbar { height: 72px; display: flex; align-items: center; justify-content: space-between; max-width: 1240px; margin: auto; padding: 0 28px; border-bottom: 1px solid var(--line); }
.brand { display: flex; align-items: center; gap: 12px; font-weight: 750; letter-spacing: -.03em; }
.brand-mark { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 12px; color: #080e0b; background: #a6ff4a; font: 900 17px ui-monospace, monospace; letter-spacing: -.07em; }
nav { display: flex; gap: 28px; color: var(--muted); font-size: .875rem; }
nav a:hover { color: var(--signal); }
.eyebrow, .sidebar-label { color: var(--signal); font: 500 .72rem/1.4 var(--font-mono); letter-spacing: .14em; }

.button { display: inline-flex; min-height: 47px; align-items: center; justify-content: center; padding: 0 22px; border: 1px solid var(--line); cursor: pointer; font-weight: 600; transition: background .18s, color .18s, border-color .18s, transform .18s; }
.button.primary { color: var(--void); background: var(--signal); border-color: var(--signal); }
.button.primary:hover { background: #c0ff81; }
.button.secondary { color: var(--muted); }
.button.secondary:hover { color: var(--ink); border-color: #526159; }
footer { display:flex;justify-content:space-between;max-width:1240px;margin:auto;padding:28px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem }
footer>div{display:flex;flex-wrap:wrap;gap:12px 24px}.footer-links a:hover,footer a:hover{color:var(--signal)}.footer-cancel{color:var(--ink)}
.legal-page{max-width:880px;margin:auto;padding:86px 28px 120px}.legal-page h1{margin:18px 0 24px;font-size:clamp(3.3rem,8vw,6.5rem);line-height:.92;letter-spacing:-.065em}.legal-intro{max-width:720px;margin:0 0 62px;color:#b2beb6;font-size:1.16rem;line-height:1.7}.legal-page section{padding:30px 0;border-top:1px solid var(--line)}.legal-page h2{margin:0 0 14px;font-size:1.15rem}.legal-page p,.legal-page li,.legal-page address{color:var(--muted);font-size:.95rem;line-height:1.75}.legal-page address{font-style:normal}.legal-page ul{margin:0;padding-left:22px}.legal-page li+li{margin-top:9px}.legal-page a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.legal-page strong{color:var(--ink)}
.dashboard-shell{display:grid;grid-template-columns:230px 1fr;max-width:1240px;min-height:calc(100vh - 129px);margin:auto;border-inline:1px solid var(--line)}.sidebar{padding:32px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.pulse { display: inline-block; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 14px var(--signal); }
.sidebar-nav{display:grid;gap:4px}.sidebar-nav .sidebar-label{display:block;margin-bottom:8px}.sidebar-nav a{display:block;padding:10px 12px;color:var(--muted);border-left:2px solid transparent;font-size:.9rem;transition:color .15s,background .15s}.sidebar-nav a:hover{color:var(--ink);background:var(--panel)}.sidebar-help{display:grid;gap:4px;margin-top:28px;padding:14px 12px;border:1px solid var(--line);color:var(--muted);font-size:.82rem;line-height:1.45;transition:color .15s,border-color .15s}.sidebar-help strong{color:var(--ink);font-weight:600}.sidebar-help:hover{color:var(--ink);border-color:var(--signal)}
.sidebar-nav a.nav-active,.sidebar-nav a[aria-current]{color:var(--ink);background:var(--panel-2);border-left-color:var(--signal)}.workspace:focus-visible{outline-offset:-2px}#endpoints,#api-keys,#billing-panel,#download{scroll-margin-top:24px}.workspace{padding:50px}.workspace-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.workspace h1{font-size:3rem;letter-spacing:-.06em;margin:8px 0}.text-button{color:var(--muted);background:none;border:0;cursor:pointer}.text-button:hover{color:var(--ink)}
.connect-card{max-width:650px;display:grid;gap:20px;padding:30px;background:var(--panel);border:1px solid var(--line)}.connect-card h2{margin:0}.connect-card p{color:var(--muted);line-height:1.6}.connect-card label{display:grid;gap:8px;color:var(--muted);font-size:.85rem}.connect-card input{width:100%;padding:13px;color:var(--ink);background:#080b0a;border:1px solid var(--line)}.connect-card input:focus{border-color:var(--signal)}
.email-code-form{display:grid;gap:20px}.email-code-form input{width:calc(6ch + 1.5em + 28px);max-width:100%;font:1.6rem var(--font-mono);letter-spacing:.25em}.email-code-form .form-message:empty{display:none}.email-code-actions{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center}.email-code-actions form{margin:0}.connect-card strong{overflow-wrap:anywhere}
.form-message{margin:0;color:var(--cyan)!important}.head-actions{display:inline-flex;align-items:center;gap:6px;padding:4px 4px 4px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:.8rem}.account-email{max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.head-actions .text-button{padding:6px 12px;border-radius:999px;color:var(--ink)}.head-actions .text-button:hover{background:var(--panel-2)}.panel-head{display:grid;gap:6px;margin:0 0 18px}.panel-head h2{margin:0;font-size:1.3rem;line-height:1.3}.panel-head p{margin:0;color:var(--muted);font-size:.9rem}.billing-panel{margin:0 0 24px;padding:24px;border:1px solid var(--line);background:var(--panel)}.billing-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:20px 22px;border:1px solid #6b5d30;background:rgba(228,177,74,.07)}.billing-banner.billing-notice{margin-bottom:14px}.billing-banner.billing-active{border-color:#3f5a34;background:rgba(168,255,79,.05)}.billing-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}.billing-footer .text-button{text-decoration:underline;text-underline-offset:3px}.billing-footer .text-button:hover{color:var(--danger)}.notice{margin:0 0 14px;padding:14px 16px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font-size:.86rem;line-height:1.5}.notice-ok{border-color:#476031;background:rgba(168,255,79,.06)}.billing-banner p{margin:5px 0 0;color:var(--muted);font-size:.86rem}.billing-banner .button{flex:none}
.head-actions form,.billing-banner form{margin:0}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin:0 0 12px;color:var(--muted);font-size:.75rem}.section-title{margin:0;color:var(--ink);font-size:1rem;font-weight:600}.section-title .count{display:inline-block;min-width:1.8em;margin-left:6px;padding:1px 7px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--muted);font:500 .7rem/1.5 var(--font-mono);text-align:center;vertical-align:middle}.endpoints{margin-top:8px}.loading-label{display:none}.htmx-request .ready-label{display:none}.htmx-request .loading-label{display:inline}.htmx-request{cursor:wait;opacity:.78}
.command-card{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;margin-bottom:28px;border:1px solid #476031;background:rgba(168,255,79,.04)}.command-card div{display:grid;gap:7px}.command-card span{color:var(--muted);font: .65rem var(--font-mono);letter-spacing:.12em}.command-card code{color:var(--signal)}.command-card button{color:var(--ink);background:transparent;border:1px solid var(--line);padding:8px 12px;cursor:pointer}.empty-state{padding:56px;text-align:center;color:var(--muted);border:1px dashed var(--line)}.endpoint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
/* Cards share rows so status, title, URL, hints, facts and settings line up across the grid. */
@supports (grid-template-rows:subgrid){.endpoint{display:grid;grid-template-rows:subgrid;grid-row:span 6;align-content:start}.endpoint>.endpoint-top{grid-row:1}.endpoint>h2{grid-row:2}.endpoint>.endpoint-url{grid-row:3}.endpoint>.endpoint-hints{grid-row:4}.endpoint>.endpoint-facts{grid-row:5;align-self:end}.endpoint>.endpoint-settings{grid-row:6;align-self:start}}.endpoint{padding:25px;background:var(--panel);border:1px solid var(--line)}.endpoint-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:.65rem var(--font-mono);letter-spacing:.08em}.status{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:500 .62rem var(--font-mono);letter-spacing:.1em}.status::before{content:"";width:6px;height:6px;border-radius:50%;background:#667169}.status.online{color:var(--signal);border-color:#3f5a34;background:rgba(168,255,79,.06)}.status.online::before{background:var(--signal);box-shadow:0 0 9px var(--signal)}.status.trial-finished{color:#e4b14a;border-color:#6b5d30;background:rgba(228,177,74,.07)}.status.trial-finished::before{background:#e4b14a}.endpoint h2{margin:22px 0 10px;font-size:1.35rem;line-height:1.2}.endpoint-url{margin:0;padding:10px 12px;border:1px solid var(--line);background:var(--void);color:var(--cyan);font:.78rem/1.5 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.endpoint-url code{font:inherit}.endpoint-tag{display:inline-block;vertical-align:middle;margin-left:10px;padding:3px 8px;border:1px solid #6b5d30;color:#e4b14a;font:500 .6rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.endpoint-hints{display:grid;gap:6px}.endpoint-hint{margin:8px 0 0;color:var(--muted);font-size:.78rem}.endpoint dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;margin:22px 0 0;border-top:1px solid var(--line)}.endpoint dl div{min-width:0;padding-top:14px}.endpoint dt{color:var(--muted);font:500 .62rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.endpoint dd{margin:5px 0 0;font-size:.9rem;text-transform:capitalize;overflow-wrap:anywhere}.endpoint dd code{font:.8rem var(--font-mono);text-transform:none}.empty-endpoints{display:grid;justify-items:center;gap:10px;padding:44px 28px;background:var(--panel)}.empty-endpoints h3{margin:4px 0 0;color:var(--ink);font-size:1.2rem}.empty-endpoints p{max-width:48ch;margin:0;font-size:.92rem;line-height:1.6}.empty-endpoints strong{color:var(--ink)}.empty-endpoints .button{margin-top:8px}
.key-reveal{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:20px;border:1px solid var(--signal);background:rgba(168,255,79,.08)}.key-reveal p{margin:5px 0 12px;color:var(--muted);font-size:.8rem}.key-reveal code{display:block;color:var(--signal);overflow-wrap:anywhere}.key-reveal button{flex:none;padding:9px 12px;color:var(--void);background:var(--signal);border:0;cursor:pointer}.endpoint-settings{margin-top:20px;border-top:1px solid var(--line)}.endpoint-settings summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:14px 0 0;color:var(--cyan);cursor:pointer;font-size:.8rem;list-style:none}.endpoint-settings summary::-webkit-details-marker{display:none}.endpoint-settings summary::before{content:"\25B8";display:inline-block;width:1em;transition:transform .15s}.endpoint-settings[open] summary::before{transform:rotate(90deg)}.endpoint-settings summary:hover .summary-title,.endpoint-settings:target summary{color:var(--signal)}.summary-hint{color:var(--muted);font-size:.7rem}.endpoint-settings summary:focus-visible{outline-offset:4px}.endpoint-settings>form,.key-manager{margin-top:18px}.endpoint-settings label{display:grid;gap:7px;margin-bottom:14px;color:var(--muted);font-size:.72rem}.endpoint-settings input,.endpoint-settings textarea{width:100%;padding:10px;color:var(--ink);background:var(--void);border:1px solid var(--line);resize:vertical}.endpoint-settings small{color:var(--muted);font-size:.68rem}.endpoint-settings .button{min-height:38px;padding:0 14px;font-size:.75rem}.key-manager{padding-top:18px;border-top:1px solid var(--line)}.key-manager h3{margin:0 0 10px;font-size:.85rem}.key-manager ul{padding:0;margin:0;list-style:none}.key-manager li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.key-manager li span{display:grid;gap:3px;min-width:0}.key-manager li strong{font-size:.76rem}.key-manager li small{overflow-wrap:anywhere}.key-manager li em{color:var(--muted);font-size:.7rem;font-style:normal}.text-button.danger{color:var(--danger)}.new-key{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:14px}.new-key label{margin:0}.delete-endpoint{padding-top:16px;border-top:1px solid var(--line)}
@media(max-width:800px){.dashboard-shell{grid-template-columns:1fr}.sidebar{display:none}.workspace{padding:28px}.endpoint-grid{grid-template-columns:1fr}.key-reveal{align-items:flex-start;flex-direction:column}.new-key{grid-template-columns:1fr}}
@media(max-width:540px){.topbar nav a:first-child{display:none}.billing-banner{flex-direction:column;align-items:stretch}footer,footer>div{display:grid;gap:10px}.workspace h1{font-size:2.5rem}.head-actions span{display:none}.head-actions{padding-left:4px}.endpoint dl{grid-template-columns:1fr 1fr}.billing-footer{align-items:flex-start;flex-direction:column}.legal-page{padding-top:60px}.legal-page h1{font-size:3.4rem}}
@media(max-width:540px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;gap:12px;padding:16px 20px}.topbar nav{flex-wrap:wrap;gap:12px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Standalone cancellation flow: restrained, direct, and separate from the dashboard. */
.cancellation-shell{min-height:100vh;background:var(--void)}
.cancellation-topbar{height:72px;display:flex;align-items:center;max-width:920px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}
.cancellation-footer{max-width:920px}
.cancellation-page{max-width:760px;margin:auto;padding:76px 28px 110px}
.cancellation-page h1{max-width:680px;margin:18px 0 22px;font-size:clamp(3rem,8vw,5.8rem);line-height:.94;letter-spacing:-.06em}
.cancellation-intro{max-width:660px;margin:0 0 46px;color:#b2beb6;font-size:1.08rem;line-height:1.7}
.cancellation-error{margin:0 0 28px;padding:16px 18px;color:#ffd0cc;background:rgba(255,107,99,.08);border:1px solid rgba(255,107,99,.48);line-height:1.55}
.cancellation-review-note{margin:0 0 24px;padding:16px 18px;color:#d9c48c;background:rgba(228,177,74,.07);border:1px solid #6b5d30;line-height:1.55}
.cancellation-form{display:grid;gap:18px}
.cancellation-form section{display:grid;gap:20px;padding:26px;background:var(--panel);border:1px solid var(--line)}
.cancellation-form h2{margin:0;font-size:1.05rem}
.cancellation-form label{display:grid;gap:8px;color:var(--ink);font-size:.92rem}
.cancellation-form input[type="text"],.cancellation-form input[type="email"],.cancellation-form input[type="date"],.cancellation-form textarea{width:100%;padding:13px 14px;color:var(--ink);background:var(--void);border:1px solid var(--line);border-radius:0;font:inherit}
.cancellation-form textarea{resize:vertical}
.cancellation-form input:focus,.cancellation-form textarea:focus{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal)}
.cancellation-form fieldset{display:grid;gap:12px;margin:0;padding:0;border:0}
.cancellation-form legend{margin-bottom:12px;color:var(--ink);font-size:.92rem}
.cancellation-form .choice{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:10px;color:var(--muted)}
.cancellation-form input[type="radio"]{width:18px;height:18px;margin:0;accent-color:var(--signal)}
.cancellation-form small,.submission-note,.receipt-actions p{color:var(--muted);font-size:.78rem;line-height:1.55}
.submission-note{margin:0}
.cancellation-submit{justify-self:start;min-width:180px;text-transform:none}
.receipt-card{margin:0;display:grid;border:1px solid var(--line);background:var(--panel)}
.receipt-card div{display:grid;grid-template-columns:minmax(130px,.45fr) 1fr;gap:24px;padding:16px 20px;border-top:1px solid var(--line)}
.receipt-card div:first-child{border-top:0}
.receipt-card dt{color:var(--muted);font-size:.78rem}
.receipt-card dd{margin:0;overflow-wrap:anywhere;line-height:1.5}
.receipt-card code{color:var(--cyan);font:inherit}
.receipt-actions{display:flex;align-items:center;gap:18px;margin-top:26px}
.receipt-actions p{margin:0}
@media(max-width:540px){.cancellation-page{padding-top:54px}.cancellation-page h1{font-size:3.3rem}.cancellation-form section{padding:21px}.receipt-card div{grid-template-columns:1fr;gap:6px}.receipt-actions{align-items:stretch;flex-direction:column}.cancellation-submit{width:100%}}


/* ─────────────────────────────────────────────────────────────
   Landing page. Shares the console theme with the dashboard.
   ───────────────────────────────────────────────────────────── */
.landing { position: relative; overflow-x: clip; --ink-2: #c3cec6; --signal-dim: rgba(168, 255, 79, .14); --line-strong: #3a473f; }
.landing::before {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .35; mix-blend-mode: screen;
  background-image: 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='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .6 0 0 0 0 .5 0 0 0 .12 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.landing > * { position: relative; z-index: 1; }
.landing h1, .landing h2, .landing h3 { font-weight: 750; letter-spacing: -.035em; margin: 0; }
.landing code, .landing pre { font-family: var(--font-mono); }

/* Hero */
.landing .hero { position: relative; display: grid; grid-template-columns: 1.15fr .85fr; gap: 56px; align-items: center; max-width: 1240px; margin: auto; padding: 96px 28px 104px; }
.landing .hero::before { content: ""; position: absolute; inset: -72px -40vw 0; z-index: -1; pointer-events: none; background:
  radial-gradient(ellipse 52% 60% at 68% 30%, rgba(168, 255, 79, .11), transparent 70%),
  radial-gradient(ellipse 40% 50% at 12% 80%, rgba(98, 232, 213, .06), transparent 70%); }
.landing .hero::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .5;
  background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 56px 56px;
  mask-image: radial-gradient(ellipse 70% 80% at 50% 40%, #000, transparent 75%); -webkit-mask-image: radial-gradient(ellipse 70% 80% at 50% 40%, #000, transparent 75%); }
.landing .hero-copy > * { animation: rise .9s cubic-bezier(.2, .7, .2, 1) both; }
.landing .hero-copy > :nth-child(2) { animation-delay: .08s; }
.landing .hero-copy > :nth-child(3) { animation-delay: .18s; }
.landing .hero-copy > :nth-child(4) { animation-delay: .28s; }
.landing .hero-copy > :nth-child(5) { animation-delay: .36s; }
.landing .eyebrow { margin: 0 0 28px; display: flex; flex-wrap: wrap; align-items: center; column-gap: .4em; }
.landing .nowrap { white-space: nowrap; }
.landing .hero h1 { font-size: clamp(3.4rem, 5.3vw, 5.4rem); line-height: .92; letter-spacing: -.055em; font-weight: 800; text-wrap: balance; }
.landing .hero h1 em { font-style: normal; color: var(--signal); }
.landing .lede { max-width: 540px; margin: 30px 0 0; color: var(--ink-2); font-size: 1.18rem; line-height: 1.6; text-wrap: pretty; }
.landing .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.landing .hero-note { margin: 22px 0 0; max-width: 520px; color: var(--muted); font: 400 .76rem/1.7 var(--font-mono); }
.landing .button { font-weight: 650; letter-spacing: -.01em; }
.landing .button.primary:hover { transform: translateY(-1px); box-shadow: 0 10px 30px rgba(168, 255, 79, .22); }
.landing .button.secondary { color: var(--ink); border-color: var(--line-strong); }
.landing .button.secondary:hover { border-color: var(--signal); color: var(--signal); }

/* Console */
.landing .console { animation: rise 1s .3s cubic-bezier(.2, .7, .2, 1) both; background: #050706; color: #d9e2dc; border: 1px solid var(--line-strong); box-shadow: 0 30px 90px rgba(0, 0, 0, .55), 0 0 0 1px rgba(168, 255, 79, .06), 0 0 80px rgba(168, 255, 79, .07); }
.landing .console-bar { display: flex; align-items: center; gap: 7px; padding: 12px 16px; border-bottom: 1px solid var(--line); background: var(--panel); }
.landing .console-bar span { width: 10px; height: 10px; border-radius: 50%; background: #2a332d; }
.landing .console-bar span:first-child { background: var(--signal); box-shadow: 0 0 10px rgba(168, 255, 79, .6); }
.landing .console-bar em { margin-left: auto; font: 400 .66rem var(--font-mono); font-style: normal; color: var(--muted); letter-spacing: .08em; }
.landing .console pre { margin: 0; padding: 22px 24px 20px; overflow-x: auto; }
.landing .console code { display: block; font-size: .8rem; line-height: 1.9; white-space: pre; }
.landing .console code s { white-space: normal; }
.landing .console code u { white-space: normal; overflow-wrap: anywhere; }
.landing .c-line { display: block; opacity: 0; animation: console-in .3s ease-out both; }
.landing .c-line.delay-1 { animation-delay: .7s; }
.landing .c-line.delay-2 { animation-delay: 1.5s; }
.landing .c-line.delay-3 { animation-delay: 2.1s; }
.landing .c-line.delay-4 { animation-delay: 2.5s; }
.landing .c-line.delay-5 { animation-delay: 3s; }
.landing .c-line.delay-6 { animation-delay: 3.5s; }
.landing .c-line.delay-7 { animation-delay: 4.1s; }
.landing .c-line.delay-8 { animation-delay: 4.6s; }
.landing .c-line b { color: var(--signal); font-weight: 500; }
.landing .c-line i { display: inline-block; width: 1.4em; color: var(--signal); font-style: normal; }
.landing .c-line i.live { animation: blink-soft 1.8s ease-in-out infinite; text-shadow: 0 0 12px var(--signal); }
.landing .c-line s { color: var(--muted); text-decoration: none; }
.landing .c-line u { color: var(--cyan); text-decoration: underline; text-decoration-color: rgba(98, 232, 213, .35); text-underline-offset: 3px; }
.landing .cursor { display: inline-block; width: .55em; height: 1em; vertical-align: -.15em; background: var(--signal); animation: blink 1s steps(2) infinite; }

/* App ticker */
.landing .ticker { display: flex; align-items: stretch; max-width: 1240px; margin: -24px auto 110px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.landing .ticker-label { flex: none; display: flex; align-items: center; padding: 0 22px 0 28px; color: var(--signal); font: 500 .68rem var(--font-mono); letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; border-right: 1px solid var(--line); background: var(--void); position: relative; z-index: 1; }
.landing .ticker-track { flex: 1; display: flex; overflow: hidden; min-width: 0; mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.landing .ticker-list { flex: none; display: flex; align-items: center; margin: 0; padding: 0; list-style: none; animation: ticker 42s linear infinite; }
.landing .ticker-track:hover .ticker-list, .landing .ticker-track:focus-within .ticker-list { animation-play-state: paused; }
.landing .ticker-list li { padding: 18px 0; color: var(--ink-2); font-weight: 650; font-size: 1.02rem; letter-spacing: -.01em; white-space: nowrap; }
.landing .ticker-list a { color: inherit; transition: color .15s; }
.landing .ticker-list a:hover, .landing .ticker-list a:focus-visible { color: var(--signal); }
.landing .ticker-list li::after { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 28px; border-radius: 50%; background: var(--signal); vertical-align: middle; opacity: .8; }
@keyframes ticker { to { transform: translateX(-100%); } }

/* Chapters */
.landing .chapter { max-width: 1240px; margin: 0 auto 128px; padding: 0 28px; }
.landing .chapter-head { display: grid; grid-template-columns: 120px 1fr 1fr; gap: 32px; align-items: start; padding-top: 22px; margin-bottom: 40px; border-top: 1px solid var(--line-strong); }
.landing .chapter-no { color: var(--signal); font: 500 .72rem/1.6 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }
.landing .chapter-head h2 { font-size: clamp(2rem, 3.6vw, 2.9rem); line-height: 1.02; text-wrap: balance; }
.landing .chapter-head p { margin: .35em 0 0; max-width: 480px; color: var(--muted); font-size: 1.02rem; line-height: 1.6; text-wrap: pretty; }

/* Wiring */
.landing .wiring { display: grid; grid-template-columns: 1fr 150px 1.15fr 150px 1fr; align-items: stretch; }
.landing .wlegend { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 28px; margin: 16px 0 48px; color: var(--muted); font: 400 .66rem var(--font-mono); letter-spacing: .05em; }
.landing .wlegend span::before { content: ""; display: inline-block; width: 22px; height: 2px; margin-right: 9px; vertical-align: middle; background: repeating-linear-gradient(90deg, var(--c) 0 5px, transparent 5px 10px); }
.landing .wlegend .req { --c: var(--cyan); }
.landing .wlegend .res { --c: var(--signal); }
.landing .wnode { display: flex; flex-direction: column; gap: 6px; min-height: 176px; padding: 24px; background: var(--panel); border: 1px solid var(--line-strong); }
.landing .wnode.relay { border-color: #5a743e; box-shadow: inset 0 0 40px rgba(168, 255, 79, .04), 0 0 40px rgba(168, 255, 79, .05); }
.landing .wlabel { color: var(--muted); font: 500 .68rem var(--font-mono); letter-spacing: .14em; }
.landing .wnode strong { margin-top: 18px; font-size: 1.05rem; font-weight: 650; letter-spacing: -.015em; }
.landing .wnode small { color: var(--muted); font: 400 .72rem/1.5 var(--font-mono); }
.landing .chip { margin-top: auto; align-self: flex-start; padding: 4px 10px; border-radius: 999px; background: var(--signal); color: var(--void); font: 500 .66rem var(--font-mono); font-style: normal; letter-spacing: .04em; }
.landing .chip.ghost { background: transparent; color: var(--ink-2); border: 1px solid var(--line-strong); }
.landing .wlink { --wire: var(--signal); position: relative; align-self: center; display: grid; gap: 7px; padding: 0 2px; }
.landing .wlink i:first-of-type { --wire: var(--signal); }
.landing .wlink i:last-of-type { --wire: var(--cyan); }
.landing .wlink i { position: relative; display: block; height: 2px; background: repeating-linear-gradient(90deg, var(--wire) 0 6px, transparent 6px 14px); opacity: .9; animation: slide 1s linear infinite; }
.landing .wlink i:last-of-type { animation-direction: reverse; }
.landing .wlink i::after { content: ""; position: absolute; top: 50%; width: 0; height: 0; border: 5px solid transparent; transform: translateY(-50%); }
.landing .wlink i:first-of-type::after { right: -3px; border-left: 7px solid var(--wire); border-right: 0; }
.landing .wlink i:last-of-type::after { left: -3px; border-right: 7px solid var(--wire); border-left: 0; }
.landing .wlink span { position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%); white-space: nowrap; color: var(--muted); font: 400 .62rem var(--font-mono); letter-spacing: .04em; }

/* Steps */


/* Uses */
.landing .uses { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.landing .uses article { display: flex; flex-direction: column; min-height: 270px; padding: 26px; background: var(--panel); transition: background .2s; }
.landing .uses article:hover { background: var(--panel-2); }
.landing .uses.platforms { grid-template-columns: repeat(2, 1fr); }
.landing .uses.platforms h3 { margin-top: 32px; }
.landing .uses.platforms .button { align-self: flex-start; margin-top: 22px; }
.landing .uses.platforms .platform-soon { cursor: default; opacity: .6; }
.landing .use-tag { color: var(--signal); font: 500 .68rem var(--font-mono); letter-spacing: .14em; }
.landing .uses h3 { margin: 44px 0 12px; font-size: 1.35rem; line-height: 1.08; }
.landing .uses p { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.6; text-wrap: pretty; }
.landing .uses code { margin-top: auto; padding-top: 26px; color: var(--cyan); font-size: .68rem; }
.landing .fineprint { margin: 14px 0 0; color: #7a867e; font: 400 .7rem/1.6 var(--font-mono); }

/* Comparison */
.landing .vs { border: 1px solid var(--line); background: var(--panel); }
.landing .vs-row { display: grid; grid-template-columns: 200px 1.15fr 1fr 1fr; border-top: 1px solid var(--line); }
.landing .vs-row:first-child { border-top: 0; }
.landing .vs-head > div { padding: 16px 22px; color: var(--muted); font: 500 .7rem var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }
.landing .vs-head .vs-mu { color: var(--signal); }
.landing .vs-head > div + div { border-left: 1px solid var(--line); }
.landing .vs-label { padding: 20px 22px; color: var(--ink); font-weight: 650; font-size: .92rem; line-height: 1.4; letter-spacing: -.01em; }
.landing .vs-cell { padding: 20px 22px; color: var(--muted); font-size: .9rem; line-height: 1.55; border-left: 1px solid var(--line); text-wrap: pretty; }
.landing .vs-cell.vs-mu { color: var(--ink-2); background: rgba(168, 255, 79, .035); }
.landing .vs-short .vs-row { grid-template-columns: 200px 1fr 1fr 1fr; }
.landing .vs-short .vs-cell { color: var(--ink-2); }
.landing .inline-link { color: var(--cyan); text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(98, 232, 213, .35); white-space: nowrap; }
.landing .inline-link:hover { color: var(--signal); }
.landing.compare-page { padding-top: 72px; }
.landing .compare-actions { margin-top: 40px; }

/* Pricing */
.landing .plans { display: grid; grid-template-columns: .85fr 1.15fr; gap: 1px; background: var(--line); border: 1px solid var(--line); }
.landing .plan { display: flex; flex-direction: column; padding: 32px; background: var(--panel); }
.landing .plan.featured { background: var(--panel-2); box-shadow: inset 0 0 0 1px #5a743e, inset 0 0 60px rgba(168, 255, 79, .04); }
.landing .plan-tag { color: var(--signal); font: 500 .68rem var(--font-mono); letter-spacing: .14em; }
.landing .plan-price { margin: 34px 0 18px; }
.landing .plan-price strong { display: block; font-size: 2.6rem; font-weight: 800; letter-spacing: -.05em; line-height: 1; }
.landing .plan-price strong small { font-size: .55em; font-weight: 700; vertical-align: .55em; margin-right: 2px; letter-spacing: 0; }
.landing .plan-price strong em { font-style: normal; font-size: .38em; font-weight: 500; color: var(--muted); letter-spacing: -.01em; margin-left: 6px; }
.landing .plan-price span { display: block; margin-top: 12px; color: var(--muted); font: 400 .78rem/1.5 var(--font-mono); }
.landing .plan p { margin: 0 0 22px; color: var(--ink-2); font-size: .98rem; line-height: 1.6; text-wrap: pretty; }
.landing .plan ul { list-style: none; margin: 0 0 30px; padding: 0; display: grid; gap: 10px; }
.landing .plan li { position: relative; padding-left: 22px; color: var(--muted); font-size: .92rem; line-height: 1.5; }
.landing .plan li::before { content: ""; position: absolute; left: 0; top: .62em; width: 10px; height: 2px; background: var(--signal); }
.landing .plan .button { margin-top: auto; align-self: flex-start; }

/* Drop-in block */
.landing .dropin { display: grid; grid-template-columns: .85fr 1.15fr; gap: 56px; align-items: center; max-width: 1184px; padding: 64px; background: var(--panel-2); border: 1px solid var(--line-strong); box-shadow: 0 0 0 1px rgba(168, 255, 79, .05), 0 30px 80px rgba(0, 0, 0, .4); }
.landing .dropin .chapter-no { display: block; margin-bottom: 22px; }
.landing .dropin h2 { font-size: clamp(2.1rem, 3.8vw, 3rem); line-height: 1.02; text-wrap: balance; }
.landing .dropin p { margin: 20px 0 32px; max-width: 440px; color: var(--muted); font-size: 1.02rem; line-height: 1.65; text-wrap: pretty; }
.landing .snippets { display: grid; gap: 18px; min-width: 0; }
.landing .snippets figure { margin: 0; min-width: 0; }
.landing .snippets figcaption { margin-bottom: 8px; color: var(--muted); font: 500 .66rem var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }
.landing .snippets pre { margin: 0; padding: 22px 24px; background: #050706; border: 1px solid var(--line); overflow-x: auto; }
.landing .snippets code { font-size: .8rem; line-height: 1.7; color: #aab6ae; white-space: pre; }
.landing .snippets .k { color: var(--cyan); }
.landing .snippets .s { color: var(--signal); }

/* Trust boundary */
.landing .boundary { max-width: 860px; margin-left: max(28px, calc((100% - 1184px) / 2)); padding: 6px 0 6px 34px; border-left: 2px solid var(--signal); }
.landing .boundary .chapter-no { display: block; margin-bottom: 18px; }
.landing .boundary h2 { font-size: clamp(1.9rem, 3.2vw, 2.5rem); line-height: 1.05; }
.landing .boundary p { margin: 20px 0 22px; color: var(--ink-2); font-size: 1.04rem; line-height: 1.7; text-wrap: pretty; }
.landing .boundary a { color: var(--cyan); font: 500 .78rem var(--font-mono); text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(98, 232, 213, .35); }
.landing .boundary a:hover { color: var(--signal); }

/* Finale */
.landing .finale { max-width: 900px; margin: auto; padding: 24px 28px 128px; text-align: center; }
.landing .finale h2 { font-size: clamp(2.6rem, 6vw, 4.8rem); line-height: .96; letter-spacing: -.05em; text-wrap: balance; }
.landing .finale h2 em { font-style: normal; color: var(--signal); }
.landing .finale .terminal { display: inline-block; margin: 36px auto 8px; padding: 16px 30px; background: #050706; border: 1px solid var(--line-strong); color: #d9e2dc; font: 400 .95rem var(--font-mono); box-shadow: 0 20px 60px rgba(0, 0, 0, .45), 0 0 50px rgba(168, 255, 79, .07); }
.landing .finale .terminal b { color: var(--signal); font-weight: 500; margin-right: 12px; }
.landing .finale .hero-actions { justify-content: center; }
.landing .finale .hero-note { margin-inline: auto; text-align: center; }

/* Motion */
@keyframes rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes console-in { from { opacity: 0; transform: translateX(-6px); } to { opacity: 1; transform: none; } }
@keyframes blink { 50% { opacity: 0; } }
@keyframes blink-soft { 50% { opacity: .35; } }
@keyframes slide { to { background-position: 14px 0; } }
@keyframes slide-v { to { background-position: 0 14px; } }
@media (prefers-reduced-motion: no-preference) {
  .landing .reveal { animation: rise .9s cubic-bezier(.2, .7, .2, 1) both; }
  @supports (animation-timeline: view()) {
    .landing .reveal { animation-timeline: view(); animation-range: entry 0% entry 32%; }
  }
}
@media (prefers-reduced-motion: reduce) {
  .landing .ticker-list { animation: none; flex-wrap: wrap; }
  .landing .ticker-list[aria-hidden] { display: none; }
  .landing .ticker-track { mask-image: none; -webkit-mask-image: none; }
  .landing .hero-copy > *, .landing .console, .landing .c-line { animation: none; opacity: 1; }
  .landing .wlink i, .landing .cursor, .landing .c-line i.live { animation: none; }
}

/* Responsive */
@media (max-width: 1000px) {
  .landing .hero { grid-template-columns: 1fr; gap: 44px; padding-top: 64px; }
  .landing .chapter-head { grid-template-columns: 1fr; gap: 12px; }
  .landing .chapter-head p { margin-top: 0; }
  .landing .uses { grid-template-columns: 1fr 1fr; }
  .landing .plans { grid-template-columns: 1fr; }
  .landing .ticker { flex-direction: column; margin: 0 auto 80px; }
  .landing .ticker-label { padding: 12px 20px; border-right: 0; border-bottom: 1px solid var(--line); }
  .landing .ticker-list li { padding: 14px 0; font-size: .94rem; }
  .landing .vs-head { display: none; }
  .landing .vs-row, .landing .vs-short .vs-row { grid-template-columns: 1fr; }
  .landing .vs-label { padding: 18px 20px 6px; font-size: 1rem; }
  .landing .vs-cell { padding: 10px 20px 14px; border-left: 0; }
  .landing .vs-cell::before { content: attr(data-col); display: block; margin-bottom: 4px; color: var(--muted); font: 500 .64rem var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }
  .landing .vs-cell.vs-mu::before { color: var(--signal); }
  .landing .vs-cell:last-child { padding-bottom: 20px; }
  .landing .dropin { grid-template-columns: 1fr; gap: 36px; padding: 40px 32px; margin-inline: 28px; }
  .landing .boundary { margin-left: 28px; margin-right: 28px; }
  .landing .wiring { grid-template-columns: 1fr; }
  .landing .wnode { min-height: 0; }
  .landing .wlink { width: auto; height: 56px; margin: 0 auto; padding: 0; grid-auto-flow: column; justify-content: center; gap: 8px; }
  .landing .wlink i { width: 2px; height: 100%; background: repeating-linear-gradient(180deg, var(--wire) 0 6px, transparent 6px 14px); animation-name: slide-v; }
  .landing .wlink i::after { top: auto; left: 50%; transform: translateX(-50%); border: 5px solid transparent; }
  .landing .wlink i:first-of-type::after { right: auto; bottom: -3px; border-top: 7px solid var(--wire); border-bottom: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; }
  .landing .wlink i:last-of-type::after { left: 50%; top: -3px; border-bottom: 7px solid var(--wire); border-top: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; }
  .landing .wlink span { left: calc(50% + 16px); bottom: auto; top: 50%; transform: translateY(-50%); }
}
@media (max-width: 600px) {
  .landing .hero { padding: 48px 20px 72px; }
  .landing .chapter { padding-inline: 20px; margin-bottom: 96px; }
  .landing .hero h1 { font-size: 3.1rem; }
  .landing .lede { font-size: 1.05rem; }
  .landing .hero-actions { flex-direction: column; align-items: stretch; }
  .landing .console code { font-size: .72rem; }
  .landing .uses { grid-template-columns: 1fr; }
  .landing .uses article { min-height: 0; }
  .landing .uses h3 { margin-top: 26px; }
  .landing .plan { padding: 24px 20px; }
  .landing .plan-price { margin-top: 24px; }
  .landing .plan-price strong { font-size: 2.2rem; }
  .landing .plan .button { align-self: stretch; }
  .landing .dropin { margin-inline: 20px; padding: 32px 22px; }
  .landing .boundary { margin-inline: 20px; padding-left: 20px; }
  .landing .finale { padding-inline: 20px; }
  .landing .finale .terminal { font-size: .8rem; padding: 14px 18px; }
}

/* Mobile polish */
.landing .hero > * { min-width: 0; }
.landing .lede, .landing .hero-note { max-width: 100%; }
@media (max-width: 600px) {
  html:has(main.landing) .topbar { height: 60px; padding: 0 20px; }
  html:has(main.landing) .topbar nav { gap: 18px; }
  html:has(main.landing) .topbar nav a:not(:last-child) { display: none; }
  .landing .hero { padding: 44px 20px 64px; gap: 34px; }
  .landing .hero::after { background-size: 40px 40px; }
  .landing .eyebrow { flex-wrap: wrap; row-gap: 4px; margin-bottom: 20px; font-size: .62rem; letter-spacing: .1em; }
  .landing .hero h1 { font-size: clamp(2.6rem, 13.5vw, 3.2rem); line-height: .94; }
  .landing .lede { margin-top: 20px; font-size: 1rem; line-height: 1.55; }
  .landing .hero-actions { margin-top: 26px; }
  .landing .hero-note { margin-top: 18px; font-size: .7rem; }
  .landing .console { box-shadow: 0 20px 50px rgba(0, 0, 0, .5); }
  .landing .console pre { padding: 16px; }
  .landing .console code { font-size: .68rem; line-height: 1.8; }
  .landing .chapter { margin-bottom: 72px; }
  .landing .chapter-head { margin-bottom: 26px; gap: 8px; }
  .landing .chapter-head h2 { font-size: 1.85rem; }
  .landing .chapter-head p { font-size: .94rem; }
  .landing .wlegend { margin-bottom: 32px; }
  .landing .wnode { padding: 20px; }
  .landing .wnode strong { margin-top: 12px; font-size: .98rem; }
  .landing .wlink { height: 44px; }
  .landing .uses article { padding: 20px; }
  .landing .uses h3 { margin-top: 20px; font-size: 1.2rem; }
  .landing .uses p { font-size: .88rem; }
  .landing .uses code { padding-top: 18px; }
  .landing .dropin { padding: 28px 20px; gap: 26px; }
  .landing .dropin .chapter-no { margin-bottom: 14px; }
  .landing .dropin h2 { font-size: 1.85rem; }
  .landing .dropin p { margin: 14px 0 22px; font-size: .96rem; }
  .landing .snippets pre { padding: 16px; }
  .landing .snippets code { font-size: .72rem; }
  .landing .boundary { padding-left: 18px; }
  .landing .boundary h2 { font-size: 1.6rem; }
  .landing .boundary p { font-size: .96rem; line-height: 1.6; }
  .landing .boundary a { font-size: .72rem; }
  .landing .finale { padding: 8px 20px 84px; }
  .landing .finale h2 { font-size: 2.4rem; line-height: .98; }
  .landing .finale .terminal { display: block; max-width: 100%; margin: 26px 0 0; padding: 14px 16px; font-size: .78rem; overflow-wrap: anywhere; box-shadow: 0 16px 40px rgba(0, 0, 0, .45); }
  .landing .finale .hero-note { font-size: .7rem; }
}
.quickstart-page .callout{margin:32px 0;padding:22px 24px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--signal)}.quickstart-page .callout .eyebrow{margin:0 0 8px;color:var(--signal)}.quickstart-page .callout h2{margin:0 0 12px}.quickstart-page .callout p:last-child{margin-bottom:0}
.quickstart-page pre{padding:20px;background:var(--panel);border:1px solid var(--line);overflow-x:auto;line-height:1.7;font-size:.8rem;color:var(--signal)}.quickstart-page code{overflow-wrap:anywhere}.quickstart-page pre code{overflow-wrap:normal}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}.download-card{display:grid;gap:6px;align-content:start;padding:18px 20px;border:1px solid var(--line);background:var(--panel-2);text-decoration:none;transition:border-color .18s}.download-card:first-child:nth-last-child(odd){grid-column:1/-1}.download-card .download-action{color:var(--cyan);font-size:.9rem;font-weight:600}.download-card small{color:var(--muted);font-size:.74rem}.quickstart-page details{margin-top:20px}.quickstart-page summary{cursor:pointer;color:var(--cyan)}.command-card a{font-size:.8rem;color:var(--cyan)}@media(max-width:600px){.download-grid{grid-template-columns:1fr}.command-card{gap:12px;padding:16px}.command-card code{font-size:.75rem}}

.install-cli{margin:24px 0 32px;padding:24px;border:1px solid var(--line);background:var(--panel)}.install-cli h2{font-size:1.3rem;line-height:1.4;max-width:38ch;margin:0 0 16px}.install-cli p{color:var(--muted);font-size:.9rem;line-height:1.7;margin:8px 0}.install-cli a{color:var(--cyan)}.install-cli .panel-head h2{max-width:38ch}.install-note{color:var(--muted)}.install-note code{padding:1px 5px;border:1px solid var(--line);background:var(--void);color:var(--ink);font:.78rem var(--font-mono)}.download-card:hover{border-color:var(--cyan)}.download-card strong{color:var(--ink);font-size:1rem}

.download-pending{grid-column:1/-1}.download-pending span{color:var(--muted)}

.billing-checkout-form{display:grid;gap:12px;flex-shrink:0;width:290px;max-width:100%}.billing-checkout-form label{display:grid;gap:6px;font-size:.82rem;color:var(--muted)}.billing-checkout-form select{box-sizing:border-box;width:100%;padding:12px;color:var(--ink);background:var(--panel);border:1px solid var(--muted);border-radius:8px;font:inherit}.billing-checkout-form select:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.billing-checkout-form .button{width:100%}
@media(max-width:540px){.billing-checkout-form{width:100%}}