:root{
  --navy:#0A0F1C;
  --pan:#111A2F;
  --pan2:#182441;
  --az:#2E86FF;
  --azd:#1258C8;
  --cy:#33C6E4;
  --ice:#F5F8FF;
  --sub:#93A0BC;
  --lin:#233052;
  --gold:#F5B93F;
  --page-pad:clamp(22px,4vw,64px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--navy);scroll-padding-top:90px}
body{
  min-width:320px;
  background:transparent;
  color:var(--ice);
  font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(1px 1px at 12% 22%,rgba(245,248,255,.55),transparent),
    radial-gradient(1px 1px at 28% 64%,rgba(245,248,255,.4),transparent),
    radial-gradient(1.5px 1.5px at 44% 18%,rgba(245,248,255,.35),transparent),
    radial-gradient(1px 1px at 61% 72%,rgba(245,248,255,.5),transparent),
    radial-gradient(1.5px 1.5px at 78% 34%,rgba(245,248,255,.4),transparent),
    radial-gradient(1px 1px at 90% 82%,rgba(245,248,255,.35),transparent),
    radial-gradient(1px 1px at 8% 86%,rgba(245,248,255,.3),transparent),
    radial-gradient(1px 1px at 66% 8%,rgba(245,248,255,.45),transparent),
    radial-gradient(1.5px 1.5px at 33% 42%,rgba(245,248,255,.3),transparent),
    radial-gradient(1px 1px at 83% 55%,rgba(245,248,255,.4),transparent),
    radial-gradient(55% 45% at 28% 22%,rgba(46,134,255,.1),transparent 62%),
    radial-gradient(50% 42% at 74% 68%,rgba(51,198,228,.08),transparent 60%),
    radial-gradient(58% 54% at 52% 34%,rgba(245,185,63,.045),transparent 65%),
    var(--navy);
  background-size:560px 560px,460px 460px,520px 520px,600px 600px,540px 540px,480px 480px,500px 500px,520px 520px,420px 420px,560px 560px,60% 50%,56% 48%,58% 54%,100% 100%;
}
a{color:inherit;text-decoration:none}
button{font:inherit}
img,svg,canvas{display:block}
::selection{background:rgba(46,134,255,.35)}
:focus-visible{outline:2px solid var(--cy);outline-offset:4px}

/* ---------- SHARED PAGE NUMBER ---------- */
.page-index{
  position:absolute;
  top:34px;
  right:var(--page-pad);
  z-index:12;
  color:rgba(51,198,228,.62);
  font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:3px;
  font-variant-numeric:tabular-nums;
  pointer-events:none;
}
.page-index::after{
  content:"";
  display:block;
  width:42px;
  height:1px;
  margin-top:10px;
  background:linear-gradient(90deg,transparent,rgba(51,198,228,.5));
}

