/* Style G – "Blueprint": technical drawing – blueprint blue, white linework, dimensions, title block. 2026-11-03 */
[data-theme=g]{
  --bp:#0d3f8f;--deep:#0a3170;--panel:rgba(8,40,96,.42);--text:#f2f7ff;--muted:#b9cdee;--line:rgba(255,255,255,.55);--faint:rgba(255,255,255,.22);
  --cyan:#8fe3ff;--amber:#ffcf5a;
  --cond:"Barlow Condensed","Arial Narrow",sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--sans:"IBM Plex Sans",system-ui,sans-serif;
  --track:rgba(255,255,255,.28);--trk-h:2px;--trk-r:0;--fill-img:linear-gradient(#8fe3ff,#8fe3ff);
  --thumb:linear-gradient(#fff,#fff) 50% 50%/2px 56% no-repeat,linear-gradient(#fff,#fff) 50% 50%/56% 2px no-repeat,#0d3f8f;
  --th:24px;--th-r:50%;--th-b:2px solid #fff;--th-sh:0 0 0 5px rgba(143,227,255,.22);
  --focus:#ffcf5a;--fact-sep:1px solid rgba(255,255,255,.4);--calc-sep:1px dashed rgba(255,255,255,.45);--catch-ok:#8fe3ff;color-scheme:dark}
[data-theme=g] body{color:var(--text);font:400 16.5px/1.6 var(--sans);background-color:var(--bp);
  background-image:radial-gradient(ellipse at 50% -10%,rgba(255,255,255,.1),transparent 55%),
    linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:auto,120px 120px,120px 120px,24px 24px,24px 24px}
[data-theme=g] h1 em,[data-theme=g] h2 .soft{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #fff}

/* frame corners (registration marks) used on several boxes */
[data-theme=g] .g-art,[data-theme=g] .calc,[data-theme=g] .card,[data-theme=g] .chart{position:relative}
[data-theme=g] .g-art::before,[data-theme=g] .calc::before,[data-theme=g] .card::before,[data-theme=g] .chart::before,
[data-theme=g] .g-art::after,[data-theme=g] .calc::after,[data-theme=g] .card::after,[data-theme=g] .chart::after{content:"";position:absolute;width:14px;height:14px;pointer-events:none}
[data-theme=g] .g-art::before,[data-theme=g] .calc::before,[data-theme=g] .card::before,[data-theme=g] .chart::before{top:-5px;left:-5px;border-top:2px solid var(--amber);border-left:2px solid var(--amber)}
[data-theme=g] .g-art::after,[data-theme=g] .calc::after,[data-theme=g] .card::after,[data-theme=g] .chart::after{bottom:-5px;right:-5px;border-bottom:2px solid var(--amber);border-right:2px solid var(--amber)}

/* top bar */
[data-theme=g] .topbar{background:rgba(10,49,112,.93);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.4)}
[data-theme=g] .switcher{border-bottom:1px dashed rgba(255,255,255,.25);color:var(--muted);--sw-ico:#ffcf5a}
[data-theme=g] .sw-claim{font:500 11px/1.35 var(--mono);text-transform:uppercase;letter-spacing:.03em}
[data-theme=g] .sw-claim strong{color:var(--text);font-weight:500}
[data-theme=g] .sw-tabs button{border:1px solid rgba(255,255,255,.4);font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}
[data-theme=g] .sw-tabs button:hover{border-color:#fff;background:rgba(255,255,255,.08)}
[data-theme=g] .sw-tabs button[aria-checked=true]{background:#fff;color:var(--deep);border-color:#fff}
[data-theme=g] .sw-chip{border-radius:0}
[data-theme=g] .wordmark{font:700 24px/1 var(--cond);text-transform:uppercase;letter-spacing:.14em}
[data-theme=g] .mark-box{width:40px;height:40px;border:1.5px solid #fff;background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)) 50% 0/1px 100% no-repeat,linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)) 0 50%/100% 1px no-repeat}
[data-theme=g] .mark{width:21px;height:26px;fill:var(--bp);stroke:#fff;stroke-width:22;stroke-linejoin:round}
[data-theme=g] .nav-links{font:500 12.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
[data-theme=g] .nav-links a:hover{color:#fff;text-decoration:underline dashed;text-underline-offset:6px}
[data-theme=g] .btn{height:48px;padding:0 22px;font:600 17px/1 var(--cond);text-transform:uppercase;letter-spacing:.12em}
[data-theme=g] .btn-primary{background:#fff;color:var(--deep)}
[data-theme=g] .btn-primary:hover{background:var(--cyan);box-shadow:0 0 0 5px rgba(143,227,255,.2)}
[data-theme=g] .btn-secondary{border:1px solid #fff;color:#fff}
[data-theme=g] .btn-secondary:hover{background:rgba(255,255,255,.08)}
[data-theme=g] .nav-cta{height:40px;padding:0 16px;font-size:15px}

/* hero: the drawing */
[data-theme=g] .hero{padding:70px 0 30px}
[data-theme=g] .hero-in{grid-template-columns:1fr 1.05fr;gap:48px}
[data-theme=g] .badge{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.5);padding:5px 12px 5px 5px;font:500 12.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
[data-theme=g] .badge b{background:var(--amber);color:var(--deep);padding:4px 8px;font-weight:600}
[data-theme=g] h1{font:600 clamp(48px,6.4vw,94px)/.95 var(--cond);text-transform:uppercase;letter-spacing:.01em;margin:24px 0 24px}
[data-theme=g] .lead{font-size:18.5px;color:var(--muted);max-width:580px;margin-bottom:32px}
[data-theme=g] .lead strong{color:#fff;font-weight:600}
[data-theme=g] .g-art{border:1px solid var(--line);background:var(--panel);padding:16px 16px 12px}
[data-theme=g] .g-draw{width:100%;height:auto}
[data-theme=g] .g-faint{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1;stroke-dasharray:3 7}
[data-theme=g] .g-center path{fill:none;stroke:rgba(255,255,255,.7);stroke-width:1;stroke-dasharray:14 4 2 4}
[data-theme=g] .g-dash{fill:none;stroke:var(--cyan);stroke-width:1.2;stroke-dasharray:5 4}
[data-theme=g] .g-uni{fill:rgba(255,255,255,.05);stroke:#fff;stroke-width:2.6;stroke-linejoin:round;stroke-dasharray:3000;stroke-dashoffset:0;animation:g-draw 2.6s ease-out}
@keyframes g-draw{from{stroke-dashoffset:3000}}
[data-theme=g] .g-mane path{fill:none;stroke:rgba(255,255,255,.65);stroke-width:1.6;stroke-dasharray:6 5}
[data-theme=g] .g-lead path{fill:none;stroke:#fff;stroke-width:1.1}
[data-theme=g] .g-lead circle{fill:#fff}
[data-theme=g] .g-lead .g-ext{stroke:rgba(255,255,255,.6);stroke-dasharray:4 4}
[data-theme=g] .g-txt text{font:500 14px var(--mono);fill:#fff;letter-spacing:.04em}
[data-theme=g] .g-txt .g-sub{font-size:12px;fill:var(--cyan)}
[data-theme=g] .g-tb{display:grid;grid-template-columns:1.3fr 1.2fr .8fr .5fr;border:1px solid var(--line);margin-top:10px}
[data-theme=g] .g-tb > div{padding:6px 10px;border-left:1px solid var(--line)}
[data-theme=g] .g-tb > div:first-child{border-left:0}
[data-theme=g] .g-tb span{display:block;font:500 10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
[data-theme=g] .g-tb b{display:block;font:600 17px/1.2 var(--cond);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
[data-theme=g] .facts{margin-top:54px;border:1px solid var(--line);background:var(--panel)}
[data-theme=g] .fact{padding:22px 20px}
[data-theme=g] .fact .v{font:600 40px/1 var(--cond);letter-spacing:.01em}
[data-theme=g] .fact .l{font:500 11.5px/1.35 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}

/* sections */
[data-theme=g] main{counter-reset:gsec}
[data-theme=g] .sec{padding:110px 0 0;counter-increment:gsec}
[data-theme=g] .kicker{font:500 12.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--cyan);margin-bottom:16px}
[data-theme=g] .kicker::before{content:"Sheet " counter(gsec,decimal-leading-zero) " — ";color:var(--muted)}
[data-theme=g] h2{font:600 clamp(34px,4.6vw,62px)/1 var(--cond);text-transform:uppercase;letter-spacing:.01em;max-width:900px}
[data-theme=g] h2 .soft{-webkit-text-stroke:1.2px rgba(255,255,255,.9)}
[data-theme=g] .sub{font-size:17.5px;color:var(--muted);max-width:680px;margin-top:16px}
[data-theme=g] .needs-try{border:1px dashed rgba(255,255,255,.5);padding:14px 16px}
[data-theme=g] .needs-try p{font:500 13px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em}

/* calculator */
[data-theme=g] .calc{border:1px solid rgba(255,255,255,.6);background:var(--panel)}
[data-theme=g] .calc-in,[data-theme=g] .calc-out{padding:30px}
[data-theme=g] .ctl label,[data-theme=g] .ctl .lbl{font:500 12.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
[data-theme=g] .ctl output{font:600 20px/1.1 var(--cond);letter-spacing:.03em}
[data-theme=g] .ctl-scale{font:500 11.5px/1 var(--mono);text-transform:uppercase}
[data-theme=g] .tier-btn{border:1px solid rgba(255,255,255,.5);padding:7px 10px;font:500 12.5px/1 var(--mono)}
[data-theme=g] .tier-btn:hover{border-color:#fff;background:rgba(255,255,255,.08)}
[data-theme=g] .tier-btn[aria-checked=true]{background:#fff;color:var(--deep);border-color:#fff}
[data-theme=g] .res .k{font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
[data-theme=g] .res .v{font:600 44px/1 var(--cond)}
[data-theme=g] .bar{height:14px;border:1px solid rgba(255,255,255,.6)}
[data-theme=g] .bar-old{background:repeating-linear-gradient(45deg,rgba(255,255,255,.55) 0 1.5px,transparent 1.5px 6px)}
[data-theme=g] .bar-new{background:var(--cyan)}
[data-theme=g] .bar-lab{font:500 12.5px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
[data-theme=g] .bar-lab span:last-child{color:#fff}
[data-theme=g] .save{font-size:17px}
[data-theme=g] .save b{font:600 26px/1 var(--cond);color:var(--amber)}
[data-theme=g] .ai-note{font-size:14px;color:var(--muted);margin-top:16px;padding-top:16px;border-top:1px dashed rgba(255,255,255,.35)}
[data-theme=g] .ai-note a{color:#fff;text-decoration:underline}
[data-theme=g] .fine{font-size:13px;color:var(--muted);margin-top:16px}

/* cards: component specs */
[data-theme=g] .cards{gap:18px}
[data-theme=g] .card{border:1px solid rgba(255,255,255,.45);background:var(--panel);padding:26px 22px;transition:background-color .2s,border-color .2s}
[data-theme=g] .card:hover{background:rgba(143,227,255,.1);border-color:#fff}
[data-theme=g] .card .ic::before{content:attr(data-g);display:inline-block;padding:4px 7px;background:var(--cyan);color:var(--deep);font:600 11.5px/1 var(--mono);letter-spacing:.08em}
[data-theme=g] .card h3{font:600 23px/1.1 var(--cond);text-transform:uppercase;letter-spacing:.02em;margin:16px 0 8px}
[data-theme=g] .card p{font-size:15px;color:var(--muted)}

/* compare */
[data-theme=g] .compare-wrap{border:1px solid var(--line);background:var(--panel)}
[data-theme=g] .compare{font-size:15.5px}
[data-theme=g] .compare th,[data-theme=g] .compare td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.2)}
[data-theme=g] .compare tr:last-child td{border-bottom:0}
[data-theme=g] .compare th{font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);border-bottom:1px solid var(--line)}
[data-theme=g] .compare td:first-child{font:500 12.5px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
[data-theme=g] .compare td:nth-child(2){color:var(--muted)}
[data-theme=g] .compare td.us{font-weight:600}
[data-theme=g] .compare td.us::before{content:"▸ ";color:var(--amber)}

/* steps: flow diagram */
[data-theme=g] .steps{position:relative;gap:26px}
[data-theme=g] .steps::before{content:"";position:absolute;left:0;right:0;top:23px;border-top:1px dashed rgba(255,255,255,.5)}
[data-theme=g] .step{position:relative}
[data-theme=g] .step::before{content:counter(step,decimal-leading-zero);position:relative;display:grid;place-items:center;width:46px;height:46px;margin-bottom:18px;border:1.5px solid #fff;border-radius:50%;background:var(--bp);font:500 14px/1 var(--mono)}
[data-theme=g] .step h3{font:600 23px/1.1 var(--cond);text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px}
[data-theme=g] .step p{color:var(--muted);font-size:15px}

/* pricing */
[data-theme=g] .tiers{gap:14px}
[data-theme=g] .tier{border:1px solid rgba(255,255,255,.5);background:var(--panel);padding:22px 18px}
[data-theme=g] .tier .p{font:600 42px/1 var(--cond)}
[data-theme=g] .tier .p small{font:500 12px/1 var(--mono);color:var(--muted)}
[data-theme=g] .tier .t{display:block;margin:12px 0 6px;font:500 11.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--cyan)}
[data-theme=g] .tier p{font-size:14.5px;color:var(--muted)}
[data-theme=g] .tier .spd{font:500 12px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--amber)}
[data-theme=g] .price-note{font-size:14.5px;color:var(--muted);margin-top:20px}
[data-theme=g] .catch{margin-top:26px;border:1px dashed var(--amber);background:rgba(255,207,90,.06);padding:26px 28px}
[data-theme=g] .catch .one{font:600 84px/.9 var(--cond);color:var(--amber)}
[data-theme=g] .catch h3{font:600 27px/1.05 var(--cond);text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}
[data-theme=g] .catch p,[data-theme=g] .catch-list li{color:var(--muted)}
[data-theme=g] .catch-list b{color:#fff}
[data-theme=g] .catch .catch-total{font:500 13px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--amber)}

/* investors */
[data-theme=g] .sec.sec-inv{margin-top:110px;padding:90px 0;background:rgba(6,30,72,.5);border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}
[data-theme=g] .chart{border:1px solid #fff;background:var(--panel);padding:26px}
[data-theme=g] .chart-t{font:500 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:8px}
[data-theme=g] .chart-row{margin:14px 0;font:500 12.5px/1.2 var(--mono);text-transform:uppercase;color:var(--muted)}
[data-theme=g] .chart-row > span:last-child{color:#fff}
[data-theme=g] .chart-track{height:14px;border:1px solid rgba(255,255,255,.55)}
[data-theme=g] .chart-b{height:100%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.55) 0 1.5px,transparent 1.5px 6px)}
[data-theme=g] .chart-b.hl{background:var(--cyan)}

/* extras */
[data-theme=g] .extras{gap:16px}
[data-theme=g] .extra{border:1px solid rgba(255,255,255,.45);background:var(--panel);padding:26px}
[data-theme=g] .extra .yr{font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--amber)}
[data-theme=g] .extra h3{font:600 23px/1.1 var(--cond);text-transform:uppercase;letter-spacing:.02em;margin:12px 0 8px}
[data-theme=g] .extra p{font-size:15px;color:var(--muted)}

/* about + FAQ */
[data-theme=g] .sig{font-size:14.5px;color:var(--muted)}
[data-theme=g] .sig b{font:600 23px/1.1 var(--cond);text-transform:uppercase;letter-spacing:.06em;color:#fff}
[data-theme=g] .faq details{border-bottom:1px dashed rgba(255,255,255,.35);padding:16px 0}
[data-theme=g] .faq details:first-child{border-top:1px dashed rgba(255,255,255,.35)}
[data-theme=g] .faq summary{font-weight:600}
[data-theme=g] .faq summary::after{font:500 18px/1 var(--mono);color:var(--cyan)}
[data-theme=g] .faq details p{color:var(--muted);margin-top:10px;font-size:15px}

/* CTA + footer */
[data-theme=g] .sec-cta{margin-top:110px;padding:90px 0;text-align:center;border-top:1px solid rgba(255,255,255,.35);background:radial-gradient(ellipse at 50% 110%,rgba(143,227,255,.16),transparent 60%)}
[data-theme=g] .sec-cta h2,[data-theme=g] .sec-cta .sub{margin-left:auto;margin-right:auto}
[data-theme=g] .sec-cta .ctas{justify-content:center;margin-top:30px}
[data-theme=g] .foot{font:500 12px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:26px 0 40px;border-top:1px dashed rgba(255,255,255,.35)}
[data-theme=g] .foot a:hover{color:#fff}

@media (max-width:900px){
  html[data-theme=g] .g-art{max-width:620px;width:100%;margin:0 auto}
  html[data-theme=g] .steps::before{display:none}
  html[data-theme=g] .fact .v{font-size:34px}
}
@media (max-width:600px){
  html[data-theme=g] .badge{max-width:min(100%,calc(100vw - 32px));padding-right:8px;font-size:clamp(10.5px,3.3vw,12.5px);line-height:1.45;letter-spacing:.02em}
  html[data-theme=g] .g-tb{grid-template-columns:1fr 1fr}
  html[data-theme=g] .g-tb > div:nth-child(3){border-left:0}
  html[data-theme=g] .g-tb > div:nth-child(n+3){border-top:1px solid var(--line)}
  html[data-theme=g] .fact{padding:18px 14px}
  html[data-theme=g] .fact .v{font-size:28px}
  html[data-theme=g] .calc-in,html[data-theme=g] .calc-out{padding:22px}
  html[data-theme=g] .catch .one{font-size:64px}
}