/* ============================================================
   Aelo — shared inner-page system, derived 1:1 from index.html.
   Tokens, header, type scale, white card system, footer: homepage.
   ============================================================ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-font-smoothing:antialiased}
@media (max-width:1920px){html{font-size:0.833333vw}}
@media (max-width:1440px){html{font-size:1.111111vw}}
@media (max-width:1023.98px){html{font-size:16px}}
html,body{overflow-x:clip}
:root{
  --background:#050B16;
  --foreground:#fdfdfd;
  --void:#050B16;
  --chalk:#fdfdfd;
  --signal:#00E6D6;
  --aelo-navy:#0B1222;
  --aelo-ice:#F7FAFC;
  --aelo-mist:#E6F0FA;
  --surface:#08101F;
  --surface-raised:#10264A;
}
body{
  background:var(--background);color:var(--foreground);
  overscroll-behavior-y:none;
  font-family:'Geist','Inter',system-ui,sans-serif;font-weight:400;
}
body::-webkit-scrollbar{width:0}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit;background:none;border:0}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
img{display:block}

/* ---------- type scale (homepage) ---------- */
.display{font-family:'Geist','Inter',sans-serif;font-weight:500;font-size:4.55vw;line-height:0.94;letter-spacing:-0.055em}
.tag{font-family:'Geist','Inter',sans-serif;font-size:0.76vw;line-height:1.25;text-transform:none;letter-spacing:-0.01em;font-weight:500}
.body-copy{font-family:'Geist','Inter',sans-serif;font-weight:400;font-size:0.9vw;line-height:1.38;letter-spacing:-0.018em}
.h2-display{font-family:'Geist','Inter',sans-serif;font-weight:500;font-size:2.6vw;line-height:0.98;letter-spacing:-0.05em}

/* ---------- canvas ---------- */
#gl{position:fixed;inset:0;z-index:0;pointer-events:none;display:block;width:100%;height:100%}

/* ---------- header (homepage) ---------- */
#siteHeader{position:fixed;top:1.25vw;left:50%;transform:translateX(-50%);z-index:50;
  height:4.18vw;width:min(86.8vw,1250px);max-width:calc(100vw - 40px);
  border:1px solid rgba(255,255,255,0.10);border-radius:999px;
  background:rgba(11,18,34,0.45);
  box-shadow:0 8px 32px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.08);
  -webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);
  color:#fff}
#siteHeader .hd-row{display:flex;align-items:center;justify-content:space-between;height:100%;
  padding:0.52vw 0.52vw 0.52vw 1.18vw}
#siteHeader .brand-logo{height:3.28vw;width:auto;display:block;filter:brightness(0) invert(1)}
#siteHeader nav{display:flex;gap:2.08vw;font-weight:500;font-size:0.83vw;letter-spacing:-0.015em}
#siteHeader nav a{opacity:.65;color:#fff;transition:opacity .2s}
#siteHeader nav a:hover{opacity:1}
#siteHeader nav a.active{opacity:1}
.contact-btn{align-self:stretch;display:flex;align-items:center;gap:.42vw;border-radius:999px;
  padding:0.28vw 0.28vw 0.28vw 1.04vw;
  background:rgba(255,255,255,0.10);color:#fff;
  border:1px solid rgba(255,255,255,0.16);font-size:0.83vw;font-weight:500;letter-spacing:-0.01em;
  transition:transform .2s,box-shadow .2s,background-color .2s}
.contact-btn::after{content:"→";width:2.28vw;height:2.28vw;border-radius:999px;background:linear-gradient(135deg,#00E6D6,#8FF7F0);color:var(--aelo-navy);display:grid;place-items:center;font-size:.88vw;font-weight:600}
.contact-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,0.16);box-shadow:0 12px 28px rgba(0,230,214,0.18)}
#burger{display:none;width:2.5rem;height:2.5rem;position:relative}
#burger span{position:absolute;left:25%;right:25%;height:1px;background:#fff;transition:transform .3s,opacity .3s}
#burger span:nth-child(1){top:42%}
#burger span:nth-child(2){top:58%}
#burger[aria-expanded="true"] span:nth-child(1){transform:translateY(0.2rem) rotate(45deg)}
#burger[aria-expanded="true"] span:nth-child(2){transform:translateY(-0.2rem) rotate(-45deg)}
#mobileMenu{position:fixed;inset:0;z-index:49;background:rgba(0,0,0,0.94);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  display:none;flex-direction:column;justify-content:center;align-items:center;gap:2rem;
  font-size:2rem;font-weight:300}