/* ---------- NAV ---------- */
.nav{
  position:fixed;
  inset:0 0 auto;
  z-index:50;
  padding:14px var(--page-pad);
  background:linear-gradient(180deg,rgba(10,15,28,.94),rgba(10,15,28,0));
  transition:background .3s,box-shadow .3s,backdrop-filter .3s;
}
.nav.scrolled{background:rgba(10,15,28,.92);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--lin)}
.nav-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.nav-left{display:flex;align-items:center;gap:16px;flex:none}
.tg-top{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#37BBFE,#0F87D8);box-shadow:0 8px 22px rgba(15,135,216,.42),inset 0 0 0 1px rgba(255,255,255,.2);transition:transform .2s,box-shadow .2s;transform:translate(calc(-1 * clamp(8px,2vw,30px)),0)}
.tg-top:hover{transform:translate(calc(-1 * clamp(8px,2vw,30px)),-3px);box-shadow:0 12px 32px rgba(15,135,216,.55),inset 0 0 0 1px rgba(255,255,255,.3)}
.tg-top svg{width:18px;height:18px}
.brand{display:flex;align-items:center;gap:13px;flex:none}
.brand-mark{width:48px;height:48px;filter:drop-shadow(0 0 18px rgba(46,134,255,.32))}
.brand-mark.sm{width:31px;height:31px;filter:none}
.word{display:flex;flex-direction:column;line-height:1;font-weight:800;font-size:21px;letter-spacing:2.4px}
.word small{font-size:8px;font-weight:700;letter-spacing:4.1px;color:var(--sub);margin-top:6px}
.nav-side{display:flex;align-items:center;gap:28px}
.links{display:flex;align-items:center;gap:25px;font-size:13px;color:var(--sub);font-weight:650}
.links a{position:relative;padding:8px 0;transition:color .2s}
.links a::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:var(--cy);transition:right .25s}
.links a:hover{color:var(--ice)}
.links a:hover::after{right:0}
.lang-switch{
  display:flex;
  align-items:center;
  gap:2px;
  padding:3px;
  border:1px solid rgba(147,160,188,.2);
  border-radius:12px;
  background:rgba(17,26,47,.76);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
  backdrop-filter:blur(12px);
}
.lang-switch button{
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  cursor:pointer;
  filter:grayscale(.35) brightness(.82);
  transition:background .2s,filter .2s,transform .2s;
}
.lang-switch button span{font-size:16px;line-height:1}
.lang-switch button:hover{background:rgba(51,198,228,.1);filter:none;transform:translateY(-1px)}
.lang-switch button[aria-pressed="true"]{background:linear-gradient(135deg,rgba(51,198,228,.24),rgba(46,134,255,.3));filter:none;box-shadow:inset 0 0 0 1px rgba(51,198,228,.32)}

