/* ==========================================================================
   BNB API page redesign — scoped under .bnb-page so nothing leaks into
   the global Bitquery styles. Ported from the Figma/HTML design handoff.
   Periwinkle/violet/cyan Ethereum accent layered on the Bitquery brand.
   ========================================================================== */

.bnb-page{
  /* ---- Bitquery brand tokens ---- */
  --bq-white:#ffffff;
  --bq-grey:#aab0bc;
  --bq-dark-grey:#7e8696;
  --bq-page-bg:#06090d;
  --bq-card-bg:#0c121c;
  --bq-navy:#111c32;
  --bq-navy-deep:#142739;
  --bq-cta:#93254b;
  --bq-cta-hover:#af3e76;
  --bq-cta-border:#621832;
  --bq-font:'DM Sans',system-ui,sans-serif;
  --bq-mono:'JetBrains Mono',ui-monospace,monospace;
  --bq-radius-btn:4px;
  --bq-radius-card:14px;

  /* ---- Ethereum page tokens — periwinkle/violet accent ---- */
  --bnb-blue:#F0B90B; --bnb-violet:#F3C734; --bnb-lav:#F8DD7E; --bnb-up:#3fd9c4;
  --bnb:linear-gradient(120deg,#F0B90B 0%,#F3C734 52%,#00d8dd 100%);
  --bnb-soft:linear-gradient(120deg,rgba(240,185,11,0.16),rgba(0,216,221,0.16));
  --panel:#080b11; --line:rgba(255,255,255,0.10); --line-2:rgba(255,255,255,0.06);
  --ink-2:#aab0bc; --ink-3:#7e8696;
  --maxw:1180px;

  position:relative;
  background:var(--bq-page-bg);
  color:var(--bq-white);
  font-family:var(--bq-font);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
.bnb-page *{box-sizing:border-box;}
.bnb-page p{margin:0;}
.bnb-page h1,.bnb-page h2,.bnb-page h3,.bnb-page h4{margin:0;}
.bnb-page a{color:inherit;text-decoration:none;}
.bnb-page ::selection{background:rgba(240,185,11,0.35);}
.bnb-page :focus-visible{outline:2px solid var(--bnb-blue);outline-offset:3px;border-radius:4px;}

.bnb-page .wrap{max-width:var(--maxw);margin:0 auto;padding:0 36px;}
.bnb-page .mono{font-family:var(--bq-mono);}
.bnb-page .bnb-text{background:var(--bnb);-webkit-background-clip:text;background-clip:text;color:transparent;}
.bnb-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.bnb-page .arrow{transition:transform .15s ease;display:inline-block;}
.bnb-page .lnk:hover .arrow,.bnb-page .bq-btn:hover .arrow,.bnb-page a:hover>.arrow{transform:translateX(3px);}

/* buttons (brand) */
.bnb-page .bq-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--bq-font);font-weight:500;font-size:18px;line-height:22px;letter-spacing:-0.2px;
  border-radius:var(--bq-radius-btn);padding:16px 24px;border:1px solid transparent;cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;white-space:nowrap;text-decoration:none;}
.bnb-page .bq-btn-primary{background:var(--bq-cta);color:var(--bq-white);}
.bnb-page .bq-btn-primary:hover{background:var(--bq-cta-hover);}
.bnb-page .bq-btn-secondary{background:transparent;color:var(--bq-white);border-color:var(--bq-cta-border);}
.bnb-page .bq-btn-secondary:hover{background:rgba(147,37,75,0.14);}

/* hero — asymmetric, left-aligned */
.bnb-page .hero{position:relative;overflow:hidden;padding:66px 0 64px;}
.bnb-page .hero::before{content:"";position:absolute;right:-160px;top:-180px;width:760px;height:620px;pointer-events:none;z-index:0;
  background:radial-gradient(closest-side,rgba(240,185,11,0.20),transparent 70%),radial-gradient(closest-side,rgba(0,216,221,0.12),transparent 72%);
  background-position:30% 30%,80% 50%;background-repeat:no-repeat;background-size:70% 90%,60% 72%;filter:blur(8px);}