#mobileMenu.open{display:flex}
@media (max-width:1023.98px){
  #siteHeader{top:1rem;height:3.55rem;width:calc(100% - 2rem);max-width:none}
  #siteHeader .hd-row{padding:.45rem;padding-left:1rem}
  #siteHeader .brand-logo{height:2.55rem}
  #siteHeader nav{display:none}
  #siteHeader .contact-btn{display:none}
  #burger{display:block}
}

/* ---------- waitlist modal (homepage) ---------- */
.waitlist-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:1.25rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}
.waitlist-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.waitlist-backdrop{position:absolute;inset:0;background:rgba(2,6,14,.62);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.waitlist-card{position:relative;width:min(94vw,520px);border:1px solid rgba(255,255,255,.14);border-radius:28px;background:rgba(11,18,34,.72);box-shadow:0 28px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.10);-webkit-backdrop-filter:blur(44px) saturate(180%);backdrop-filter:blur(44px) saturate(180%);padding:2rem;color:#fff;transform:translateY(16px) scale(.98);transition:transform .28s cubic-bezier(.16,1,.3,1)}
.waitlist-modal.open .waitlist-card{transform:translateY(0) scale(1)}
.waitlist-close{position:absolute;top:1rem;right:1rem;width:2.35rem;height:2.35rem;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:1.35rem;line-height:1;display:grid;place-items:center}
.waitlist-close:hover{background:rgba(255,255,255,.15)}
.waitlist-kicker{font-family:'Geist','Inter',sans-serif;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#8FF7F0;margin-bottom:.75rem;font-weight:600}
.waitlist-card h3{font-family:'Geist','Inter',sans-serif;font-size:clamp(1.9rem,4.5vw,2.45rem);line-height:1.02;letter-spacing:-.04em;font-weight:500;margin:0 2.4rem .8rem 0}
.waitlist-card p{font-family:'Geist','Inter',sans-serif;font-size:1rem;line-height:1.5;color:rgba(255,255,255,.72);margin:0 0 1.35rem;max-width:34rem}
.waitlist-form{display:grid;gap:.8rem}
.waitlist-field{display:grid;gap:.35rem}
.waitlist-field label{font-family:'Geist','Inter',sans-serif;font-size:.78rem;color:rgba(255,255,255,.62);font-weight:500}
.waitlist-field input{width:100%;min-height:3.25rem;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);padding:0 1rem;color:#fff;font-family:'Geist','Inter',sans-serif;font-size:1rem;outline:none;transition:border-color .2s,background .2s}
.waitlist-field input:focus{border-color:rgba(0,230,214,.55);background:rgba(255,255,255,.12)}
.waitlist-field input::placeholder{color:rgba(255,255,255,.34)}
.waitlist-submit{margin-top:.35rem;min-height:3.35rem;border-radius:999px;background:linear-gradient(135deg,#00E6D6,#8FF7F0);color:var(--aelo-navy);font-family:'Geist','Inter',sans-serif;font-size:1rem;font-weight:650;display:flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 18px 42px rgba(0,230,214,.18)}
.waitlist-submit::after{content:'→';font-size:1.1rem}
.waitlist-success{display:none;margin-top:1rem;padding:1rem;border-radius:18px;background:rgba(0,230,214,.10);border:1px solid rgba(0,230,214,.24);color:#8FF7F0;font-family:'Geist','Inter',sans-serif;font-size:.95rem;line-height:1.45}
.waitlist-card.submitted .waitlist-form{display:none}
.waitlist-card.submitted .waitlist-success{display:block}
@media (max-width:640px){.waitlist-card{padding:1.35rem;border-radius:24px}.waitlist-card h3{margin-right:2.2rem}.waitlist-close{top:.8rem;right:.8rem}}

/* ---------- send CTA (homepage) ---------- */
.send-cta{display:flex;align-items:center;gap:0.32vw;border-radius:999px;background:var(--aelo-navy);color:#fff;padding:0.28vw;box-shadow:0 18px 40px rgba(0,0,0,.22);transition:transform .2s,box-shadow .2s,background-color .2s}
.send-cta .send-block{background:transparent;color:inherit;padding:0 1.04vw 0 1.25vw;
  font-family:'Geist','Inter',sans-serif;font-weight:600;font-size:0.83vw;letter-spacing:-0.015em;
  transition:color .2s}
.send-cta:hover{transform:translateY(-1px);box-shadow:0 24px 60px rgba(0,230,214,.18);background:#08101F}
.send-cta:active{transform:translateY(0)}
.send-cta .send-tile{width:2.45vw;height:2.45vw;border-radius:999px;object-fit:cover;background:linear-gradient(135deg,#00E6D6,#8FF7F0);padding:.68vw;filter:saturate(1.2)}
.send-cta .send-tile svg{display:block;width:100%;height:100%;color:var(--aelo-navy)}

/* ---------- content flow ---------- */
.wrap{position:relative;z-index:10}
.container{width:96.667vw;margin:0 auto}
.section-break{margin:0 auto 1.667vw}

/* ---------- page hero (homepage hero overlay geometry) ---------- */
.page-hero{position:relative;min-height:38vw;padding-top:9.028vw}
.page-hero .kicker{display:flex;align-items:center;gap:1.667vw;margin-left:1.667vw;
  font-family:'Geist','Inter',sans-serif;font-weight:600;font-size:0.903vw;letter-spacing:-0.01em}
.page-hero .kicker::before{content:"";width:0.208vw;height:0.208vw;background:#fff}
.page-hero h1{margin:1.1vw 0 0 1.667vw;width:55vw}
.page-hero .lead{margin:1.667vw 0 0 1.667vw;width:27.5vw;font-family:'Geist','Inter',sans-serif;font-size:1.111vw;line-height:1.2;letter-spacing:-0.018em;color:rgba(255,255,255,.88)}
.page-hero .send-cta{position:absolute;bottom:2.5vw;right:1.667vw}

/* ---------- white card system (homepage #financial/.card) ---------- */
.inner-card{width:100%;transform-origin:bottom;position:relative;
  border:1px solid rgba(255,255,255,0.1)}
.card-light{background:#fff;color:#000;padding:2.222vw 2.222vw 3.056vw}
.section-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:2.222vw;margin-bottom:3.4vw}
.section-card-head .section-label{font-family:'Geist','Inter',sans-serif;font-size:0.903vw;font-weight:600;letter-spacing:-0.01em;flex:none;width:22.57vw}
.section-card-head .body-copy{width:27.5vw;color:rgba(0,0,0,.72)}
.section-card-head > div{width:41.875vw}
.section-card-head > div .body-copy{width:27.5vw}

/* index rows (platform agents) — homepage accordion row typography */
.agent-index{border-top:1px solid rgba(0,0,0,0.15)}
.agent-row{display:block;border-bottom:1px solid rgba(0,0,0,0.15);padding:1.667vw 0.75vw;transition:background-color .2s}
.agent-row:hover{background:rgba(0,0,0,0.035)}
.agent-main{display:flex;align-items:baseline;gap:1.667vw}
.agent-name{font-family:'Geist','Inter',sans-serif;font-size:1.042vw;font-weight:600;letter-spacing:-0.02em;width:22.57vw;flex:none}
.agent-line{font-family:'Geist','Inter',sans-serif;font-size:0.972vw;letter-spacing:-0.018em;color:rgba(0,0,0,.55)}
.agent-arrow{margin-left:auto;font-size:1.042vw;opacity:.35;transition:opacity .2s,transform .2s}
.agent-row:hover .agent-arrow{opacity:1;transform:translateX(3px)}
.agent-desc{margin-top:0.7vw;margin-left:24.24vw;width:33.958vw;font-family:'Geist','Inter',sans-serif;font-size:0.972vw;line-height:1.4;letter-spacing:-0.018em;color:rgba(0,0,0,.72)}

/* spec sheet (intelligence sources) */
.spec-sheet{border-top:1px solid rgba(0,0,0,0.15)}
.spec-row{display:flex;align-items:baseline;gap:1.667vw;border-bottom:1px solid rgba(0,0,0,0.15);padding:1.25vw 0.75vw;transition:background-color .2s}
.spec-row:hover{background:rgba(0,0,0,0.035)}
.spec-name{font-family:'Geist','Inter',sans-serif;font-size:1.042vw;font-weight:600;letter-spacing:-0.02em;width:22.57vw;flex:none}
.spec-reads{font-family:'Geist','Inter',sans-serif;font-size:0.972vw;line-height:1.4;letter-spacing:-0.018em;color:rgba(0,0,0,.72);width:33.958vw}

/* steps (how it works) — homepage numbered structure */
.step{border-top:1px solid rgba(0,0,0,0.15);padding:1.667vw 0.75vw 2.222vw;display:flex;align-items:baseline;gap:1.667vw}
.step .ghost{font-family:'Geist','Inter',sans-serif;font-size:0.903vw;font-weight:600;width:22.57vw;flex:none}
.step h2{width:16.5vw;flex:none;font-size:2.05vw}
.step .body-copy{width:27.5vw;color:rgba(0,0,0,.72)}

/* ---------- dark statement band (homepage galaxy overlay language) ---------- */
.card-dark{background:transparent;border:0;padding:4.444vw 1.667vw 5vw;color:#fff}
.statement-card .rule{border-top:1px solid rgba(255,255,255,0.2);margin-bottom:3.3vw}
.statement-card blockquote{font-family:'Geist','Inter',sans-serif;font-weight:500;font-size:2.6vw;line-height:1.04;letter-spacing:-0.05em;width:46.319vw;margin:0 auto;text-align:center}
.stat-line{display:flex;gap:5.5vw;justify-content:center;margin-top:4.167vw}
.stat{width:11.111vw;border-left:1px solid rgba(255,255,255,0.8);padding-left:1.111vw;display:flex;flex-direction:column;gap:0.833vw}
.stat .v{font-family:'Geist','Inter',sans-serif;font-weight:600;font-size:2.222vw;line-height:1;letter-spacing:-0.055em}
.stat .l{font-family:'Geist','Inter',sans-serif;font-weight:500;font-size:0.903vw;letter-spacing:-0.01em;color:rgba(255,255,255,.72)}

/* control band (how-it-works) */
.control{text-align:center}
.control h2{width:46.319vw;margin:0 auto}
.control-lines{margin:3.056vw auto 0;width:29.097vw;display:flex;flex-direction:column;gap:1.25vw}
.control-lines p{font-family:'Geist','Inter',sans-serif;font-size:1.042vw;line-height:1.4;letter-spacing:-0.018em;color:rgba(255,255,255,.82);border-top:1px solid rgba(255,255,255,0.2);padding-top:1.1vw}

/* ---------- footer (homepage) ---------- */
footer{padding-top:4.444vw;color:#fff;background:transparent}
.ft-cta{text-align:center}
.ft-cta h2{font-family:'Geist','Inter',sans-serif;font-weight:500;font-size:3.65vw;line-height:.96;letter-spacing:-0.055em;margin:0 auto;width:62vw}
.ft-cta .send-cta{margin:2.15vw auto 0;display:inline-flex}
footer .ft-grid{margin:4.444vw auto 0;width:96.667vw;padding:4.444vw 0;border-top:1px solid rgba(255,255,255,0.15);display:flex;justify-content:space-between;align-items:flex-start}
footer .ft-brand .logo{height:2.05vw;width:auto;object-fit:contain;filter:brightness(0) invert(1)}
footer .ft-brand .ft-tag{margin-top:1.111vw;width:24vw;color:rgba(255,255,255,.72);font-size:.82vw;line-height:1.35}
footer .ft-cols{display:flex;gap:6.25vw}
footer .ft-col{width:12.5vw;display:flex;flex-direction:column;gap:1.15vw}
footer .ft-col .tag{color:rgba(255,255,255,.54);font-size:.7vw;font-weight:600;margin-bottom:.18vw}
footer .ft-col a{font-size:.86vw;color:rgba(255,255,255,0.68);transition:color .2s,transform .2s;letter-spacing:-.015em}
footer .ft-col a:hover{color:#fff;transform:translateX(2px)}
footer .ft-legal{width:96.667vw;margin:0 auto;padding:1.35vw 0 2.35vw;border-top:1px solid rgba(255,255,255,0.10);display:flex;justify-content:space-between;gap:2vw;color:rgba(255,255,255,.46);font-family:'Geist','Inter',sans-serif;font-size:.72vw;line-height:1.45;letter-spacing:-.01em}
footer .ft-legal strong{color:rgba(255,255,255,.62);font-weight:500}
footer .ft-legal .addresses{text-align:right}

/* Inner pages already finish with generous section padding. */
body.content-page footer{padding-top:clamp(1.75rem,2.5vw,2.5rem);margin-top:0!important}
body.content-page footer .ft-grid{margin-top:clamp(2.5rem,3.25vw,3.25rem)}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(18px);
  transition:opacity .9s cubic-bezier(0.23,1,0.32,1) var(--d,0s),
    transform .9s cubic-bezier(0.23,1,0.32,1) var(--d,0s)}
.reveal.in{opacity:1;transform:none}

/* ---------- mobile ---------- */
@media (max-width:1023.98px){
  .display{font-size:clamp(2.55rem,12vw,3.05rem);line-height:.98;letter-spacing:-0.056em}
  .tag{font-size:.78rem;line-height:1.2}
  .body-copy{font-size:.94rem;line-height:1.38}
  .h2-display{font-size:clamp(1.85rem,8vw,2.45rem);line-height:1;letter-spacing:-.05em}
  .container{width:calc(100% - 2rem)}
  .section-break{margin-bottom:1rem}
  .page-hero{min-height:0;padding:7.15rem 1.45rem 3rem}
  .page-hero .kicker{margin-left:0;font-size:.82rem;gap:.8rem}
  .page-hero .kicker::before{width:.2rem;height:.2rem}
  .page-hero h1{margin:.9rem 0 0;width:auto}
  .page-hero .lead{margin:1.1rem 0 0;width:auto;max-width:23rem;font-size:1rem;line-height:1.4}
  .page-hero .send-cta{position:static;margin-top:1.45rem}
  .send-cta{width:100%;max-width:31rem;gap:.65rem;padding:.35rem;background:#071126;justify-content:space-between}
  .send-cta .send-block{flex:1;text-align:center;padding:.86rem 1rem;font-size:.95rem;line-height:1}
  .send-cta .send-tile{flex:0 0 auto;width:2.85rem;height:2.85rem;padding:.78rem}
  .inner-card{border-radius:1.65rem;overflow:hidden}
  .card-light{padding:1.25rem 1.15rem 1.6rem}
  .section-card-head{flex-direction:column;gap:.8rem;margin-bottom:1.55rem}
  .section-card-head .section-label{width:auto;font-size:.78rem;color:rgba(0,0,0,.68)}
  .section-card-head .body-copy,.section-card-head > div,.section-card-head > div .body-copy{width:auto}
  .agent-row{padding:1rem .1rem}
  .agent-main{flex-wrap:wrap;gap:.5rem 1rem}
  .agent-name{width:auto;font-size:1rem}
  .agent-line{font-size:.9rem}
  .agent-arrow{font-size:1rem}
  .agent-desc{margin:.55rem 0 0;width:auto;font-size:.9rem;line-height:1.45}
  .spec-row{flex-direction:column;gap:.3rem;padding:1rem .1rem}
  .spec-name{width:auto;font-size:1rem}
  .spec-reads{width:auto;font-size:.9rem;line-height:1.45}
  .step{flex-direction:column;gap:.5rem;padding:1.15rem .1rem 1.35rem}
  .step .ghost{width:auto;font-size:.78rem;color:rgba(0,0,0,.48)}
  .step h2{width:auto;font-size:1.7rem}
  .step .body-copy{width:auto}
  .card-dark{padding:2.75rem 0 3rem}
  .statement-card .rule{margin-bottom:1.9rem}
  .statement-card blockquote{width:auto;font-size:clamp(1.6rem,7.4vw,2.1rem);padding:0 .25rem}
  .stat-line{flex-wrap:wrap;gap:1.5rem;margin-top:2rem;justify-content:flex-start;border-top:1px solid rgba(255,255,255,0.2);padding-top:1.5rem}
  .stat{width:calc(50% - 1.5rem);border-left:1px solid rgba(255,255,255,0.8);padding-left:.9rem;gap:.55rem}
  .stat .v{font-size:1.75rem}
  .stat .l{font-size:.75rem}
  .control h2{width:auto;padding:0 .5rem}
  .control-lines{width:auto;margin:1.8rem .5rem 0;gap:1rem}
  .control-lines p{font-size:.95rem;padding-top:.85rem}
  footer{padding:3.25rem 1rem 0}
  body.content-page footer{padding-top:2rem}
  .ft-cta h2{width:auto;font-size:clamp(2.15rem,10vw,2.85rem);line-height:.98;letter-spacing:-.055em;padding:0 .25rem}
  .ft-cta .send-cta{margin-top:1.45rem;display:flex}
  footer .ft-grid{width:100%;flex-direction:column;gap:2.35rem;padding:2.65rem 0 3rem;margin-top:2.65rem}
  body.content-page footer .ft-grid{margin-top:2rem}
  footer .ft-brand .logo{height:2rem;width:auto}
  footer .ft-brand .ft-tag{width:auto;margin-top:.9rem;font-size:.9rem;line-height:1.45;max-width:24rem}
  footer .ft-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem 2rem;width:100%}
  footer .ft-col{width:auto;gap:.82rem}
  footer .ft-col .tag{font-size:.76rem;line-height:1.2}
  footer .ft-col a{font-size:.95rem;line-height:1.2}
  footer .ft-legal{width:100%;padding:1.2rem 0 2rem;flex-direction:column;gap:.7rem;font-size:.74rem;line-height:1.45}
  footer .ft-legal .addresses{text-align:left}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;transition-duration:.001s!important}
  .reveal{opacity:1;transform:none;filter:none}
}

/* Robust homepage aura fallback/overlay — prevents black background if WebGL is muted */
body::before,
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1}
body::before{
  background:
    radial-gradient(ellipse 58vw 26vw at 4vw 2vw,rgba(107,253,255,.38),transparent 58%),
    radial-gradient(ellipse 46vw 22vw at 26vw 8vw,rgba(0,230,214,.18),transparent 62%),
    radial-gradient(ellipse 28vw 18vw at 78vw 18vw,rgba(139,152,254,.14),transparent 64%),
    radial-gradient(ellipse 90vw 44vw at 50vw -10vw,rgba(143,247,240,.12),transparent 68%);
  mix-blend-mode:screen;opacity:.92;filter:blur(1px);
}
body::after{
  background:
    linear-gradient(110deg,rgba(107,253,255,.20) 0%,rgba(107,253,255,.10) 9%,transparent 32%),
    radial-gradient(circle at 58% 21%,rgba(201,168,255,.22) 0 .32rem,transparent .72rem),
    radial-gradient(circle at 76% 38%,rgba(201,168,255,.20) 0 .26rem,transparent .68rem),
    radial-gradient(circle at 49% 43%,rgba(201,168,255,.20) 0 .22rem,transparent .56rem);
  opacity:.8;
}
#gl{z-index:0!important;background:#000!important}
.wrap{position:relative;z-index:10} /* header, #mobileMenu and .waitlist-modal keep their fixed positioning; their z-indexes (50/49/90) already sit above the overlays */
#siteHeader{z-index:50!important}
.waitlist-modal{z-index:90!important}
@media(max-width:1023.98px){body::before{background:radial-gradient(ellipse 90vw 42vw at 8vw 6vw,rgba(107,253,255,.34),transparent 60%),radial-gradient(ellipse 70vw 34vw at 54vw 10vw,rgba(0,230,214,.14),transparent 64%)}body::after{opacity:.55}}

/* ---------- product proof mockups ---------- */
.product-proof{position:relative;margin:0 0 3.056vw;border-radius:1.15vw;background:#050B16;padding:.75vw;box-shadow:0 2.4vw 6vw rgba(0,0,0,.18);overflow:hidden}
.product-proof::before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 12% 8%,rgba(0,230,214,.26),transparent 30%),radial-gradient(circle at 82% 18%,rgba(88,46,255,.22),transparent 34%);filter:blur(36px);pointer-events:none}
.product-proof img{position:relative;z-index:1;width:100%;height:auto;border-radius:.8vw;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.product-proof-caption{display:flex;justify-content:space-between;gap:2vw;margin-top:.85vw;color:rgba(255,255,255,.58);font-family:'Geist','Inter',sans-serif;font-size:.76vw;letter-spacing:-.01em;position:relative;z-index:1}.product-proof-caption strong{color:#8FF7F0;font-weight:600}
@media(max-width:1023.98px){.product-proof{margin-bottom:1.55rem;border-radius:1.15rem;padding:.45rem}.product-proof img{border-radius:.85rem}.product-proof-caption{font-size:.72rem;flex-direction:column;gap:.25rem;margin-top:.7rem}}

/* Platform product teasers — smaller, multiple artefacts */
.product-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1vw;margin:0 0 3.056vw}
.product-teaser{margin:0;min-width:0;border-radius:1vw;background:#050B16;padding:.45vw;box-shadow:0 1.4vw 3.8vw rgba(0,0,0,.14);overflow:hidden;position:relative}
.product-teaser::before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 14% 8%,rgba(0,230,214,.22),transparent 34%),radial-gradient(circle at 86% 18%,rgba(88,46,255,.18),transparent 36%);filter:blur(28px);pointer-events:none}
.product-teaser img{position:relative;z-index:1;width:100%;height:11.6vw;object-fit:cover;object-position:top left;border-radius:.72vw;border:1px solid rgba(255,255,255,.12);display:block}
.product-teaser figcaption{position:relative;z-index:1;display:flex;flex-direction:column;gap:.25vw;padding:.72vw .35vw .18vw;color:rgba(255,255,255,.56);font-family:'Geist','Inter',sans-serif;font-size:.72vw;line-height:1.25;letter-spacing:-.01em}.product-teaser figcaption strong{color:#8FF7F0;font-size:.78vw;font-weight:600}
@media(max-width:1023.98px){.product-teaser-grid{grid-template-columns:1fr;gap:.85rem;margin-bottom:1.55rem}.product-teaser{border-radius:1rem;padding:.42rem}.product-teaser img{height:auto;max-height:15rem;border-radius:.75rem}.product-teaser figcaption{font-size:.78rem;padding:.7rem .25rem .2rem}.product-teaser figcaption strong{font-size:.86rem}}

.pricing-teasers{margin:0 auto 1.45rem}.pricing-teasers .product-teaser img{height:9.6rem}.pricing-teasers .product-teaser figcaption{text-align:left}
@media(max-width:1023.98px){.pricing-teasers .product-teaser img{height:auto;max-height:14rem}}