/* ---------- HERO ---------- */
.hero{position:relative;height:100svh;min-height:680px;overflow:hidden;background:var(--navy);isolation:isolate}
.hero-index{top:94px}
.hero-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.96) contrast(1.04) brightness(.84)}
.hero-fade{position:absolute;inset:auto 0 0;z-index:2;height:44%;background:linear-gradient(180deg,rgba(10,15,28,0),rgba(10,15,28,.66) 78%,var(--navy))}
.hero-grad{position:absolute;inset:0 0 auto;z-index:2;height:26%;background:linear-gradient(180deg,rgba(10,15,28,.86),rgba(10,15,28,0))}
.hero-copy{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;justify-content:center;gap:22px;max-width:1240px;margin:0 auto;padding:70px var(--page-pad) 40px}
.chip{display:inline-flex;align-items:center;gap:9px;width:fit-content;padding:8px 14px;border:1px solid rgba(51,198,228,.3);border-radius:999px;background:rgba(7,19,40,.44);color:var(--cy);font-size:10px;font-weight:800;letter-spacing:2.1px;backdrop-filter:blur(10px)}
.chip-pulse{width:6px;height:6px;border-radius:50%;background:var(--cy);box-shadow:0 0 0 0 rgba(51,198,228,.45);animation:signalPulse 2.2s ease-out infinite}
@keyframes signalPulse{70%{box-shadow:0 0 0 9px rgba(51,198,228,0)}100%{box-shadow:0 0 0 0 rgba(51,198,228,0)}}
.hero h1{font-size:clamp(50px,8vw,96px);line-height:.98;font-weight:800;letter-spacing:-2.4px;text-shadow:0 6px 44px rgba(4,8,18,.72)}
.accent{background:linear-gradient(95deg,var(--cy),var(--az) 72%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .sub{max-width:650px;font-size:clamp(16px,1.7vw,19px);color:#C8D1E2;line-height:1.65;font-weight:500;text-shadow:0 2px 18px rgba(10,15,28,.7)}
.cta-row{display:flex;flex-wrap:wrap;gap:13px}
.cta-row.center{justify-content:center;margin-top:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 27px;border-radius:12px;font-weight:800;font-size:14px;letter-spacing:.2px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.btn.primary{background:linear-gradient(135deg,#63AAFF,var(--az) 46%,var(--azd));color:#fff;box-shadow:0 14px 40px rgba(46,134,255,.36)}
.btn.ghost{border:1px solid rgba(245,248,255,.18);background:rgba(10,18,35,.48);color:var(--ice);backdrop-filter:blur(10px)}
.btn.big{padding:17px 34px;font-size:15px}
.btn:hover{transform:translateY(-3px)}
.btn.primary:hover{box-shadow:0 18px 54px rgba(46,134,255,.52)}
.btn.ghost:hover{border-color:rgba(51,198,228,.55);background:rgba(24,36,65,.68)}
.hero-foot{position:absolute;inset:auto 0 30px;z-index:5;display:flex;justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:0 var(--page-pad);font-size:10px;letter-spacing:3.2px;font-weight:800;color:var(--sub)}
.hero-foot .gold{color:var(--gold);font-style:normal;margin:0 5px}
.hero-foot .dim{opacity:.66}

/* ---------- 02 / SEAMLESS NETWORK RAIL ---------- */
.band{position:relative;z-index:3;max-width:1240px;margin:0 auto;padding:58px var(--page-pad) 10px;isolation:isolate}
.band::before{display:none}
.band>.page-index{top:15px;right:calc(var(--page-pad) + 18px)}
.band-grid{display:flex;align-items:center;justify-content:center;padding:19px 0;border-top:1px solid rgba(51,198,228,.15);border-bottom:1px solid rgba(51,198,228,.15)}
.band-item{position:relative;display:flex;align-items:baseline;gap:9px;padding:0 clamp(16px,2.3vw,34px);white-space:nowrap}
.band-item:not(:last-child)::after{content:"";position:absolute;top:50%;left:0;width:4px;height:4px;border-radius:50%;background:var(--cy);box-shadow:0 0 9px rgba(51,198,228,.7);transform:translateY(-50%)}
.band-item b{font-size:17px;line-height:1;color:var(--ice);font-weight:800;letter-spacing:.2px}
.band-item span{font-size:9px;color:#AEBAD0;letter-spacing:1.2px;font-weight:750;text-transform:uppercase}
.section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--cy);font-size:10px;font-weight:800;letter-spacing:2.8px;text-transform:uppercase}
.section-kicker::before{content:"";width:24px;height:1px;background:currentColor;opacity:.75}

/* ---------- FULL-BLEED FLOWS ---------- */
.flow{position:relative;overflow:hidden;background:var(--navy)}
.flow>.bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.84}
.flow::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(10,15,28,.84) 0%,rgba(10,15,28,.38) 17%,rgba(10,15,28,.4) 48%,rgba(10,15,28,.7) 78%,rgba(10,12,24,.99) 100%)}
.flow[data-pagegroup="beam"]::after{background:linear-gradient(180deg,rgba(10,15,28,.84) 0%,rgba(10,15,28,.32) 18%,rgba(10,15,28,.38) 46%,rgba(10,15,28,.66) 72%,rgba(10,12,24,.99) 100%)}
.flow[data-pagegroup="beam"]::before{content:"";position:absolute;inset:0 0 auto;z-index:1;height:240px;pointer-events:none;background:linear-gradient(180deg,var(--navy) 0%,rgba(10,15,28,.88) 28%,rgba(10,15,28,.5) 68%,transparent 100%)}
.flow[data-pagegroup="nebula"]::before{content:"";position:absolute;inset:0 0 auto;z-index:2;height:340px;pointer-events:none;background:linear-gradient(180deg,var(--navy) 0%,rgba(10,15,28,.88) 34%,rgba(10,15,28,.52) 68%,transparent 100%)}
.fl-sec{position:relative;z-index:2;max-width:none}
.fl-sec .in{max-width:1240px;margin:0 auto;padding:116px var(--page-pad)}
.fl-sec .title,.fl-sec .lede,.fl-sec .split-copy{text-shadow:0 3px 26px rgba(5,9,20,.92)}
.section-intro{max-width:850px}
.section-intro .title{margin-top:16px}
.section-intro .lede{max-width:720px}
.flow-bridge{position:relative;z-index:8;height:300px;margin-top:-170px;margin-bottom:-130px;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(10,15,28,.18) 32%,rgba(10,15,28,.5) 50%,rgba(10,15,28,.18) 68%,transparent 100%)}

/* ---------- 03 / PROCESS, NOT CARDS ---------- */
.process{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:76px;padding-top:4px}
.process-track{position:absolute;top:10px;left:10px;right:calc(25% - 10px);height:1px;overflow:hidden;background:linear-gradient(90deg,var(--az),rgba(51,198,228,.32),rgba(51,198,228,.08))}
.process-track span{position:absolute;top:-1px;left:-20%;width:20%;height:3px;background:linear-gradient(90deg,transparent,var(--cy),transparent);animation:trackPulse 5s linear infinite}
@keyframes trackPulse{to{left:110%}}
.process-step{position:relative;min-height:255px;padding:50px clamp(18px,2.3vw,34px) 0 0}
.process-step+.process-step{padding-left:clamp(18px,2.3vw,34px);border-left:1px solid rgba(147,160,188,.11)}
.process-node{position:absolute;top:2px;left:0;width:17px;height:17px;border:1px solid rgba(51,198,228,.68);border-radius:50%;background:var(--navy);box-shadow:0 0 20px rgba(51,198,228,.18)}
.process-step+.process-step .process-node{left:clamp(18px,2.3vw,34px);transform:translateX(-50%)}
.process-node::before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--cy);box-shadow:0 0 12px rgba(51,198,228,.8)}
.process-node i{position:absolute;inset:-8px;border:1px solid rgba(46,134,255,.12);border-radius:50%}
.process-index{display:block;margin-bottom:20px;color:rgba(147,160,188,.38);font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:3px}
.process-step h3{max-width:220px;font-size:18px;line-height:1.25;font-weight:800;letter-spacing:-.2px}
.process-step p{max-width:230px;margin-top:12px;color:#AEBAD0;font-size:13.5px;line-height:1.65}
.model-note{max-width:900px;margin:48px auto 0;padding-top:18px;border-top:1px solid rgba(51,198,228,.12);color:#8795B2;font-size:10.5px;line-height:1.6;letter-spacing:.35px;text-align:center}

/* ---------- 04 / COVERAGE ---------- */
.coverage-sec{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(48px,8vw,110px);max-width:1240px;margin:0 auto;padding:90px var(--page-pad) 120px}
.coverage-copy .title{margin-top:16px;font-size:clamp(40px,5.2vw,66px)}
.coverage-copy .lede{margin-top:20px}
.coverage-visual{position:relative;width:min(100%,560px);aspect-ratio:1;margin-left:auto;display:grid;place-items:center}
.coverage-ring,.coverage-axis{position:absolute;inset:50%;transform:translate(-50%,-50%);border-radius:50%}
.coverage-ring{border:1px solid rgba(51,198,228,.18)}
.coverage-ring::before,.coverage-ring::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(51,198,228,.11)}
.coverage-ring::before{inset:12%}
.coverage-ring::after{inset:27%}
.ring-a{width:96%;height:96%;animation:coverageSpin 28s linear infinite}
.ring-b{width:70%;height:70%;border-style:dashed;animation:coverageSpin 19s linear infinite reverse}
.ring-c{width:44%;height:44%;border-color:rgba(245,185,63,.2);animation:coverageSpin 12s linear infinite}
.coverage-axis{width:96%;height:1px;border:0;border-radius:0;background:linear-gradient(90deg,transparent,rgba(51,198,228,.25),transparent)}
.axis-b{transform:translate(-50%,-50%) rotate(90deg)}
.coverage-core{position:relative;z-index:3;width:170px;height:170px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(51,198,228,.35);background:radial-gradient(circle at 36% 30%,rgba(25,48,91,.96),rgba(7,13,28,.98) 70%);box-shadow:0 0 70px rgba(46,134,255,.26),inset 0 0 35px rgba(51,198,228,.08)}
.coverage-core span,.coverage-core small{font-size:8px;letter-spacing:2.4px;font-weight:800;color:var(--sub)}
.coverage-core b{font-size:39px;line-height:1;letter-spacing:-1px}
.coverage-core small{color:var(--cy);font-size:7px}
.coverage-node{position:absolute;z-index:4;width:9px;height:9px;border-radius:50%;background:var(--cy);box-shadow:0 0 20px rgba(51,198,228,.85)}
.node-a{top:16%;left:49%}
.node-b{right:9%;bottom:34%;background:var(--gold);box-shadow:0 0 20px rgba(245,185,63,.8)}
.node-c{bottom:15%;left:27%;background:var(--az);box-shadow:0 0 20px rgba(46,134,255,.85)}
@keyframes coverageSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* ---------- 05 / ORBITAL GALLERY ---------- */
.artgrid{display:grid;gap:18px;margin-top:58px}
.artgrid-two{grid-template-columns:1.3fr .7fr;min-height:620px}
.artcard{position:relative;overflow:hidden;margin:0;border:1px solid rgba(147,160,188,.17);background:#0b1223;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.artcard::after{content:"";position:absolute;inset:12px;border:1px solid rgba(245,248,255,.06);pointer-events:none}
.artcard img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.08);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}
.artcard-wide img{object-position:50% 48%}
.artcard-tall img{object-position:53% 48%}
.artcard:hover img{transform:scale(1.035);filter:saturate(1.08) contrast(1.04)}
.artcard figcaption{position:absolute;inset:auto 0 0;z-index:2;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:13px;padding:56px 24px 22px;background:linear-gradient(180deg,transparent,rgba(6,10,21,.94) 72%)}
.artcard figcaption span{grid-row:1/3;color:var(--cy);font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2px}
.artcard figcaption b{font-size:12px;letter-spacing:2px}
.artcard figcaption small{grid-column:2;margin-top:4px;color:var(--sub);font-size:11px;letter-spacing:.3px}