.bnb-page .hero-grid-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0.5;
  background-image:linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:radial-gradient(ellipse 80% 70% at 70% 12%,#000 28%,transparent 74%);
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 70% 12%,#000 28%,transparent 74%);}
.bnb-page .hero-top{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,0.78fr);gap:54px;align-items:center;}
.bnb-page .hero-in{max-width:none;margin:0;text-align:left;}
.bnb-page .badge{display:inline-flex;align-items:center;gap:9px;font-family:var(--bq-mono);font-size:12px;letter-spacing:0.04em;color:#d7dbe3;
  border:1px solid var(--line);background:rgba(255,255,255,0.03);padding:6px 13px 6px 8px;border-radius:999px;}
.bnb-page .badge .sdot{width:18px;height:18px;border-radius:50%;background:var(--bnb);display:inline-block;box-shadow:0 0 12px rgba(240,185,11,0.5);}
.bnb-page .hero h1{font-size:62px;font-weight:500;letter-spacing:-1.8px;line-height:1.02;margin:22px 0 0;}
.bnb-page .hero h1 .bnb-text{letter-spacing:-1.2px;padding-right:0.14em;}
.bnb-page .hero .sub{font-size:18.5px;color:var(--ink-2);max-width:540px;margin:22px 0 0;line-height:1.55;}
.bnb-page .hero-cta{display:flex;gap:14px;margin:30px 0 0;flex-wrap:wrap;}
.bnb-page .trust{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink-3);margin-top:30px;}
.bnb-page .trust .logos{display:flex;align-items:center;gap:18px;}
.bnb-page .trust .logos img{height:17px;opacity:0.7;filter:saturate(0.05) brightness(1.1);transition:opacity .2s;}
.bnb-page .trust .logos img:hover{opacity:1;}

