/* Fonts, served from this origin.
 *
 * Never from Google. A <link> to fonts.googleapis.com makes every visitor's
 * browser announce itself to Google — address, user agent, the page they are
 * on. This is the front door of a no-KYC product paid for in crypto; telling a
 * third party who is reading the pricing page undoes the pitch before anybody
 * has signed up. The payment icons were doing the same thing to a CDN, which
 * was worse: it named the coin they were looking at.
 *
 * It is also faster. A stylesheet on another origin holds the first paint.
 */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/ibm-plex-mono-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/ibm-plex-mono-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/ibm-plex-mono-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/ibm-plex-mono-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/ibm-plex-mono-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/ibm-plex-mono-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/ibm-plex-sans-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/ibm-plex-sans-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* buckets.ninja — design tokens + shared components.
   Extracted from inline styles; dynamic (template-bound) styles remain inline. */

:root {
  --bg: #0b0e15;
  --panel: #0d111a;
  --panel-2: #10151f;
  --text: #e8eaef;
  --body: #a9b1bf;
  --bright: #c3c9d4;
  --muted: #8b93a3;
  --dim: #5c6472;
  --accent: #f4571c;
  --accent-h: #ff6a2e;
  --green: #4a9e6a;
  --blue: #5b8def;
  --border: rgba(255, 255, 255, .09);
  --border-2: rgba(255, 255, 255, .12);
  --mono: 'IBM Plex Mono', monospace;
  --sans: 'IBM Plex Sans', sans-serif;
}