/* ---------- 06 / SPLIT ---------- */
.split{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(48px,7vw,94px);align-items:center}
.split-copy .title{margin-top:16px;font-size:clamp(42px,5.3vw,68px)}
.tick{display:flex;align-items:center;gap:12px;margin-top:15px;color:#D6DEEB;font-size:14px;font-weight:600}
.dot{width:9px;height:9px;border-radius:50%;background:var(--cy);box-shadow:0 0 14px rgba(51,198,228,.8);flex:none}
.dot.gold{background:var(--gold);box-shadow:0 0 14px rgba(245,185,63,.8)}
.split-visual{display:flex;justify-content:center}
.orbit{position:relative;width:min(390px,86vw);aspect-ratio:1}
.orbit .core{position:absolute;inset:20%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#14224A,#0A1126 70%);border:1px solid rgba(51,198,228,.4);box-shadow:0 0 60px rgba(46,134,255,.35),inset 0 0 40px rgba(51,198,228,.1)}
.orbit .core span{font-size:9px;letter-spacing:3.6px;color:var(--cy);font-weight:800}
.orbit .core b{font-size:clamp(22px,3vw,31px);background:linear-gradient(100deg,var(--gold),#FFD98A);-webkit-background-clip:text;background-clip:text;color:transparent}
.orbit .core small{font-size:10px;color:var(--sub)}
.s1,.s2,.s3{position:absolute;border-radius:50%;border:1px dashed rgba(51,198,228,.35)}
.s1{inset:6%;animation:spin 26s linear infinite}
.s2{inset:20%;border-style:solid;border-color:rgba(46,134,255,.25);animation:spin 18s linear infinite reverse}
.s3{inset:34%;border-color:rgba(245,185,63,.25);animation:spin 12s linear infinite}
.orbit::before,.orbit::after{content:"";position:absolute;border-radius:50%;background:var(--cy);box-shadow:0 0 18px var(--cy)}
.orbit::before{top:12%;left:18%;width:7px;height:7px}
.orbit::after{right:8%;bottom:34%;width:5px;height:5px;background:var(--gold);box-shadow:0 0 18px var(--gold)}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- 07 / REAL APP CAPTURE ---------- */
.fl-sec.app-sec{max-width:1240px;margin:0 auto;padding:128px var(--page-pad);background:none}
.app-box{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(50px,8vw,110px);align-items:center}
.app-copy .title{margin-top:16px;font-size:clamp(40px,5.1vw,66px)}
.ticks{list-style:none;margin:28px 0;display:flex;flex-direction:column;gap:12px}
.ticks li{display:flex;align-items:center;gap:12px;color:#D6DEEB;font-size:14px;font-weight:600}
.fine{font-size:11px;color:var(--sub);margin-top:17px;max-width:500px;line-height:1.55}
.app-capture{position:relative;width:min(390px,88vw);margin:0 auto;padding:9px;border:1px solid rgba(147,160,188,.24);border-radius:46px;background:linear-gradient(155deg,#1a2744,#080d1b 70%);box-shadow:0 40px 110px rgba(0,0,0,.55)}
.app-capture::before{content:"";position:absolute;z-index:3;top:17px;left:50%;transform:translateX(-50%);width:88px;height:21px;border-radius:14px;background:#05070d;box-shadow:0 0 0 1px rgba(255,255,255,.03)}
.app-capture-glow{position:absolute;z-index:-1;inset:12% -16%;background:radial-gradient(circle,rgba(46,134,255,.23),transparent 68%);filter:blur(16px)}
.app-capture img{width:100%;aspect-ratio:430/900;object-fit:cover;object-position:top;border-radius:38px;background:#0a0f1c}
.app-capture figcaption{position:absolute;right:22px;bottom:18px;z-index:4;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(51,198,228,.18);border-radius:999px;background:rgba(7,12,24,.76);color:#BFCADD;font-size:8px;font-weight:800;letter-spacing:1.5px;backdrop-filter:blur(8px)}
.live-dot{width:5px;height:5px;border-radius:50%;background:#3CD98B;box-shadow:0 0 10px rgba(60,217,139,.9)}

/* ---------- 08 / CTA ---------- */
.section{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:124px var(--page-pad)}
.cta{position:relative;z-index:3;text-align:center;isolation:isolate}
.cta .lede{margin:18px auto 0}
.cta>.fine{margin:18px auto 0;text-align:center}
.cta>.section-kicker{justify-content:center}
.cta .section-kicker::after{content:"";width:24px;height:1px;background:currentColor;opacity:.75}
.stars-mini{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 18% 30%,rgba(245,248,255,.5),transparent),radial-gradient(1px 1px at 72% 48%,rgba(245,248,255,.4),transparent),radial-gradient(1.5px 1.5px at 48% 78%,rgba(51,198,228,.5),transparent),radial-gradient(1px 1px at 86% 22%,rgba(245,248,255,.35),transparent)}
.stars-mini{background-size:120px 120px,100px 100px,140px 140px,110px 110px}

/* ---------- FOOTER ---------- */
.foot{border-top:1px solid var(--lin);background:rgba(10,15,28,.72)}
.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1240px;margin:0 auto;padding:25px var(--page-pad);font-size:12px}
.foot .brand{gap:10px}
.foot .brand strong{font-size:14px;letter-spacing:3px;font-weight:800}
.foot .dim{color:var(--sub);letter-spacing:1.4px}

/* ---------- REVEAL ---------- */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
[data-reveal].inview{opacity:1;transform:none}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1040px){
  .links{gap:16px}
  .nav-side{gap:18px}
  .process{grid-template-columns:repeat(2,1fr);row-gap:58px}
  .process-track{display:none}
  .process-step,.process-step+.process-step{padding:42px 28px 0 0;border-left:0}
  .process-step:nth-child(even){padding-left:28px;border-left:1px solid rgba(147,160,188,.11)}
  .process-node,.process-step+.process-step .process-node{left:0;transform:none}
  .process-step:nth-child(even) .process-node{left:28px}
  .process-step p,.process-step h3{max-width:320px}
  .coverage-sec{grid-template-columns:1fr 1fr;gap:40px}
  .artgrid-two{min-height:520px}
  .app-box{gap:46px}
}
@media(max-width:820px){
  .nav{padding-block:14px}
  .brand-mark{width:42px;height:42px}
  .links{display:none}
  .word{font-size:18px}
  .word small{font-size:7px;letter-spacing:3.5px}
  .hero-copy{padding-top:58px}
  .band-grid{flex-wrap:wrap;row-gap:18px}
  .coverage-sec{grid-template-columns:1fr;padding-top:70px}
  .coverage-visual{width:min(500px,100%);margin:10px auto 0}
  .artgrid-two{grid-template-columns:1fr;min-height:0}
  .artcard{height:520px}
  .split,.app-box{grid-template-columns:1fr}
  .app-copy{max-width:650px}
  .app-capture{width:min(390px,88vw)}
}
@media(max-width:560px){
  :root{--page-pad:20px}
  html{scroll-padding-top:76px}
  .nav-inner{gap:10px}
  .nav-left{gap:10px}
  .tg-top{width:30px;height:30px;transform:translate(-8px,0)}
  .tg-top svg{width:16px;height:16px}
  .brand{gap:9px}
  .brand-mark{width:38px;height:38px}
  .word{font-size:16px;letter-spacing:1.8px}
  .word small{display:none}
  .lang-switch{gap:0;padding:2px;border-radius:10px}
  .lang-switch button{width:27px;height:27px;border-radius:7px}
  .lang-switch button span{font-size:14px}
  .page-index{top:18px;font-size:9px;letter-spacing:2px}
  .page-index::after{width:30px;margin-top:7px}
  .hero-index{top:78px}
  .hero{min-height:650px}
  .hero h1{font-size:clamp(45px,15vw,64px);letter-spacing:-1.7px}
  .hero .sub{font-size:15px}
  .hero-foot{flex-direction:column;gap:5px;text-align:center;bottom:18px;font-size:8px}
  .band{padding:38px var(--page-pad) 6px}
  .band>.page-index{top:6px;right:calc(var(--page-pad) + 12px)}
  .band-grid{padding:16px 0;row-gap:14px}
  .band-item{padding:0 18px}
  .band-item b{font-size:15px}
  .band-item span{font-size:8px;letter-spacing:.7px}
  .fl-sec .in{padding-block:88px}
  .section-intro .title,.coverage-copy .title,.split-copy .title,.app-copy .title{font-size:40px}
  .lede{font-size:15px}
  .process{grid-template-columns:1fr;row-gap:44px;margin-top:54px;padding-left:18px;border-left:1px solid rgba(51,198,228,.17)}
  .process-step,.process-step+.process-step,.process-step:nth-child(even){min-height:0;padding:0 0 0 22px;border-left:0}
  .process-node,.process-step+.process-step .process-node,.process-step:nth-child(even) .process-node{top:0;left:-27px}
  .process-index{margin-bottom:12px}
  .process-step h3{font-size:17px}
  .coverage-sec{padding:70px var(--page-pad) 90px}
  .coverage-visual{width:104%;margin-left:-2%}
  .coverage-core{width:138px;height:138px}
  .coverage-core b{font-size:32px}
  .artgrid{margin-top:44px}
  .artcard{height:440px}
  .artcard figcaption{padding-inline:18px}
  .split{gap:46px}
  .orbit{width:min(340px,96vw)}
  .fl-sec.app-sec{padding-block:96px}
  .app-capture{width:min(370px,94vw);border-radius:40px}
  .app-capture img{border-radius:32px}
  .app-capture figcaption{right:14px;bottom:14px}
  .section{padding-block:96px}
  .btn.big{padding:15px 24px}
  .foot-inner{padding-block:22px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  [data-reveal]{opacity:1;transform:none;transition:none}
}