/* spec rail */
.bnb-page .spec-rail{position:relative;border:1px solid var(--line);border-radius:14px;background:linear-gradient(165deg,#0b1018,#080b11);overflow:hidden;}
.bnb-page .spec-rail::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--bnb);}
.bnb-page .spec-rail .srh{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line-2);font-family:var(--bq-mono);font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-3);}
.bnb-page .spec-rail .srh .dot{width:7px;height:7px;border-radius:50%;background:var(--bnb-up);box-shadow:0 0 0 3px rgba(63,217,196,0.16);}
.bnb-page .spec-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid var(--line-2);}
.bnb-page .spec-row:last-child{border-bottom:none;}
.bnb-page .spec-row .sv{font-size:27px;font-weight:500;letter-spacing:-0.6px;color:#fff;font-family:var(--bq-mono);white-space:nowrap;}
.bnb-page .spec-row .sv .u{color:var(--bnb-lav);font-size:13px;letter-spacing:0;}
.bnb-page .spec-row .sk{font-size:12.5px;color:var(--ink-2);text-align:right;max-width:150px;}

/* CONSOLE */
.bnb-page .console-wrap{position:relative;z-index:2;margin-top:44px;}
.bnb-page .console{max-width:1080px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:left;
  box-shadow:0 60px 120px -50px rgba(0,0,0,0.95),0 0 0 1px rgba(240,185,11,0.06);}
.bnb-page .c-tabs{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid var(--line);background:#0b0f16;overflow-x:auto;scrollbar-width:none;}
.bnb-page .c-tabs::-webkit-scrollbar{display:none;}
.bnb-page .c-tab{flex:none;display:flex;align-items:center;gap:8px;font-family:var(--bq-mono);font-size:12.5px;color:var(--ink-2);
  border:1px solid transparent;background:transparent;padding:8px 13px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:.15s;}
.bnb-page .c-tab:hover{color:#fff;background:rgba(255,255,255,0.04);}
.bnb-page .c-tab[aria-selected="true"]{color:#fff;background:var(--bnb-soft);border-color:rgba(240,185,11,0.38);}
.bnb-page .c-tab .td{width:7px;height:7px;border-radius:50%;background:#3a4150;flex:none;}
.bnb-page .c-tab[aria-selected="true"] .td{background:var(--bnb-up);box-shadow:0 0 8px rgba(63,217,196,0.6);}
.bnb-page .c-desc{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink-2);background:rgba(255,255,255,0.015);}
.bnb-page .c-desc .m{font-family:var(--bq-mono);font-size:12px;color:var(--bnb-lav);background:rgba(240,185,11,0.10);border:1px solid rgba(240,185,11,0.28);padding:3px 9px;border-radius:6px;flex:none;}
.bnb-page .c-desc .dl{margin-left:auto;font-size:13px;font-weight:500;color:#fff;display:flex;align-items:center;gap:6px;flex:none;}
.bnb-page .c-body{display:grid;grid-template-columns:1fr 1fr;min-height:330px;}
.bnb-page .c-query{border-right:1px solid var(--line);display:flex;flex-direction:column;}
.bnb-page .c-bar{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--line-2);font-family:var(--bq-mono);font-size:11px;color:var(--ink-3);}
.bnb-page .c-bar .dots{display:flex;gap:6px;} .bnb-page .c-bar .dots i{width:10px;height:10px;border-radius:50%;display:block;}
.bnb-page .c-bar .fn{color:#c3cad6;} .bnb-page .c-bar .cp{margin-left:auto;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;gap:6px;transition:.15s;}
.bnb-page .c-bar .cp:hover{color:#fff;}
.bnb-page pre.code{margin:0;padding:18px 20px;font-family:var(--bq-mono);font-size:12.5px;line-height:1.7;color:#c3cad6;overflow:auto;flex:1;tab-size:2;}
.bnb-page .q-k{color:#F8DD7E;} .bnb-page .q-f{color:#74c7c5;} .bnb-page .q-s{color:#8ee6b0;} .bnb-page .q-n{color:#e6b34a;} .bnb-page .q-c{color:#5b6577;font-style:italic;} .bnb-page .q-p{color:#7c8699;}
.bnb-page .c-out{display:flex;flex-direction:column;background:#06090e;}
.bnb-page .c-out .c-bar{background:rgba(255,255,255,0.012);}
.bnb-page .c-out .live{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--bnb-up);font-size:10px;}
.bnb-page .c-out .live i{width:6px;height:6px;border-radius:50%;background:var(--bnb-up);animation:bnb-blink 1.4s infinite;}
@keyframes bnb-blink{0%,100%{opacity:1;}50%{opacity:.25;}}
.bnb-page .res-head,.bnb-page .res-row{display:grid;gap:10px;align-items:center;padding:9px 16px;}
.bnb-page .res-head{font-family:var(--bq-mono);font-size:9.5px;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line-2);}
.bnb-page .res-body{flex:1;overflow:hidden;}
.bnb-page .res-row{font-family:var(--bq-mono);font-size:12px;border-bottom:1px solid var(--line-2);animation:bnb-rin .45s ease;}
@keyframes bnb-rin{from{opacity:0;transform:translateY(-7px);}to{opacity:1;transform:none;}}
.bnb-page .res-row .pri{color:#fff;font-weight:500;} .bnb-page .res-row .mut{color:var(--ink-3);} .bnb-page .res-row .gn{color:var(--bnb-up);} .bnb-page .res-row .tl{color:#74c7c5;}
.bnb-page .res-row .num{text-align:right;color:#c3cad6;}
.bnb-page .tag{font-size:9.5px;font-weight:600;padding:2px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:0.04em;display:inline-block;}
.bnb-page .tag.buy,.bnb-page .tag.up{background:rgba(63,217,196,0.15);color:#46d9c6;} .bnb-page .tag.sell,.bnb-page .tag.dn{background:rgba(240,137,124,0.15);color:#f0897c;}
.bnb-page .tag.new{background:rgba(240,185,11,0.2);color:#F8DD7E;} .bnb-page .tag.grad{background:rgba(230,179,74,0.16);color:#e6b34a;}
.bnb-page .c-foot{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--line);font-family:var(--bq-mono);font-size:11px;color:var(--ink-3);background:#0b0f16;}
.bnb-page .c-foot .ok{color:var(--bnb-up);display:flex;align-items:center;gap:6px;} .bnb-page .c-foot .ok i{width:6px;height:6px;border-radius:50%;background:var(--bnb-up);}
.bnb-page .c-foot .endp{margin-left:auto;color:var(--ink-2);}

/* section header — editorial spec-sheet: full-width rule, big outlined index */
.bnb-page section.s{padding:88px 0;}
.bnb-page .shead{margin-bottom:46px;}
.bnb-page .shead .rule{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start;border-top:1px solid rgba(255,255,255,0.16);padding-top:22px;}
.bnb-page .shead .idx{font-family:var(--bq-mono);font-weight:500;font-size:64px;line-height:0.82;letter-spacing:-2px;-webkit-text-stroke:1px rgba(248,221,126,0.55);color:transparent;}
.bnb-page .shead .htext{max-width:640px;}
.bnb-page .kick{font-family:var(--bq-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--bnb-lav);display:block;margin-bottom:13px;}
.bnb-page .shead h2{font-size:34px;font-weight:500;letter-spacing:-0.8px;line-height:1.14;margin:0;}
.bnb-page .shead p{font-size:17px;color:var(--ink-2);margin-top:14px;line-height:1.55;}
.bnb-page .shead p .mono{color:var(--bnb-lav);}
.bnb-page .shead.center .rule{grid-template-columns:1fr;justify-items:center;text-align:center;}
.bnb-page .shead.center .idx{display:none;}

/* RPC comparison — spec table */
.bnb-page .vs{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bq-card-bg);}
.bnb-page .vs-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:stretch;border-bottom:1px solid var(--line-2);}
.bnb-page .vs-row:last-child{border-bottom:none;}
.bnb-page .vs-row>div{padding:18px 22px;display:flex;align-items:center;gap:11px;font-size:14.5px;}
.bnb-page .vs-row .lbl{color:#fff;font-weight:500;border-right:1px solid var(--line-2);}
.bnb-page .vs-row .bad{color:var(--ink-2);border-right:1px solid var(--line-2);background:rgba(240,137,124,0.03);}
.bnb-page .vs-row .good{color:#dfe3ea;background:rgba(240,185,11,0.05);}
.bnb-page .vs-row svg{flex:none;}
.bnb-page .vs-head{background:#0b0f16;}
.bnb-page .vs-head>div{font-family:var(--bq-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;padding:13px 22px;color:var(--ink-3);border-right:1px solid var(--line-2);}
.bnb-page .vs-head .h-good{color:#fff;border-right:none;display:flex;align-items:center;gap:8px;}
.bnb-page .vs-head .h-good .gp{width:8px;height:8px;border-radius:50%;background:var(--bnb);}

/* latency lanes */
.bnb-page .lanes{display:flex;flex-direction:column;gap:12px;}
.bnb-page .lane{display:grid;grid-template-columns:230px 1fr 200px;gap:20px;align-items:center;padding:18px 22px;background:var(--bq-card-bg);border:1px solid var(--line);border-radius:12px;transition:border-color .16s,transform .16s;text-decoration:none;color:inherit;}
.bnb-page .lane:hover{border-color:rgba(240,185,11,0.34);transform:translateX(2px);}
.bnb-page .lane .go{font-size:12px;color:var(--ink-3);margin-left:2px;transition:color .16s,transform .16s;display:inline-block;}
.bnb-page .lane:hover .go{color:var(--bnb-lav);transform:translate(2px,-2px);}
.bnb-page .lane .ln{display:flex;align-items:center;gap:11px;}
.bnb-page .lane .ln .ic{width:34px;height:34px;flex:none;border-radius:9px;background:rgba(255,255,255,0.05);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;}
.bnb-page .lane .ln b{font-size:15px;font-weight:500;}
.bnb-page .lane .ln .pill{display:block;font-family:var(--bq-mono);font-size:9.5px;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;}
.bnb-page .lane .track{height:9px;border-radius:6px;background:rgba(255,255,255,0.05);overflow:hidden;}
.bnb-page .lane .fill{height:100%;border-radius:6px;background:var(--bnb);box-shadow:0 0 16px rgba(240,185,11,0.3);}
.bnb-page .lane .meta{text-align:right;}
.bnb-page .lane .meta .lat{font-family:var(--bq-mono);font-size:16px;font-weight:500;color:#fff;}
.bnb-page .lane .meta .lat .u{color:var(--bnb-lav);}
.bnb-page .lane .meta .d{font-size:12px;color:var(--ink-3);margin-top:2px;}

/* DEX coverage table */
.bnb-page .cov{border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.bnb-page .cov-row{display:grid;grid-template-columns:1.1fr 0.9fr 1.4fr;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid var(--line-2);transition:background .15s;}
.bnb-page .cov-row:last-child{border-bottom:none;}
.bnb-page .cov-row:hover{background:rgba(255,255,255,0.02);}
.bnb-page .cov-row.h{background:#0b0f16;font-family:var(--bq-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-3);}
.bnb-page .cov-row .nm{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:#fff;}
.bnb-page .cov-row .mono-q{width:32px;height:32px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.bnb-page .cov-row .mono-q img{width:100%;height:100%;object-fit:contain;display:block;}
.bnb-page .cov-row .ty{font-family:var(--bq-mono);font-size:12px;color:var(--ink-2);}
.bnb-page .cov-row .gv{font-size:13.5px;color:var(--ink-2);}
.bnb-page .cov-foot{padding:15px 22px;font-family:var(--bq-mono);font-size:12.5px;color:var(--bnb-lav);background:rgba(240,185,11,0.05);display:flex;align-items:center;gap:8px;}

/* datasets grid */
.bnb-page .ds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.bnb-page .ds-card{display:flex;flex-direction:column;gap:9px;background:var(--bq-card-bg);border:1px solid var(--line);border-radius:12px;padding:22px 22px 20px;transition:border-color .16s,transform .16s,background .16s;color:inherit;}
.bnb-page .ds-card:hover{border-color:rgba(240,185,11,0.34);transform:translateY(-3px);background:#0d131e;}
.bnb-page .ds-card .dcat{font-family:var(--bq-mono);font-size:10px;letter-spacing:0.06em;text-transform:uppercase;color:var(--bnb-lav);}
.bnb-page .ds-card h3{font-size:16.5px;font-weight:500;letter-spacing:-0.2px;color:#fff;}
.bnb-page .ds-card p{font-size:13px;color:var(--ink-2);line-height:1.5;flex:1;margin:0;}
.bnb-page .ds-card .more{font-size:12.5px;font-weight:500;color:var(--ink-3);display:inline-flex;align-items:center;gap:6px;transition:color .15s;}
.bnb-page .ds-card:hover .more{color:var(--bnb-lav);}

/* recipes */
.bnb-page .rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bnb-page .rec{background:var(--bq-card-bg);border:1px solid var(--line);border-radius:13px;padding:24px 24px 22px;display:flex;flex-direction:column;transition:border-color .16s,transform .16s;}
.bnb-page .rec:hover{border-color:rgba(240,185,11,0.34);transform:translateY(-3px);}
.bnb-page .rec .rtag{align-self:flex-start;font-family:var(--bq-mono);font-size:10px;letter-spacing:0.05em;text-transform:uppercase;color:var(--bnb-lav);background:rgba(240,185,11,0.1);border:1px solid rgba(240,185,11,0.26);padding:3px 8px;border-radius:6px;}
.bnb-page .rec h3{font-size:18px;font-weight:500;letter-spacing:-0.2px;margin:15px 0 8px;}
.bnb-page .rec p{font-size:13.5px;color:var(--ink-2);line-height:1.5;flex:1;}
.bnb-page .rec .snip{margin-top:16px;background:var(--panel);border:1px solid var(--line-2);border-radius:9px;padding:12px 14px;font-family:var(--bq-mono);font-size:11.5px;line-height:1.6;color:#c3cad6;overflow-x:auto;}
.bnb-page .rec .rlnk{margin-top:15px;font-size:13px;font-weight:500;color:var(--bnb-lav);display:inline-flex;align-items:center;gap:6px;align-self:flex-start;}
.bnb-page .rec .rlnk:hover{color:#fff;}

/* proof band */
.bnb-page .proof{background:linear-gradient(120deg,#0a0d1c,#0a1420);border:1px solid var(--line);border-radius:18px;padding:46px 44px;position:relative;overflow:hidden;}
.bnb-page .proof::after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(240,185,11,0.2),transparent 68%);}
.bnb-page .proof .pq{position:relative;font-size:25px;font-weight:500;letter-spacing:-0.3px;line-height:1.4;max-width:800px;color:#fff;}
.bnb-page .proof .pq .bnb-text{font-weight:600;}
.bnb-page .proof .by{display:flex;align-items:center;gap:14px;margin-top:24px;position:relative;}
.bnb-page .proof .by .av{width:44px;height:44px;border-radius:50%;background:var(--bnb);display:flex;align-items:center;justify-content:center;font-weight:600;color:#06090d;}
.bnb-page .proof .by .n{font-weight:500;font-size:15px;} .bnb-page .proof .by .r{font-size:13px;color:var(--ink-2);}
.bnb-page .proof .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:36px;border-top:1px solid var(--line-2);position:relative;}
.bnb-page .proof .st{padding:24px 8px 0;border-right:1px solid var(--line-2);}
.bnb-page .proof .st:last-child{border-right:none;}
.bnb-page .proof .st .v{font-size:34px;font-weight:500;letter-spacing:-0.6px;} .bnb-page .proof .st .v .u{color:var(--bnb-lav);}
.bnb-page .proof .st .k{font-size:13px;color:var(--ink-2);margin-top:5px;}
.bnb-page .proof .logos{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:34px;position:relative;padding-top:26px;border-top:1px solid var(--line-2);}
.bnb-page .proof .logos .wl{font-family:var(--bq-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-3);}
.bnb-page .proof .logos img{height:21px;opacity:0.78;filter:saturate(0.05) brightness(1.1);transition:opacity .2s;}
.bnb-page .proof .logos img:hover{opacity:1;}

/* pricing */
.bnb-page .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch;}
.bnb-page .plan{background:var(--bq-card-bg);border:1px solid var(--line);border-radius:14px;padding:28px 26px;display:flex;flex-direction:column;position:relative;}
.bnb-page .plan.feat{border-color:transparent;background:linear-gradient(#0c111b,#0c111b) padding-box,var(--bnb) border-box;border:1px solid transparent;}
.bnb-page .plan .tg{position:absolute;top:-10px;right:22px;font-family:var(--bq-mono);font-size:10px;letter-spacing:0.05em;text-transform:uppercase;color:#06090d;background:var(--bnb);padding:4px 10px;border-radius:999px;}
.bnb-page .plan .pn{font-size:14px;font-family:var(--bq-mono);letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-2);}
.bnb-page .plan .pr{font-size:38px;font-weight:500;letter-spacing:-1px;margin:14px 0 2px;} .bnb-page .plan .pr small{font-size:14px;color:var(--ink-3);font-weight:400;}
.bnb-page .plan .pd{font-size:13.5px;color:var(--ink-2);min-height:38px;}
.bnb-page .plan ul{list-style:none;margin:18px 0 24px;padding:0;display:flex;flex-direction:column;gap:11px;flex:1;}
.bnb-page .plan li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink-2);}
.bnb-page .plan li svg{flex:none;margin-top:2px;}
.bnb-page .bq-btn.block{width:100%;}

/* faq */
.bnb-page .faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px;counter-reset:f;}
.bnb-page .faq details{border:1px solid var(--line);border-radius:12px;padding:0 22px;background:var(--bq-card-bg);transition:border-color .15s;}
.bnb-page .faq details[open]{border-color:rgba(240,185,11,0.32);}
.bnb-page .faq summary{list-style:none;cursor:pointer;padding:19px 0;font-size:17px;font-weight:500;letter-spacing:-0.2px;display:flex;align-items:center;gap:14px;}
.bnb-page .faq summary::-webkit-details-marker{display:none;}
.bnb-page .faq summary::before{counter-increment:f;content:"0" counter(f);font-family:var(--bq-mono);font-size:12px;-webkit-background-clip:text;background-clip:text;color:transparent;background:var(--bnb);flex:none;}
.bnb-page .faq summary .pm{margin-left:auto;flex:none;width:20px;height:20px;position:relative;}
.bnb-page .faq summary .pm::before,.bnb-page .faq summary .pm::after{content:"";position:absolute;background:var(--bnb-lav);border-radius:2px;transition:.2s;}
.bnb-page .faq summary .pm::before{top:9px;left:1px;right:1px;height:2px;} .bnb-page .faq summary .pm::after{left:9px;top:1px;bottom:1px;width:2px;}
.bnb-page .faq details[open] summary .pm::after{transform:scaleY(0);}
.bnb-page .faq .ans{padding:0 0 21px 34px;font-size:14.5px;color:var(--ink-2);line-height:1.6;}
.bnb-page .faq .ans a{color:var(--bnb-lav);} .bnb-page .faq .ans .mono{color:#74c7c5;}

/* final cta */
.bnb-page .final{position:relative;overflow:hidden;border-top:1px solid var(--line-2);}
.bnb-page .final-card{margin:0 auto;text-align:center;padding:80px 0;position:relative;}
.bnb-page .final-card::before{content:"";position:absolute;inset:0;background:radial-gradient(620px 280px at 50% 0%,rgba(240,185,11,0.14),transparent 66%),radial-gradient(560px 280px at 50% 100%,rgba(0,216,221,0.10),transparent 70%);}
.bnb-page .final-card h2{font-size:42px;font-weight:500;letter-spacing:-1px;position:relative;}
.bnb-page .final-card p{font-size:18px;color:var(--ink-2);max-width:560px;margin:16px auto 28px;position:relative;}
.bnb-page .final-card .cta{display:flex;gap:14px;justify-content:center;position:relative;flex-wrap:wrap;}
.bnb-page .final-card .re{margin-top:22px;font-family:var(--bq-mono);font-size:12px;color:var(--ink-3);position:relative;}

/* reveal */
.bnb-page .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.bnb-page .reveal.in{opacity:1;transform:none;}

@media(max-width:1000px){
  .bnb-page .rec-grid{grid-template-columns:1fr;}
  .bnb-page .price-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto;}
  .bnb-page .hero-top{grid-template-columns:1fr;gap:30px;} .bnb-page .spec-rail{max-width:520px;}
  .bnb-page .hero .sub{max-width:620px;}
}
@media(max-width:820px){
  .bnb-page .hero h1{font-size:42px;letter-spacing:-1px;} .bnb-page .hero{padding:46px 0 50px;}
  .bnb-page .shead .rule{grid-template-columns:1fr;gap:8px;} .bnb-page .shead .idx{font-size:42px;}
  .bnb-page .c-body{grid-template-columns:1fr;} .bnb-page .c-query{border-right:none;border-bottom:1px solid var(--line);}
  .bnb-page .vs-row{grid-template-columns:1fr;} .bnb-page .vs-row .lbl,.bnb-page .vs-row .bad{border-right:none;border-bottom:1px solid var(--line-2);}
  .bnb-page .vs-head{display:none;}
  .bnb-page .lane{grid-template-columns:180px 1fr;} .bnb-page .lane .meta{grid-column:1/-1;text-align:left;display:flex;gap:14px;align-items:baseline;}
  .bnb-page .cov-row{grid-template-columns:1fr 1fr;} .bnb-page .cov-row .gv{grid-column:1/-1;color:var(--ink-3);font-size:12.5px;}
  .bnb-page .cov-row.h .gv{display:none;}
  .bnb-page .ds-grid{grid-template-columns:1fr 1fr;}
  .bnb-page .proof .stats{grid-template-columns:1fr;} .bnb-page .proof .st{border-right:none;border-bottom:1px solid var(--line-2);padding:18px 0;} .bnb-page .proof .st:last-child{border-bottom:none;}
  .bnb-page .proof{padding:34px 26px;} .bnb-page .proof .pq{font-size:21px;}
  .bnb-page section.s{padding:62px 0;} .bnb-page .shead h2{font-size:28px;} .bnb-page .final-card h2{font-size:32px;}
}
@media(max-width:560px){
  .bnb-page .wrap{padding:0 20px;} .bnb-page .hero h1{font-size:34px;} .bnb-page .res-row .num.hide-sm{display:none;} .bnb-page .ds-grid{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){
  .bnb-page .reveal{opacity:1;transform:none;transition:none;} .bnb-page .res-row{animation:none;} .bnb-page .c-out .live i{animation:none;}
}