body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--sans); -webkit-font-smoothing: antialiased }
a { color: var(--accent); text-decoration: none }
a:hover { color: #ff7038 }
::selection { background: rgba(244, 87, 28, .35) }
details summary::-webkit-details-marker { display: none }
details[open] [data-faq-plus] { transform: rotate(45deg) }

/* ---- typography ---- */
.h1 { font-size: 32px; font-weight: 700; margin: 0 0 10px; letter-spacing: -.02em }
.lead { font-size: 14.5px; line-height: 1.6; color: var(--body); margin: 0 0 32px }
.eyebrow { font: 500 12px var(--mono); letter-spacing: .18em; color: var(--accent); margin-bottom: 16px }
.eyebrow-sm { font: 600 11px var(--mono); letter-spacing: .1em; color: var(--accent); margin-bottom: 6px }
.mono { font-family: var(--mono); color: var(--text) }
.mono-accent { font: 600 13px var(--mono); color: var(--accent); flex: none }
.muted { color: var(--muted) }
.body-sm { font-size: 13.5px; color: var(--body) }
.body-bright { font-size: 13.5px; line-height: 1.6; color: var(--bright) }
.hint { font-size: 12.5px; color: var(--muted); margin-top: 5px }
.prompt { color: var(--blue) }

/* ---- layout utilities ---- */
.vstack-18 { display: flex; flex-direction: column; gap: 18px }
.hstack-18 { display: flex; gap: 18px }
.row-between { display: flex; justify-content: space-between; font-size: 13px; color: var(--body) }

/* ---- cards / panels ---- */
.card { background: var(--panel); border: 1px solid var(--border); border-radius: 10px; padding: 22px }
.card-tight { background: var(--panel); border: 1px solid var(--border); border-radius: 10px; padding: 18px 20px }
.card-center { background: var(--panel); border: 1px solid var(--border); border-radius: 10px; padding: 26px 24px; text-align: center }
.card-row { background: var(--panel); border: 1px solid var(--border); border-radius: 10px; padding: 20px 24px; display: flex; gap: 16px; align-items: baseline }
.card-label { font: 600 11px var(--mono); color: var(--muted); letter-spacing: .1em; margin-bottom: 10px }
.card-note { font-size: 13px; color: var(--muted); margin-top: 6px }
.price-big { font: 600 34px var(--mono); color: var(--accent); letter-spacing: -.02em }
.item-title { font-size: 14.5px; font-weight: 600; margin-bottom: 3px }
.item-desc { font-size: 13.5px; line-height: 1.55; color: var(--muted) }

/* ---- forms ---- */
.field-label { font: 600 11px var(--mono); letter-spacing: .12em; color: var(--muted); margin-bottom: 8px }
.input { width: 100%; box-sizing: border-box; background: var(--panel); border: 1px solid var(--border-2); border-radius: 7px; padding: 13px 14px; font: 400 14px var(--sans); color: var(--text); outline: none }
.input:focus { border-color: var(--accent) }
.btn-block { display: block; text-align: center; background: var(--accent); color: #fff; font-size: 15px; font-weight: 600; padding: 14px 20px; border-radius: 7px; cursor: pointer; margin-top: 6px }
/* color is repeated on hover because the global a:hover would otherwise turn
   the label orange-on-orange when .btn-block is used on an anchor */
.btn-block:hover { background: var(--accent-h); color: #fff }
.btn-block:disabled, .btn-block:disabled:hover { background: var(--panel-2); color: var(--muted); cursor: default }
.form-foot { font-size: 13px; color: var(--muted); text-align: center }
/* for feet that follow a button directly, outside a .vstack-18 */
.form-foot-spaced { margin-top: 20px }
.captcha-box { display: flex; align-items: center; gap: 12px; background: var(--panel); border: 1px solid var(--border-2); border-radius: 7px; padding: 14px 16px; width: fit-content }
.captcha-check { width: 22px; height: 22px; border: 2px solid rgba(255, 255, 255, .25); border-radius: 4px; flex: none }
.captcha-note { font: 400 10px var(--mono); color: var(--dim); margin-left: 14px; text-align: center; line-height: 1.4 }

/* ---- steps (what happens next) ---- */
.step-col { display: flex; flex-direction: column; align-items: center }
.step-num { font: 600 13px var(--mono); color: var(--accent); border: 1px solid rgba(244, 87, 28, .4); border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; flex: none }
.step-title { font-size: 14.5px; font-weight: 600; margin: 5px 0 4px }
.step-desc { font-size: 13px; line-height: 1.6; color: var(--muted) }

/* ---- tables ---- */
.th { text-align: left; font: 600 11px var(--mono); letter-spacing: .1em; color: var(--muted); padding: 13px 18px; border-bottom: 1px solid var(--border) }

/* ---- misc ---- */
.burger-line { display: block; width: 20px; height: 2px; background: var(--text); border-radius: 1px }
.term-dot { width: 10px; height: 10px; border-radius: 50%; background: #3a4250 }

/* ---- header / nav behavior ---- */
[data-acc-item] { flex: 1 1 0; min-width: 0; overflow: hidden; transition: flex .38s cubic-bezier(.4, 0, .2, 1), border-color .25s, background .25s; cursor: pointer; -webkit-tap-highlight-color: transparent }
[data-acc-item][data-active="1"] { flex: 2.6; border-color: rgba(244, 87, 28, .45) !important; background: var(--panel-2) !important }
[data-acc-desc] { opacity: 0; max-height: 0; transition: opacity .28s .12s, max-height .38s }
[data-acc-item][data-active="1"] [data-acc-desc] { opacity: 1; max-height: 90px }
[data-acc-label] { overflow: hidden; text-overflow: ellipsis }
@media (max-width:860px) {
  [data-acc-row] { flex-direction: column }
  [data-acc-item] { flex: none !important; height: auto !important; min-height: 0; padding: 18px 22px !important }
  [data-acc-desc] { transition: opacity .28s .12s, max-height .38s }
  [data-acc-item][data-active="1"] [data-acc-desc] { max-height: 120px }
}
[data-fiat="1"] { border-radius: 7px !important }
@media (max-width:980px) {
  [data-feat-grid="1"] { grid-template-columns: repeat(2, 1fr) !important }
}
@media (max-width:480px) {
  [data-feat-grid="1"] { grid-template-columns: 1fr !important }
}
@media (max-width:640px) {
  [data-nav="1"], [data-actions="1"] { display: none !important }
  [data-burger="1"] { display: flex !important }
  [data-trust="1"] { justify-content: center }
  [data-api-table] { display: block; background: none !important; border: none !important }
  [data-api-table] thead { display: none }
  [data-api-table] tbody { display: flex; flex-direction: column; gap: 12px }
  [data-api-table] tr { display: grid; grid-template-columns: 1fr 1fr; background: var(--panel); border: 1px solid var(--border); border-radius: 10px; overflow: hidden }
  [data-api-table] td { border-bottom: none !important; white-space: normal !important }
  [data-api-table] td[data-cell="class"] { grid-column: 1/-1; padding: 14px 18px 11px !important; border-bottom: 1px solid rgba(255, 255, 255, .08) !important }
  [data-api-table] td[data-cell="ops"] { grid-column: 1/-1; padding: 12px 18px 2px !important }
  [data-api-table] td[data-cell="free"] { padding: 12px 8px 16px 18px !important }
  [data-api-table] td[data-cell="over"] { padding: 12px 18px 16px 8px !important }
  [data-api-table] td[data-label]::before { content: attr(data-label); display: block; font: 600 10px var(--mono); letter-spacing: .12em; color: var(--muted); margin-bottom: 5px }
}

/* ================= per-section styles (extracted from inline) ================= */

/* ---- site ---- */
.site-x-div { min-height:100vh; display:flex; flex-direction:column; position:relative }
.site-x-div-2 { position:absolute; top:0; left:0; right:0; height:760px; overflow:hidden; pointer-events:none }
.site-x-div-3 { position:absolute; inset:0; background:url('/assets/hero-bg.png') center 38%/cover no-repeat }
.site-x-div-4 { position:absolute; inset:0; background:linear-gradient(90deg,rgba(11,14,21,.72) 0%,rgba(11,14,21,.4) 45%,rgba(11,14,21,.12) 100%) }
.site-x-div-5 { position:absolute; inset:0; background:linear-gradient(180deg,rgba(11,14,21,.3) 0%,transparent 25%,transparent 65%,var(--bg) 100%) }
.site-nav-header { position:sticky; top:0; z-index:50; isolation:isolate; transition:background .25s,border-color .25s }
.site-nav-div { max-width:1120px; margin:0 auto; padding:10px 24px; min-height:44px; display:flex; align-items:center; gap:12px 24px; flex-wrap:wrap }
.site-nav-a { display:flex; align-items:center; gap:11px; cursor:pointer; flex:none }
.site-nav-img { width:24px; height:26px; object-fit:contain }
.site-nav-div-2 { font:600 15px var(--mono); letter-spacing:.06em }
.site-nav-span { color:var(--text) }
.site-nav-span-2 { color:var(--accent) }
.site-nav-nav { display:flex; gap:4px; flex:1; flex-wrap:nowrap; min-width:0; overflow-x:auto; white-space:nowrap }
.site-nav-a-2 { font-size:13.5px; font-weight:500; padding:7px 12px; border-radius:6px; cursor:pointer }
.site-nav-span-3 { font-size:13.5px; font-weight:500; padding:7px 12px; color:var(--muted); cursor:pointer }
.site-nav-a-3 { font-size:13.5px; font-weight:500; padding:7px 12px; color:var(--muted); white-space:nowrap }
.site-nav-div-3 { display:flex; gap:10px; align-items:center; margin-left:auto }
.site-nav-a-4 { font-size:13.5px; font-weight:500; color:#b8bfcc; cursor:pointer; padding:7px 10px }
.site-nav-a-5 { font:500 13.5px var(--sans); background:var(--accent); color:#fff; padding:8px 16px; border-radius:6px; cursor:pointer }
.site-nav-div-4 { display:none; margin-left:auto; flex-direction:column; gap:4px; padding:10px; cursor:pointer }
.site-nav-div-5 { border-top:1px solid rgba(255,255,255,.07); background:var(--panel); padding:10px 24px 18px; display:flex; flex-direction:column; gap:2px }
.site-nav-a-6 { font-size:15px; font-weight:500; padding:11px 4px; cursor:pointer; border-bottom:1px solid rgba(255,255,255,.05) }
.site-nav-span-4 { font-size:15px; font-weight:500; padding:11px 4px; color:var(--muted); cursor:pointer; border-bottom:1px solid rgba(255,255,255,.05) }
.site-nav-a-7 { font-size:15px; font-weight:500; padding:11px 4px; color:var(--muted); display:block }
.site-nav-div-6 { display:flex; gap:10px; margin-top:12px }
.site-nav-a-8 { flex:1; text-align:center; font-size:14px; font-weight:500; color:var(--text); border:1px solid rgba(255,255,255,.18); padding:10px; border-radius:6px; cursor:pointer }
.site-nav-a-9 { flex:1; text-align:center; font-size:14px; font-weight:600; background:var(--accent); color:#fff; padding:10px; border-radius:6px; cursor:pointer }
.site-nav-div-7 { position:relative; background:var(--accent); color:#fff; text-align:center; padding:9px 40px; font:600 12.5px var(--mono); letter-spacing:.06em }
.site-footer-footer { border-top:1px solid rgba(255,255,255,.07); background:#090c12 }
.site-footer-div { max-width:1120px; margin:0 auto; padding:28px 24px 0; display:flex; gap:8px 10px; flex-wrap:wrap; justify-content:center; align-items:center; border-bottom:1px solid rgba(255,255,255,.05); padding-bottom:24px }
.site-footer-span { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; font:700 13px var(--mono); color:var(--muted); border:1px solid rgba(255,255,255,.08); cursor:default; transition:border-color .15s }
.site-footer-div-2 { max-width:1120px; margin:0 auto; padding:28px 24px 40px; display:flex; justify-content:space-between; gap:32px; flex-wrap:wrap; align-items:center }
.site-footer-div-3 { display:flex; align-items:center; gap:10px }
.site-footer-a { display:inline-flex; align-items:center; gap:10px; cursor:pointer }
.site-footer-img { width:18px; height:20px; object-fit:contain }
.site-footer-span-2 { font:600 12.5px var(--mono); letter-spacing:.06em; color:var(--muted) }
.site-footer-div-4 { display:flex; gap:12px 22px; font-size:13px; flex-wrap:wrap }
.site-footer-div-5 { font:400 12px var(--mono); color:var(--dim) }
.site-footer-div-6 { max-width:1120px; margin:0 auto; padding:0 24px 32px }
.site-footer-summary { cursor:pointer; list-style:none; font:600 10.5px var(--mono); letter-spacing:.14em; color:var(--dim); display:inline-flex; align-items:center; gap:8px }
.site-footer-span-3 { display:inline-block; transition:transform .2s }
.site-footer-div-7 { display:flex; flex-direction:column; gap:6px; padding-top:10px }
.site-footer-div-8 { font:400 11.5px var(--mono); color:var(--dim); word-break:break-all }

/* ---- about ---- */
.about-x-section { max-width:760px; margin:0 auto; padding:96px 24px 0 }
.about-x-h1 { font-size:42px; font-weight:700; margin:0 0 20px; letter-spacing:-.02em }
.about-x-p { font-size:16.5px; line-height:1.7; color:var(--body); margin:0; text-wrap:pretty }
.about-x-section-2 { max-width:880px; margin:0 auto; padding:56px 24px 0 }
.about-x-div { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px }
.about-x-section-3 { max-width:880px; margin:0 auto; padding:72px 24px 0 }
.about-x-h2 { font-size:24px; font-weight:700; margin:0 0 20px; letter-spacing:-.01em }
.about-x-p-2 { font-size:14px; line-height:1.7; color:var(--muted); margin:28px 0 0; text-wrap:pretty }
.about-x-section-4 { max-width:880px; margin:0 auto; padding:80px 24px 100px; text-align:center }
.about-x-p-3 { font-size:15px; color:var(--body); margin:0 0 20px }
.about-x-span { display:inline-block; border:1px solid rgba(255,255,255,.18); color:var(--text); font-size:14.5px; font-weight:500; padding:12px 24px; border-radius:7px; cursor:pointer }

/* ---- aup ---- */
.aup-x-section { max-width:760px; margin:0 auto; padding:80px 24px 100px }
.aup-x-h1 { font-size:38px; font-weight:700; margin:0 0 10px; letter-spacing:-.02em }
.aup-x-p { font:400 13px var(--mono); color:var(--muted); margin:0 0 24px }
.aup-x-p-2 { font-size:14.5px; line-height:1.7; color:var(--body); margin:0 0 40px; text-wrap:pretty }
.aup-x-div { display:flex; flex-direction:column; gap:32px }
.aup-x-h2 { font-size:17px; font-weight:700; margin:0 0 10px }
.aup-x-p-3 { font-size:14px; line-height:1.7; color:var(--body); margin:0 0 10px; text-wrap:pretty }
.aup-x-div-2 { margin-top:40px; background:var(--panel); border:1px solid var(--border); border-radius:10px; padding:18px 20px; font-size:13px; line-height:1.65; color:var(--muted) }

/* ---- contact ---- */
.contact-x-div { display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); max-width:1120px; margin:0 auto; width:100%; box-sizing:border-box; gap:64px; align-items:start; padding:80px 24px 100px }
.contact-x-div-2 { max-width:440px; justify-self:end; width:100% }
.contact-x-textarea { width:100%; box-sizing:border-box; background:var(--panel); border:1px solid var(--border-2); border-radius:7px; padding:13px 14px; font:400 14px var(--sans); color:var(--text); outline:none; resize:vertical }
.contact-x-div-3 { max-width:400px; width:100% }
.contact-x-div-4 { font:600 11px var(--mono); letter-spacing:.14em; color:var(--muted); margin-bottom:22px }
.contact-x-div-5 { display:flex; flex-direction:column; gap:14px }
.contact-x-a { font:500 14px var(--mono) }
.contact-x-span { font:500 13px var(--mono); color:var(--bright); word-break:break-all }
.contact-x-span-2 { font:500 13px var(--mono); color:var(--bright) }

/* ---- forgot ---- */
.forgot-x-div { display:flex; justify-content:center; padding:80px 24px 120px }
.forgot-x-div-2 { width:100%; max-width:400px }
.forgot-x-div-3 { background:var(--panel); border:1px solid var(--border); border-radius:10px; padding:16px 18px; font-size:12.5px; line-height:1.6; color:var(--muted) }

/* ---- home ---- */
.home-hero-div { position:relative }
.home-hero-section { position:relative; max-width:1120px; margin:0 auto; width:100%; box-sizing:border-box; padding:92px 24px 80px; display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:56px; align-items:center }
.home-hero-div-2 { font:500 12px var(--mono); letter-spacing:.18em; color:var(--accent); margin-bottom:20px }
.home-hero-h1 { font-size:48px; line-height:1.08; font-weight:700; margin:0 0 24px; letter-spacing:-.02em; text-wrap:balance }
.home-hero-p { font-size:18px; line-height:1.6; color:var(--body); margin:0 0 28px; text-wrap:pretty }
.home-hero-div-3 { font:400 14px var(--mono); color:var(--muted) }
.home-hero-span { text-decoration:line-through; color:var(--dim) }
.home-hero-span-2 { font-weight:600 }
.home-hero-div-4 { background:rgba(15,19,29,.62); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border:1px solid var(--border-2); border-radius:14px; padding:30px 32px; display:flex; flex-direction:column; gap:24px }
.home-hero-div-5 { font:600 12px var(--mono); letter-spacing:.14em; color:var(--muted) }
.home-hero-div-6 { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:10px }
.home-hero-span-3 { font:600 11px var(--mono); letter-spacing:.1em; color:var(--muted) }
.home-hero-span-4 { font:600 17px var(--mono); color:var(--text) }
.home-hero-input { width:100%; accent-color:var(--accent); cursor:pointer }
.home-hero-div-7 { display:flex; flex-direction:column; gap:9px; border-top:1px solid var(--border); padding-top:18px }
.home-hero-span-5 { font-family:var(--mono); color:var(--green) }
.home-hero-div-8 { display:flex; justify-content:space-between; align-items:baseline; margin-top:4px }
.home-hero-span-6 { font-size:13.5px; font-weight:600 }
.home-hero-span-7 { display:inline-flex; align-items:baseline; gap:10px }
.home-hero-span-8 { font:500 15px var(--mono); color:var(--dim); text-decoration:line-through }
.home-hero-span-9 { font:600 26px var(--mono); color:var(--accent); letter-spacing:-.02em }
.home-hero-div-9 { display:flex; flex-direction:column; gap:10px }
.home-hero-span-10 { display:block; text-align:center; background:var(--accent); color:#fff; font-size:14.5px; font-weight:600; padding:13px 20px; border-radius:7px; cursor:pointer }
.home-hero-div-10 { font-size:11.5px; color:var(--dim); text-align:center }
.home-trust-strip-section { position:relative; border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); background:var(--panel) }
.home-trust-strip-div { max-width:1120px; margin:0 auto; padding:14px 24px; display:flex; gap:10px 8px; flex-wrap:wrap; justify-content:center; align-items:center; font:500 12.5px var(--mono); color:var(--muted) }
.home-trust-strip-span { font:600 11px var(--mono); letter-spacing:.14em; color:var(--dim); margin-right:10px }
.home-trust-strip-span-2 { display:inline-flex; align-items:center; font:500 12px var(--mono); color:var(--bright); background:var(--bg); border:1px solid rgba(255,255,255,.1); padding:6px 12px; border-radius:16px; cursor:default; transition:color .15s,border-color .15s }
.home-trust-strip-span-3 { font:500 12px var(--mono); color:var(--muted); padding:6px 4px }
.home-why-anonymous-section { max-width:1120px; margin:0 auto; width:100%; box-sizing:border-box; padding:88px 24px 0; display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:56px; align-items:start }
.home-why-anonymous-div { font:500 12px var(--mono); letter-spacing:.18em; color:var(--accent); margin-bottom:14px }
.home-why-anonymous-h2 { font-size:30px; font-weight:700; margin:0 0 16px; letter-spacing:-.01em }
.home-why-anonymous-p { font-size:15.5px; line-height:1.65; color:var(--body); margin:0 0 16px; text-wrap:pretty }
.home-why-anonymous-p-2 { font-size:15.5px; line-height:1.65; color:var(--body); margin:0; text-wrap:pretty }
.home-features-div { margin-top:88px; background:linear-gradient(180deg,#11141d,#151a26 50%,#11141d); border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07) }
.home-features-section { max-width:1120px; margin:0 auto; padding:72px 24px 80px }
.home-features-h2 { font-size:30px; font-weight:700; margin:0 0 12px; letter-spacing:-.01em }
.home-features-p { font-size:15.5px; color:var(--body); margin:0 0 40px }
.home-features-div-2 { display:flex; flex-direction:column; gap:12px }
.home-features-div-3 { display:flex; gap:12px }
.home-features-div-4 { background:var(--panel); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:22px; display:flex; flex-direction:column; justify-content:center; gap:10px; height:130px; box-sizing:border-box }
.home-features-div-5 { display:flex; align-items:center; justify-content:center; gap:12px; min-width:0 }
.home-features-span { font:400 22px var(--mono); color:var(--accent); line-height:1; flex:none }
.home-features-div-6 { font:600 12px var(--mono); letter-spacing:.08em; color:var(--text); white-space:nowrap }
.home-features-div-7 { font-size:13px; line-height:1.55; color:var(--body); text-wrap:pretty; text-align:center }
.home-terminal-section { max-width:1120px; margin:0 auto; width:100%; box-sizing:border-box; padding:80px 24px 0; display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:56px; align-items:center }
.home-terminal-p { font-size:15.5px; line-height:1.65; color:var(--body); margin:0 0 20px; text-wrap:pretty }
.home-terminal-div { background:var(--panel); border:1px solid var(--border); border-radius:10px; overflow:hidden }
.home-terminal-div-2 { display:flex; gap:6px; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.07) }
.home-terminal-pre { margin:0; padding:20px 22px; font:400 13px/1.75 var(--mono); color:#b8bfcc; overflow-x:auto }
.home-terminal-span { color:var(--green) }
.home-encryption-layer-section { max-width:1120px; margin:0 auto; padding:88px 24px 0 }
.home-encryption-layer-p { font-size:15.5px; color:var(--body); margin:0 0 40px; max-width:640px; text-wrap:pretty }
.home-encryption-layer-div { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px }
.home-encryption-layer-div-2 { background:var(--panel); border:1px solid var(--border); border-radius:10px; padding:22px; display:flex; flex-direction:column; gap:12px }
.home-encryption-layer-div-3 { font:600 11px var(--mono); color:var(--muted); letter-spacing:.1em }
.home-encryption-layer-div-4 { font-size:16px; font-weight:600 }
.home-encryption-layer-div-5 { font-size:13px; line-height:1.55; color:var(--body); flex:1; text-wrap:pretty }
.home-encryption-layer-div-6 { border-top:1px solid rgba(255,255,255,.08); padding-top:12px; display:flex; flex-direction:column; gap:7px }
.home-encryption-layer-div-7 { font-size:12.5px; line-height:1.5; color:var(--green) }
.home-encryption-layer-div-8 { font-size:12.5px; line-height:1.5; color:var(--muted) }
.home-closing-cta-section { max-width:1120px; margin:0 auto; padding:96px 24px 100px }
.home-closing-cta-div { background:linear-gradient(135deg,#131826,var(--panel)); border:1px solid var(--border); border-radius:14px; padding:56px 48px; text-align:center }
.home-closing-cta-h2 { font-size:32px; font-weight:700; margin:0 0 16px; letter-spacing:-.01em }
.home-closing-cta-p { font-size:16px; line-height:1.65; color:var(--body); max-width:560px; margin:0 auto 32px; text-wrap:pretty }
.home-closing-cta-div-2 { display:flex; gap:14px; justify-content:center; flex-wrap:wrap }
.home-closing-cta-a { background:var(--accent); color:#fff; font-size:15px; font-weight:600; padding:13px 28px; border-radius:7px; cursor:pointer }
.home-closing-cta-a-2 { border:1px solid rgba(255,255,255,.18); color:var(--text); font-size:15px; font-weight:500; padding:12px 26px; border-radius:7px; cursor:pointer }
.home-closing-cta-div-3 { margin-top:28px; font:500 12.5px var(--mono); color:var(--muted) }

/* ---- login ---- */
.login-x-div { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:8px }
.login-x-span { font:600 11px var(--mono); letter-spacing:.12em; color:var(--muted) }
.login-x-a { font-size:12px }

/* ---- pricing ---- */
.pricing-hero-section { max-width:1120px; margin:0 auto; padding:96px 24px 0; text-align:center }
.pricing-hero-h1 { font-size:46px; font-weight:700; margin:0 0 14px; letter-spacing:-.02em }
.pricing-hero-p { font-size:18px; color:var(--body); margin:0 0 48px }
.pricing-hero-div { display:inline-flex; flex-wrap:wrap; align-items:stretch; background:var(--panel); border:1px solid rgba(255,255,255,.1); border-radius:14px; overflow:hidden; text-align:left }
.pricing-hero-div-2 { padding:36px 44px }
.pricing-hero-div-3 { font:600 12px var(--mono); letter-spacing:.14em; color:var(--muted); margin-bottom:10px }
.pricing-hero-div-4 { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap }
.pricing-hero-span { font:500 22px var(--mono); color:var(--dim); text-decoration:line-through }
.pricing-hero-span-2 { font:600 44px var(--mono); color:#fff; letter-spacing:-.02em }
.pricing-hero-span-3 { font-size:17px; color:var(--muted); font-weight:400 }
.pricing-hero-div-5 { font-size:13.5px; color:var(--body); margin-top:10px }
.pricing-hero-div-6 { width:1px; background:var(--border) }
.pricing-hero-p-2 { font-size:15px; color:var(--muted); margin:28px 0 0 }
.pricing-how-billing-work-section { max-width:880px; margin:0 auto; padding:88px 24px 0 }
.pricing-how-billing-work-h2 { font-size:26px; font-weight:700; margin:0 0 20px; letter-spacing:-.01em }
.pricing-how-billing-work-div { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:40px; align-items:start }
.pricing-how-billing-work-p { font-size:15px; line-height:1.7; color:var(--body); margin:0; text-wrap:pretty }
.pricing-how-billing-work-span { color: rgb(232, 234, 239); font-weight: 600 }
.pricing-mini-meter-div { margin-top:36px; background:var(--panel); border:1px solid var(--border); border-radius:10px; padding:24px 26px }
.pricing-mini-meter-div-2 { display:flex; justify-content:space-between; font:500 12px var(--mono); color:var(--muted); margin-bottom:12px }
.pricing-mini-meter-div-3 { position:relative; height:14px; border-radius:7px; background:rgba(255,255,255,.06); overflow:hidden }
.pricing-mini-meter-div-4 { position:absolute; inset:0; width:80%; border-right:2px dashed rgba(91,141,239,.7); background:rgba(91,141,239,.16) }
.pricing-mini-meter-div-5 { position:absolute; inset:0; width:48%; background:var(--blue); border-radius:7px 0 0 7px }
.pricing-mini-meter-div-6 { display:flex; gap:20px; margin-top:12px; font-size:12px; color:var(--muted) }
.pricing-mini-meter-span { display:inline-block; width:9px; height:9px; background:var(--blue); border-radius:2px; margin-right:6px }
.pricing-mini-meter-span-2 { display:inline-block; width:9px; height:9px; background:rgba(91,141,239,.25); border:1px dashed rgba(91,141,239,.7); border-radius:2px; margin-right:6px }
.pricing-included-div { background:linear-gradient(160deg,#171210,var(--panel)); border:1px solid rgba(244,87,28,.25); border-radius:12px; padding:36px 40px }
.pricing-included-h3 { font-size:19px; font-weight:700; margin:0 0 24px }
.pricing-included-div-2 { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px 36px }
.pricing-included-div-3 { display:flex; gap:12px; font-size:13.5px; line-height:1.55; color:var(--bright) }
.pricing-included-span { color:var(--accent); font-weight:700; flex:none }
.pricing-included-span-2 { text-wrap:pretty }
.pricing-api-calls-h2 { font-size:26px; font-weight:700; margin:0 0 8px; letter-spacing:-.01em }
.pricing-api-calls-p { font-size:14.5px; color:var(--body); margin:0 0 28px }
.pricing-api-calls-table { width:100%; border-collapse:collapse; background:var(--panel); border:1px solid var(--border); border-radius:10px; overflow:hidden }
.pricing-api-calls-td { padding:14px 18px; border-bottom:1px solid rgba(255,255,255,.06); font:600 13px var(--mono); color:var(--accent); white-space:nowrap }
.pricing-api-calls-td-2 { padding:14px 18px; border-bottom:1px solid rgba(255,255,255,.06); font-size:13.5px; color:var(--body) }
.pricing-api-calls-td-3 { padding:14px 18px; border-bottom:1px solid rgba(255,255,255,.06); font:400 13px var(--mono); color:var(--text); white-space:nowrap }
.pricing-api-calls-p-2 { font-size:13px; line-height:1.65; color:var(--muted); margin:16px 0 0; text-wrap:pretty }
.pricing-payment-methods-section { max-width:880px; margin:0 auto; padding:80px 24px 0; text-align:center }
.pricing-payment-methods-p { font-size:14.5px; color:var(--body); margin:0 0 24px; text-wrap:pretty }
.pricing-payment-methods-div { display:flex; gap:10px; justify-content:center; flex-wrap:wrap }
.pricing-payment-methods-span { display:inline-flex; align-items:center; gap:9px; font:500 13px var(--mono); color:var(--muted); background:var(--panel); border:1px solid rgba(255,255,255,.1); padding:8px 15px; border-radius:8px; cursor:default; transition:border-color .15s,color .15s }
.pricing-faq-section { max-width:760px; margin:0 auto; padding:88px 24px 0 }
.pricing-faq-h2 { font-size:26px; font-weight:700; margin:0 0 28px; letter-spacing:-.01em }
.pricing-faq-div { display:flex; flex-direction:column; border-top:1px solid rgba(255,255,255,.08) }
.pricing-faq-details { border-bottom:1px solid rgba(255,255,255,.08) }
.pricing-faq-summary { cursor:pointer; padding:17px 4px; font-size:15px; font-weight:600; list-style:none; display:flex; justify-content:space-between; gap:16px }
.pricing-faq-span { color:var(--muted); flex:none; display:inline-block; transition:transform .2s }
.pricing-faq-p { margin:0; padding:0 4px 18px; font-size:14px; line-height:1.65; color:var(--body); text-wrap:pretty }
.pricing-cta-section { max-width:1120px; margin:0 auto; padding:88px 24px 100px; text-align:center }
.pricing-cta-a { display:inline-block; background:var(--accent); color:#fff; font-size:15px; font-weight:600; padding:13px 28px; border-radius:7px; cursor:pointer }
.pricing-cta-p { font-size:13.5px; color:var(--muted); margin:16px auto 0; max-width:520px; line-height:1.6; text-wrap:pretty }

/* ---- reg ---- */
.reg-x-div { display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); max-width:1120px; margin:0 auto; width:100%; box-sizing:border-box; gap:64px; align-items:center; padding:80px 24px 100px }
.reg-x-div-2 { background:linear-gradient(135deg,#131826,var(--panel)); border:1px solid rgba(244,87,28,.3); border-radius:10px; padding:16px 20px; margin-bottom:28px; display:flex; justify-content:space-between; align-items:center; gap:16px }
.reg-x-div-3 { font:600 10.5px var(--mono); letter-spacing:.12em; color:var(--muted); margin-bottom:5px }
.reg-x-div-4 { font-size:13.5px; color:var(--bright) }
.reg-x-div-5 { display:flex; align-items:center; gap:14px }
.reg-x-div-6 { font:600 20px var(--mono); color:var(--accent); letter-spacing:-.02em; white-space:nowrap }
.reg-x-span { font:400 11px var(--mono); color:var(--muted) }
.reg-x-span-2 { color:var(--dim); font-size:16px; line-height:1; cursor:pointer; padding:4px }
.reg-x-div-7 { font-size:12px; color:var(--muted); margin:-18px 0 28px; text-align:right; padding-right:2px }
.reg-x-div-8 { font-size:12px; color:var(--dim); margin-top:7px }
.reg-x-label { display:flex; gap:10px; align-items:flex-start; font-size:13px; line-height:1.55; color:var(--body); cursor:pointer }
.reg-x-input { accent-color:var(--accent); margin-top:2px; cursor:pointer }
.reg-x-div-9 { display:flex; flex-direction:column; gap:0 }
.reg-x-span-3 { width:1px; flex:1; background:rgba(255,255,255,.1) }
.reg-x-div-10 { padding-bottom:26px }
.reg-x-div-11 { margin-top:30px; background:var(--panel); border:1px solid var(--border); border-radius:10px; padding:16px 18px; font-size:12.5px; line-height:1.6; color:var(--muted) }

/* ---- terms ---- */
.terms-x-p { font:400 13px var(--mono); color:var(--muted); margin:0 0 40px }

/* ---- hover / focus (migrated from runtime attributes) ---- */
.site-nav-span-3:hover { color:#fff }
.site-nav-a-3:hover { color:#fff }
.site-nav-a-4:hover { color:#fff }
.site-nav-a-5:hover { background:#ff6a2e }
.site-footer-span-2:hover { color:#e8eaef }
.site-footer-summary:hover { color:#8b93a3 }
.about-x-span:hover { border-color:rgba(255,255,255,.4) }
.contact-x-textarea:focus { border-color:#f4571c }
.home-hero-span-10:hover { background:#ff6a2e }
.home-closing-cta-a:hover { background:#ff6a2e }
.home-closing-cta-a-2:hover { border-color:rgba(255,255,255,.4) }
.pricing-faq-summary:hover { color:#ff7038 }
.pricing-cta-a:hover { background:#ff6a2e }
.reg-x-span-2:hover { color:#e8eaef }

/* ================= app-mode additions (server-rendered site) ================= */
.site-nav-header { background: transparent; border-bottom: 1px solid transparent }
.site-nav-header.scrolled, .site-nav-header.menu-open { background: rgba(11, 14, 21, .92); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom-color: rgba(255, 255, 255, .07) }
.site-nav-a-2 { color: var(--muted) }
.site-nav-a-2:hover, .site-nav-a-2.nav-active { color: #fff }
.site-nav-a-3:hover, .site-nav-a-4:hover { color: #fff }
.site-nav-a-5:hover { background: var(--accent-h) }
.site-nav-a-6 { color: var(--muted) }
.site-nav-a-6.nav-active { color: #fff }
#mobile-menu.menu-closed { display: none }
#burger { cursor: pointer }
.site-footer-span:hover { border-color: var(--c) !important; color: var(--c) !important }
.site-footer-span:hover img { filter: none !important }
.site-footer-span:hover [data-mask] { background-color: var(--c) !important }
.pricing-payment-methods-span:hover { border-color: var(--c); color: var(--c) }
/* The hero strip was given a colour transition but never the rule that drives
   it, so hovering did nothing. Same effect as the footer and the pricing list:
   the badge takes on the coin's own colour. */
.home-trust-strip-span-2:hover { border-color: var(--c); color: var(--c) }
.pricing-payment-methods-span:hover img { filter: none !important }

.form-error { background: rgba(244, 87, 28, .12); border: 1px solid rgba(244, 87, 28, .45); border-radius: 8px; padding: 12px 16px; font-size: 13.5px; color: #ffb59e; margin-bottom: 20px }
.form-ok { background: rgba(74, 158, 106, .12); border: 1px solid rgba(74, 158, 106, .5); border-radius: 8px; padding: 12px 16px; font-size: 13.5px; color: #9fd8b4; margin-bottom: 20px }
.sso-note { font-size: 13px; line-height: 1.55; color: var(--muted); margin: -22px 0 26px }
.h-captcha { min-height: 78px }
.btn-block { border: none; width: 100%; font-family: var(--sans) }

.estimate-box { margin-bottom: 28px }
.est-inner { background: linear-gradient(135deg, #131826, var(--panel)); border: 1px solid rgba(244, 87, 28, .3); border-radius: 10px; padding: 16px 20px; display: flex; justify-content: space-between; align-items: center; gap: 16px }
.est-label { font: 600 10.5px var(--mono); letter-spacing: .12em; color: var(--muted); margin-bottom: 5px }
.est-desc { font-size: 13.5px; color: var(--bright) }
.est-right { display: flex; align-items: center; gap: 14px }
.est-total { font: 600 20px var(--mono); color: var(--accent); letter-spacing: -.02em; white-space: nowrap }
.est-permo { font: 400 11px var(--mono); color: var(--muted) }
.est-close { color: var(--dim); font-size: 16px; line-height: 1; cursor: pointer; padding: 4px }
.est-close:hover { color: var(--text) }

.nf-section { max-width: 1120px; margin: 0 auto; padding: 140px 24px 160px; text-align: center }

/* solid orange button-anchors: keep text white on hover (global a:hover would
   turn it orange-on-orange); brighten the background instead */
.site-nav-a-5:hover, .site-nav-a-9:hover, .home-hero-span-10:hover,
.pricing-cta-a:hover, .home-closing-cta-a:hover { color: #fff; background: var(--accent-h) }
/* ghost button: keep light text, brighten border */
.home-closing-cta-a-2:hover { color: var(--text); border-color: rgba(255, 255, 255, .4) }

/* 2FA code entry */
.code-input { letter-spacing: 8px; text-align: center; font-family: var(--mono); font-size: 20px }

/* 2FA footer actions */
.twofa-foot { margin-top: 18px; font-size: 13px; color: var(--muted); display: flex; align-items: center; gap: 10px }
.twofa-sep { color: var(--dim) }
.resend-form { display: inline; margin: 0 }
.linklike { background: none; border: none; padding: 0; margin: 0; color: var(--accent); font: inherit; cursor: pointer }
.linklike:hover { color: #ff7038 }
.linklike:disabled, .linklike:disabled:hover { color: var(--dim); cursor: default }

/* slashed original price next to a discounted one */
.price-was { color: var(--dim); text-decoration: line-through; margin-right: 6px; font-weight: 400 }

/* about-page contact button (anchor) — keep button look, not link-orange */
.about-x-span:hover { color: var(--text); border-color: rgba(255, 255, 255, .4) }