@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800;900&family=Barlow:wght@300;400;500;600&family=Share+Tech+Mono&display=swap');

/* ================================================================
   DESIGN TOKENS — dark (default) + light
================================================================ */
:root {
  /* dark palette */
  --bg:       #0a0b0c;
  --bg2:      #0d0f11;
  --bg3:      #111518;
  --card:     #141719;
  --card2:    #191d20;
  --g:        #5a9c6e;
  --g2:       #2d4a36;
  --g3:       #4a7c59;
  --t1:       #e8eaec;
  --t2:       #8a9ba8;
  --t3:       #4a5a64;
  --ta:       #6ab585;
  --b1:       rgba(138,155,168,.08);
  --b2:       rgba(74,124,89,.30);
  --grid-c:   rgba(138,155,168,.04);
  --scan-c:   rgba(90,156,110,.12);
  --overlay1: rgba(10,11,12,.55);
  --overlay2: rgba(10,11,12,.85);
  --hud-c:    rgba(90,156,110,.45);
  --glow:     rgba(90,156,110,.25);
  --noise-o:  .025;
  --pad-x: clamp(16px,5vw,80px);
  --pad-y: clamp(60px,8vh,96px);
}

/* LIGHT THEME */
body.light {
  --bg:       #eef0f2;
  --bg2:      #e4e8ec;
  --bg3:      #dde2e8;
  --card:     rgba(255,255,255,.72);
  --card2:    rgba(255,255,255,.88);
  --g:        #2d7a48;
  --g2:       rgba(45,122,72,.18);
  --g3:       #3a6e50;
  --t1:       #12181e;
  --t2:       #3a4a58;
  --t3:       #8a9ba8;
  --ta:       #1a6040;
  --b1:       rgba(30,60,80,.10);
  --b2:       rgba(45,122,72,.28);
  --grid-c:   rgba(30,60,80,.06);
  --scan-c:   rgba(45,122,72,.10);
  --overlay1: rgba(230,235,240,.55);
  --overlay2: rgba(230,235,240,.82);
  --hud-c:    rgba(45,122,72,.38);
  --glow:     rgba(45,122,72,.18);
  --noise-o:  .012;
}

/* prefers-color-scheme baseline (manual toggle overrides) */
@media (prefers-color-scheme: light) {
  :root:not(.theme-set) { /* applied only if user hasn't toggled */ }
}

/* ================================================================
   RESET
================================================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  font-family:'Barlow',sans-serif;
  background:var(--bg);color:var(--t1);
  overflow:hidden;height:100dvh;width:100vw;
  overscroll-behavior:none;
  -webkit-font-smoothing:antialiased;
  transition:background .4s,color .4s;
}

/* ── LANG/THEME system ── */
[data-lang]{display:none!important;}
body.uk [data-lang="uk"]{display:revert!important;}
body.uk.light [data-lang="uk"]{display:revert!important;}
body.en [data-lang="en"]{display:revert!important;}
body.en.light [data-lang="en"]{display:revert!important;}
body.uk span[data-lang="uk"],body.en span[data-lang="en"]{display:inline!important;}
body.uk.light span[data-lang="uk"],body.en.light span[data-lang="en"]{display:inline!important;}

/* ── Deck ── */
.deck{width:100%;height:100dvh;position:relative;}
.slide{
  position:absolute;inset:0;overflow:hidden;
  opacity:0;pointer-events:none;
  transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);
  will-change:opacity,transform;
}
.slide.on{opacity:1;pointer-events:all;}

@media(pointer:coarse){
  .slide.exit-left {opacity:0;transform:translateX(-35px)!important;pointer-events:none;}
  .slide.exit-right{opacity:0;transform:translateX( 35px)!important;pointer-events:none;}
  .slide.enter-left {opacity:0;transform:translateX( 35px);}
  .slide.enter-right{opacity:0;transform:translateX(-35px);}
}

/* ── Grid ── */
.grid{
  position:absolute;inset:0;pointer-events:none;z-index:1;
  background-image:
    linear-gradient(var(--grid-c) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid-c) 1px,transparent 1px);
  background-size:clamp(30px,4vw,60px) clamp(30px,4vh,60px);
}
.grid-pulse{animation:gridwave 8s ease infinite;}
@keyframes gridwave{0%,100%{opacity:.55}35%{opacity:1}65%{opacity:.7}}

/* ── Animations ── */
@keyframes scan{0%{transform:translateY(-100%)}100%{transform:translateY(100dvh)}}
@keyframes fiu {from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:.28}50%{opacity:.9}}
@keyframes gridpulse{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes chevL{0%,100%{opacity:.18;transform:translateX(5px)}50%{opacity:.7;transform:translateX(0)}}
@keyframes chevR{0%,100%{opacity:.18;transform:translateX(-5px)}50%{opacity:.7;transform:translateX(0)}}
@keyframes statpulse{0%{opacity:.38}40%{opacity:1}60%{opacity:1}100%{opacity:.38}}
@keyframes tracerfly{
  0%{opacity:0;transform:translateX(-100%)}
  6%{opacity:1}90%{opacity:.45}
  100%{opacity:0;transform:translateX(220%)}
}
@keyframes hudfade{
  0%{opacity:0}15%{opacity:1}38%{opacity:.55}52%{opacity:1}72%{opacity:0}100%{opacity:0}
}
@keyframes galleryscan{
  0%{top:-1px;opacity:0}8%{opacity:.75}92%{opacity:.5}100%{top:100%;opacity:0}
}
@keyframes noisemove{
  0%{transform:translate(0,0)}25%{transform:translate(-2px,1px)}
  50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-2px)}
}
@keyframes s8pulse{
  0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(1)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}
}
@keyframes radarspin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes tagpulse{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 8px 0 var(--glow)}}

.scan{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5;}
.scan::after{
  content:'';position:absolute;left:0;right:0;height:1px;
  background:linear-gradient(to right,transparent,var(--scan-c),transparent);
  animation:scan 9s linear infinite;
}
.fiu{opacity:0;}
.slide.on .fiu{animation:fiu .6s ease forwards;}
.slide.on .fiu:nth-child(1){animation-delay:.08s}
.slide.on .fiu:nth-child(2){animation-delay:.2s}
.slide.on .fiu:nth-child(3){animation-delay:.34s}
.slide.on .fiu:nth-child(4){animation-delay:.5s}
.slide.on .fiu:nth-child(5){animation-delay:.64s}

/* ── Typography ── */
.eyebrow{
  font-family:'Share Tech Mono',monospace;
  font-size:clamp(9px,.9vw,11px);letter-spacing:.3em;color:var(--g);
  text-transform:uppercase;display:flex;align-items:center;gap:12px;
  margin-bottom:clamp(10px,1.8vh,22px);
}
.eyebrow::before{content:'';width:20px;height:1px;background:var(--g);flex-shrink:0;}
.h2{
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(26px,3.8vw,60px);font-weight:800;
  line-height:.93;letter-spacing:-.01em;text-transform:uppercase;
  margin-bottom:clamp(14px,2.2vh,30px);
  color:var(--t1);
}
.dim{color:var(--t3);}
.acc{color:var(--g);}
.body-text{font-size:clamp(13px,1.25vw,16px);font-weight:300;color:var(--t2);line-height:1.65;}

/* ================================================================
   FIXED CHROME
================================================================ */
#brand{
  position:fixed;
  top:max(env(safe-area-inset-top,0px)+16px,20px);
  left:max(env(safe-area-inset-left,0px)+18px,22px);
  z-index:1000;display:flex;align-items:center;gap:10px;
}
.logo-mark{
  width:clamp(22px,3vw,30px);height:clamp(22px,3vw,30px);
  border:1.5px solid var(--g);display:flex;align-items:center;justify-content:center;
  font-family:'Barlow Condensed',sans-serif;font-size:clamp(10px,1.2vw,13px);
  font-weight:700;color:var(--g);letter-spacing:.05em;flex-shrink:0;
  transition:border-color .4s,color .4s;
}
.brand-name{
  font-family:'Barlow Condensed',sans-serif;font-size:clamp(9px,1.1vw,12px);
  font-weight:600;letter-spacing:.2em;color:var(--t3);text-transform:uppercase;
  white-space:nowrap;transition:color .4s;
}
@media(max-width:480px){.brand-name{display:none;}}

/* "Конфіденційно" — top RIGHT corner, above counter */
#conf{
  position:fixed;
  top:max(env(safe-area-inset-top,0px)+16px,20px);
  right:max(env(safe-area-inset-right,0px)+18px,22px);
  z-index:1000;
  font-family:'Share Tech Mono',monospace;
  font-size:clamp(8px,.8vw,10px);letter-spacing:.15em;color:var(--t3);
  border:1px solid var(--b1);padding:4px 10px;
  text-transform:uppercase;white-space:nowrap;
  transition:color .4s,border-color .4s;
}
@media(max-width:700px){#conf{display:none!important;}}

/* Lang + Theme toggles — centered top */
#header-controls{
  position:fixed;z-index:1000;display:flex;align-items:center;gap:6px;
  top:max(env(safe-area-inset-top,0px)+16px,20px);
  left:50%;transform:translateX(-50%);
}
@media(pointer:coarse){
  #header-controls{
    left:auto!important;
    right:max(env(safe-area-inset-right,0px)+12px,16px)!important;
    transform:none!important;
    top:max(env(safe-area-inset-top,0px)+16px,20px)!important;
  }
}
.ctrl-group{display:flex;border:1px solid var(--b2);overflow:hidden;}
.ctrl-group+.ctrl-group{margin-left:0;}
.lb{
  padding:5px clamp(9px,1.3vw,16px);
  font-family:'Share Tech Mono',monospace;font-size:clamp(9px,.9vw,11px);
  letter-spacing:.2em;text-transform:uppercase;cursor:pointer;
  border:none;outline:none;background:rgba(10,11,12,.88);color:var(--t3);
  transition:all .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
body.light .lb{background:rgba(230,235,240,.88);}
.lb.on{background:var(--g2);color:var(--g);}
.lb:hover:not(.on){background:rgba(74,124,89,.1);color:var(--t2);}
/* .tb handled by #theme-toggle block */
.tb{
  padding:4px 10px;
  font-family:'Share Tech Mono',monospace;
  font-size:clamp(10px,1.1vw,13px);
  cursor:pointer;border:none;outline:none;
  background:rgba(10,11,12,.88);color:var(--t3);
  transition:all .25s ease;backdrop-filter:blur(8px);
  line-height:1.4;
}
body.light .tb{background:rgba(230,235,240,.88);}
.tb.on{background:var(--g2);color:var(--g);}
.tb:hover:not(.on){background:rgba(74,124,89,.1);color:var(--t2);}

/* Nav dots — right side vertical center */
#nav-dots{
  position:fixed;
  right:max(env(safe-area-inset-right,0px)+18px,22px);
  top:50%;transform:translateY(-50%);
  z-index:1000;
  display:flex;flex-direction:column;gap:clamp(7px,1vh,11px);
}
@media(pointer:coarse){#nav-dots{display:none!important;}}

/* Slide counter — bottom RIGHT */
#counter{
  position:fixed;
  bottom:max(env(safe-area-inset-bottom,0px)+22px,26px);
  right:max(env(safe-area-inset-right,0px)+18px,22px);
  z-index:1000;
  font-family:'Share Tech Mono',monospace;
  font-size:clamp(9px,.9vw,11px);color:var(--t3);letter-spacing:.1em;
  transition:color .4s;
}
#counter b{color:var(--g);font-weight:400;}
/* On mobile: counter top-right (below header controls on mobile, conf hidden) */


/* Desktop nav arrows — bottom CENTER */
#arrows{
  position:fixed !important;
  bottom:max(env(safe-area-inset-bottom,0px)+22px,26px) !important;
  top:auto !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  z-index:900;
  display:flex;
  gap:12px;
}
.arr{
  width:clamp(34px,4vw,42px);height:clamp(34px,4vw,42px);
  border:1px solid var(--b2);background:rgba(10,11,12,.8);
  color:var(--t2);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;font-size:13px;backdrop-filter:blur(8px);
}
body.light .arr{background:rgba(230,235,240,.8);}
.arr:hover{border-color:var(--g);color:var(--g);background:var(--g2);}
@media(pointer:coarse){#arrows{display:none!important;}}

/* Mobile nav (swipe chevrons + dots) — bottom center */
#mob-nav{
  display:none;position:fixed;
  bottom:max(env(safe-area-inset-bottom,0px)+10px,14px);
  left:50%;transform:translateX(-50%);
  z-index:1000;align-items:center;pointer-events:none;
}
@media(pointer:coarse){#mob-nav{display:flex;}}
.chev{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;color:var(--t3);font-size:22px;
  pointer-events:all;cursor:pointer;opacity:.55;transition:opacity .2s;
}
.chev:active{opacity:1;}
.chev-l{animation:chevL 2.2s ease infinite;}
.chev-r{animation:chevR 2.2s ease infinite;}
.mob-dots{display:flex;align-items:center;gap:5px;padding:0 8px;}
.mdot{width:5px;height:5px;border-radius:50%;background:var(--t3);transition:all .3s;flex-shrink:0;cursor:pointer;pointer-events:all;}
.mdot.on{background:var(--g);transform:scale(1.5);}

/* ── Noise grain ── */
.noise-layer{
  position:absolute;inset:-50%;z-index:2;pointer-events:none;
  width:200%;height:200%;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");
  opacity:var(--noise-o);
  animation:noisemove .15s steps(1) infinite;
}

/* ── Tracer lines ── */
.tracer{
  position:absolute;pointer-events:none;z-index:2;
  height:1px;background:linear-gradient(to right,transparent,var(--hud-c),transparent);
  opacity:0;animation:tracerfly 12s linear infinite;
}

/* ── Radar sweep ── */
.radar-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.radar-sweep{
  position:absolute;width:300px;height:300px;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,transparent 0deg,var(--glow) 30deg,transparent 60deg);
  animation:radarspin 7s linear infinite;transform-origin:center center;
}

/* ── Background canvas ── */
.bg-canvas{position:absolute;inset:0;z-index:2;pointer-events:none;width:100%;height:100%;}

/* ================================================================
   SLIDE 1 — COVER
================================================================ */
#s1{background:var(--bg);}
.s1-bg{position:absolute;inset:0;}
.s1-bg img{
  width:100%;height:100%;object-fit:cover;object-position:center 50%;
  filter:brightness(.2) saturate(.45);transform:scale(1.06);transition:transform 20s ease;
}
body.light .s1-bg img{filter:brightness(.45) saturate(.6);}
.slide.on .s1-bg img{transform:scale(1);}
.s1-vignette{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 90% 70% at 50% 40%,transparent 15%,var(--overlay1) 65%,var(--bg) 100%),
    linear-gradient(to bottom,var(--overlay1) 0%,transparent 25%,transparent 65%,var(--bg) 100%);
}
.s1-layout{
  position:relative;z-index:10;min-height:100dvh;
  display:grid;grid-template-columns:1fr 1fr;align-items:center;
  padding:calc(var(--pad-y)+40px) var(--pad-x) var(--pad-y);gap:clamp(12px,2vw,32px);
}
.s1-text{grid-column:1;display:flex;flex-direction:column;justify-content:center;}
.s1-eyebrow{
  font-family:'Share Tech Mono',monospace;font-size:clamp(9px,.9vw,11px);
  letter-spacing:.3em;color:var(--g);text-transform:uppercase;
  margin-bottom:clamp(14px,2.2vh,26px);display:flex;align-items:center;gap:14px;
  opacity:0;transform:translateY(14px);transition:all .8s ease .2s;
}
.slide.on .s1-eyebrow{opacity:1;transform:translateY(0);}
.s1-eyebrow::before{content:'';width:28px;height:1px;background:var(--g);flex-shrink:0;}
.s1-headline{
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(30px,5.5vw,78px);font-weight:800;line-height:.92;
  letter-spacing:-.01em;text-transform:uppercase;color:var(--t1);
  margin-bottom:clamp(10px,1.8vh,18px);
  opacity:0;transform:translateY(22px);transition:all .9s ease .4s;
}
.slide.on .s1-headline{opacity:1;transform:translateY(0);}
.s1-headline .line-acc{color:var(--g);display:block;}
.s1-sub{
  font-size:clamp(13px,1.25vw,16px);font-weight:300;color:var(--t2);line-height:1.65;
  margin-bottom:clamp(18px,2.8vh,36px);max-width:min(440px,90%);
  opacity:0;transform:translateY(14px);transition:all .8s ease .6s;
}
.slide.on .s1-sub{opacity:1;transform:translateY(0);}

/* Stats bar — improved */
.s1-stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  background:rgba(10,12,10,.72);backdrop-filter:blur(14px);
  border:1px solid rgba(90,156,110,.32);
  box-shadow:0 0 0 1px rgba(90,156,110,.08),inset 0 0 30px rgba(90,156,110,.03);
  opacity:0;transform:translateY(14px);transition:all .8s ease .75s;
}
body.light .s1-stats{background:rgba(240,245,240,.82);border-color:rgba(45,122,72,.28);}
.slide.on .s1-stats{opacity:1;transform:translateY(0);}
.stat-item{
  padding:clamp(12px,1.8vh,20px) clamp(10px,1.3vw,16px);
  border-right:1px solid rgba(90,156,110,.22);
  position:relative;overflow:hidden;transition:background .3s;
}
.stat-item:last-child{border-right:none;}
.stat-item:hover{background:rgba(90,156,110,.07);}
.stat-item::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(to right,var(--g),rgba(90,156,110,.25),transparent);
  animation:statpulse 3.5s ease infinite;
}
.stat-num{
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(26px,3.4vw,52px);font-weight:900;color:var(--g);
  line-height:1;margin-bottom:4px;display:block;
  text-shadow:0 0 28px rgba(90,156,110,.5),0 0 60px rgba(90,156,110,.18);
}
.stat-unit{
  font-family:'Share Tech Mono',monospace;font-size:clamp(8px,.78vw,10px);
  color:var(--t3);letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:4px;
}
.stat-label{font-size:clamp(10px,.95vw,13px);color:var(--t2);line-height:1.3;display:block;}

/* S1 right image — PNG transparent */
.s1-img-col{
  grid-column:2;display:flex;align-items:center;justify-content:center;
  position:relative;
  opacity:0;transform:translateX(30px);transition:all 1.1s cubic-bezier(.2,0,0,1) .5s;
}
.slide.on .s1-img-col{opacity:1;transform:translateX(0);}
.s1-img-col img{
  width:100%;max-width:clamp(280px,46vw,680px);height:auto;
  display:block;
  /* mix-blend-mode:screen makes black areas transparent against dark bg */
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 40px rgba(74,124,89,.3)) brightness(1.05) contrast(1.02);
}
/* Light theme: switch to multiply to keep image visible */
body.light .s1-img-col img{
  mix-blend-mode:multiply;
  filter:drop-shadow(0 8px 30px rgba(0,0,0,.25)) brightness(.92) contrast(1.04);
}
.s1-glow{
  position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);
  width:65%;height:70px;
  background:radial-gradient(ellipse,rgba(74,124,89,.22) 0%,transparent 70%);
  filter:blur(18px);pointer-events:none;
}

@media(max-width:768px){
  .s1-layout{grid-template-columns:1fr;grid-template-rows:auto auto;
    padding-top:calc(env(safe-area-inset-top,0px)+80px);padding-bottom:70px;}
  .s1-img-col{grid-column:1;grid-row:2;}
  .s1-img-col img{max-width:min(310px,82vw);}
  .s1-stats{grid-template-columns:repeat(2,1fr);}
}

/* ================================================================
   SLIDE 2 — ORIGIN
================================================================ */
#s2{background:var(--bg2);}
.s2-bg{position:absolute;inset:0;}
.s2-fullbg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:22% center;
  filter:brightness(.58) saturate(.9) contrast(1.06);
  transform:scale(1.04);transition:transform 20s ease;
}
body.light .s2-fullbg{filter:brightness(.72) saturate(.85) contrast(1.05);}
.slide.on .s2-fullbg{transform:scale(1);}
.s2-grad{
  position:absolute;inset:0;
  background:
    linear-gradient(to right,
      rgba(13,15,17,.0)  0%,
      rgba(13,15,17,.12) 18%,
      rgba(13,15,17,.65) 50%,
      rgba(13,15,17,.9)  70%,
      var(--bg2)         85%),
    linear-gradient(to bottom,
      rgba(13,15,17,.55) 0%,
      rgba(13,15,17,.08) 14%,
      transparent        32%,
      transparent        72%,
      rgba(13,15,17,.72) 100%);
}
body.light .s2-grad{
  background:
    linear-gradient(to right,
      rgba(230,235,240,.0)  0%,
      rgba(230,235,240,.1)  18%,
      rgba(230,235,240,.62) 50%,
      rgba(230,235,240,.88) 70%,
      var(--bg2)            85%),
    linear-gradient(to bottom,
      rgba(230,235,240,.5) 0%,transparent 20%,transparent 78%,rgba(230,235,240,.7) 100%);
}
.s2-layout{
  position:relative;z-index:10;min-height:100dvh;
  display:grid;grid-template-columns:1fr 1fr;align-items:center;
}
/* S2 left fact panel */
.s2-left-fact {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: calc(var(--pad-y)+40px) clamp(16px,3vw,48px) var(--pad-y) var(--pad-x);
  position: relative;
  z-index: 10;
}
.s2-left-fact .s2-fact {
  max-width: 100%;
  background: rgba(10,12,10,.78);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--b2);
  border-left: 3px solid var(--g);
  padding: clamp(20px,3vh,32px) clamp(20px,2.8vw,36px);
  box-shadow: 0 0 40px rgba(74,124,89,.15), 0 8px 32px rgba(0,0,0,.4);
}
body.light .s2-left-fact .s2-fact {
  background: rgba(240,248,244,.88);
}
.s2-left-fact .s2-fact-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(36px,5vw,68px);
  font-weight: 900;
  color: var(--g);
  line-height: 1;
  margin-bottom: 10px;
  text-shadow: 0 0 30px rgba(90,156,110,.4);
}
.s2-left-fact .s2-fact-text {
  font-size: clamp(12px,1.15vw,15px);
  color: var(--t2);
  line-height: 1.58;
}
@media(max-width:768px) {
  .s2-left-fact { display: none; }
}

.s2-inner{padding:calc(var(--pad-y)+40px) var(--pad-x) var(--pad-y) clamp(32px,4vw,64px);}
.s2-kicker{
  font-family:'Share Tech Mono',monospace;font-size:clamp(9px,.9vw,11px);
  letter-spacing:.25em;color:rgba(90,156,110,.75);text-transform:uppercase;
  margin-bottom:8px;display:block;
}
body.light .s2-kicker{color:rgba(45,122,72,.75);}
.s2-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(22px,3vw,46px);font-weight:900;line-height:.9;
  text-transform:uppercase;color:var(--t1);margin-bottom:clamp(16px,2.5vh,30px);
}
.s2-title .war{color:var(--g);display:block;font-size:clamp(28px,4vw,58px);}

/* Factual accent block */
.s2-fact{
  display:flex;align-items:center;gap:16px;
  padding:clamp(12px,1.8vh,16px) clamp(14px,1.8vw,20px);
  border:1px solid var(--b2);border-left:3px solid var(--g);
  background:rgba(74,124,89,.08);
  margin-bottom:clamp(16px,2.5vh,24px);
}
body.light .s2-fact{background:rgba(45,122,72,.06);}
.s2-fact-num{
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(32px,4.2vw,56px);font-weight:900;color:var(--g);
  line-height:1;white-space:nowrap;
  text-shadow:0 0 24px rgba(90,156,110,.35);
}
.s2-fact-text{font-size:clamp(12px,1.15vw,15px);color:var(--t2);line-height:1.55;}

.cred-list{display:flex;flex-direction:column;gap:clamp(8px,1.3vh,14px);margin-bottom:clamp(16px,2.5vh,28px);}
.cred-card{
  border:1px solid var(--b1);border-left:2px solid var(--g2);
  background:rgba(20,23,25,.88);padding:clamp(10px,1.7vh,16px) clamp(12px,1.8vw,20px);
  backdrop-filter:blur(10px);transition:border-color .3s;
}
body.light .cred-card{background:var(--card);}
.cred-card:hover{border-left-color:var(--g);}
.cred-num{font-family:'Share Tech Mono',monospace;font-size:clamp(9px,1vw,12px);color:var(--t3);letter-spacing:.2em;margin-bottom:5px;}
.cred-text{font-size:clamp(12px,1.2vw,16px);color:var(--t2);line-height:1.65;}
.cred-text strong{color:var(--t1);font-weight:600;}
.insight{
  font-family:'Barlow Condensed',sans-serif;font-size:clamp(14px,1.5vw,20px);font-weight:600;
  color:var(--ta);letter-spacing:.02em;
  border-top:1px solid var(--b2);padding-top:clamp(12px,1.8vh,18px);
}

@media(max-width:768px){
  .s2-layout{grid-template-columns:1fr;}
  .s2-inner{padding:calc(env(safe-area-inset-top,0px)+80px) var(--pad-x) 70px;}
  .s2-fullbg{filter:brightness(.25) saturate(.7) contrast(1.05);object-position:15% center;}
  .s2-grad{background:linear-gradient(to bottom,rgba(13,15,17,.6) 0%,transparent 30%,transparent 65%,rgba(13,15,17,.88) 100%);}
}

/* ================================================================
   SLIDE 3 — PROBLEM
================================================================ */
#s3{background:var(--bg);}
.s3-bg{position:absolute;inset:0;}
.s3-bg img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  filter:brightness(.38) saturate(.72) contrast(1.08);
}
body.light .s3-bg img{filter:brightness(.55) saturate(.72) contrast(1.06);}
.s3-overlay{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 72% 58% at 50% 42%,rgba(10,11,12,.12) 0%,rgba(10,11,12,.5) 52%,rgba(10,11,12,.86) 80%,var(--bg) 100%),
    linear-gradient(to bottom,rgba(10,11,12,.52) 0%,rgba(10,11,12,.22) 32%,rgba(10,11,12,.22) 65%,rgba(10,11,12,.86) 100%);
}
body.light .s3-overlay{
  background:
    radial-gradient(ellipse 72% 58% at 50% 42%,rgba(230,235,240,.08) 0%,rgba(230,235,240,.45) 52%,rgba(230,235,240,.82) 80%,var(--bg) 100%),
    linear-gradient(to bottom,rgba(230,235,240,.5) 0%,rgba(230,235,240,.15) 30%,rgba(230,235,240,.15) 65%,rgba(230,235,240,.82) 100%);
}
.s3-layout{
  position:relative;z-index:10;min-height:100dvh;display:flex;flex-direction:column;
  justify-content:center;padding:calc(var(--pad-y)+40px) var(--pad-x) var(--pad-y);
  gap:clamp(14px,2.5vh,36px);
}
.prob-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--b1);}
.prob-card{
  background:rgba(10,11,12,.78);backdrop-filter:blur(8px);
  padding:clamp(16px,2.5vh,28px) clamp(14px,2vw,22px);
  position:relative;overflow:hidden;transition:background .3s;
}
body.light .prob-card{background:var(--card);}
.prob-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--g2),transparent);opacity:0;transition:opacity .3s;}
.prob-card:hover{background:rgba(18,22,20,.92);}
body.light .prob-card:hover{background:var(--card2);}
.prob-card:hover::before{opacity:1;}
.prob-icon{width:clamp(26px,2.8vw,36px);height:clamp(26px,2.8vw,36px);margin-bottom:clamp(10px,1.5vh,16px);}
.prob-icon svg{width:100%;height:100%;stroke:var(--g);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.prob-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(13px,1.4vw,17px);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t1);margin-bottom:clamp(6px,1vh,10px);}
.prob-text{font-size:clamp(11px,1.1vw,14px);color:var(--t2);line-height:1.62;}

.s3-stats-row{
  display:flex;align-items:center;flex-wrap:wrap;
  gap:clamp(18px,3.5vw,55px);
  padding-top:clamp(14px,2.2vh,26px);border-top:1px solid var(--b1);
}
.s3-big-stat{display:flex;align-items:baseline;gap:11px;}
.s3-big-num{
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(52px,8.5vw,110px);font-weight:900;color:var(--g);line-height:1;
  text-shadow:0 0 40px rgba(90,156,110,.42);
}
body.light .s3-big-num{text-shadow:0 0 30px rgba(45,122,72,.3);}
.s3-big-unit{font-family:'Share Tech Mono',monospace;font-size:clamp(10px,1.05vw,13px);color:var(--t2);letter-spacing:.1em;line-height:1.4;}
.s3-div{width:1px;height:65px;background:rgba(90,156,110,.22);flex-shrink:0;}
.s3-quote{flex:1;min-width:190px;font-family:'Barlow Condensed',sans-serif;font-size:clamp(14px,1.45vw,19px);font-weight:500;color:var(--t2);font-style:italic;line-height:1.4;}

@media(max-width:900px){.prob-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.prob-grid{grid-template-columns:1fr;}.s3-div{display:none;}.s3-stats-row{gap:16px;flex-direction:column;}}

/* ================================================================
   SLIDE 4 — PLATFORM + GALLERY
================================================================ */
#s4{background:var(--bg2);}
.s4-layout{position:relative;z-index:10;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;}
.s4-left{
  display:flex;flex-direction:column;justify-content:center;
  padding:calc(var(--pad-y)+40px) clamp(22px,2.8vw,44px) var(--pad-y) var(--pad-x);
  border-right:none;
}
/* Compact accent tags */
.spec-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:clamp(16px,2.5vh,28px);}
.tag{
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(10px,1.1vw,13px);font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--g);
  border:1.5px solid var(--b2);
  padding:clamp(4px,.6vh,8px) clamp(8px,1vw,14px);
  background:var(--g2);white-space:nowrap;
  transition:all .25s;animation:tagpulse 5s ease infinite;
}
.tag:nth-child(2n){animation-delay:1.2s;}
.tag:nth-child(3n){animation-delay:2.4s;}
.tag:hover{background:rgba(74,124,89,.22);border-color:var(--g);}
.feat-list{display:flex;flex-direction:column;gap:clamp(5px,.9vh,9px);}
.feat{
  display:flex;align-items:flex-start;gap:clamp(9px,1.1vw,13px);
  padding:clamp(10px,1.6vh,14px) clamp(12px,1.5vw,16px);
  background:rgba(20,23,25,.55);border:1px solid var(--b1);transition:border-color .3s;
}
body.light .feat{background:var(--card);}
.feat:hover{border-color:var(--b2);}
.feat-ico{width:18px;height:18px;flex-shrink:0;margin-top:2px;}
.feat-ico svg{width:100%;height:100%;stroke:var(--g);fill:none;stroke-width:1.5;}
.feat-body{font-size:clamp(12px,1.15vw,15px);color:var(--t2);line-height:1.58;}
.feat-body strong{color:var(--t1);font-weight:700;display:block;margin-bottom:2px;font-size:clamp(12px,1.2vw,15px);}

/* Gallery */
.s4-right{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  padding:calc(var(--pad-y)+40px) var(--pad-x) var(--pad-y) clamp(22px,2.8vw,44px);gap:8px;
}
.s4-gallery{width:100%;max-width:540px;display:flex;flex-direction:column;gap:8px;}
.s4-gallery-main{
  position:relative;overflow:hidden;
  border:1px solid rgba(90,156,110,.18);
  aspect-ratio:16/10;background:var(--bg);
}
.s4-gallery-main img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transition:opacity .45s ease,transform .45s ease;display:block;
  position:absolute;inset:0;
}
.s4-gallery-main img.prev{opacity:0;transform:scale(1.04);z-index:1;}
.s4-gallery-main img.curr{opacity:1;transform:scale(1);z-index:2;}
.s4-gallery-main .gallery-label{
  position:absolute;bottom:10px;left:14px;
  font-family:'Share Tech Mono',monospace;font-size:clamp(8px,.8vw,10px);
  letter-spacing:.2em;color:rgba(90,156,110,.88);text-transform:uppercase;z-index:5;
}
.s4-gallery-main::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,11,12,.52) 0%,transparent 38%);pointer-events:none;z-index:4;}
.s4-gallery-main::before{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(90,156,110,.48),transparent);z-index:6;animation:galleryscan 3.2s linear infinite;}
.s4-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.s4-tn{
  aspect-ratio:16/10;object-fit:cover;cursor:pointer;
  filter:brightness(.45) saturate(.72);border:1px solid var(--b1);
  transition:all .3s;display:block;width:100%;
}
.s4-tn.active{filter:brightness(.9) saturate(1);border-color:var(--g);box-shadow:0 0 12px rgba(90,156,110,.32);}
.s4-tn:hover:not(.active){filter:brightness(.65) saturate(.85);}

@media(max-width:900px){
  .s4-layout{grid-template-columns:1fr;}
  .s4-left{border-right:none;border-bottom:1px solid var(--b1);padding-bottom:24px;}
  .s4-right{padding-top:22px;}
  .s4-gallery{max-width:min(400px,90vw);}
}

/* ================================================================
   SLIDE 5 — COMMS GLOBE
================================================================ */
#s5{background:#060b09;}
body.light #s5{background:#dde8e4;}
.s5-signal-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.s5-signal-bg::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(90,156,110,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(90,156,110,.055) 1px,transparent 1px);
  background-size:40px 40px;animation:gridpulse 4s ease infinite;
}
.s5-signal-bg::after{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 55% 50% at 72% 50%,rgba(90,156,110,.1) 0%,transparent 65%),
    radial-gradient(ellipse 28% 28% at 14% 28%,rgba(74,124,89,.07) 0%,transparent 60%);
}
body.light .s5-signal-bg::after{
  background:radial-gradient(ellipse 55% 50% at 72% 50%,rgba(45,122,72,.08) 0%,transparent 65%);
}
.s5-arcs{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.s5-layout{
  position:relative;z-index:10;min-height:100dvh;display:grid;
  grid-template-columns:1fr 1.15fr;gap:clamp(20px,3.5vw,55px);
  padding:calc(var(--pad-y)+40px) var(--pad-x) var(--pad-y);align-items:center;
}
.comms-pills{display:flex;flex-direction:column;gap:clamp(7px,1.1vh,13px);max-width:440px;margin-top:clamp(14px,2.2vh,26px);}
.pill{
  display:flex;align-items:center;gap:14px;
  padding:clamp(10px,1.5vh,15px) clamp(12px,1.5vw,18px);
  background:rgba(14,18,22,.88);border:1px solid rgba(74,124,89,.22);border-left:3px solid var(--g);
  position:relative;overflow:hidden;transition:all .3s;
}
body.light .pill{background:rgba(240,248,244,.88);}
.pill::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(90,156,110,.05) 0%,transparent 55%);opacity:0;transition:opacity .3s;}
.pill:hover::after{opacity:1;}
.pill-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;animation:pulse 2.2s ease infinite;box-shadow:0 0 8px currentColor;}
.pill-text{font-size:clamp(12px,1.2vw,15px);color:var(--t2);line-height:1.4;}
.pill-text strong{color:var(--t1);display:block;margin-bottom:2px;font-size:clamp(12px,1.25vw,15px);}

/* Globe container — no box, fullscreen right zone feel */
.globe-wrap{
  width:100%;max-width:clamp(320px,44vw,580px);
  position:relative;display:flex;align-items:center;justify-content:center;
}
#globe-canvas{
  width:100%;aspect-ratio:1;display:block;
  background:transparent;border:none;outline:none;
}

@media(max-width:900px){
  .s5-layout{grid-template-columns:1fr;}
  .globe-wrap{max-width:min(340px,88vw);}
}

/* ================================================================
   SLIDE 6 — MOBILITY + BLUEPRINT
================================================================ */
#s6{background:var(--bg);}
.s6-bg{position:absolute;inset:0;}
/* Blueprint right-side background — more visible */
.s6-bg-blueprint{display:none;}/* moved to s6-right panel */
.s6-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(to right,var(--bg) 0%,var(--bg) 36%,rgba(10,11,12,.88) 50%,rgba(10,11,12,.38) 72%,rgba(10,11,12,.08) 100%),
    linear-gradient(to bottom,rgba(10,11,12,.48) 0%,transparent 28%,transparent 72%,rgba(10,11,12,.78) 100%);
}
body.light .s6-overlay{
  background:
    linear-gradient(to right,var(--bg) 0%,var(--bg) 36%,rgba(230,235,240,.88) 50%,rgba(230,235,240,.38) 72%,rgba(230,235,240,.06) 100%),
    linear-gradient(to bottom,rgba(230,235,240,.48) 0%,transparent 28%,transparent 72%,rgba(230,235,240,.72) 100%);
}
.s6-layout{position:relative;z-index:10;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;align-items:center;}
.s6-left{padding:calc(var(--pad-y)+40px) clamp(22px,2.8vw,44px) var(--pad-y) var(--pad-x);display:flex;flex-direction:column;justify-content:center;}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--b1);margin-top:clamp(14px,2.2vh,26px);}
.mtile{
  background:rgba(8,10,12,.94);padding:clamp(14px,2.3vh,26px) clamp(12px,1.8vw,20px);
  position:relative;overflow:hidden;transition:background .3s;
}
body.light .mtile{background:var(--card);}
.mtile::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--g),transparent);opacity:0;transition:opacity .3s;}
.mtile:hover{background:rgba(12,18,14,.96);}
body.light .mtile:hover{background:var(--card2);}
.mtile:hover::after{opacity:1;}
/* Units — fixed "12 год" rendering */
.mval{
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(30px,4vw,58px);font-weight:900;color:var(--g);
  line-height:1;margin-bottom:4px;
  text-shadow:0 0 22px rgba(90,156,110,.32);
  display:flex;align-items:baseline;gap:.18em;
}
.mval-u{
  font-family:'Barlow Condensed',sans-serif;
  font-size:.52em;font-weight:700;color:var(--g);
  letter-spacing:.02em;line-height:1;
}
.munit{font-family:'Share Tech Mono',monospace;font-size:clamp(7px,.78vw,10px);color:var(--t3);letter-spacing:.15em;margin-bottom:5px;text-transform:uppercase;}
.mlabel{font-size:clamp(10px,1.05vw,13px);color:var(--t2);line-height:1.38;font-weight:500;}
.mcond{font-family:'Share Tech Mono',monospace;font-size:clamp(7px,.72vw,9px);color:var(--t3);margin-top:4px;line-height:1.3;}

/* S6 right — full-height blueprint panel */
.s6-right{position:relative;overflow:hidden;}
.s6-blueprint-frame{position:absolute;inset:0;}
.s6-blueprint-frame img{
  width:100%;height:100%;object-fit:cover;object-position:left center;display:block;
  /* More visible blueprint */
  filter:brightness(.62) saturate(.45) hue-rotate(162deg) contrast(1.18);
}
body.light .s6-blueprint-frame img{filter:brightness(.55) saturate(.35) hue-rotate(162deg) contrast(1.2);}
.s6-blueprint-frame::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to left,transparent 0%,rgba(10,11,12,.1) 55%,rgba(10,11,12,.52) 100%),
             linear-gradient(to bottom,rgba(10,11,12,.38) 0%,transparent 16%,transparent 84%,rgba(10,11,12,.52) 100%);
}
body.light .s6-blueprint-frame::after{
  background:linear-gradient(to left,transparent 0%,rgba(230,235,240,.1) 55%,rgba(230,235,240,.5) 100%);
}
@media(max-width:900px){.s6-layout{grid-template-columns:1fr;}.s6-right{display:none;}.s6-left{padding-right:var(--pad-x);}}

/* ================================================================
   SLIDE 7 — MISSIONS
================================================================ */
#s7{background:var(--bg2);}
.s7-layout{position:relative;z-index:10;min-height:100dvh;display:grid;grid-template-columns:1.2fr 1fr;}
.s7-img-col{position:relative;overflow:hidden;}
.s7-mission-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .5s ease;filter:brightness(.5) saturate(.8);}
.s7-mission-img.active{opacity:1;}
.s7-img-overlay{position:absolute;inset:0;background:linear-gradient(to right,transparent 50%,var(--bg2) 100%),linear-gradient(to bottom,rgba(13,15,17,.42) 0%,transparent 22%,transparent 76%,rgba(13,15,17,.7) 100%);}
.s7-img-lbl{position:absolute;bottom:clamp(14px,2.2vh,26px);left:clamp(14px,2.2vw,26px);font-family:'Share Tech Mono',monospace;font-size:clamp(8px,.78vw,10px);letter-spacing:.2em;color:var(--t2);text-transform:uppercase;opacity:0;transition:opacity .4s;z-index:10;}
.s7-img-lbl.active{opacity:1;}
.s7-right{padding:calc(var(--pad-y)+40px) var(--pad-x) var(--pad-y) clamp(22px,2.8vw,44px);display:flex;flex-direction:column;justify-content:center;}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(5px,.9vw,9px);margin-top:clamp(14px,2.2vh,24px);}
.mcard{
  background:var(--card);border:1px solid var(--b1);
  padding:clamp(12px,1.8vh,18px) clamp(12px,1.5vw,16px);
  position:relative;overflow:hidden;cursor:pointer;transition:all .3s;
}
.mcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--g2);transition:background .3s;}
.mcard.active,.mcard:hover{background:var(--card2);border-color:var(--b2);}
.mcard.active::before,.mcard:hover::before{background:var(--g);}
.mcard-ico{font-size:clamp(14px,1.8vw,20px);margin-bottom:clamp(6px,1vh,10px);opacity:.78;}
.mcard-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(11px,1.25vw,15px);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--t1);margin-bottom:5px;}
.mcard-text{font-size:clamp(10px,1vw,13px);color:var(--t2);line-height:1.52;}
@media(max-width:900px){
  .s7-layout{grid-template-columns:1fr;}
  .s7-img-col{height:32vh;min-height:180px;}
  .s7-img-overlay{background:linear-gradient(to bottom,transparent 38%,var(--bg2) 100%);}
  .s7-right{padding-top:clamp(14px,2.5vh,26px);}
}
@media(max-width:480px){.mission-grid{grid-template-columns:1fr;}}

/* ================================================================
   SLIDE 8 — WHY / VALUE
================================================================ */
#s8{background:var(--bg);}
.s8-bg{position:absolute;inset:0;}
.s8-bg img{
  width:100%;height:100%;object-fit:cover;object-position:center 52%;
  filter:brightness(.35) saturate(.68) contrast(1.06);
}
body.light .s8-bg img{filter:brightness(.5) saturate(.68) contrast(1.04);}
.s8-overlay{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 78% 58% at 50% 54%,rgba(10,11,12,.22) 0%,rgba(10,11,12,.5) 48%,rgba(10,11,12,.72) 74%,var(--bg) 100%),
    linear-gradient(to bottom,var(--bg) 0%,rgba(10,11,12,.35) 20%,rgba(10,11,12,.35) 78%,var(--bg) 100%);
}
body.light .s8-overlay{
  background:
    radial-gradient(ellipse 78% 58% at 50% 54%,rgba(230,235,240,.18) 0%,rgba(230,235,240,.48) 48%,rgba(230,235,240,.72) 74%,var(--bg) 100%),
    linear-gradient(to bottom,var(--bg) 0%,rgba(230,235,240,.32) 20%,rgba(230,235,240,.32) 78%,var(--bg) 100%);
}
/* Spotlight — more subtle */
.s8-spotlight{
  position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);
  width:min(560px,78vw);height:min(360px,55vh);
  background:radial-gradient(ellipse,rgba(90,156,110,.048) 0%,transparent 70%);
  pointer-events:none;z-index:3;animation:s8pulse 5.5s ease infinite;
}
.s8-layout{
  position:relative;z-index:10;min-height:100dvh;
  display:flex;align-items:center;justify-content:center;
  padding:calc(var(--pad-y)+40px) var(--pad-x) var(--pad-y);text-align:center;
}
.s8-inner{max-width:min(820px,90%);}
/* Compact headline */
.s8-headline{
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(36px,5.8vw,82px);font-weight:900;
  text-transform:uppercase;line-height:.9;letter-spacing:-.02em;
  margin-bottom:clamp(14px,2.2vh,28px);color:var(--t1);
}
.s8-headline .acc{color:var(--g);}
.s8-sub{
  font-size:clamp(12px,1.2vw,15px);color:var(--t2);line-height:1.65;
  margin-bottom:clamp(20px,3.2vh,42px);font-weight:300;
}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--b1);text-align:left;}
.why-item{background:rgba(10,11,12,.94);padding:clamp(15px,2.4vh,24px) clamp(13px,2vw,22px);}
body.light .why-item{background:var(--card);}
.why-num{font-family:'Share Tech Mono',monospace;font-size:clamp(18px,2.4vw,28px);color:var(--g);opacity:.32;margin-bottom:clamp(8px,1.2vh,12px);line-height:1;}
.why-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(12px,1.3vw,16px);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--t1);margin-bottom:7px;}
.why-text{font-size:clamp(10px,1.05vw,13px);color:var(--t2);line-height:1.62;}
@media(max-width:700px){.why-grid{grid-template-columns:1fr;}}

/* ================================================================
   SLIDE 9 — PARTNERSHIP
================================================================ */
#s9{background:var(--bg);}
.s9-bg-img{position:absolute;right:0;top:0;width:45%;height:100%;object-fit:cover;object-position:left center;filter:brightness(.08) saturate(.3);z-index:0;}
.s9-bg-grad{position:absolute;inset:0;background:linear-gradient(to right,var(--bg) 48%,rgba(10,11,12,.52) 100%);z-index:1;}
body.light .s9-bg-grad{background:linear-gradient(to right,var(--bg) 48%,rgba(230,235,240,.52) 100%);}
.s9-layout{position:relative;z-index:10;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3.8vw,75px);padding:calc(var(--pad-y)+40px) var(--pad-x) var(--pad-y);align-items:center;}
.ask-list{display:flex;flex-direction:column;gap:2px;margin-top:clamp(14px,2.2vh,26px);}
.ask-item{display:flex;align-items:center;gap:clamp(11px,1.8vw,18px);padding:clamp(12px,1.8vh,17px) clamp(14px,1.8vw,20px);background:rgba(20,23,25,.68);border:1px solid var(--b1);border-left:2px solid var(--g2);transition:all .3s;}
body.light .ask-item{background:var(--card);}
.ask-item:hover{background:rgba(20,23,25,.94);border-left-color:var(--g);}
body.light .ask-item:hover{background:var(--card2);}
.ask-num{font-family:'Share Tech Mono',monospace;font-size:clamp(14px,1.6vw,19px);color:var(--g);opacity:.4;flex-shrink:0;width:26px;}
.ask-body{font-size:clamp(12px,1.2vw,15px);color:var(--t2);line-height:1.55;}
.ask-body strong{color:var(--t1);font-weight:700;display:block;margin-bottom:2px;}
.s9-right{display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,2.8vh,26px);}
.contact-box{border:1px solid var(--b1);padding:clamp(18px,2.8vh,28px);background:rgba(20,23,25,.42);backdrop-filter:blur(10px);}
body.light .contact-box{background:var(--card);}
.contact-lbl{font-family:'Share Tech Mono',monospace;font-size:clamp(8px,.8vw,10px);letter-spacing:.2em;color:var(--t3);margin-bottom:clamp(14px,2vh,20px);text-transform:uppercase;}
.contact-row{display:flex;align-items:center;gap:clamp(9px,1.4vw,13px);padding:clamp(8px,1.2vh,12px) 0;border-bottom:1px solid var(--b1);}
.contact-row:last-child{border-bottom:none;}
.contact-ico{width:clamp(26px,3vw,32px);height:clamp(26px,3vw,32px);border:1px solid var(--b2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:clamp(11px,1.2vw,14px);color:var(--g);}
.contact-val{font-size:clamp(12px,1.2vw,15px);color:var(--t1);}
.contact-val .sub{font-size:clamp(10px,.9vw,11px);color:var(--t3);display:block;margin-top:2px;}
.closing{font-family:'Barlow Condensed',sans-serif;font-size:clamp(16px,1.9vw,22px);font-weight:700;color:var(--t2);border-top:1px solid var(--b1);padding-top:clamp(16px,2.4vh,22px);font-style:italic;}
.closing .acc{color:var(--g);}
@media(max-width:900px){.s9-layout{grid-template-columns:1fr;}.s9-right{display:none;}.s9-bg-img{display:none;}.s9-bg-grad{background:none;}}

/* terrain SVG helper */
.terrain-svg{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.18;pointer-events:none;}

/* ── Standalone theme toggle ── */
#theme-toggle{
  position:fixed;
  top:max(env(safe-area-inset-top,0px)+42px,46px); /* below conf */
  right:max(env(safe-area-inset-right,0px)+18px,22px);
  z-index:1000;
  display:flex;
  border:1px solid var(--b2);
  overflow:hidden;
}
#theme-toggle .tb{
  padding:4px 10px;
  font-size:clamp(10px,1.1vw,13px);
  line-height:1;
}
@media(max-width:700px){#theme-toggle{display:none;}}



/* ===== Patch: V12 fixes restored from audit ===== */
:root{
  --pad-x: clamp(28px,5vw,80px);
}

/* restore side dots from V6 */
.dot{width:5px;height:5px;border-radius:50%;background:var(--t-dim, var(--t3));cursor:pointer;
  transition:all .3s;position:relative;display:block;flex:0 0 auto;}
.dot::before{content:'';position:absolute;inset:-7px;border:1px solid transparent;border-radius:50%;transition:all .3s;}
.dot:hover,.dot.on{background:var(--g);box-shadow:0 0 10px var(--glow);transform:scale(1.2);}
.dot.on::before{border-color:var(--b2);}
.dot:focus-visible{outline:2px solid var(--g);outline-offset:6px;}

/* guarantee arrows stay bottom center */
#arrows{position:fixed !important;bottom:max(env(safe-area-inset-bottom,0px)+22px,26px)!important;top:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;z-index:1000;}

/* move theme toggle to left edge */
#theme-toggle{left:max(env(safe-area-inset-left,0px)+18px,22px)!important;right:auto!important;top:max(env(safe-area-inset-top,0px)+42px,46px)!important;}
@media(max-width:700px){#theme-toggle{left:max(env(safe-area-inset-left,0px)+14px,14px)!important;}}

/* safer side gutters so content does not stick to viewport edges */
.s2-inner,.s3-layout,.s4-layout,.s5-layout,.s6-layout,.s7-layout,.s8-layout,.s9-layout{padding-left:max(var(--pad-x),24px)!important;padding-right:max(var(--pad-x),24px)!important;}
@media(max-width:900px){
  .s2-inner,.s3-layout,.s4-layout,.s5-layout,.s6-layout,.s7-layout,.s8-layout,.s9-layout{padding-left:max(var(--pad-x),20px)!important;padding-right:max(var(--pad-x),20px)!important;}
}

/* keyboard / motion / baseline accessibility */
button:focus-visible,[role="button"]:focus-visible,a:focus-visible{outline:2px solid var(--g);outline-offset:3px;}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}


/* ===== Rev2 layout corrections ===== */
#brand{
  left:max(env(safe-area-inset-left,0px) + var(--pad-x), 28px) !important;
  right:auto !important;
}
#conf{
  top:auto !important;
  left:auto !important;
  right:max(env(safe-area-inset-right,0px) + var(--pad-x), 28px) !important;
  bottom:max(env(safe-area-inset-bottom,0px) + 18px, 22px) !important;
  z-index:1000 !important;
}
#nav-dots{
  left:auto !important;
  right:max(env(safe-area-inset-right,0px) + 20px, 24px) !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  flex-direction:column !important;
  z-index:1000 !important;
}
#arrows{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:max(env(safe-area-inset-bottom,0px) + 22px, 26px) !important;
  transform:translateX(-50%) !important;
  z-index:1000 !important;
}
#theme-toggle{
  left:max(env(safe-area-inset-left,0px) + 12px, 16px) !important;
  right:auto !important;
  top:max(env(safe-area-inset-top,0px) + 10px, 14px) !important;
  bottom:auto !important;
  z-index:1000 !important;
}
#s1 .s1-layout{
  padding-left:max(var(--pad-x), 32px) !important;
  padding-right:max(var(--pad-x), 32px) !important;
}
#s8 .s8-layout{
  padding-top:calc(var(--pad-y) + 48px) !important;
}
#s4 .s4-left{
  border-right:none !important;
  padding-right:clamp(18px,2vw,28px) !important;
}
#s4 .s4-right{
  padding-left:clamp(10px,1.4vw,18px) !important;
}
.s4-layout{
  grid-template-columns:minmax(0, 0.9fr) minmax(620px, 1.1fr) !important;
  gap:clamp(26px, 4vw, 60px) !important;
}
.s4-gallery{
  max-width:760px !important;
  gap:12px !important;
}
.s4-gallery-main{
  aspect-ratio:16/10 !important;
  min-height:470px !important;
}
.s4-thumbs{
  gap:12px !important;
}
.s4-tn{aspect-ratio:16/9 !important; min-height:118px !important;}

/* Slide 5 restored closer to V6 */
#s5{background:var(--bg-deep) !important;}
#s5 .s5-layout{
  position:relative;
  z-index:10;
  min-height:100dvh;
  display:grid;
  grid-template-columns:1fr 1.08fr;
  gap:clamp(24px,4vw,60px);
  padding:calc(var(--pad-y) + 40px) var(--pad-x) var(--pad-y);
  align-items:center;
}
#s5 .comms-pills{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-width:400px;
  margin-top:clamp(16px,2.5vh,28px);
}
#s5 .pill{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  background:rgba(20,23,25,.85);
  border:1px solid var(--b-sub);
  border-left:3px solid var(--g);
}
body.light #s5 .pill{background:rgba(240,248,244,.9);}
#s5 .pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:pulse 2s ease infinite;box-shadow:none;}
#s5 .pill-text{font-size:clamp(11px,1.05vw,12px);color:var(--t-sec);line-height:1.45;}
#s5 .pill-text strong{color:var(--t-primary);display:inline;}
#s5 .arch-box{
  background:rgba(14,17,20,.92);
  border:1px solid var(--b-sub);
  padding:clamp(16px,2.5vw,28px);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  position:relative;
}
body.light #s5 .arch-box{background:rgba(247,250,248,.92);}
#s5 .arch-box::before{
  content:'ARCHITECTURE DIAGRAM';
  position:absolute;
  top:-1px;
  left:20px;
  background:var(--bg-deep);
  font-family:'Share Tech Mono',monospace;
  font-size:8px;
  letter-spacing:.2em;
  color:var(--t-dim);
  padding:0 8px;
  transform:translateY(-50%);
}
#s5 .arch-svg{width:100%;height:auto;display:block;}
#s5 #globe-canvas, #s5 .globe-wrap{display:none !important;}

/* Slide 6 blueprint from PNG */
#s6 .s6-right{display:block !important; position:relative; overflow:hidden;}
#s6 .s6-blueprint-frame{position:absolute; inset:0;}
#s6 .s6-blueprint-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  filter:brightness(.68) contrast(1.06) saturate(.5);
}
body.light #s6 .s6-blueprint-frame img{filter:brightness(.72) contrast(1.02) saturate(.42);}

@media (max-width: 900px){
  #brand{left:max(env(safe-area-inset-left,0px) + 20px, 20px) !important;}
  #conf{right:max(env(safe-area-inset-right,0px) + 16px, 16px) !important;bottom:max(env(safe-area-inset-bottom,0px) + 14px, 16px) !important;}
  #theme-toggle{left:max(env(safe-area-inset-left,0px) + 10px, 12px) !important;top:max(env(safe-area-inset-top,0px) + 8px, 10px) !important;}
  .s4-layout{grid-template-columns:1fr !important;}
  .s4-gallery{max-width:min(92vw, 560px) !important;}
  .s4-gallery-main{min-height:auto !important;}
  #s5 .s5-layout{grid-template-columns:1fr !important;}
}

/* ===== Rev3 requested fixes ===== */
/* footer right block: confidentiality first, then counter */
#conf{
  top:auto !important;
  left:auto !important;
  bottom:max(env(safe-area-inset-bottom,0px) + 20px, 24px) !important;
  right:max(env(safe-area-inset-right,0px) + 86px, 98px) !important;
  z-index:1001 !important;
}
#counter{
  top:auto !important;
  left:auto !important;
  bottom:max(env(safe-area-inset-bottom,0px) + 20px, 24px) !important;
  right:max(env(safe-area-inset-right,0px) + 20px, 24px) !important;
  z-index:1001 !important;
}

/* theme toggle must be on the right edge */
#theme-toggle{
  left:auto !important;
  right:max(env(safe-area-inset-right,0px) + 18px, 22px) !important;
  top:max(env(safe-area-inset-top,0px) + 8px, 10px) !important;
  bottom:auto !important;
}

/* slide 6: blueprint on the whole slide, image flush to left edge */
#s6{
  background:
    linear-gradient(to bottom, rgba(10,11,12,.18), rgba(10,11,12,.18)),
    url('blueprint.PNG') center center / cover no-repeat !important;
}
body.light #s6{
  background:
    linear-gradient(to bottom, rgba(230,235,240,.2), rgba(230,235,240,.2)),
    url('blueprint.PNG') center center / cover no-repeat !important;
}
#s6 .s6-bg,
#s6 .s6-right{display:none !important;}
#s6 .s6-overlay{
  background:
    linear-gradient(to right, rgba(10,11,12,.08) 0%, rgba(10,11,12,.06) 20%, rgba(10,11,12,.12) 42%, rgba(10,11,12,.18) 100%),
    linear-gradient(to bottom, rgba(10,11,12,.18) 0%, transparent 22%, transparent 78%, rgba(10,11,12,.28) 100%) !important;
}
body.light #s6 .s6-overlay{
  background:
    linear-gradient(to right, rgba(230,235,240,.06) 0%, rgba(230,235,240,.04) 20%, rgba(230,235,240,.1) 42%, rgba(230,235,240,.16) 100%),
    linear-gradient(to bottom, rgba(230,235,240,.14) 0%, transparent 22%, transparent 78%, rgba(230,235,240,.24) 100%) !important;
}
#s6 .s6-layout{
  grid-template-columns: minmax(0,1.18fr) minmax(0,.82fr) !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
#s6 .s6-left{
  padding-left:0 !important;
  padding-right:clamp(20px,2.6vw,42px) !important;
  max-width:none !important;
}
/* if the vehicle is rendered through any direct image/svg/canvas inside left column, stretch it */
#s6 .s6-left > img,
#s6 .s6-left picture,
#s6 .s6-left svg,
#s6 .s6-left canvas{
  margin-left:0 !important;
}

/* slide 5: keep original structure from V6 with correct spacing */
#s5 .s5-layout{
  grid-template-columns: 1fr 1.06fr !important;
  gap: clamp(24px, 3.2vw, 46px) !important;
  padding: calc(var(--pad-y) + 40px) var(--pad-x) var(--pad-y) !important;
}
#s5 .arch-box{
  min-height: min(62vh, 640px) !important;
}

@media (max-width: 900px){
  #theme-toggle{right:max(env(safe-area-inset-right,0px) + 12px, 14px) !important;}
  #conf{right:max(env(safe-area-inset-right,0px) + 72px, 76px) !important;}
  #counter{right:max(env(safe-area-inset-right,0px) + 14px, 16px) !important;}
  #s6 .s6-layout{grid-template-columns:1fr !important;}
  #s6 .s6-left{padding-left:0 !important; padding-right:var(--pad-x) !important;}
}



/* ================================================================
   REV5 — Final packaging, performance, and layout corrections
================================================================ */
:root{
  --bg-deep: #060b09;
  --b-sub: var(--b1);
  --t-sec: var(--t2);
  --t-primary: var(--t1);
  --g-bright: var(--g);
}

/* Faster theme switching */
body{transition:background .08s linear,color .08s linear;}
body.theme-switching *, body.theme-switching *::before, body.theme-switching *::after{
  transition:none !important;
}

#conf, #counter, .lb, .tb, .arr, .dot, .mdot, .tag,
.feat, .mcard, .ask-item, .pill, .s4-gallery-main img, .s7-mission-img{
  transition-duration:.14s !important;
}

/* Standard footer meta group */
#footer-meta{
  position:fixed;
  right:max(env(safe-area-inset-right,0px)+18px,22px);
  bottom:max(env(safe-area-inset-bottom,0px)+22px,26px);
  display:flex;
  align-items:center;
  gap:12px;
  z-index:1000;
}
#footer-meta #conf,
#footer-meta #counter{
  position:static !important;
  inset:auto !important;
  margin:0 !important;
  transform:none !important;
}
#footer-meta #conf{
  display:flex;
  align-items:center;
}
#footer-meta #counter{
  min-width:auto;
}
@media(max-width:700px){
  #footer-meta{right:14px;bottom:14px;gap:8px;}
  #footer-meta #conf{display:none !important;}
}

/* Theme toggle on the RIGHT, not left */
#theme-toggle{
  left:auto !important;
  right:max(env(safe-area-inset-right,0px)+18px,22px) !important;
  top:max(env(safe-area-inset-top,0px)+16px,20px) !important;
  bottom:auto !important;
  display:flex !important;
  z-index:1000 !important;
}
@media(max-width:700px){
  #theme-toggle{
    right:max(env(safe-area-inset-right,0px)+14px,16px) !important;
    top:max(env(safe-area-inset-top,0px)+54px,58px) !important;
  }
}

/* Brand left gutter consistency */
#brand{
  left:max(env(safe-area-inset-left,0px) + var(--pad-x), 28px) !important;
}
#s1 .s1-layout{
  padding-left:max(var(--pad-x), 32px) !important;
  padding-right:max(var(--pad-x), 32px) !important;
}

/* Slide 1 — light theme readability */
#s1 .s1-img-col img{
  mix-blend-mode:normal !important;
  filter:drop-shadow(0 16px 40px rgba(0,0,0,.22)) brightness(1.01) contrast(1.02) !important;
  border-radius:4px;
}
body.light #s1 .s1-bg img{
  filter:brightness(.24) saturate(.72) contrast(1.02) !important;
}
body.light #s1 .s1-vignette{
  background:
    radial-gradient(ellipse 90% 70% at 50% 40%,transparent 15%,rgba(0,0,0,.34) 65%,rgba(0,0,0,.66) 100%),
    linear-gradient(to bottom,rgba(0,0,0,.30) 0%,transparent 25%,transparent 65%,rgba(0,0,0,.62) 100%) !important;
}
body.light #s1 .s1-headline,
body.light #s1 .s1-headline .line-acc,
body.light #s1 .s1-sub,
body.light #s1 .s1-eyebrow,
body.light #s1 .s1-stats .stat-label,
body.light #s1 .s1-stats .stat-unit{
  color:#fff !important;
}
body.light #s1 .s1-stats{
  background:rgba(0,0,0,.22) !important;
  border-color:rgba(255,255,255,.16) !important;
  backdrop-filter:blur(10px);
}
body.light #s1 .s1-headline,
body.light #s1 .s1-sub{
  text-shadow:0 4px 16px rgba(0,0,0,.30);
}

/* Slide 4 — larger gallery, no visible middle divider */
#s4 .s4-layout{
  grid-template-columns:minmax(0,.88fr) minmax(0,1.20fr) !important;
  gap:clamp(14px,2vw,28px) !important;
  padding-left:var(--pad-x) !important;
  padding-right:var(--pad-x) !important;
}
#s4 .s4-layout::before{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:6px;
  transform:translateX(-50%);
  background:var(--bg2);
  z-index:1;
  pointer-events:none;
}
#s4 .s4-left, #s4 .s4-right{position:relative;z-index:2;}
#s4 .s4-left{
  padding-right:clamp(10px,1.2vw,18px) !important;
}
#s4 .s4-right{
  padding-left:0 !important;
}
#s4 .s4-gallery{
  max-width:860px !important;
  gap:14px !important;
}
#s4 .s4-gallery-main{
  min-height:540px !important;
}
#s4 .s4-thumbs{
  gap:14px !important;
}
#s4 .s4-tn{
  min-height:130px !important;
}
@media(max-width:1200px){
  #s4 .s4-gallery-main{min-height:500px !important;}
}
@media(max-width:900px){
  #s4 .s4-layout::before{display:none;}
}

/* Slide 5 — restore original V6 composition */
#s5{
  background:var(--bg-deep) !important;
}
#s5 .s5-bg-v{
  position:absolute;
  right:0;
  top:0;
  width:45%;
  height:100%;
  object-fit:cover;
  object-position:left center;
  filter:brightness(.18) saturate(.36) contrast(1.02);
  z-index:0;
}
body.light #s5 .s5-bg-v{
  filter:brightness(.42) saturate(.58) contrast(1.02);
}
#s5 .s5-layout{
  position:relative;
  z-index:10;
  min-height:100dvh;
  display:grid;
  grid-template-columns:1fr 1.08fr;
  gap:clamp(24px,4vw,60px);
  padding:calc(var(--pad-y) + 40px) var(--pad-x) var(--pad-y);
  align-items:center;
}
#s5 .arch-box{
  background:rgba(14,17,20,.92);
  border:1px solid var(--b1);
  padding:clamp(16px,2.5vw,28px);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  position:relative;
}
body.light #s5 .arch-box{background:rgba(247,250,248,.92);}
#s5 .arch-box::before{
  content:'ARCHITECTURE DIAGRAM';
  position:absolute;
  top:-1px;
  left:20px;
  background:var(--bg-deep);
  font-family:'Share Tech Mono',monospace;
  font-size:8px;
  letter-spacing:.2em;
  color:var(--t3);
  padding:0 8px;
  transform:translateY(-50%);
}
#s5 .arch-svg{width:100%;height:auto;display:block;}
@media(max-width:900px){
  #s5 .s5-layout{grid-template-columns:1fr !important;}
  #s5 .s5-bg-v{display:none;}
}

/* Slide 6 — blueprint as a subtle whole-slide background */
#s6 .s6-bg{
  position:absolute;
  inset:0;
  overflow:hidden;
}
#s6 .s6-bg-blueprint{
  display:block !important;
  position:absolute;
  top:-4%;
  right:-3%;
  width:78%;
  height:108%;
  object-fit:contain;
  object-position:right center;
  opacity:.42;
  filter:brightness(.42) saturate(.18) contrast(1.02) blur(1.8px);
  transform:scale(.92);
}
body.light #s6 .s6-bg-blueprint{
  opacity:.30;
  filter:brightness(.58) saturate(.14) contrast(1.0) blur(1.8px);
}
#s6 .s6-overlay{
  background:
    linear-gradient(to right,var(--bg) 0%,var(--bg) 34%,rgba(10,11,12,.88) 50%,rgba(10,11,12,.42) 72%,rgba(10,11,12,.10) 100%),
    linear-gradient(to bottom,rgba(10,11,12,.52) 0%,transparent 28%,transparent 72%,rgba(10,11,12,.78) 100%) !important;
}
body.light #s6 .s6-overlay{
  background:
    linear-gradient(to right,var(--bg) 0%,var(--bg) 34%,rgba(230,235,240,.92) 50%,rgba(230,235,240,.44) 72%,rgba(230,235,240,.08) 100%),
    linear-gradient(to bottom,rgba(230,235,240,.54) 0%,transparent 28%,transparent 72%,rgba(230,235,240,.76) 100%) !important;
}
#s6 .s6-right{
  display:none !important;
}
#s6 .s6-layout{
  grid-template-columns:1fr !important;
  padding-left:var(--pad-x) !important;
  padding-right:var(--pad-x) !important;
}

/* Slide 7 — left visual flush to the viewport edge */
#s7 .s7-layout{
  padding:0 !important;
  grid-template-columns:1.18fr 1fr !important;
}
#s7 .s7-img-col{
  min-height:100dvh;
}
#s7 .s7-right{
  padding:calc(var(--pad-y)+40px) var(--pad-x) var(--pad-y) clamp(18px,2.2vw,32px) !important;
}
@media(max-width:900px){
  #s7 .s7-layout{grid-template-columns:1fr !important;}
  #s7 .s7-img-col{min-height:32vh;}
}

/* Slide 9 — make the image a full background */
#s9 .s9-bg-img{
  left:0;
  right:0;
  top:0;
  width:100% !important;
  height:100%;
  object-position:center center;
  filter:brightness(.18) saturate(.42) contrast(1.02) !important;
}
body.light #s9 .s9-bg-img{
  filter:brightness(.42) saturate(.58) contrast(1.02) !important;
}
#s9 .s9-bg-grad{
  background:
    linear-gradient(to right,rgba(10,11,12,.78) 0%,rgba(10,11,12,.52) 42%,rgba(10,11,12,.28) 100%) !important;
}
body.light #s9 .s9-bg-grad{
  background:
    linear-gradient(to right,rgba(230,235,240,.86) 0%,rgba(230,235,240,.58) 42%,rgba(230,235,240,.34) 100%) !important;
}



/* === REV6: layout fixes, mobile flow, controls === */
#footer-meta{
  position:fixed !important;
  inset:auto 0 0 0 !important;
  right:auto !important;
  bottom:0 !important;
  width:100% !important;
  height:0 !important;
  pointer-events:none !important;
  z-index:1000 !important;
}
#footer-meta #conf,
#footer-meta #counter{
  position:fixed !important;
  bottom:max(env(safe-area-inset-bottom,0px) + 18px, 20px) !important;
  top:auto !important;
  margin:0 !important;
  transform:none !important;
  pointer-events:none !important;
}
#footer-meta #conf{
  left:max(env(safe-area-inset-left,0px) + 18px, 22px) !important;
  right:auto !important;
  display:flex !important;
}
#footer-meta #counter{
  right:max(env(safe-area-inset-right,0px) + 18px, 22px) !important;
  left:auto !important;
  min-width:64px;
  text-align:right;
}
#theme-toggle{
  position:fixed !important;
  top:max(env(safe-area-inset-top,0px) + 16px, 20px) !important;
  right:max(env(safe-area-inset-right,0px) + 18px, 22px) !important;
  left:auto !important;
  bottom:auto !important;
  display:flex !important;
  z-index:1001 !important;
}
#header-controls{
  position:fixed !important;
  top:max(env(safe-area-inset-top,0px) + 16px, 20px) !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  z-index:1000 !important;
}
#nav-dots{
  position:fixed !important;
  right:max(env(safe-area-inset-right,0px) + 18px, 22px) !important;
  top:auto !important;
  bottom:max(env(safe-area-inset-bottom,0px) + 64px, 72px) !important;
  transform:none !important;
  z-index:1000 !important;
}
#brand{
  z-index:1000 !important;
}
.tag{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  padding:8px 12px !important;
  border-radius:2px;
  background:rgba(90,156,110,.07);
}
.tag-ico{
  display:inline-flex;
  width:16px;
  height:16px;
  align-items:center;
  justify-content:center;
  color:var(--g);
  font-size:10px;
  line-height:1;
  border:1px solid rgba(90,156,110,.32);
  border-radius:2px;
  flex-shrink:0;
}
#s4 .s4-gallery{max-width:620px !important;}
#s4 .s4-gallery-main{min-height:560px !important;}
#s4 .s4-thumbs{gap:10px !important;}
#s4 .s4-tn{min-height:132px !important;}
#s5{
  background:#050607 !important;
}
#s5 .s5-bg-v{
  display:none !important;
}
#s5 .body-text, #s5 .pill-text, #s5 .h2, #s5 .eyebrow span{
  unicode-bidi:plaintext;
}
#s6 .s6-bg-blueprint{
  display:block !important;
  position:absolute !important;
  inset:-2% -4% -2% 46% !important;
  width:58% !important;
  height:104% !important;
  object-fit:cover !important;
  object-position:center right !important;
  opacity:.16 !important;
  filter:blur(1.4px) saturate(.55) contrast(.94) !important;
  z-index:0 !important;
}
body.light #s6 .s6-bg-blueprint{
  opacity:.20 !important;
  filter:blur(1.4px) saturate(.48) contrast(.96) brightness(.86) !important;
}
#s6 .s6-overlay{
  z-index:1 !important;
}
#s7 .s7-layout{
  padding-left:0 !important;
}
#s7 .s7-img-col, #s7 .s7-img-col img{
  margin-left:0 !important;
  left:0 !important;
}
body.mobile-flow{
  overflow-y:auto;
  scroll-snap-type:y mandatory;
  scroll-behavior:smooth;
}
body.mobile-flow .deck{
  height:auto !important;
  min-height:100svh;
  position:relative !important;
}
body.mobile-flow .slide{
  position:relative !important;
  inset:auto !important;
  min-height:100svh;
  height:auto !important;
  opacity:1 !important;
  pointer-events:auto !important;
  overflow:hidden;
  transform:none !important;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
body.mobile-flow #arrows,
body.mobile-flow #mob-nav{
  display:none !important;
}
body.mobile-flow #nav-dots{
  display:flex !important;
  gap:8px;
  right:max(env(safe-area-inset-right,0px) + 10px, 12px) !important;
  bottom:max(env(safe-area-inset-bottom,0px) + 88px, 96px) !important;
}
body.mobile-flow #footer-meta #counter{
  right:max(env(safe-area-inset-right,0px) + 10px, 12px) !important;
}
body.mobile-flow #footer-meta #conf{
  left:max(env(safe-area-inset-left,0px) + 10px, 12px) !important;
}
body.mobile-flow #theme-toggle{
  right:max(env(safe-area-inset-right,0px) + 10px, 12px) !important;
  top:max(env(safe-area-inset-top,0px) + 10px, 12px) !important;
}
body.mobile-flow #header-controls{
  top:max(env(safe-area-inset-top,0px) + 10px, 12px) !important;
  left:50% !important;
}
@media (max-width: 900px){
  #brand{
    left:max(env(safe-area-inset-left,0px) + 10px, 12px) !important;
    top:max(env(safe-area-inset-top,0px) + 10px, 12px) !important;
  }
  #theme-toggle{
    display:flex !important;
    right:max(env(safe-area-inset-right,0px) + 10px, 12px) !important;
    top:max(env(safe-area-inset-top,0px) + 10px, 12px) !important;
  }
  #header-controls{
    top:max(env(safe-area-inset-top,0px) + 10px, 12px) !important;
    left:50% !important;
    transform:translateX(-50%) !important;
  }
  #footer-meta #conf{
    display:flex !important;
    font-size:9px !important;
  }
  #footer-meta #counter{
    font-size:10px !important;
  }
  #nav-dots{
    display:flex !important;
  }
  #s1 .s1-layout,
  #s2 .s2-layout,
  #s3 .s3-layout,
  #s4 .s4-layout,
  #s5 .s5-layout,
  #s6 .s6-layout,
  #s7 .s7-layout,
  #s8 .s8-layout,
  #s9 .s9-layout{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  #s1 .s1-layout{
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding-top:110px !important;
    padding-bottom:110px !important;
  }
  #s1 .s1-img-col{
    max-width:min(90vw, 420px);
    margin:0 auto;
  }
  #s4 .s4-layout{
    grid-template-columns:1fr !important;
  }
  #s4 .s4-left{
    padding-right:0 !important;
    border-right:none !important;
  }
  #s4 .s4-right{
    padding-left:0 !important;
    padding-top:18px !important;
  }
  #s4 .s4-gallery{
    max-width:100% !important;
  }
  #s4 .s4-gallery-main{
    min-height:42vh !important;
  }
  #s4 .s4-tn{
    min-height:84px !important;
  }
  #s5 .s5-layout{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
  #s6 .s6-bg-blueprint{
    inset:12% -12% 12% 28% !important;
    width:auto !important;
    height:auto !important;
    opacity:.12 !important;
  }
  #s7 .s7-layout{
    grid-template-columns:1fr !important;
    padding:0 !important;
  }
  #s7 .s7-img-col{
    min-height:38svh !important;
  }
  #s7 .s7-right{
    padding:20px 16px 110px !important;
  }
}


/* ===== Final stability / mobile / theme overrides ===== */
body{overflow:hidden;}
body:not(.mobile-flow) .slide{height:100dvh;}
body.mobile-flow{overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;overscroll-behavior-y:auto;}
body.mobile-flow .deck{height:auto!important;display:block!important;}
body.mobile-flow .slide{position:relative!important;opacity:1!important;pointer-events:all!important;min-height:100svh!important;height:auto!important;transform:none!important;inset:auto!important;}
body.mobile-flow .slide + .slide{border-top:1px solid var(--b1);}
body.mobile-flow #arrows, body.mobile-flow #mob-nav{display:none!important;}
body.mobile-flow #nav-dots{display:flex!important;right:max(env(safe-area-inset-right,0px) + 10px, 12px)!important;bottom:max(env(safe-area-inset-bottom,0px) + 18px, 18px)!important;top:auto!important;}
body.mobile-flow #theme-toggle{right:max(env(safe-area-inset-right,0px) + 12px, 12px)!important;left:auto!important;top:max(env(safe-area-inset-top,0px) + 10px, 10px)!important;}
body.mobile-flow #footer-meta{inset:0!important;}
body.mobile-flow #footer-meta #conf{left:12px!important;bottom:14px!important;}
body.mobile-flow #footer-meta #counter{right:12px!important;bottom:14px!important;}
body.mobile-flow #footer-meta #counter{display:none!important;}

#footer-meta{position:fixed!important;inset:0!important;z-index:70!important;pointer-events:none!important;}
#footer-meta #conf{display:flex!important;position:fixed!important;left:24px!important;bottom:20px!important;right:auto!important;top:auto!important;pointer-events:auto!important;}
#footer-meta #counter{position:fixed!important;right:24px!important;bottom:20px!important;left:auto!important;top:auto!important;pointer-events:auto!important;}
#nav-dots{position:fixed!important;right:24px!important;left:auto!important;bottom:34px!important;top:auto!important;z-index:70!important;}
#theme-toggle{position:fixed!important;right:24px!important;left:auto!important;top:22px!important;z-index:80!important;}
@media (max-width: 900px){
  #theme-toggle{right:12px!important;left:auto!important;top:10px!important;}
  #nav-dots{right:12px!important;bottom:16px!important;}
  #footer-meta #conf{left:12px!important;bottom:12px!important;}
  #footer-meta #counter{right:12px!important;bottom:12px!important;}
}

/* Theme completeness */
body.light header, body.light #header-controls, body.light #theme-toggle, body.light #footer-meta, body.light #nav-dots, body.light #arrows{color:var(--t1)!important;}
body.light #s1{background:#dfe5e7!important;}
body.light #s1 .s1-bg img{filter:brightness(1.02) saturate(.9) contrast(.95)!important;opacity:.33!important;}
body.light #s1 .s1-vignette{background:linear-gradient(90deg, rgba(235,239,241,.82) 0%, rgba(235,239,241,.70) 44%, rgba(235,239,241,.32) 70%, rgba(235,239,241,.08) 100%)!important;}
body.light #s1 .noise-layer{opacity:.012!important;}
body.light #s1 .s1-headline,
body.light #s1 .s1-headline .line-acc,
body.light #s1 .s1-sub,
body.light #s1 .s1-eyebrow,
body.light #s1 .s1-stats .stat-label,
body.light #s1 .s1-stats .stat-unit{color:#fff!important;text-shadow:0 2px 24px rgba(0,0,0,.22)!important;}
body.light #s1 .s1-stats{background:rgba(16,18,20,.42)!important;border-color:rgba(255,255,255,.12)!important;backdrop-filter:blur(10px)!important;}
body.light #s1 .stat-num{color:#fff!important;text-shadow:0 2px 24px rgba(0,0,0,.22)!important;}
body.light #s1 .s1-img-col img{filter:drop-shadow(0 28px 36px rgba(0,0,0,.16))!important;}

#s4 .gallery-label{display:none!important;}
#s4 .s4-gallery-main::before{display:none!important;}
#s4 .s4-gallery-main img{transition:opacity .28s ease, transform .32s ease!important;backface-visibility:hidden;transform:translateZ(0);will-change:opacity,transform;}
#s4 .s4-gallery{max-width:680px!important;}
#s4 .s4-gallery-main{min-height:590px!important;overflow:hidden!important;}
#s4 .s4-thumbs{gap:10px!important;}
#s4 .s4-tn{min-height:138px!important;transition:filter .2s ease,border-color .2s ease,transform .2s ease!important;}

#s5{background:#050608!important;}
#s5 .s5-bg-v{opacity:.0!important;display:none!important;}
#s5 .arch-box{background:rgba(255,255,255,.96)!important;box-shadow:0 24px 60px rgba(0,0,0,.16)!important;}
body.light #s5{background:#edf1f3!important;}
body.light #s5 .grid{opacity:.95!important;}
body.light #s5 .h2, body.light #s5 .h2 .dim, body.light #s5 .body-text{color:#0f1418!important;}
body.light #s5 .pill{background:rgba(255,255,255,.95)!important;border-color:rgba(20,40,30,.1)!important;}
body.light #s5 .pill-text, body.light #s5 .pill-text strong{color:#0f1418!important;}
body.light #s5 .arch-box svg .nl{fill:#12181e!important;}
body.light #s5 .arch-box svg .ns{fill:#44606d!important;}

#s6 .s6-bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
#s6 .s6-bg-blueprint{position:absolute!important;right:-8%!important;top:6%!important;width:min(74vw,1200px)!important;height:auto!important;opacity:.11!important;filter:blur(1.6px) saturate(.75)!important;mix-blend-mode:screen!important;}
#s6 .s6-overlay{background:linear-gradient(90deg, rgba(10,11,12,.92) 0%, rgba(10,11,12,.72) 28%, rgba(10,11,12,.30) 60%, rgba(10,11,12,.12) 100%)!important;}
body.light #s6{background:#ecf0f2!important;}
body.light #s6 .s6-bg-blueprint{opacity:.09!important;filter:blur(2px) saturate(.6) brightness(.75)!important;mix-blend-mode:multiply!important;}
body.light #s6 .s6-overlay{background:linear-gradient(90deg, rgba(236,240,242,.92) 0%, rgba(236,240,242,.76) 32%, rgba(236,240,242,.30) 62%, rgba(236,240,242,.08) 100%)!important;}

#s9 .s9-layout{align-items:start!important;}
#s9 .s9-right{display:flex!important;align-items:flex-start!important;padding-top:132px!important;}
#s9 .contact-box{width:100%!important;min-height:320px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;}
body.light #s9 .contact-box{background:rgba(255,255,255,.92)!important;}
@media (max-width: 900px){
  #s9 .s9-right{padding-top:0!important;}
  #s9 .contact-box{min-height:auto!important;}
}


/* ===== Rev8 targeted fixes ===== */
body:not(.light) .brand-name{color:#eef3f6!important;}
body.light .brand-name{color:#74828c!important;}

/* Slide 1 light theme text must be dark */
body.light #s1 .s1-headline,
body.light #s1 .s1-headline .line-acc,
body.light #s1 .s1-sub,
body.light #s1 .s1-eyebrow,
body.light #s1 .s1-stats .stat-label,
body.light #s1 .s1-stats .stat-unit,
body.light #s1 .stat-num{color:#11181d!important;text-shadow:none!important;}
body.light #s1 .s1-stats{background:rgba(255,255,255,.68)!important;border-color:rgba(17,24,29,.12)!important;backdrop-filter:blur(8px)!important;}

/* Slide 4 gallery wider and slightly shifted right */
#s4 .s4-right{display:flex!important;justify-content:flex-end!important;}
#s4 .s4-gallery{max-width:760px!important;width:min(100%,760px)!important;margin-left:auto!important;}
#s4 .s4-gallery-main{min-height:620px!important;}
@media (max-width: 1440px){#s4 .s4-gallery{max-width:720px!important;} #s4 .s4-gallery-main{min-height:580px!important;}}
@media (max-width: 1100px){#s4 .s4-gallery{max-width:100%!important;} #s4 .s4-gallery-main{min-height:500px!important;}}

/* Slide 5 background + adaptive theme */
#s5{position:relative!important;background:#070b09!important;overflow:hidden!important;}
#s5::before{content:'';position:absolute;inset:0;background:url('../images/blueprint.webp') center center / cover no-repeat;opacity:.075;filter:grayscale(1) saturate(.7);mix-blend-mode:screen;pointer-events:none;z-index:0;}
#s5::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg, rgba(7,11,9,.90) 0%, rgba(7,11,9,.72) 34%, rgba(7,11,9,.40) 63%, rgba(7,11,9,.18) 100%);pointer-events:none;z-index:0;}
body.light #s5{background:#edf1f3!important;}
body.light #s5::before{opacity:.09;mix-blend-mode:multiply;filter:grayscale(1) saturate(.6) brightness(.9);}
body.light #s5::after{background:linear-gradient(90deg, rgba(237,241,243,.90) 0%, rgba(237,241,243,.72) 34%, rgba(237,241,243,.40) 63%, rgba(237,241,243,.12) 100%);}
#s5 .grid,#s5 .scan,#s5 .s5-layout{position:relative;z-index:1;}
#s5 .s5-bg-v{display:none!important;}
#s5 .arch-box{background:rgba(250,251,250,.94)!important;}
#s5 .arch-svg .nb,
#s5 .arch-svg .nbs{fill:#5f666d!important;stroke:rgba(53,62,70,.28)!important;}
#s5 .arch-svg .nl{fill:#f3f6f8!important;}
#s5 .arch-svg .ns{fill:#6da67a!important;}
body.light #s5 .arch-svg .nb,
body.light #s5 .arch-svg .nbs{fill:#70777e!important;stroke:rgba(53,62,70,.2)!important;}
body.light #s5 .arch-svg .nl{fill:#fbfdff!important;}
body.light #s5 .arch-svg .ns{fill:#4f8f62!important;}
#s5 .arch-svg .sl{fill:rgba(115,127,136,.35)!important;}

/* Slide 6 metrics compact structure */
.metrics-compact{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;background:transparent!important;}
.metrics-compact .mtile{min-height:148px!important;padding:18px 18px 16px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;border:1px solid var(--b1)!important;background:rgba(12,18,14,.84)!important;}
body.light .metrics-compact .mtile{background:rgba(255,255,255,.82)!important;border-color:rgba(17,24,29,.08)!important;}
.metrics-compact .mval{display:flex!important;align-items:flex-end!important;gap:8px!important;line-height:.95!important;}
.metrics-compact .mval-u{font-size:clamp(14px,1.2vw,18px)!important;line-height:1.1!important;letter-spacing:.02em!important;color:var(--t2)!important;}
.metrics-compact .mlabel{margin-top:14px!important;font-size:clamp(14px,1.15vw,17px)!important;line-height:1.2!important;color:var(--t1)!important;font-weight:600!important;}
.metrics-compact .munit,.metrics-compact .mcond{display:none!important;}
@media (max-width: 900px){.metrics-compact{grid-template-columns:1fr 1fr!important;}}
@media (max-width: 560px){.metrics-compact{grid-template-columns:1fr!important;}}

/* Slide 9 lower right block */
#s9 .s9-layout{align-items:center!important;}
#s9 .s9-right{padding-top:168px!important;}
#s9 .contact-box{min-height:340px!important;}
@media (max-width: 900px){#s9 .s9-right{padding-top:0!important;} #s9 .contact-box{min-height:auto!important;}}


/* ===== Rev9 mobile/theme/layout fixes ===== */
/* Blueprint underlay on every slide */
.slide{
  background-image:url('../images/blueprint.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
body:not(.light) .slide{background-color:#07090b;}
body.light .slide{background-color:#edf1f3;}

/* Mobile flow stability */
body.mobile-flow .slide{
  min-height:100dvh!important;
}
body.mobile-flow .slide + .slide{
  border-top:none!important;
  margin-top:0!important;
}

/* Slide 4 — align gallery higher and keep within mobile width */
#s4 .s4-right{
  justify-content:flex-start!important;
  align-items:flex-end!important;
  padding-top:calc(var(--pad-y) + 40px)!important;
}
#s4 .s4-gallery{
  width:min(100%,760px)!important;
}
@media (max-width: 900px){
  #s4 .s4-right{
    align-items:stretch!important;
    padding-top:10px!important;
  }
  #s4 .s4-gallery{
    max-width:100%!important;
    width:100%!important;
    margin:0!important;
  }
  #s4 .s4-gallery-main{
    min-height:0!important;
    aspect-ratio:4 / 3!important;
    max-height:min(58vw, 340px)!important;
  }
  #s4 .s4-thumbs{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  #s4 .s4-tn{
    min-height:78px!important;
    height:20vw!important;
    max-height:96px!important;
  }
}

/* Slide 4 — mobile tags/features must wrap */
@media (max-width: 900px){
  #s4 .spec-tags{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  #s4 .tag{
    min-width:0!important;
    width:100%!important;
    white-space:normal!important;
    line-height:1.15!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    padding:10px 12px!important;
  }
  #s4 .feat{
    gap:10px!important;
    align-items:flex-start!important;
  }
  #s4 .feat-body,
  #s4 .feat-body strong{
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}
@media (max-width: 480px){
  #s4 .spec-tags{grid-template-columns:1fr 1fr!important;}
  #s4 .feat{padding:12px!important;}
  #s4 .feat-body{font-size:14px!important;line-height:1.5!important;}
}

/* Slide 5 — dark theme architecture card must be dark */
#s5 .arch-box{
  background:rgba(18,22,26,.92)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.22)!important;
  padding:18px!important;
}
body.light #s5 .arch-box{
  background:rgba(250,251,250,.94)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.14)!important;
}
#s5 .arch-box::before{
  background:rgba(5,8,10,.95)!important;
}
body.light #s5 .arch-box::before{
  background:rgba(12,18,20,.96)!important;
}
@media (max-width: 900px){
  #s5 .s5-layout{
    min-height:auto!important;
    align-items:start!important;
    padding-top:100px!important;
    padding-bottom:52px!important;
    gap:14px!important;
  }
  #s5 .comms-pills{max-width:none!important;}
  #s5 .arch-box{
    padding:12px!important;
    margin-top:0!important;
  }
  #s5 .arch-svg{
    width:100%!important;
    height:auto!important;
    aspect-ratio:520 / 420;
  }
}

/* Slide 6 — mobile metrics compact, no layout drift */
@media (max-width: 900px){
  #s6 .metrics-compact{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:16px!important;
  }
  #s6 .metrics-compact .mtile{
    min-height:132px!important;
    padding:14px 14px 12px!important;
  }
  #s6 .metrics-compact .mval{
    font-size:clamp(34px,10vw,52px)!important;
    gap:6px!important;
    flex-wrap:wrap!important;
  }
  #s6 .metrics-compact .mval-u{
    font-size:clamp(16px,4vw,20px)!important;
  }
  #s6 .metrics-compact .mlabel{
    margin-top:10px!important;
    font-size:15px!important;
    line-height:1.15!important;
  }
}
@media (max-width: 480px){
  #s6 .metrics-compact{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #s6 .metrics-compact .mtile{min-height:124px!important;}
}
@media (max-width: 360px){
  #s6 .metrics-compact{grid-template-columns:1fr!important;}
}

/* Slide 3 / 4 mobile text wrapping cleanup */
@media (max-width: 900px){
  #s3 .s3-stats-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  #s3 .s3-div{display:none!important;}
  #s3 .s3-quote{
    font-size:clamp(16px,5vw,22px)!important;
    line-height:1.35!important;
    overflow-wrap:anywhere;
  }
}

/* Mobile section top spacing stabilization */
@media (max-width: 900px){
  #s2 .s2-layout,
  #s3 .s3-layout,
  #s4 .s4-layout,
  #s5 .s5-layout,
  #s6 .s6-layout,
  #s7 .s7-layout,
  #s8 .s8-layout,
  #s9 .s9-layout{
    padding-top:98px!important;
  }
}


/* ===== Rev10 performance + mobile gallery refinements ===== */
html{background:#0a0b0c;}
body.light, html:has(body.light){background:#edf1f3;}
body.theme-switching *, body.theme-switching *::before, body.theme-switching *::after{transition:none!important;animation-play-state:paused!important;}
@media (pointer:coarse){
  .lb,.tb,.arr,.ctrl-group,.pill,.feat,.tag,.mtile,.arch-box,.s4-tn,.s4-gallery-main img{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
}

/* Faster theme paint on slide 5 scheme */
#s5 .arch-box, #s5 .arch-svg, #s5 .arch-svg *{contain:paint;}

/* Mobile slide 4 gallery: same right edge for hero and thumbs, less empty gap */
@media (max-width: 900px){
  body.mobile-flow #s4.slide{min-height:auto!important;padding-bottom:36px!important;}
  #s4 .s4-layout{gap:18px!important;padding-bottom:24px!important;}
  #s4 .s4-right{padding-top:0!important;align-items:stretch!important;}
  #s4 .s4-gallery{width:calc(100vw - 40px)!important;max-width:calc(100vw - 40px)!important;margin:0 auto!important;gap:10px!important;box-sizing:border-box!important;}
  #s4 .s4-gallery-main,
  #s4 .s4-thumbs{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
  #s4 .s4-gallery-main{aspect-ratio:16/11!important;max-height:none!important;min-height:0!important;border-width:1px!important;}
  #s4 .s4-gallery-main img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
  #s4 .s4-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;}
  #s4 .s4-tn{width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:16/10!important;min-height:0!important;max-height:none!important;display:block!important;object-fit:cover!important;}
}
@media (max-width: 480px){
  #s4 .s4-gallery{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;}
}

/* ===== Rev12 final tuning ===== */
.logo-mark{padding-inline:2px!important;letter-spacing:.08em!important;}
#s1 .s1-slideshow{position:relative;width:100%;max-width:clamp(320px,46vw,700px);aspect-ratio:1/.74;isolation:isolate;}
#s1 .s1-slideimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);border:1px solid rgba(90,156,110,.18);transition:opacity .45s ease, transform .5s ease;box-shadow:0 24px 52px rgba(0,0,0,.20);}#s1 .s1-slideimg.active{opacity:1;transform:scale(1);}body.light #s1 .s1-slideimg{box-shadow:0 18px 44px rgba(0,0,0,.12);}
@media (max-width:900px){#s1 .s1-layout{align-items:start!important;}#s1 .s1-stats{width:100%!important;}#s1 .s1-img-col,#s1 .s1-slideshow{width:100%!important;max-width:100%!important;}#s1 .s1-slideshow{aspect-ratio:16/11!important;margin-top:2px!important;}}
#s3 .s3-big-unit{max-width:22ch;}
@media (max-width:900px){#s3 .s3-big-stat{align-items:flex-start!important;gap:10px!important;}#s3 .s3-big-num{font-size:clamp(46px,16vw,78px)!important;}#s3 .s3-big-unit{font-size:clamp(11px,3.2vw,13px)!important;line-height:1.45!important;letter-spacing:.06em!important;max-width:16ch!important;padding-top:8px!important;}}
#s4 .spec-tags .tag-ico{display:inline-flex;width:1.1em;justify-content:center;margin-right:.3em;}#s4 .feat-list{display:grid;gap:10px;}#s4 .s4-layout{align-items:start!important;}#s4 .s4-right{display:flex;justify-content:flex-end;}#s4 .s4-gallery{width:min(100%,680px)!important;max-width:680px!important;}#s4 .s4-gallery-main{aspect-ratio:16/11;min-height:0!important;height:auto!important;}#s4 .s4-gallery-main img{object-fit:cover;}#s4 .s4-thumbs{grid-template-columns:repeat(3,1fr)!important;}@media (min-width:1101px){#s4 .s4-layout{grid-template-columns:minmax(0,1fr) minmax(540px,.92fr)!important;gap:42px!important;}}@media (max-width:900px){#s4 .spec-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}#s4 .tag{flex:1 1 calc(50% - 8px)!important;min-width:0!important;white-space:normal!important;line-height:1.3!important;}#s4 .feat{padding:14px 14px!important;}#s4 .feat-body{min-width:0!important;}#s4 .feat-body strong,#s4 .feat-body span{overflow-wrap:anywhere;}#s4 .s4-gallery{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;margin:0 auto!important;}#s4 .s4-gallery-main{aspect-ratio:16/11!important;}#s4 .s4-thumbs{width:100%!important;gap:8px!important;}#s4 .s4-tn{aspect-ratio:16/10!important;width:100%!important;}}
#s5 .comms-diagram-box{background:rgba(13,15,17,.96)!important;border:1px solid rgba(90,156,110,.18)!important;padding:22px!important;}body.light #s5 .comms-diagram-box{background:rgba(250,251,250,.95)!important;border-color:rgba(20,30,24,.08)!important;}#s5 .comms-diagram{position:relative;min-height:520px;border:1px solid rgba(90,156,110,.08);background:linear-gradient(transparent 95%, rgba(90,156,110,.06) 100%),linear-gradient(90deg, transparent 95%, rgba(90,156,110,.06) 100%);background-size:28px 28px;overflow:hidden;}body.light #s5 .comms-diagram{background:linear-gradient(transparent 95%, rgba(70,110,84,.05) 100%),linear-gradient(90deg, transparent 95%, rgba(70,110,84,.05) 100%);background-size:28px 28px;}#s5 .comms-source,#s5 .comms-hub,#s5 .encrypt-node,#s5 .vehicle-node{position:absolute;border:1px solid rgba(90,156,110,.18);background:rgba(18,22,24,.92);box-shadow:0 14px 34px rgba(0,0,0,.18);padding:12px 14px;}body.light #s5 .comms-source,body.light #s5 .comms-hub,body.light #s5 .encrypt-node,body.light #s5 .vehicle-node{background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(0,0,0,.08);border-color:rgba(22,36,26,.10);}#s5 .src-title,#s5 .hub-title,#s5 .encrypt-title,#s5 .vehicle-title{display:block;font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;letter-spacing:.08em;color:var(--t1);}#s5 .src-sub,#s5 .hub-sub,#s5 .encrypt-sub,#s5 .vehicle-sub{display:block;font-family:'Share Tech Mono',monospace;font-size:10px;line-height:1.45;letter-spacing:.12em;color:#7da695;text-transform:uppercase;}#s5 .source-starlink{top:28px;left:26px;width:150px;}#s5 .source-lte{top:28px;right:26px;width:140px;}#s5 .source-mesh{top:140px;left:40px;width:128px;}#s5 .source-wifi{top:140px;right:42px;width:160px;}#s5 .comms-hub{top:180px;left:50%;transform:translateX(-50%);width:220px;text-align:center;}#s5 .encrypt-node{bottom:128px;left:50%;transform:translateX(-50%);width:190px;text-align:center;}#s5 .vehicle-node{bottom:34px;left:50%;transform:translateX(-50%);width:240px;text-align:center;}#s5 .flow-line{position:absolute;background:linear-gradient(90deg, rgba(90,156,110,.05), rgba(111,214,159,.85), rgba(90,156,110,.05));overflow:hidden;}#s5 .flow-line::after{content:'';position:absolute;inset:-1px;background:linear-gradient(90deg, transparent, rgba(185,255,214,.95), transparent);animation:flowPulse 2s linear infinite;}#s5 .flow-s1{top:72px;left:176px;width:120px;height:2px;}#s5 .flow-s2{top:72px;right:166px;width:120px;height:2px;}#s5 .flow-s3{top:184px;left:168px;width:132px;height:2px;}#s5 .flow-s4{top:184px;right:202px;width:112px;height:2px;}#s5 .flow-h1{top:208px;left:50%;transform:translateX(-50%);width:2px;height:112px;background:linear-gradient(180deg, rgba(90,156,110,.05), rgba(111,214,159,.85), rgba(90,156,110,.05));}#s5 .flow-h1::after{background:linear-gradient(180deg, transparent, rgba(185,255,214,.95), transparent);}#s5 .flow-h2{top:352px;left:50%;transform:translateX(-50%);width:2px;height:56px;background:linear-gradient(180deg, rgba(90,156,110,.05), rgba(111,214,159,.85), rgba(90,156,110,.05));}#s5 .flow-h2::after{background:linear-gradient(180deg, transparent, rgba(185,255,214,.95), transparent);}@keyframes flowPulse{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}body.light #s5 .src-sub,body.light #s5 .hub-sub,body.light #s5 .encrypt-sub,body.light #s5 .vehicle-sub{color:#4d8c68;}@media (max-width:900px){#s5 .comms-diagram{min-height:460px!important;}#s5 .source-starlink,#s5 .source-lte,#s5 .source-mesh,#s5 .source-wifi{width:calc(50% - 18px)!important;}#s5 .source-starlink{left:12px!important;top:12px!important;}#s5 .source-lte{right:12px!important;top:12px!important;}#s5 .source-mesh{left:12px!important;top:98px!important;}#s5 .source-wifi{right:12px!important;top:98px!important;}#s5 .comms-hub{top:190px!important;width:min(220px, calc(100% - 48px))!important;}#s5 .encrypt-node{bottom:104px!important;width:min(210px, calc(100% - 48px))!important;}#s5 .vehicle-node{bottom:18px!important;width:min(240px, calc(100% - 36px))!important;}#s5 .flow-s1{left:calc(50% - 46px)!important;top:42px!important;width:2px!important;height:132px!important;background:linear-gradient(180deg, rgba(90,156,110,.05), rgba(111,214,159,.85), rgba(90,156,110,.05))!important;}#s5 .flow-s1::after{background:linear-gradient(180deg, transparent, rgba(185,255,214,.95), transparent)!important;}#s5 .flow-s2{left:calc(50% + 44px)!important;top:42px!important;width:2px!important;height:132px!important;background:linear-gradient(180deg, rgba(90,156,110,.05), rgba(111,214,159,.85), rgba(90,156,110,.05))!important;}#s5 .flow-s2::after{background:linear-gradient(180deg, transparent, rgba(185,255,214,.95), transparent)!important;}#s5 .flow-s3,#s5 .flow-s4{display:none!important;}#s5 .flow-h1{top:250px!important;height:56px!important;}#s5 .flow-h2{top:360px!important;height:42px!important;}}
#s6 .mval{white-space:nowrap;}@media (max-width:900px){#s6 .metrics-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}#s6 .metrics-compact .mtile{min-height:120px!important;padding:14px 12px!important;}#s6 .metrics-compact .mval{font-size:clamp(38px,11vw,56px)!important;}#s6 .metrics-compact .mval-u{display:inline-block!important;margin-left:6px!important;font-size:clamp(16px,4.8vw,22px)!important;}#s6 .metrics-compact .mlabel{font-size:clamp(12px,3.8vw,16px)!important;line-height:1.28!important;margin-top:12px!important;}}@media (max-width:420px){#s6 .metrics-compact{grid-template-columns:1fr!important;}}
#s9 .ask-list{gap:10px!important;}#s9 .ask-item{min-height:118px;}#s9 .contact-box{display:grid;gap:10px;}#s9 .contact-row{min-height:78px;align-items:flex-start!important;padding:12px 0!important;}#s9 .contact-ico{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;font-size:18px!important;line-height:1;}#s9 .contact-val a{color:inherit;text-decoration:none;}#s9 .social-links{display:flex;flex-wrap:wrap;gap:8px;}#s9 .social-links a{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid var(--b1);font-size:12px;}
body.mobile-flow{-webkit-overflow-scrolling:touch!important;scroll-snap-type:y proximity!important;overscroll-behavior-y:contain!important;scroll-behavior:auto!important;}body.mobile-flow .slide{scroll-snap-stop:normal!important;}

/* ===== Rev13 final polish ===== */
.logo-mark{padding-inline:5px!important;letter-spacing:.06em!important;}
#s1 .s1-slideshow{max-width:clamp(340px,41vw,560px)!important;aspect-ratio:1/1!important;border:1px solid rgba(90,156,110,.14);background:rgba(255,255,255,.04);display:block!important}
#s1 .s1-slideimg{border:none!important;box-shadow:none!important}
#s1 .s1-img-col{align-self:start!important}
#s2 .s2-fullbg{object-position:center center!important;filter:brightness(.48) saturate(.82) contrast(1.02)!important}
body.light #s2 .s2-fullbg{filter:brightness(.8) saturate(.88) contrast(1.02)!important}
@media (max-width:900px){#s1 .s1-stats{width:100%!important;max-width:100%!important}#s1 .s1-slideshow{width:100%!important;max-width:100%!important;aspect-ratio:16/11!important;margin-top:8px!important}#s1 .s1-img-col{width:100%!important}}
#s3 .s3-stats-row{align-items:center!important;gap:22px!important}
#s3 .s3-big-stat{display:grid!important;grid-template-columns:minmax(68px,auto) minmax(160px,1fr)!important;align-items:center!important;column-gap:16px!important}
#s3 .s3-big-num{line-height:.9!important}
#s3 .s3-big-unit{max-width:17ch!important;align-self:center!important;padding-top:0!important}
@media (max-width:900px){#s3 .s3-stats-row{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-top:16px!important}#s3 .s3-big-stat{grid-template-columns:72px minmax(0,1fr)!important;column-gap:14px!important}#s3 .s3-big-unit{font-size:clamp(12px,3.6vw,14px)!important;line-height:1.42!important;max-width:none!important}#s3 .s3-quote{font-size:clamp(19px,6.2vw,28px)!important;line-height:1.18!important;margin-top:4px!important}}
body.mobile-flow{scroll-snap-type:none!important;overscroll-behavior-y:none!important;-webkit-overflow-scrolling:touch!important}
body.mobile-flow .slide{min-height:auto!important}
body.mobile-flow .slide + .slide{border-top:none!important}
@media (max-width:900px){#s6 .s6-gallery-strip,#s6 .s6-gallery,#s6 .s6-visual,#s6 .s6-visual-wrap{width:100%!important;max-width:100%!important}#s6 .s6-gallery-strip img,#s6 .s6-visual img{width:100%!important;display:block!important;object-fit:cover!important}}
#s5 .comms-diagram-box{background:rgba(14,18,20,.96)!important}
#s5 .comms-diagram{background-color:rgba(8,11,13,.72)!important}
body.light #s5 .comms-diagram-box{background:rgba(250,251,250,.96)!important}
body.light #s5 .comms-diagram{background-color:rgba(255,255,255,.72)!important}
.brand-name{letter-spacing:.18em!important}

/* ===== Rev14 final delivery ===== */
:root{--social-size:40px;}
.logo-mark{padding-inline:7px!important;letter-spacing:.04em!important;}
#s1 .s1-layout{grid-template-columns:minmax(0,1fr) minmax(360px,540px)!important;gap:clamp(20px,3vw,44px)!important;align-items:center!important;}
#s1 .s1-headline{max-width:8.6ch;}
#s1 .s1-sub{max-width:34ch;}
#s1 .s1-stats{max-width:780px;}
#s1 .s1-slideshow{justify-self:end;align-self:center!important;width:100%;max-width:540px!important;aspect-ratio:1/1!important;border:1px solid rgba(90,156,110,.14)!important;background:rgba(255,255,255,.05)!important;box-shadow:0 18px 42px rgba(0,0,0,.08);overflow:hidden;}
#s1 .s1-slideimg{object-position:center center;}
body.light #s1 .s1-slideshow{background:rgba(255,255,255,.65)!important;box-shadow:0 12px 30px rgba(25,35,30,.08);}
#s2 .s2-fullbg{object-position:center center!important;filter:brightness(.38) saturate(.86) contrast(1.04)!important;}
body.light #s2 .s2-fullbg{filter:brightness(.72) saturate(.84) contrast(1.03)!important;}
#s3 .s3-stats-row{display:grid;grid-template-columns:auto 1px auto minmax(260px,1fr);align-items:center;gap:26px!important;}
#s3 .s3-big-stat{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center!important;column-gap:16px;}
#s3 .s3-big-unit{max-width:16ch;line-height:1.55;display:block;}
#s3 .s3-quote{align-self:center;}
#s5 .comms-diagram-box{padding:24px!important;background:rgba(11,14,17,.96)!important;}
body.light #s5 .comms-diagram-box{background:rgba(250,251,250,.96)!important;}
#s5 .advanced-comms{position:relative;min-height:560px;border:1px solid rgba(90,156,110,.12);background:linear-gradient(180deg,rgba(6,11,14,.86),rgba(8,12,15,.66));overflow:hidden;isolation:isolate;}
body.light #s5 .advanced-comms{background:linear-gradient(180deg,rgba(247,249,248,.97),rgba(238,242,240,.92));}
#s5 .comms-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(90,156,110,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(90,156,110,.055) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),rgba(0,0,0,.6));}
#s5 .comms-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;}
#s5 .comms-svg path{fill:none;stroke:rgba(115,212,158,.2);stroke-width:3;stroke-linecap:round;stroke-dasharray:10 12;filter:drop-shadow(0 0 10px rgba(115,212,158,.18));}
body.light #s5 .comms-svg path{stroke:rgba(63,123,81,.26);}
#s5 .comms-source,#s5 .comms-hub,#s5 .encrypt-node,#s5 .vehicle-node{z-index:3;border-radius:16px;background:rgba(17,22,24,.92)!important;border:1px solid rgba(111,214,159,.14)!important;backdrop-filter:blur(12px);}
body.light #s5 .comms-source,body.light #s5 .comms-hub,body.light #s5 .encrypt-node,body.light #s5 .vehicle-node{background:rgba(255,255,255,.94)!important;border-color:rgba(33,67,46,.12)!important;}
#s5 .comms-source::before,#s5 .comms-hub::before,#s5 .encrypt-node::before,#s5 .vehicle-node::before{content:'';position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.03);pointer-events:none;}
#s5 .src-sub,#s5 .hub-sub,#s5 .encrypt-sub,#s5 .vehicle-sub{font-size:10px!important;letter-spacing:.16em!important;}
#s5 .source-starlink{top:28px;left:24px;width:170px;}
#s5 .source-lte{top:28px;right:24px;width:168px;}
#s5 .source-mesh{top:138px;left:24px;width:170px;}
#s5 .source-wifi{top:138px;right:24px;width:176px;}
#s5 .comms-hub{top:238px;left:50%;transform:translateX(-50%);width:min(280px,56%);padding:16px 18px;}
#s5 .hub-status{display:flex;justify-content:center;gap:8px;margin-top:10px;flex-wrap:wrap;}
#s5 .hub-status span{display:inline-flex;padding:4px 8px;border:1px solid rgba(111,214,159,.14);border-radius:999px;font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.14em;color:#9ccdb0;text-transform:uppercase;}
body.light #s5 .hub-status span{color:#4b7d5d;border-color:rgba(63,123,81,.14);}
#s5 .encrypt-node{bottom:110px;left:50%;transform:translateX(-50%);width:min(260px,60%);padding:14px 16px 18px;}
#s5 .cipher-rain{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
#s5 .cipher-rain span{display:block;padding:4px 0;border-radius:6px;background:rgba(111,214,159,.08);font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.18em;text-align:center;color:#9ed9b6;animation:cipherBlink 2.6s infinite ease-in-out;}
#s5 .cipher-rain span:nth-child(2){animation-delay:.3s}#s5 .cipher-rain span:nth-child(3){animation-delay:.7s}#s5 .cipher-rain span:nth-child(4){animation-delay:1s}#s5 .cipher-rain span:nth-child(5){animation-delay:1.3s}#s5 .cipher-rain span:nth-child(6){animation-delay:1.7s}
body.light #s5 .cipher-rain span{background:rgba(63,123,81,.08);color:#4b7d5d;}
#s5 .vehicle-node{bottom:26px;left:50%;transform:translateX(-50%);width:min(300px,64%);padding:15px 16px;}
#s5 .packet-layer{position:absolute;inset:0;z-index:2;pointer-events:none;}
#s5 .data-packet{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,rgba(225,255,238,.95) 0%,rgba(111,214,159,.96) 36%,rgba(111,214,159,0) 72%);box-shadow:0 0 18px rgba(111,214,159,.5);transform:translate(-50%,-50%);}
body.light #s5 .data-packet{background:radial-gradient(circle,rgba(255,255,255,.96) 0%,rgba(80,165,114,.95) 38%,rgba(80,165,114,0) 74%);box-shadow:0 0 14px rgba(80,165,114,.35);}
@keyframes cipherBlink{0%,100%{opacity:.42;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
#s9 .social-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
#s9 .social-link{width:var(--social-size);height:var(--social-size);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--b1);border-radius:12px;color:var(--t1);background:rgba(255,255,255,.02);transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;}
#s9 .social-link svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;}
#s9 .social-link:hover,#s9 .social-link:focus-visible{transform:translateY(-1px);border-color:rgba(111,214,159,.45);background:rgba(111,214,159,.08);color:var(--g-bright);outline:none;}
body.light #s9 .social-link{background:#fff;}
@media (max-width:900px){
  #s1 .s1-layout{grid-template-columns:1fr!important;gap:18px!important;padding-top:calc(env(safe-area-inset-top,0px)+82px)!important;}
  #s1 .s1-sub{max-width:100%;}
  #s1 .s1-slideshow{width:100%!important;max-width:100%!important;aspect-ratio:4/3!important;margin-top:10px!important;justify-self:stretch;border-radius:12px;}
  #s3 .s3-stats-row{grid-template-columns:1fr!important;gap:12px!important;}
  #s3 .s3-big-stat{grid-template-columns:88px minmax(0,1fr)!important;column-gap:18px!important;}
  #s3 .s3-big-unit{max-width:14ch;font-size:clamp(12px,3.6vw,15px)!important;line-height:1.52!important;}
  #s3 .s3-big-num{font-size:clamp(54px,18vw,88px)!important;}
  #s3 .s3-quote{margin-top:4px!important;}
  #s5 .advanced-comms{min-height:680px;}
  #s5 .source-starlink,#s5 .source-lte,#s5 .source-mesh,#s5 .source-wifi{width:calc(50% - 18px)!important;}
  #s5 .source-starlink{left:12px;top:12px;}#s5 .source-lte{right:12px;top:12px;}#s5 .source-mesh{left:12px;top:100px;}#s5 .source-wifi{right:12px;top:100px;}
  #s5 .comms-hub{top:250px!important;width:calc(100% - 32px)!important;}
  #s5 .encrypt-node{bottom:112px!important;width:calc(100% - 40px)!important;}
  #s5 .vehicle-node{bottom:20px!important;width:calc(100% - 32px)!important;}
  #s5 .comms-svg path{stroke-width:2.5;}
  #s9 .social-link{width:38px;height:38px;border-radius:10px;}
}


/* ===== Rev16 production finish ===== */
.s1-headline{font-size:clamp(34px,5vw,76px)!important;line-height:.88!important;max-width:7.2ch;letter-spacing:-.03em!important;}
.s1-sub{max-width:36rem!important;}
#s1 .s1-layout{grid-template-columns:minmax(0,1fr) minmax(360px, .92fr)!important;gap:clamp(18px,3vw,42px)!important;align-items:center!important;}
#s1 .s1-slideshow{width:min(100%,560px)!important;max-width:560px!important;aspect-ratio:1/1!important;justify-self:end;border-radius:0!important;overflow:hidden;background:rgba(9,12,14,.12)!important;box-shadow:0 28px 80px rgba(0,0,0,.12)!important;}
#s1 .s1-img-col{align-self:center!important;justify-self:end!important;width:100%!important;}
#s1 .s1-slideimg{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;mix-blend-mode:normal!important;filter:none!important;position:absolute;inset:0;opacity:0;transition:opacity .65s ease, transform 2.6s ease;transform:scale(1.04);}
#s1 .s1-slideimg.active{opacity:1;transform:scale(1);} 
#s1 .s1-glow{display:none!important;}
@media (max-width:900px){#s1 .s1-layout{grid-template-columns:1fr!important;align-items:start!important;}#s1 .s1-headline{max-width:none!important;}#s1 .s1-slideshow{width:100%!important;max-width:100%!important;aspect-ratio:16/11!important;justify-self:stretch!important;}#s1 .s1-img-col{justify-self:stretch!important;align-self:start!important;}}
#s2 .s2-fullbg{object-fit:cover!important;object-position:center center!important;filter:brightness(.58) saturate(.92) contrast(1.02)!important;}
body.light #s2 .s2-fullbg{filter:brightness(.86) saturate(.94) contrast(1.02)!important;}
#s3 .s3-stats-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(220px,1.2fr)!important;align-items:center!important;column-gap:clamp(18px,2vw,30px)!important;row-gap:18px!important;}
#s3 .s3-big-stat{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:14px!important;min-height:118px;}
#s3 .s3-big-unit{display:block;max-width:14ch;font-size:clamp(11px,.95vw,13px)!important;line-height:1.45!important;letter-spacing:.08em!important;}
#s3 .s3-big-num{align-self:center;}
#s3 .s3-div{display:none!important;}
#s3 .s3-quote{margin:0!important;max-width:28ch;justify-self:end;}
@media (max-width:900px){#s3 .s3-stats-row{grid-template-columns:1fr!important;}#s3 .s3-big-stat{grid-template-columns:minmax(74px,92px) 1fr!important;min-height:auto;}#s3 .s3-big-unit{max-width:none!important;font-size:clamp(14px,3.4vw,16px)!important;letter-spacing:.04em!important;}#s3 .s3-big-num{font-size:clamp(64px,20vw,96px)!important;}#s3 .s3-quote{max-width:none!important;justify-self:start;}}
#s4 .s4-layout{align-items:center!important;grid-template-columns:minmax(0,1fr) minmax(520px,.96fr)!important;gap:clamp(24px,3.6vw,48px)!important;}
#s4 .s4-left{padding-top:calc(var(--pad-y) + 24px)!important;padding-bottom:calc(var(--pad-y) - 8px)!important;}
#s4 .s4-right{padding-top:calc(var(--pad-y) + 24px)!important;padding-bottom:calc(var(--pad-y) - 8px)!important;justify-content:flex-start!important;}
#s4 .s4-gallery{max-width:640px!important;gap:10px!important;}
#s4 .s4-gallery-main{aspect-ratio:1/1!important;box-shadow:0 18px 60px rgba(0,0,0,.08);}
#s4 .s4-thumbs{gap:10px!important;}
#s4 .s4-tn{aspect-ratio:1/1!important;object-fit:cover!important;}
@media (max-width:900px){#s4 .s4-layout{grid-template-columns:1fr!important;gap:18px!important;}#s4 .s4-left,#s4 .s4-right{padding-top:calc(var(--pad-y) + 10px)!important;}#s4 .s4-gallery{width:100%!important;max-width:100%!important;}#s4 .s4-gallery-main{aspect-ratio:16/11!important;}#s4 .s4-tn{aspect-ratio:16/11!important;}}
#s5 .comms-diagram-box{padding:22px!important;background:rgba(8,12,14,.92)!important;border:1px solid rgba(90,156,110,.14)!important;}
body.light #s5 .comms-diagram-box{background:rgba(248,250,249,.94)!important;}
#s5 .comms-scene{position:relative;min-height:680px;overflow:hidden;border:1px solid rgba(90,156,110,.12);background:radial-gradient(circle at 50% 8%, rgba(73,170,119,.16), transparent 34%),linear-gradient(180deg, rgba(5,10,12,.94), rgba(5,10,12,.76));}
body.light #s5 .comms-scene{background:radial-gradient(circle at 50% 8%, rgba(73,170,119,.10), transparent 34%),linear-gradient(180deg, rgba(246,249,248,.98), rgba(238,242,240,.94));}
#s5 .scene-glow{position:absolute;border-radius:50%;filter:blur(40px);opacity:.25;pointer-events:none;}
#s5 .scene-glow-a{width:240px;height:240px;left:5%;top:5%;background:rgba(90,156,110,.28);} 
#s5 .scene-glow-b{width:260px;height:260px;right:8%;bottom:8%;background:rgba(43,190,158,.18);} 
#s5 .comms-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(90,156,110,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(90,156,110,.055) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),rgba(0,0,0,.6));}
#s5 .globe-wrap{position:absolute;left:50%;top:38px;transform:translateX(-50%);width:min(56%,420px);aspect-ratio:1/1;z-index:2;display:flex;align-items:center;justify-content:center;}
#comms-globe-canvas{width:100%;height:100%;display:block;}
#s5 .globe-ring{position:absolute;inset:9%;border:1px solid rgba(112,224,167,.18);border-radius:50%;}
#s5 .globe-ring-b{inset:18%;opacity:.55;}
#s5 .globe-title{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--t3);white-space:nowrap;}
#s5 .comms-sources{position:absolute;inset:0;z-index:3;}
#s5 .comms-source,#s5 .comms-hub,#s5 .terminal-node,#s5 .nrk-target{position:absolute;border-radius:18px;background:rgba(15,20,23,.86);border:1px solid rgba(111,214,159,.16);backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.18);}
body.light #s5 .comms-source,body.light #s5 .comms-hub,body.light #s5 .terminal-node,body.light #s5 .nrk-target{background:rgba(255,255,255,.88);border-color:rgba(33,67,46,.10);box-shadow:0 16px 40px rgba(40,60,52,.08);}
#s5 .comms-source{padding:14px 16px;width:170px;}
#s5 .src-title,#s5 .hub-title,#s5 .encrypt-title,#s5 .vehicle-title{display:block;font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;letter-spacing:.08em;color:var(--t1);}
#s5 .src-sub,#s5 .hub-sub,#s5 .encrypt-sub,#s5 .vehicle-sub{display:block;font-family:'Share Tech Mono',monospace;font-size:10px;line-height:1.5;letter-spacing:.14em;color:#7da695;text-transform:uppercase;}
body.light #s5 .src-sub,body.light #s5 .hub-sub,body.light #s5 .encrypt-sub,body.light #s5 .vehicle-sub{color:#4d8c68;}
#s5 .source-starlink{top:128px;left:36px;}#s5 .source-lte{top:128px;right:36px;}#s5 .source-mesh{top:270px;left:48px;}#s5 .source-wifi{top:270px;right:48px;}
#s5 .comms-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;}#s5 .comms-svg path{fill:none;stroke:rgba(115,212,158,.22);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:12 12;filter:drop-shadow(0 0 10px rgba(115,212,158,.16));}
body.light #s5 .comms-svg path{stroke:rgba(63,123,81,.26);}
#s5 .comms-network-hub{top:328px;left:50%;transform:translateX(-50%);width:min(320px,calc(100% - 96px));padding:18px 20px;text-align:center;z-index:4;}
#s5 .hub-status{display:flex;justify-content:center;gap:8px;margin-top:12px;flex-wrap:wrap;}#s5 .hub-status span{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:4px 7px;border:1px solid rgba(111,214,159,.14);border-radius:999px;color:var(--g);}
#s5 .terminal-node{left:50%;top:450px;transform:translateX(-50%);width:min(420px,calc(100% - 84px));padding:18px 18px 16px;z-index:4;}
#s5 .terminal-shell{margin-top:14px;border-radius:14px;background:rgba(8,12,14,.86);border:1px solid rgba(111,214,159,.14);padding:14px 14px 10px;min-height:118px;overflow:hidden;position:relative;}
body.light #s5 .terminal-shell{background:rgba(242,246,244,.96);}
#s5 .terminal-lines{display:grid;gap:5px;font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.12em;color:#87b89a;min-height:78px;}
#s5 .terminal-line{display:flex;justify-content:space-between;gap:12px;white-space:nowrap;opacity:.82;animation:terminalBlink 1.8s ease-in-out infinite;}
#s5 .terminal-line:nth-child(2n){animation-delay:.22s;}#s5 .terminal-line:nth-child(3n){animation-delay:.42s;}
#s5 .terminal-status{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}#s5 .terminal-status span{font-family:'Share Tech Mono',monospace;font-size:10px;padding:4px 7px;border:1px solid rgba(111,214,159,.14);border-radius:999px;color:var(--g);} 
@keyframes terminalBlink{0%,100%{opacity:.5;}50%{opacity:1;}}
#s5 .nrk-target{left:50%;bottom:26px;transform:translateX(-50%);width:min(430px,calc(100% - 84px));padding:16px 18px 18px;text-align:center;z-index:4;}
#s5 .nrk-schematic{width:100%;height:auto;margin-top:12px;display:block;}
#s5 .nrk-outline path,#s5 .nrk-outline circle{fill:none;stroke:rgba(127,226,170,.82);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;}
body.light #s5 .nrk-outline path,body.light #s5 .nrk-outline circle{stroke:rgba(56,118,78,.78);} 
#s5 .nrk-scanline path{fill:none;stroke:rgba(186,255,214,.65);stroke-width:2;stroke-linecap:round;animation:nrkScan 2.8s ease-in-out infinite;}body.light #s5 .nrk-scanline path{stroke:rgba(56,118,78,.38);} @keyframes nrkScan{0%,100%{opacity:.25;transform:translateY(0);}50%{opacity:1;transform:translateY(-8px);}}
#s5 .data-packet{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle, rgba(210,255,226,1) 0%, rgba(111,214,159,.86) 45%, rgba(111,214,159,0) 100%);box-shadow:0 0 18px rgba(111,214,159,.65);transform:translate(-50%,-50%);z-index:5;pointer-events:none;}
@media (max-width:900px){#s5 .comms-scene{min-height:760px!important;}#s5 .globe-wrap{width:min(82%,310px);top:24px!important;}#s5 .source-starlink{top:170px!important;left:12px!important;width:calc(50% - 18px)!important;}#s5 .source-lte{top:170px!important;right:12px!important;width:calc(50% - 18px)!important;}#s5 .source-mesh{top:264px!important;left:12px!important;width:calc(50% - 18px)!important;}#s5 .source-wifi{top:264px!important;right:12px!important;width:calc(50% - 18px)!important;}#s5 .comms-network-hub{top:380px!important;width:calc(100% - 32px)!important;}#s5 .terminal-node{top:510px!important;width:calc(100% - 28px)!important;}#s5 .nrk-target{bottom:18px!important;width:calc(100% - 28px)!important;}#s5 .comms-svg path{stroke-width:2.6;}}
body.mobile-flow{scroll-snap-type:y proximity!important;scroll-behavior:auto!important;overscroll-behavior-y:none!important;}
body.mobile-flow .slide{scroll-snap-align:start!important;}
#s9 .social-links{display:flex;flex-wrap:wrap;gap:8px;}
#s9 .social-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--b1);border-radius:10px;color:var(--t1);transition:transform .18s ease,border-color .18s ease,background .18s ease;}
#s9 .social-link svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;}
#s9 .social-link:hover,#s9 .social-link:focus{transform:translateY(-1px);border-color:rgba(90,156,110,.4);background:rgba(90,156,110,.08);outline:none;}

/* rev20 hero mission block */
.hero-mission-headline{
  max-width:min(620px,96%);
  font-size:clamp(30px,4.55vw,68px);
  line-height:.94;
  letter-spacing:-.018em;
  text-wrap:balance;
}
.hero-mission-headline [data-lang="uk"],
.hero-mission-headline [data-lang="en"]{display:block;}
.hero-mission-sub{
  max-width:min(690px,96%);
  margin-bottom:clamp(18px,2.4vh,30px);
}
.s1-icon-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  width:min(840px,100%);
  opacity:0;transform:translateY(14px);transition:all .8s ease .75s;
}
.slide.on .s1-icon-grid{opacity:1;transform:translateY(0);}
.hero-icon-card{
  min-height:116px;
  background:rgba(10,12,10,.72);
  backdrop-filter:blur(14px);
  border:1px solid rgba(90,156,110,.28);
  box-shadow:0 0 0 1px rgba(90,156,110,.08), inset 0 0 24px rgba(90,156,110,.03);
  padding:14px 12px;
  display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;
  gap:10px;
  position:relative;overflow:hidden;
}
.hero-icon-card::before{
  content:'';position:absolute;inset:0 auto auto 0;width:100%;height:2px;
  background:linear-gradient(90deg,var(--g),rgba(90,156,110,.3),transparent);
}
.hero-ico{
  font-size:clamp(18px,1.7vw,24px);
  line-height:1;
  color:var(--g);
  filter:drop-shadow(0 0 12px rgba(90,156,110,.24));
}
.hero-ico-label{
  font-family:'Share Tech Mono',monospace;
  font-size:clamp(10px,.86vw,12px);
  line-height:1.45;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--t2);
}
body.light .hero-icon-card{
  background:rgba(255,255,255,.74);
  border-color:rgba(17,24,29,.12);
  box-shadow:0 0 0 1px rgba(17,24,29,.05), inset 0 0 18px rgba(90,156,110,.03);
}
body.light .hero-ico-label{color:#1d2a22;}
@media(max-width:1100px){
  .s1-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:768px){
  .hero-mission-headline{font-size:clamp(28px,10.2vw,46px);max-width:100%;}
  .hero-mission-sub{max-width:100%;}
  .s1-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px;}
  .hero-icon-card{min-height:96px;padding:12px 10px;}
  .hero-ico-label{font-size:10px;letter-spacing:.04em;}
  .s1-icon-grid .hero-icon-card:last-child{grid-column:1/-1;}
}


/* ===== Rev21 roadmap + hero width ===== */
#s1 .hero-mission-headline{max-width:min(760px,100%)!important;font-size:clamp(30px,4.15vw,64px)!important;line-height:.92!important;letter-spacing:-.022em!important;text-wrap:balance;}
#s1 .hero-mission-sub{max-width:min(820px,100%)!important;}
#s1 .s1-text{max-width:780px!important;}
#s1 .s1-layout{grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr)!important;align-items:center!important;}
#s1 .hero-icon-card{min-height:108px;}
#s10{overflow:hidden;}
#s10::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%, rgba(90,156,110,.14), transparent 34%),radial-gradient(circle at 82% 24%, rgba(90,156,110,.10), transparent 30%),linear-gradient(180deg, rgba(7,10,12,.72), rgba(7,10,12,.90));pointer-events:none;}
body.light #s10::before{background:radial-gradient(circle at 18% 18%, rgba(90,156,110,.10), transparent 34%),radial-gradient(circle at 82% 24%, rgba(90,156,110,.08), transparent 30%),linear-gradient(180deg, rgba(241,245,243,.92), rgba(232,237,234,.98));}
#s10 .roadmap-wrap{position:relative;z-index:1;width:min(1240px, calc(100% - 88px));margin:0 auto;padding-top:clamp(104px,13vh,148px);padding-bottom:clamp(48px,8vh,84px);display:grid;gap:22px;}
#s10 .roadmap-title{max-width:12ch;}
#s10 .roadmap-sub{max-width:70ch;color:var(--t2);}
#s10 .roadmap-line{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center;margin-top:8px;}
#s10 .roadmap-line span{height:2px;border-radius:999px;background:linear-gradient(90deg, rgba(90,156,110,.18), rgba(111,214,159,.72), rgba(90,156,110,.18));box-shadow:0 0 16px rgba(111,214,159,.16);}
#s10 .roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;}
#s10 .roadmap-card{position:relative;display:grid;align-content:start;gap:14px;min-height:340px;padding:24px 22px 22px;border:1px solid rgba(90,156,110,.18);background:linear-gradient(180deg, rgba(10,14,16,.80), rgba(9,12,14,.56));box-shadow:0 0 0 1px rgba(90,156,110,.04), inset 0 0 28px rgba(90,156,110,.04);overflow:hidden;}
#s10 .roadmap-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg, var(--g), rgba(90,156,110,.35), transparent);}
body.light #s10 .roadmap-card{background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(248,250,248,.94));border-color:rgba(25,37,30,.12);box-shadow:0 0 0 1px rgba(25,37,30,.04), inset 0 0 22px rgba(90,156,110,.03);}
#s10 .roadmap-kicker{font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--g-bright);}
#s10 .roadmap-card-title{margin:0;font-size:clamp(22px,2.2vw,34px);line-height:1.02;letter-spacing:-.03em;color:var(--t1);max-width:14ch;}
#s10 .roadmap-copy{margin:0;color:var(--t2);font-size:15px;line-height:1.65;max-width:34ch;}
#s10 .roadmap-chip{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border:1px solid rgba(111,214,159,.18);border-radius:999px;background:rgba(111,214,159,.07);font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a7dbbd;width:max-content;max-width:100%;}
body.light #s10 .roadmap-chip{background:rgba(63,123,81,.06);color:#4b7d5d;border-color:rgba(63,123,81,.14);}
#s10 .roadmap-footer{display:grid;grid-template-columns:minmax(0,1.1fr) auto;gap:18px;align-items:center;padding-top:2px;}
#s10 .roadmap-status{color:var(--t2);font-size:15px;line-height:1.6;max-width:72ch;}
#s10 .roadmap-accent{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--g-bright);padding:10px 14px;border:1px solid rgba(111,214,159,.16);background:rgba(111,214,159,.05);}
body.light #s10 .roadmap-accent{color:#4b7d5d;border-color:rgba(63,123,81,.14);background:rgba(63,123,81,.05);}
@media (max-width:900px){
  #s1 .hero-mission-headline{max-width:100%!important;font-size:clamp(28px,8.6vw,44px)!important;}
  #s1 .hero-mission-sub{max-width:100%!important;}
  #s1 .s1-layout{grid-template-columns:1fr!important;}
  #s10 .roadmap-wrap{width:min(100%, calc(100% - 28px));padding-top:calc(env(safe-area-inset-top,0px) + 86px);padding-bottom:34px;gap:16px;}
  #s10 .roadmap-line{grid-template-columns:1fr;gap:8px;}
  #s10 .roadmap-grid{grid-template-columns:1fr;gap:12px;}
  #s10 .roadmap-card{min-height:auto;padding:18px 16px 18px;}
  #s10 .roadmap-card-title{max-width:none;font-size:clamp(22px,6.5vw,30px);}
  #s10 .roadmap-copy{max-width:none;font-size:14px;line-height:1.58;}
  #s10 .roadmap-footer{grid-template-columns:1fr;gap:12px;}
  #s10 .roadmap-accent{width:100%;}
}


/* rev22 heading font parity ua/en */
#s1 .hero-mission-headline,
#s1 .hero-mission-headline [data-lang="uk"],
#s1 .hero-mission-headline [data-lang="en"]{
  font-family:'Barlow Condensed',sans-serif!important;
  font-weight:800!important;
  font-stretch:condensed;
  letter-spacing:-.03em!important;
  text-transform:uppercase;
}
#s1 .hero-mission-headline [data-lang="uk"]{
  line-height:.9;
  word-spacing:-.05em;
  text-rendering:optimizeLegibility;
}
#s1 .hero-mission-headline [data-lang="en"]{
  line-height:.9;
  text-rendering:optimizeLegibility;
}
@media(max-width:768px){
  #s1 .hero-mission-headline,
  #s1 .hero-mission-headline [data-lang="uk"],
  #s1 .hero-mission-headline [data-lang="en"]{letter-spacing:-.025em!important;}
}


/* rev23 targeted updates */
#s1 .s1-layout{grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr)!important;gap:clamp(18px,2.8vw,38px)!important;}
#s1 .s1-slideshow{justify-self:stretch!important;max-width:640px!important;width:min(100%,640px)!important;margin-left:-34px!important;}
@media (max-width:900px){#s1 .s1-slideshow{margin-left:0!important;max-width:100%!important;width:100%!important;}}
#s2 .s2-left-fact .s2-fact,#s2 .s2-fact{max-width:420px!important;}
#s2 .s2-left-fact .s2-fact{padding-inline:24px!important;}
#s4 .s4-layout{align-items:center!important;padding-top:calc(var(--pad-y) + 12px)!important;padding-bottom:var(--pad-y)!important;}
#s4 .s4-left{align-self:center!important;}#s4 .s4-right{align-self:center!important;}
#s5 .source-wifi{display:none!important;}#s5 #path-wifi{display:none!important;}#s5 .hub-status span:last-child{display:none!important;}
#s5 .comms-pills{display:grid;grid-template-columns:1fr;gap:10px;}
#s5 .comms-scene{min-height:640px!important;}
#s5 .comms-source.source-mesh{top:270px;left:50%;transform:translateX(-50%);width:186px;text-align:center;}
#s5 .comms-network-hub{top:346px!important;}
#s5 .terminal-node{top:462px!important;bottom:auto!important;left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 64px));}
#s5 .nrk-target{bottom:26px!important;width:min(360px,calc(100% - 84px));padding:14px 18px 16px!important;}
#s5 .secure-bus{margin-top:14px;display:grid;gap:8px;}#s5 .secure-bus-line{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(111,214,159,.18),rgba(185,255,214,.96),rgba(111,214,159,.18));position:relative;overflow:hidden;}#s5 .secure-bus-line::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);animation:secureBus 2.1s linear infinite;}#s5 .secure-bus-line:nth-child(2)::after{animation-delay:.45s;}#s5 .secure-bus-line:nth-child(3)::after{animation-delay:.9s;}@keyframes secureBus{0%{transform:translateX(-110%);}100%{transform:translateX(110%);}}
@media (max-width:900px){#s5 .comms-scene{min-height:700px!important;}#s5 .source-starlink{top:178px!important;left:12px!important;width:calc(50% - 18px)!important;}#s5 .source-lte{top:178px!important;right:12px!important;width:calc(50% - 18px)!important;}#s5 .source-mesh{top:274px!important;left:50%!important;transform:translateX(-50%)!important;width:min(220px,calc(100% - 28px))!important;}#s5 .comms-network-hub{top:374px!important;width:calc(100% - 32px)!important;}#s5 .terminal-node{top:492px!important;width:calc(100% - 28px)!important;}#s5 .nrk-target{bottom:18px!important;width:calc(100% - 28px)!important;}}
#s6 .h2 [data-lang="uk"]{text-transform:uppercase;}
#s7 .h2 [data-lang="uk"]{text-transform:uppercase;}
#s9 .s9-layout{align-items:center!important;}
#s9 .s9-right{padding-top:72px!important;align-self:center!important;}
#s9 .contact-form-box{width:100%!important;min-height:auto!important;display:block!important;}
#s9 .nrk-contact-form{display:flex;flex-direction:column;gap:14px;}
#s9 .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
#s9 .form-field{display:flex;flex-direction:column;gap:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--t2);} 
#s9 .form-field input,#s9 .form-field select,#s9 .form-field textarea{width:100%;background:rgba(8,12,14,.42);border:1px solid var(--b1);color:var(--t1);padding:12px 14px;font:inherit;letter-spacing:.02em;text-transform:none;outline:none;border-radius:0;}body.light #s9 .form-field input,body.light #s9 .form-field select,body.light #s9 .form-field textarea{background:rgba(255,255,255,.78);}#s9 .form-field input:focus,#s9 .form-field select:focus,#s9 .form-field textarea:focus{border-color:rgba(111,214,159,.56);box-shadow:0 0 0 1px rgba(111,214,159,.22);}#s9 .form-field-full{grid-column:1/-1;}#s9 .form-actions{display:flex;flex-direction:column;gap:10px;}#s9 .form-submit{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:1px solid rgba(111,214,159,.42);background:linear-gradient(180deg,rgba(111,214,159,.18),rgba(111,214,159,.10));color:var(--t1);font:700 15px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease;}#s9 .form-submit:hover{transform:translateY(-1px);border-color:rgba(111,214,159,.66);}#s9 .form-note{font-size:12px;line-height:1.55;color:var(--t2);}#s9 .social-row-inline{min-height:auto!important;padding-top:8px!important;border-top:1px solid var(--b1);margin-top:6px;}#s9 .social-row-inline .contact-ico{margin-top:2px;}@media (max-width:900px){#s9 .s9-right{display:block!important;padding-top:0!important;}#s9 .form-grid{grid-template-columns:1fr;}#s9 .social-row-inline{padding-top:12px!important;}}


/* ===== rev25 fixes ===== */
#s1 .s1-layout{grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr)!important;align-items:center!important;}
#s1 .s1-img-col{justify-content:center!important;align-items:center!important;}
#s1 .s1-slideshow{max-width:min(760px,100%)!important;width:min(760px,100%)!important;margin-inline:auto!important;aspect-ratio:1.16/.78!important;}
@media (min-width:901px){#s1 .s1-img-col{transform:translateX(-12px)!important;}}
@media (max-width:900px){#s1 .s1-slideshow{margin-inline:auto!important;}}

#s2 .s2-left-fact{padding-top:calc(var(--pad-y) + 18px)!important;align-items:flex-start!important;}
#s2 .s2-left-fact .s2-fact{
  width:min(240px,100%)!important;
  max-width:240px!important;
  display:grid!important;
  grid-template-columns:minmax(88px,108px) 1fr!important;
  gap:16px!important;
  align-items:center!important;
  padding:18px 16px!important;
}
#s2 .s2-left-fact .s2-fact-num{margin-bottom:0!important;font-size:clamp(44px,4vw,60px)!important;line-height:.95!important;}
#s2 .s2-left-fact .s2-fact-text{font-size:clamp(12px,1vw,14px)!important;line-height:1.45!important;max-width:11ch;}
@media (max-width:900px){
  #s2 .s2-left-fact .s2-fact{width:min(260px,100%)!important;max-width:260px!important;grid-template-columns:1fr!important;gap:10px!important;align-items:start!important;}
  #s2 .s2-left-fact .s2-fact-text{max-width:none!important;}
}

#s6 .s6-right{
  display:block!important;
  background-image:
    linear-gradient(to left, rgba(10,11,12,.12) 0%, rgba(10,11,12,.32) 58%, rgba(10,11,12,.62) 100%),
    url('../images/slide9-bg.webp')!important;
  background-size:cover!important;
  background-position:center right!important;
  background-repeat:no-repeat!important;
}
body.light #s6 .s6-right{
  background-image:
    linear-gradient(to left, rgba(230,235,240,.08) 0%, rgba(230,235,240,.26) 58%, rgba(230,235,240,.54) 100%),
    url('../images/slide9-bg.webp')!important;
}

#s10 .s9-right{align-items:center!important;justify-content:center!important;}
#s10 .contact-form-box{
  width:min(540px,100%)!important;
  margin-inline:auto!important;
  padding:clamp(18px,2.5vh,26px)!important;
  border:1px solid rgba(90,156,110,.24)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.20), inset 0 0 0 1px rgba(90,156,110,.05)!important;
}
#s10 .nrk-contact-form{gap:12px!important;}
#s10 .form-grid{gap:10px!important;}
#s10 .form-field input,
#s10 .form-field select,
#s10 .form-field textarea{
  border-radius:8px!important;
  background:rgba(12,16,18,.56)!important;
}
body.light #s10 .form-field input,
body.light #s10 .form-field select,
body.light #s10 .form-field textarea{
  background:rgba(255,255,255,.88)!important;
}
#s10 .form-status{min-height:18px;font-size:12px;line-height:1.35;color:var(--t2);}
#s10 .form-status.error{color:#d86161;}
#s10 .form-status.ok{color:var(--g);}
@media (max-width:900px){#s10 .contact-form-box{width:100%!important;}}


/* ===== rev26 ajax + mobile polish ===== */
body.mobile-flow{scroll-snap-type:y proximity;scroll-behavior:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;}
body.mobile-flow .slide{scroll-snap-stop:normal;}
body.mobile-flow .grid, body.mobile-flow .scan{will-change:auto;}
body.mobile-flow #s5 .scan{opacity:.28;animation-duration:7s;}
body.mobile-flow #s5 .scene-glow{filter:blur(18px);opacity:.7;}
body.mobile-flow #s5 .packet-layer{opacity:.8;}
body.mobile-flow #s5 .comms-scene{min-height:auto!important;}
body.mobile-flow #s5 .s5-layout{min-height:auto!important;padding-top:calc(var(--pad-y) + 18px)!important;padding-bottom:calc(var(--pad-y) + 18px)!important;gap:18px!important;}
body.mobile-flow #s5 .arch-box{padding:14px!important;}
body.mobile-flow #s5 .globe-wrap{max-width:min(300px,82vw)!important;}
body.mobile-flow #s5 .terminal-node, body.mobile-flow #s5 .vehicle-node{padding:12px!important;}
body.mobile-flow #s5 .comms-sources{gap:10px!important;}
body.mobile-flow #s5 .comms-source{padding:10px 12px!important;}
body.mobile-flow #s5 .comms-grid{opacity:.72;}
body.mobile-flow .body-text, body.mobile-flow .feat-body span, body.mobile-flow .cred-text{overflow-wrap:anywhere;}
body.mobile-flow #s1 .hero-mission-sub{margin-bottom:12px!important;}
body.mobile-flow #s1 .s1-icon-grid{margin-top:10px!important;}
body.mobile-flow #s1 .hero-icon-card{min-height:88px!important;}
body.mobile-flow #s2 .s2-inner{padding-top:calc(var(--pad-y) + 20px)!important;}
body.mobile-flow #s3 .s3-layout{padding-top:calc(var(--pad-y) + 22px)!important;padding-bottom:calc(var(--pad-y) + 22px)!important;}
body.mobile-flow #s4 .s4-layout{padding-top:calc(var(--pad-y) + 20px)!important;padding-bottom:calc(var(--pad-y) + 20px)!important;}
body.mobile-flow #s6 .s6-layout{padding-top:calc(var(--pad-y) + 18px)!important;padding-bottom:calc(var(--pad-y) + 18px)!important;}
body.mobile-flow #s7 .s7-layout{padding-top:calc(var(--pad-y) + 18px)!important;padding-bottom:calc(var(--pad-y) + 18px)!important;}
body.mobile-flow #s8 .s8-wrap{padding-top:calc(var(--pad-y) + 18px)!important;padding-bottom:calc(var(--pad-y) + 18px)!important;}
body.mobile-flow #s9 .s9-layout, body.mobile-flow #s10 .roadmap-wrap{padding-top:calc(var(--pad-y) + 18px)!important;padding-bottom:calc(var(--pad-y) + 18px)!important;}
body.mobile-flow .fiu{animation:none!important;}

.s2-title .war-sub{display:block;}
.hero-ico-label span[data-lang]{display:block!important;}
body.uk .hero-ico-label span[data-lang="uk"], body.en .hero-ico-label span[data-lang="en"]{display:block!important;}

.contact-form-box .form-note{display:none!important;}
.form-status{margin-top:8px;}
.form-status.error{color:#dd6c6c!important;}
.form-status.ok{color:#7be7a0!important;}
.form-status.loading{color:var(--t2)!important;}

@media (max-width:768px){
  :root{--pad-x:max(14px,env(safe-area-inset-left,0px) + 14px);--pad-y:max(18px,env(safe-area-inset-top,0px) + 18px);}
  .body-text{font-size:15px!important;line-height:1.6!important;}
  #s1 .hero-mission-headline{font-size:clamp(28px,8.8vw,42px)!important;line-height:.94!important;}
  #s1 .s1-layout{gap:16px!important;}
  #s1 .s1-slideshow{aspect-ratio:16/10.8!important;}
  #s4 .s4-gallery{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;}
  #s5 .s5-layout{grid-template-columns:1fr!important;}
  #s5 .comms-pills{max-width:none!important;}
  #s5 .globe-wrap{order:1;}
  #s5 .comms-sources{grid-template-columns:1fr!important;}
  #s5 .comms-source{min-height:52px!important;}
  #s5 .terminal-shell{min-height:128px!important;}
  #s9 .contact-form-box, #s10 .contact-form-box{padding:16px!important;}
}

@media (max-width:375px){
  :root{--pad-x:max(12px,env(safe-area-inset-left,0px) + 12px);--pad-y:max(16px,env(safe-area-inset-top,0px) + 16px);}
  .body-text{font-size:14px!important;line-height:1.55!important;}
  #s1 .hero-mission-headline{font-size:clamp(26px,8.4vw,34px)!important;}
  #s1 .hero-mission-sub{font-size:14px!important;}
  #s1 .s1-slideshow{aspect-ratio:16/11!important;}
  .hero-icon-card{padding:10px 8px!important;min-height:80px!important;}
  .hero-ico-label{font-size:9px!important;letter-spacing:.03em!important;}
  #s3 .s3-big-num{font-size:clamp(42px,14vw,60px)!important;}
  #s5 .arch-box{padding:12px!important;}
  #s5 .globe-wrap{max-width:min(260px,78vw)!important;}
  #s5 .encrypt-sub, #s5 .vehicle-sub, #s5 .src-sub, #s5 .pill-text{font-size:11px!important;}
  #s9 .form-field input, #s9 .form-field select, #s9 .form-field textarea,
  #s10 .form-field input, #s10 .form-field select, #s10 .form-field textarea{padding:10px 11px!important;font-size:14px!important;}
}


/* rev27 updates */
#s2 .s2-left-fact .s2-fact{
  width:min(420px, 92%) !important;
  max-width:420px !important;
  grid-template-columns:minmax(120px,140px) 1fr !important;
  gap:18px !important;
}
#s2 .s2-left-fact .s2-fact-text{max-width:none !important;}
@media (max-width: 900px){
  #s2 .s2-left-fact .s2-fact{
    width:min(300px, 100%) !important;
    max-width:300px !important;
    grid-template-columns:1fr !important;
  }
}

#s5 [data-channel="mesh"], #s5 .channel-mesh{
  --channel-accent: var(--g);
  --channel-strong: 1;
}
#s5 .channel-mesh .label, #s5 [data-channel="mesh"] .label{
  color: var(--g) !important;
}

#s1 .s1-slideshow{
  transform: scale(1.10) !important;
  transform-origin: center center !important;
}
@media (max-width: 900px){
  #s1 .s1-slideshow{ transform: scale(1.04) !important; }
}

#s6 .section-inner,
#s6 .s6-layout{
  align-items: center !important;
}
#s6 .s6-right, #s6 .s6-left{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}


/* rev28 final fixes */
/* logo padding */
.logo-mark{padding-left:10px!important;padding-right:7px!important;text-indent:0!important;}

/* page 1: show only active language in hero block */
#s1 .hero-mission-headline > span[data-lang],
#s1 .hero-mission-sub > span[data-lang],
#s1 .s1-eyebrow > span[data-lang],
#s1 .hero-ico-label > span[data-lang]{display:none!important;}
body.uk #s1 .hero-mission-headline > span[data-lang="uk"],
body.uk #s1 .hero-mission-sub > span[data-lang="uk"],
body.uk #s1 .s1-eyebrow > span[data-lang="uk"],
body.uk #s1 .hero-ico-label > span[data-lang="uk"],
body.en #s1 .hero-mission-headline > span[data-lang="en"],
body.en #s1 .hero-mission-sub > span[data-lang="en"],
body.en #s1 .s1-eyebrow > span[data-lang="en"],
body.en #s1 .hero-ico-label > span[data-lang="en"]{display:block!important;}
#s1 .s1-slideshow{max-width:min(836px,100%)!important;width:min(836px,100%)!important;}
@media (min-width:901px){#s1 .s1-img-col{justify-content:center!important;}#s1 .s1-slideshow{margin-inline:auto!important;transform:scale(1.02)!important;}}

/* page 2 fact block wider by ~20% */
#s2 .s2-left-fact .s2-fact,#s2 .s2-fact{max-width:500px!important;width:min(500px,95%)!important;grid-template-columns:minmax(132px,156px) 1fr!important;}
#s2 .s2-left-fact .s2-fact-text{max-width:none!important;}

/* page 5: remove mesh visuals and rebalance */
#s5 .source-mesh,[id="path-mesh"],#s5 .channel-mesh,[data-channel="mesh"]{display:none!important;}
#s5 .comms-sources{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:center!important;max-width:720px;margin-inline:auto;}
#s5 .hub-status span:first-child{display:none!important;}

/* page 6 center block vertically */
#s6 .s6-layout{align-items:center!important;min-height:100%!important;}
#s6 .s6-left,#s6 .s6-right{display:flex!important;flex-direction:column!important;justify-content:center!important;align-self:center!important;}

/* page 10 / contact form centering */
#s9 .s9-right,#s10 .s9-right{display:flex!important;align-items:center!important;justify-content:center!important;}
#s9 .contact-form-box,#s10 .contact-form-box{margin-inline:auto!important;}

/* mobile recovery */
body.mobile-flow{scroll-snap-type:none!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:none!important;overflow-x:hidden!important;}
body.mobile-flow .slide{scroll-snap-align:none!important;scroll-snap-stop:normal!important;min-height:auto!important;height:auto!important;transform:none!important;}
body.mobile-flow .slide + .slide{border-top:none!important;}
body.mobile-flow #s1 .s1-layout,
body.mobile-flow #s2 .s2-inner,
body.mobile-flow #s3 .s3-layout,
body.mobile-flow #s4 .s4-layout,
body.mobile-flow #s5 .s5-layout,
body.mobile-flow #s6 .s6-layout,
body.mobile-flow #s7 .s7-layout,
body.mobile-flow #s8 .s8-wrap,
body.mobile-flow #s9 .s9-layout,
body.mobile-flow #s10 .roadmap-wrap{padding-top:calc(var(--pad-y) + 14px)!important;padding-bottom:calc(var(--pad-y) + 14px)!important;}
body.mobile-flow #s5 .comms-scene{min-height:540px!important;}
body.mobile-flow #s5 .packet-layer{opacity:.68!important;}
body.mobile-flow #s5 .scene-glow{filter:blur(12px)!important;opacity:.52!important;}
body.mobile-flow #s5 .comms-source{padding:9px 10px!important;}
body.mobile-flow #s5 .terminal-node,body.mobile-flow #s5 .vehicle-node,body.mobile-flow #s5 .comms-network-hub{padding:10px!important;}
body.mobile-flow #s5 .globe-wrap{max-width:min(270px,76vw)!important;}
body.mobile-flow .body-text,body.mobile-flow .feat-body span,body.mobile-flow .cred-text{overflow-wrap:anywhere!important;word-break:normal!important;}

@media (max-width:768px){
  #s1 .hero-mission-headline{max-width:12ch!important;line-height:.92!important;}
  #s1 .s1-sub{max-width:100%!important;}
  #s1 .s1-slideshow{width:100%!important;max-width:100%!important;aspect-ratio:16/11!important;transform:none!important;}
  #s2 .s2-left-fact .s2-fact,#s2 .s2-fact{width:min(360px,100%)!important;max-width:360px!important;grid-template-columns:1fr!important;}
  #s5 .comms-sources{grid-template-columns:1fr!important;}
  #s6 .s6-layout{grid-template-columns:1fr!important;}
  #s9 .contact-form-box,#s10 .contact-form-box{width:100%!important;max-width:100%!important;}
}
@media (max-width:375px){
  :root{--pad-x:14px!important;--pad-y:18px!important;}
  #s1 .hero-mission-headline{font-size:clamp(34px,11.5vw,48px)!important;letter-spacing:-.02em!important;}
  #s1 .hero-icon-card{min-height:82px!important;padding:10px!important;}
  #s2 .s2-left-fact .s2-fact,#s2 .s2-fact{max-width:100%!important;padding:14px!important;}
  body.mobile-flow #s5 .comms-scene{min-height:500px!important;}
  body.mobile-flow #nav-dots{right:8px!important;bottom:12px!important;}
}


/* stronger language isolation in hero */
#s1 [data-lang]{display:none !important;}
body.uk #s1 [data-lang="uk"]{display:initial !important;}
body.en #s1 [data-lang="en"]{display:initial !important;}
#s1 .icon-card [data-lang],
#s1 .hero-copy [data-lang],
#s1 h1 [data-lang],
#s1 p [data-lang]{display:none !important;}
body.uk #s1 .icon-card [data-lang="uk"],
body.uk #s1 .hero-copy [data-lang="uk"],
body.uk #s1 h1 [data-lang="uk"],
body.uk #s1 p [data-lang="uk"]{display:initial !important;}
body.en #s1 .icon-card [data-lang="en"],
body.en #s1 .hero-copy [data-lang="en"],
body.en #s1 h1 [data-lang="en"],
body.en #s1 p [data-lang="en"]{display:initial !important;}


/* ===== rev31: merged mobile baseline from rev21 ===== */
@media (max-width:900px){
  #s1 .hero-mission-headline{max-width:100%!important;font-size:clamp(28px,8.6vw,44px)!important;}
  #s1 .hero-mission-sub{max-width:100%!important;}
  #s1 .s1-layout{grid-template-columns:1fr!important;align-items:start!important;}
  #s1 .s1-stats{width:100%!important;}
  #s1 .s1-img-col,#s1 .s1-slideshow{width:100%!important;max-width:100%!important;}
  #s1 .s1-slideshow{aspect-ratio:16/11!important;margin-top:2px!important;}

  #s5 .comms-diagram{min-height:460px!important;}
  #s5 .source-starlink,#s5 .source-lte,#s5 .source-mesh,#s5 .source-wifi{width:calc(50% - 18px)!important;}
  #s5 .source-starlink{left:12px!important;top:12px!important;}
  #s5 .source-lte{right:12px!important;top:12px!important;}
  #s5 .source-mesh{left:12px!important;top:98px!important;}
  #s5 .source-wifi{right:12px!important;top:98px!important;}
  #s5 .comms-hub{top:190px!important;width:min(220px, calc(100% - 48px))!important;}
  #s5 .encrypt-node{bottom:104px!important;width:min(210px, calc(100% - 48px))!important;}
  #s5 .vehicle-node{bottom:18px!important;width:min(240px, calc(100% - 36px))!important;}
  #s5 .flow-s1{left:calc(50% - 46px)!important;top:42px!important;width:2px!important;height:132px!important;background:linear-gradient(180deg, rgba(90,156,110,.05), rgba(111,214,159,.85), rgba(90,156,110,.05))!important;}
  #s5 .flow-s1::after{background:linear-gradient(180deg, transparent, rgba(185,255,214,.95), transparent)!important;}
  #s5 .flow-s2{left:calc(50% + 44px)!important;top:42px!important;width:2px!important;height:132px!important;background:linear-gradient(180deg, rgba(90,156,110,.05), rgba(111,214,159,.85), rgba(90,156,110,.05))!important;}
  #s5 .flow-s2::after{background:linear-gradient(180deg, transparent, rgba(185,255,214,.95), transparent)!important;}
  #s5 .flow-hub-encrypt{left:50%!important;top:262px!important;width:2px!important;height:72px!important;background:linear-gradient(180deg, rgba(90,156,110,.02), rgba(111,214,159,.92), rgba(90,156,110,.02))!important;}
  #s5 .flow-hub-encrypt::after{background:linear-gradient(180deg, transparent, rgba(216,255,232,.98), transparent)!important;}
  #s5 .flow-encrypt-vehicle{left:50%!important;top:auto!important;bottom:56px!important;width:2px!important;height:52px!important;background:linear-gradient(180deg, rgba(90,156,110,.02), rgba(111,214,159,.9), rgba(90,156,110,.02))!important;}
  #s5 .flow-encrypt-vehicle::after{background:linear-gradient(180deg, transparent, rgba(216,255,232,.98), transparent)!important;}

  #s6 .metrics-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  #s6 .metrics-compact .mtile{min-height:120px!important;padding:14px 12px!important;}
  #s6 .metrics-compact .mval{font-size:clamp(38px,11vw,56px)!important;}
  #s6 .metrics-compact .mval-u{display:inline-block!important;margin-left:6px!important;font-size:clamp(16px,4.8vw,22px)!important;}
  #s6 .metrics-compact .mlabel{font-size:clamp(12px,3.8vw,16px)!important;line-height:1.28!important;margin-top:12px!important;}
}
@media (max-width:768px){
  #s1 .hero-mission-headline{font-size:clamp(26px,8vw,40px)!important;}
  #s1 .s1-slideshow{aspect-ratio:16/11!important;}
}
@media (max-width:480px){
  #s1 .hero-mission-headline{font-size:clamp(24px,7.6vw,34px)!important;}
  #s5 .comms-diagram{min-height:430px!important;}
}


/* rev32: page 2 fact block wider by ~25% */
#s2 .s2-left-fact .s2-fact{
  width: min(525px, 96%) !important;
  max-width: 525px !important;
  grid-template-columns: minmax(132px, 152px) 1fr !important;
  gap: 20px !important;
  padding: 20px 18px !important;
}
#s2 .s2-left-fact .s2-fact-text{
  max-width: none !important;
}
@media (max-width: 900px){
  #s2 .s2-left-fact .s2-fact{
    width: min(320px, 100%) !important;
    max-width: 320px !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}


/* rev33: page 2 fact block even longer horizontally */
#s2 .s2-left-fact .s2-fact{
  width: min(620px, 98%) !important;
  max-width: 620px !important;
  grid-template-columns: minmax(138px, 160px) 1fr !important;
  gap: 22px !important;
  padding: 20px 20px !important;
  align-items: center !important;
}
#s2 .s2-left-fact .s2-fact-num{
  white-space: nowrap !important;
}
#s2 .s2-left-fact .s2-fact-text{
  max-width: none !important;
}
@media (max-width: 1100px){
  #s2 .s2-left-fact .s2-fact{
    width: min(520px, 96%) !important;
    max-width: 520px !important;
  }
}
@media (max-width: 900px){
  #s2 .s2-left-fact .s2-fact{
    width: min(320px, 100%) !important;
    max-width: 320px !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

/* rev34: page 2 6000 block longer toward center */
#s2 .s2-left-fact{
  align-items:flex-start !important;
}
#s2 .s2-left-fact .s2-fact{
  width:min(720px, 100%) !important;
  max-width:720px !important;
  grid-template-columns:minmax(145px,165px) 1fr !important;
  gap:24px !important;
  padding:20px 22px !important;
}
#s2 .s2-left-fact .s2-fact-text{
  max-width:none !important;
}
@media (max-width:1200px){
  #s2 .s2-left-fact .s2-fact{
    width:min(620px, 98%) !important;
    max-width:620px !important;
  }
}
@media (max-width:900px){
  #s2 .s2-left-fact .s2-fact{
    width:min(320px, 100%) !important;
    max-width:320px !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
}


/* rev36: page 2 6000 block match horizontal mockup */
#s2 .s2-left-fact{
  align-items:flex-start !important;
  justify-content:flex-start !important;
  padding:calc(var(--pad-y) + 110px) clamp(16px,3vw,48px) var(--pad-y) var(--pad-x) !important;
}
#s2 .s2-left-fact .s2-fact{
  width:min(640px, 92%) !important;
  max-width:640px !important;
  min-height:132px !important;
  display:grid !important;
  grid-template-columns:minmax(124px, 146px) 1fr !important;
  gap:20px !important;
  align-items:center !important;
  padding:18px 20px !important;
  margin-bottom:0 !important;
}
#s2 .s2-left-fact .s2-fact-num{
  font-size:clamp(52px, 5.2vw, 74px) !important;
  margin:0 !important;
  line-height:.92 !important;
  white-space:nowrap !important;
}
#s2 .s2-left-fact .s2-fact-text{
  max-width:none !important;
  font-size:clamp(12px, 1vw, 14px) !important;
  line-height:1.45 !important;
}
#s2 .s2-left-fact .s2-fact-text span[data-lang]{
  display:block;
  max-width:22ch;
}
@media (max-width: 1280px){
  #s2 .s2-left-fact{
    padding-top:calc(var(--pad-y) + 88px) !important;
  }
  #s2 .s2-left-fact .s2-fact{
    width:min(580px, 92%) !important;
    max-width:580px !important;
  }
}
@media (max-width: 900px){
  #s2 .s2-left-fact{ display:none !important; }
}


/* rev37: page 6 top spacing aligned closer to page 3 */
#s6 .section-inner,
#s6 .s6-layout{
  padding-top: clamp(36px, 6vh, 72px) !important;
}
@media (max-width: 900px){
  #s6 .section-inner,
  #s6 .s6-layout{
    padding-top: clamp(24px, 4vw, 36px) !important;
  }
}


/* ===== Rev38 comprehensive check + mobile rebuild ===== */
#s4 .tag-ico{font-size:11px}
#s4 .feat-body strong, #s4 .feat-body span{overflow-wrap:anywhere;word-break:normal}
#s4 .s4-gallery-main .gallery-label{display:none!important}
body.light #s1 .s1-headline, body.light #s1 .s1-headline .line-acc, body.light #s1 .s1-sub, body.light #s1 .s1-eyebrow, body.light #s1 .stat-num, body.light #s1 .stat-label, body.light #s1 .stat-unit{color:#ffffff!important}
body.light #s1 .s1-bg img{filter:brightness(.42) saturate(.66)!important}
body.light #s1 .s1-vignette{background:radial-gradient(ellipse 90% 70% at 50% 40%,transparent 15%,rgba(18,24,30,.26) 65%,rgba(18,24,30,.52) 100%),linear-gradient(to bottom,rgba(18,24,30,.28) 0%,transparent 25%,transparent 65%,rgba(18,24,30,.55) 100%)!important}
body.light #s5 .h2, body.light #s5 .h2 .dim, body.light #s5 .body-text{color:#0e1a20!important}
body.light #s5 .pill{background:rgba(255,255,255,.95)!important;border-color:rgba(20,45,30,.12)!important}
body.light #s5 .pill-text, body.light #s5 .pill-text strong{color:#0e1a20!important}
body.light #s5 .comms-source, body.light #s5 .comms-hub, body.light #s5 .terminal-node, body.light #s5 .nrk-target{background:rgba(255,255,255,.96)!important;color:#0e1a20!important;border-color:rgba(20,45,30,.12)!important}
body.light #s5 .src-title, body.light #s5 .hub-title, body.light #s5 .encrypt-title, body.light #s5 .vehicle-title{color:#0e1a20!important}
body.light #s5 .src-sub, body.light #s5 .hub-sub, body.light #s5 .encrypt-sub, body.light #s5 .vehicle-sub{color:#55776a!important}
@media (max-width:900px){
  body.mobile-flow{overflow-y:auto!important;overflow-x:hidden!important;scroll-snap-type:y proximity!important;-webkit-overflow-scrolling:touch}
  body.mobile-flow .deck{height:auto!important;display:block!important;position:relative!important}
  body.mobile-flow .slide{position:relative!important;inset:auto!important;min-height:auto!important;height:auto!important;opacity:1!important;pointer-events:auto!important;transform:none!important;overflow:clip;padding-bottom:28px}
  body.mobile-flow .slide::after{content:'';display:block;height:6px}
  body.mobile-flow .fiu{opacity:1!important;transform:none!important;animation:none!important}
  body.mobile-flow #arrows, body.mobile-flow #mob-nav{display:none!important}
  body.mobile-flow #nav-dots{display:flex!important;right:10px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
  body.mobile-flow #counter{position:fixed!important;right:12px!important;bottom:12px!important;top:auto!important;background:rgba(10,11,12,.55);backdrop-filter:blur(6px);padding:5px 8px;z-index:1200}
  body.mobile-flow #conf{display:flex!important;position:fixed!important;left:12px!important;bottom:12px!important;top:auto!important;right:auto!important;background:rgba(10,11,12,.55);backdrop-filter:blur(6px);padding:5px 8px;z-index:1200}
  body.light.mobile-flow #counter, body.light.mobile-flow #conf{background:rgba(255,255,255,.7)!important}
  body.mobile-flow #brand{top:max(env(safe-area-inset-top,0px)+12px,12px)!important;left:12px!important;z-index:1300}
  body.mobile-flow #header-controls{top:max(env(safe-area-inset-top,0px)+12px,12px)!important;left:50%!important;transform:translateX(-50%)!important;z-index:1300}
  body.mobile-flow #theme-toggle{top:max(env(safe-area-inset-top,0px)+12px,12px)!important;right:12px!important;left:auto!important;z-index:1300}
  body.mobile-flow .s1-layout, body.mobile-flow .s2-layout, body.mobile-flow .s3-layout, body.mobile-flow .s4-layout, body.mobile-flow .s5-layout, body.mobile-flow .s6-layout, body.mobile-flow .s7-layout, body.mobile-flow .s8-wrap, body.mobile-flow .s9-layout, body.mobile-flow .roadmap-wrap{padding-top:max(env(safe-area-inset-top,0px)+92px,104px)!important;padding-left:20px!important;padding-right:20px!important}
  body.mobile-flow #s4 .s4-layout{grid-template-columns:1fr!important;gap:18px!important;align-items:start!important;min-height:auto!important}
  body.mobile-flow #s4 .s4-left, body.mobile-flow #s4 .s4-right{padding:0!important;border:none!important}
  body.mobile-flow #s4 .h2{font-size:clamp(42px,13vw,62px)!important;line-height:.93!important;margin-bottom:14px!important}
  body.mobile-flow #s4 .h2 .dim{display:block!important}
  body.mobile-flow #s4 .spec-tags{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}
  body.mobile-flow #s4 .tag{min-width:0!important;white-space:normal!important;padding:10px 10px!important;align-items:flex-start!important;font-size:13px!important;line-height:1.15!important}
  body.mobile-flow #s4 .feat-list{display:flex!important;flex-direction:column!important;gap:12px!important}
  body.mobile-flow #s4 .feat{padding:14px!important;gap:12px!important}
  body.mobile-flow #s4 .feat-body{font-size:15px!important;line-height:1.55!important}
  body.mobile-flow #s4 .feat-body strong{display:block!important;font-size:18px!important;line-height:1.22!important;margin-bottom:8px!important}
  body.mobile-flow #s4 .s4-gallery{max-width:100%!important;width:100%!important;transform:none!important;gap:10px!important}
  body.mobile-flow #s4 .s4-gallery-main{aspect-ratio:1/1!important;min-height:auto!important;border:1px solid var(--b1)!important}
  body.mobile-flow #s4 .s4-thumbs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  body.mobile-flow #s4 .s4-tn{aspect-ratio:1/1!important;min-height:92px!important}
  body.mobile-flow #s5 .s5-layout{grid-template-columns:1fr!important;gap:14px!important;min-height:auto!important}
  body.mobile-flow #s5 .body-text{max-width:none!important;margin-bottom:12px!important}
  body.mobile-flow #s5 .comms-pills{max-width:none!important;gap:8px!important;margin-top:0!important}
  body.mobile-flow #s5 .pill{padding:10px 12px!important}
  body.mobile-flow #s5 .arch-box{padding:12px!important}
  body.mobile-flow #s5 .comms-diagram{min-height:405px!important}
  body.mobile-flow #s5 .globe-wrap{width:min(62%,220px)!important;top:18px!important}
  body.mobile-flow #s5 .source-starlink{top:126px!important;left:10px!important;width:calc(50% - 14px)!important}
  body.mobile-flow #s5 .source-lte{top:126px!important;right:10px!important;width:calc(50% - 14px)!important}
  body.mobile-flow #s5 .source-mesh{top:208px!important;left:50%!important;transform:translateX(-50%)!important;width:min(200px,calc(100% - 24px))!important}
  body.mobile-flow #s5 .comms-network-hub{top:290px!important;width:calc(100% - 24px)!important;left:50%!important;transform:translateX(-50%)!important}
  body.mobile-flow #s5 .terminal-node{display:none!important}
  body.mobile-flow #s5 .nrk-target{bottom:12px!important;width:calc(100% - 24px)!important;left:50%!important;transform:translateX(-50%)!important}
  body.mobile-flow #s5 .comms-svg path{stroke-width:2.4!important}
  body.mobile-flow #s9 .s9-layout{grid-template-columns:1fr!important;gap:18px!important;align-items:start!important}
  body.mobile-flow #s9 .s9-right{padding-top:0!important;display:block!important}
  body.mobile-flow #s9 .contact-form-box{width:100%!important;max-width:100%!important;margin:0!important;padding:16px!important}
  body.mobile-flow #s9 .social-links{gap:8px!important}
}
@media (max-width:560px){
  body.mobile-flow #s4 .spec-tags{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.mobile-flow #s4 .tag{font-size:12px!important;padding:9px 9px!important}
  body.mobile-flow #s4 .feat-body{font-size:14px!important}
  body.mobile-flow #s4 .feat-body strong{font-size:17px!important}
  body.mobile-flow #s5 .comms-diagram{min-height:372px!important}
  body.mobile-flow #s5 .globe-wrap{display:none!important}
  body.mobile-flow #s5 .source-starlink{top:14px!important}
  body.mobile-flow #s5 .source-lte{top:14px!important}
  body.mobile-flow #s5 .source-mesh{top:88px!important}
  body.mobile-flow #s5 .comms-network-hub{top:164px!important}
  body.mobile-flow #s5 .nrk-target{bottom:12px!important}
}


/* ===== Rev41 header alignment + PDF export ===== */
#brand,
#header-controls,
#theme-toggle{
  top:max(env(safe-area-inset-top,0px) + 28px, 30px) !important;
}
#brand{align-items:center !important;}
.brand-name{line-height:1.05 !important; transform:translateY(1px);}
@media (max-width:900px){
  #brand,
  #header-controls,
  #theme-toggle{top:max(env(safe-area-inset-top,0px) + 14px, 16px) !important;}
  #brand .brand-name{display:block !important; font-size:10px !important; letter-spacing:.14em !important; max-width:150px; white-space:normal !important;}
}
body.export-pdf header,
body.export-pdf #theme-toggle,
body.export-pdf #nav-dots,
body.export-pdf #arrows,
body.export-pdf #mob-nav,
body.export-pdf #footer-meta{display:none !important;}
body.export-pdf, body.export-pdf .deck{height:auto !important; overflow:visible !important;}
body.export-pdf .slide{position:relative !important;opacity:1 !important;pointer-events:auto !important;transform:none !important;inset:auto !important;min-height:297mm !important;height:297mm !important;page-break-after:always;break-after:page;}
body.export-pdf .slide:last-child{page-break-after:auto;break-after:auto;}


/* ===== Rev42 mobile refinement + SMTP prep ===== */
@media (max-width:900px){
  body.mobile-flow #s1{min-height:auto!important;}
  body.mobile-flow #s1 .s1-layout{gap:14px!important;padding-bottom:24px!important;}
  body.mobile-flow #s1 .s1-text{max-width:100%!important;}
  body.mobile-flow #s1 .s1-headline{font-size:clamp(72px,22vw,118px)!important;line-height:.88!important;max-width:none!important;}
  body.mobile-flow body.uk #s1 .s1-headline{letter-spacing:-.04em!important;}
  body.mobile-flow #s1 .s1-sub{max-width:100%!important;}
  body.mobile-flow #s1 .s1-icon-grid{grid-template-columns:1fr 1fr!important;}
  body.mobile-flow #s1 .hero-icon-card:last-child{grid-column:1/-1!important;}
  body.mobile-flow #s1 .s1-slideshow{width:100%!important;max-width:100%!important;aspect-ratio:16/10!important;border-radius:10px!important;margin-top:2px!important;}
  body.mobile-flow #brand .logo-mark{width:44px!important;height:44px!important;font-size:18px!important;line-height:1!important;padding-inline:6px!important;}
  body.mobile-flow #brand .brand-name{display:block!important;font-size:11px!important;letter-spacing:.14em!important;max-width:155px!important;line-height:1.05!important;}

  body.mobile-flow #s4{min-height:auto!important;padding-bottom:10px!important;}
  body.mobile-flow #s4 .s4-layout{gap:12px!important;padding-bottom:4px!important;}
  body.mobile-flow #s4 .h2{font-size:clamp(38px,11vw,58px)!important;line-height:.92!important;max-width:100%!important;}
  body.mobile-flow #s4 .h2 .dim{display:block!important;opacity:.72!important;}
  body.mobile-flow #s4 .spec-tags{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  body.mobile-flow #s4 .tag{padding:10px 10px!important;min-height:52px!important;font-size:12px!important;line-height:1.18!important;}
  body.mobile-flow #s4 .tag-ico{width:20px!important;height:20px!important;font-size:12px!important;}
  body.mobile-flow #s4 .feat-list{gap:10px!important;}
  body.mobile-flow #s4 .feat{padding:12px!important;}
  body.mobile-flow #s4 .feat-body{font-size:14px!important;line-height:1.45!important;}
  body.mobile-flow #s4 .feat-body strong{font-size:16px!important;line-height:1.2!important;margin-bottom:6px!important;display:block!important;}
  body.mobile-flow #s4 .s4-gallery{gap:8px!important;margin-bottom:0!important;}
  body.mobile-flow #s4 .s4-gallery-main{aspect-ratio:1.2/1!important;min-height:auto!important;}
  body.mobile-flow #s4 .s4-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}
  body.mobile-flow #s4 .s4-tn{min-height:72px!important;aspect-ratio:1.1/1!important;}

  body.mobile-flow #s5{min-height:auto!important;padding-bottom:8px!important;}
  body.mobile-flow #s5 .s5-layout{gap:10px!important;padding-bottom:10px!important;}
  body.mobile-flow #s5 .body-text{margin-bottom:8px!important;}
  body.mobile-flow #s5 .comms-pills{gap:6px!important;}
  body.mobile-flow #s5 .pill{padding:8px 10px!important;}
  body.mobile-flow #s5 .arch-box{padding:10px!important;}
  body.mobile-flow #s5 .comms-diagram-box{padding:10px!important;}
  body.mobile-flow #s5 .comms-diagram,
  body.mobile-flow #s5 .comms-scene{min-height:300px!important;height:auto!important;}
  body.mobile-flow #s5 .globe-wrap{display:none!important;}
  body.mobile-flow #s5 .source-starlink{top:10px!important;left:10px!important;width:calc(50% - 14px)!important;}
  body.mobile-flow #s5 .source-lte{top:10px!important;right:10px!important;width:calc(50% - 14px)!important;}
  body.mobile-flow #s5 .source-mesh{top:82px!important;left:50%!important;transform:translateX(-50%)!important;width:min(220px,calc(100% - 20px))!important;}
  body.mobile-flow #s5 .source-wifi{display:none!important;}
  body.mobile-flow #s5 .comms-network-hub{top:150px!important;width:calc(100% - 22px)!important;}
  body.mobile-flow #s5 .terminal-node{display:none!important;}
  body.mobile-flow #s5 .nrk-target{bottom:10px!important;width:calc(100% - 22px)!important;padding:10px!important;}

  body.mobile-flow #s9 .contact-box{margin-top:0!important;min-height:auto!important;}
  body.mobile-flow #s9 .contact-row{padding:12px 0!important;}
}
@media (max-width:560px){
  body.mobile-flow #s1 .s1-headline{font-size:clamp(84px,24vw,128px)!important;}
  body.mobile-flow #s4 .h2{font-size:clamp(34px,10.2vw,48px)!important;}
  body.mobile-flow #s4 .spec-tags{grid-template-columns:1fr 1fr!important;}
  body.mobile-flow #s4 .tag{font-size:11.5px!important;}
  body.mobile-flow #s4 .s4-gallery-main{aspect-ratio:1.13/1!important;}
  body.mobile-flow #s5 .comms-diagram,
  body.mobile-flow #s5 .comms-scene{min-height:268px!important;}
  body.mobile-flow #s5 .source-mesh{top:74px!important;}
  body.mobile-flow #s5 .comms-network-hub{top:138px!important;}
  body.mobile-flow #s5 .nrk-target{bottom:8px!important;}
}


/* ===== Rev45 mobile cleanup ===== */
@media (max-width:900px){
  body.mobile-flow .slide{min-height:auto!important;height:auto!important;}
  body.mobile-flow #s1,
  body.mobile-flow #s4,
  body.mobile-flow #s5,
  body.mobile-flow #s9{padding-bottom:18px!important;}

  body.mobile-flow #brand,
  body.mobile-flow #header-controls,
  body.mobile-flow #theme-toggle{top:max(env(safe-area-inset-top,0px)+12px,12px)!important;}
  body.mobile-flow #brand{left:12px!important;display:grid!important;grid-template-columns:38px minmax(0,120px)!important;gap:10px!important;align-items:center!important;z-index:1400!important;}
  body.mobile-flow #brand .logo-mark{width:38px!important;height:38px!important;font-size:15px!important;line-height:1!important;padding:0 4px!important;}
  body.mobile-flow #brand .brand-name{max-width:120px!important;font-size:9px!important;line-height:1.02!important;letter-spacing:.08em!important;overflow-wrap:anywhere!important;}
  body.mobile-flow #header-controls{left:50%!important;transform:translateX(-50%)!important;right:auto!important;z-index:1400!important;}
  body.mobile-flow #header-controls .ctrl-group{transform:scale(.92);transform-origin:center top;}
  body.mobile-flow #theme-toggle{right:12px!important;left:auto!important;z-index:1400!important;}

  body.mobile-flow #s1 .s1-layout{padding-top:max(env(safe-area-inset-top,0px)+116px,128px)!important;gap:16px!important;}
  body.mobile-flow #s1 .s1-eyebrow{margin-bottom:10px!important;font-size:10px!important;letter-spacing:.12em!important;max-width:none!important;}
  body.mobile-flow #s1 .s1-headline{margin-top:0!important;}
  body.mobile-flow #s1 .s1-sub{font-size:15px!important;line-height:1.6!important;}
  body.mobile-flow #s1 .s1-icon-grid{margin-top:10px!important;gap:8px!important;}
  body.mobile-flow #s1 .hero-icon-card{min-height:76px!important;padding:10px 10px!important;}
  body.mobile-flow #s1 .s1-img-col{width:100%!important;align-self:start!important;justify-self:stretch!important;}
  body.mobile-flow #s1 .s1-slideshow{width:100%!important;max-width:100%!important;aspect-ratio:16/11!important;margin:0!important;border-radius:10px!important;justify-self:stretch!important;}
  body.mobile-flow #s1 .s1-slideimg{width:100%!important;height:100%!important;object-fit:cover!important;}

  body.mobile-flow #s4 .s4-layout{padding-top:max(env(safe-area-inset-top,0px)+116px,126px)!important;gap:14px!important;}
  body.mobile-flow #s4 .h2{font-size:clamp(40px,10vw,58px)!important;line-height:.94!important;}
  body.mobile-flow #s4 .spec-tags{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  body.mobile-flow #s4 .tag{display:flex!important;align-items:flex-start!important;min-height:56px!important;padding:10px 10px!important;font-size:13px!important;}
  body.mobile-flow #s4 .tag-ico{margin-top:1px!important;}
  body.mobile-flow #s4 .feat-list{gap:10px!important;}
  body.mobile-flow #s4 .feat{padding:14px 12px!important;min-height:auto!important;}
  body.mobile-flow #s4 .feat-body{font-size:15px!important;line-height:1.55!important;}
  body.mobile-flow #s4 .feat-body strong{display:block!important;font-size:17px!important;line-height:1.22!important;margin-bottom:6px!important;}
  body.mobile-flow #s4 .s4-gallery{width:100%!important;max-width:100%!important;gap:8px!important;}
  body.mobile-flow #s4 .s4-gallery-main{aspect-ratio:4/3!important;width:100%!important;min-height:0!important;}
  body.mobile-flow #s4 .s4-gallery-main img{object-fit:cover!important;}
  body.mobile-flow #s4 .s4-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
  body.mobile-flow #s4 .s4-tn{width:100%!important;aspect-ratio:4/3!important;min-height:0!important;}

  body.mobile-flow #s5 .s5-layout{padding-top:max(env(safe-area-inset-top,0px)+110px,120px)!important;gap:10px!important;padding-bottom:6px!important;}
  body.mobile-flow #s5 .body-text{margin-bottom:8px!important;}
  body.mobile-flow #s5 .comms-pills{gap:8px!important;}
  body.mobile-flow #s5 .pill{padding:10px 12px!important;}
  body.mobile-flow #s5 .arch-box{padding:10px!important;margin-top:0!important;}
  body.mobile-flow #s5 .comms-diagram-box{padding:10px!important;}
  body.mobile-flow #s5 .comms-diagram{min-height:360px!important;}
  body.mobile-flow #s5 .comms-scene{min-height:auto!important;height:auto!important;}
  body.mobile-flow #s5 .globe-wrap{display:none!important;}
  body.mobile-flow #s5 .source-starlink{top:16px!important;left:12px!important;}
  body.mobile-flow #s5 .source-lte{top:16px!important;right:12px!important;}
  body.mobile-flow #s5 .source-mesh{top:102px!important;left:50%!important;transform:translateX(-50%)!important;right:auto!important;}
  body.mobile-flow #s5 .comms-network-hub{top:188px!important;width:calc(100% - 24px)!important;}
  body.mobile-flow #s5 .terminal-node{top:278px!important;width:calc(100% - 24px)!important;}
  body.mobile-flow #s5 .nrk-target{top:342px!important;bottom:auto!important;width:calc(100% - 24px)!important;}
  body.mobile-flow #s5 .comms-svg{display:none!important;}

  body.mobile-flow #s9 .s9-layout{padding-top:max(env(safe-area-inset-top,0px)+110px,120px)!important;gap:14px!important;}
  body.mobile-flow #s9 .contact-form-box{padding:14px!important;}
  body.mobile-flow #s9 .social-links{display:grid!important;grid-template-columns:repeat(3,48px)!important;gap:10px!important;justify-content:flex-start!important;}
  body.mobile-flow #s9 .social-link{width:48px!important;height:48px!important;}
}

@media (max-width:560px){
  body.mobile-flow #brand{grid-template-columns:36px minmax(0,112px)!important;gap:8px!important;}
  body.mobile-flow #brand .logo-mark{width:36px!important;height:36px!important;font-size:14px!important;}
  body.mobile-flow #brand .brand-name{max-width:112px!important;font-size:8.5px!important;line-height:1!important;}
  body.mobile-flow #header-controls .lb{padding:8px 10px!important;font-size:12px!important;}
  body.mobile-flow #theme-toggle .tb{padding:8px 10px!important;font-size:12px!important;}
  body.mobile-flow #s1 .s1-layout{padding-top:max(env(safe-area-inset-top,0px)+112px,122px)!important;}
  body.mobile-flow #s1 .s1-sub{font-size:14px!important;}
  body.mobile-flow #s4 .tag{font-size:12px!important;}
  body.mobile-flow #s4 .feat-body{font-size:14px!important;}
  body.mobile-flow #s4 .feat-body strong{font-size:16px!important;}
  body.mobile-flow #s5 .comms-diagram{min-height:332px!important;}
}


/* ===== Rev46 mobile first-screen / gallery / s5 spacing fixes ===== */
@media (max-width:900px){
  body.mobile-flow #brand,
  body.mobile-flow #header-controls,
  body.mobile-flow #theme-toggle{
    top:max(env(safe-area-inset-top,0px) + 12px, 12px)!important;
  }
  body.mobile-flow #brand{
    grid-template-columns:56px minmax(0,150px)!important;
    gap:12px!important;
    left:12px!important;
    align-items:start!important;
  }
  body.mobile-flow #brand .logo-mark{
    width:56px!important;
    height:56px!important;
    font-size:22px!important;
    line-height:1!important;
    padding:0 6px!important;
  }
  body.mobile-flow #brand .brand-name{
    font-size:10px!important;
    line-height:1.02!important;
    letter-spacing:.08em!important;
    max-width:150px!important;
    margin-top:2px!important;
  }
  body.mobile-flow #header-controls{
    left:50%!important;
    transform:translateX(-50%) scale(.92)!important;
    transform-origin:center top!important;
  }
  body.mobile-flow #theme-toggle{
    right:12px!important;
    left:auto!important;
  }
  body.mobile-flow #s1 .s1-layout{
    padding-top:max(env(safe-area-inset-top,0px)+136px,148px)!important;
    gap:18px!important;
  }
  body.mobile-flow #s1 .s1-eyebrow{
    margin-top:0!important;
    margin-bottom:10px!important;
    max-width:100%!important;
  }
  body.mobile-flow #s1 .s1-headline{
    margin-top:0!important;
  }

  /* Slide 4 compact mobile layout */
  body.mobile-flow #s4{
    min-height:auto!important;
    padding-bottom:0!important;
  }
  body.mobile-flow #s4 .s4-layout{
    padding-top:max(env(safe-area-inset-top,0px)+120px,132px)!important;
    gap:12px!important;
    padding-bottom:8px!important;
  }
  body.mobile-flow #s4 .s4-left,
  body.mobile-flow #s4 .s4-right{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  body.mobile-flow #s4 .spec-tags{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }
  body.mobile-flow #s4 .tag{
    min-height:52px!important;
    align-items:center!important;
    padding:10px 10px!important;
    font-size:12px!important;
  }
  body.mobile-flow #s4 .feat-list{
    gap:10px!important;
    margin-bottom:8px!important;
  }
  body.mobile-flow #s4 .feat{
    padding:12px!important;
  }
  body.mobile-flow #s4 .feat-body strong,
  body.mobile-flow #s4 .feat-body span{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  body.mobile-flow #s4 .s4-gallery{
    width:100%!important;
    max-width:100%!important;
    gap:8px!important;
    margin:0!important;
  }
  body.mobile-flow #s4 .s4-gallery-main{
    width:100%!important;
    aspect-ratio:1/1!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.mobile-flow #s4 .s4-gallery-main img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  body.mobile-flow #s4 .s4-thumbs{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.mobile-flow #s4 .s4-tn{
    width:100%!important;
    aspect-ratio:1/1!important;
    min-height:0!important;
  }

  /* Slide 5 remove large empty lower space */
  body.mobile-flow #s5{
    min-height:auto!important;
    padding-bottom:0!important;
  }
  body.mobile-flow #s5 .s5-layout{
    padding-top:max(env(safe-area-inset-top,0px)+118px,128px)!important;
    padding-bottom:8px!important;
    gap:10px!important;
    min-height:auto!important;
  }
  body.mobile-flow #s5 .body-text{margin-bottom:6px!important;}
  body.mobile-flow #s5 .comms-pills{gap:6px!important;margin-top:0!important;}
  body.mobile-flow #s5 .pill{padding:10px 12px!important;}
  body.mobile-flow #s5 .arch-box,
  body.mobile-flow #s5 .comms-diagram-box{
    padding:10px!important;
    margin-top:0!important;
  }
  body.mobile-flow #s5 .comms-diagram,
  body.mobile-flow #s5 .comms-scene{
    min-height:250px!important;
    height:auto!important;
  }
  body.mobile-flow #s5 .source-starlink{top:12px!important;left:10px!important;width:calc(50% - 14px)!important;}
  body.mobile-flow #s5 .source-lte{top:12px!important;right:10px!important;width:calc(50% - 14px)!important;}
  body.mobile-flow #s5 .source-mesh{top:82px!important;left:50%!important;transform:translateX(-50%)!important;width:min(220px,calc(100% - 20px))!important;}
  body.mobile-flow #s5 .source-wifi{display:none!important;}
  body.mobile-flow #s5 .comms-network-hub{top:142px!important;width:calc(100% - 22px)!important;}
  body.mobile-flow #s5 .terminal-node{display:none!important;}
  body.mobile-flow #s5 .nrk-target{bottom:10px!important;width:calc(100% - 22px)!important;padding:10px!important;}

  /* social strip compact */
  body.mobile-flow #s9 .social-links{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:10px!important;
  }
}

@media (max-width:560px){
  body.mobile-flow #brand{
    grid-template-columns:52px minmax(0,136px)!important;
  }
  body.mobile-flow #brand .logo-mark{
    width:52px!important;
    height:52px!important;
    font-size:20px!important;
  }
  body.mobile-flow #brand .brand-name{
    max-width:136px!important;
    font-size:9px!important;
  }
  body.mobile-flow #header-controls{
    transform:translateX(-50%) scale(.88)!important;
  }
  body.mobile-flow #s1 .s1-layout{
    padding-top:max(env(safe-area-inset-top,0px)+144px,154px)!important;
  }
}


/* rev47 mobile topbar + icons + s5 animation restore */
@media (max-width: 900px){
  body::before{
    content:"";
    position:fixed;
    left:0; right:0;
    top:0;
    height:92px;
    background:linear-gradient(to bottom, rgba(8,10,12,.82), rgba(8,10,12,.56));
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(130,160,145,.12);
    z-index:1080;
    pointer-events:none;
  }
  body.light::before{
    background:linear-gradient(to bottom, rgba(238,242,244,.82), rgba(238,242,244,.58));
    border-bottom:1px solid rgba(70,90,80,.10);
  }
  #brand{
    top:max(env(safe-area-inset-top,0px)+14px,14px)!important;
  }
  #header-controls{
    top:max(env(safe-area-inset-top,0px)+14px,14px)!important;
  }
  #theme-toggle{
    top:max(env(safe-area-inset-top,0px)+14px,14px)!important;
  }
  #s1 .s1-layout,
  .s2-layout,.s3-layout,.s4-layout,.s5-layout,.s6-layout,.s7-layout,.s8-layout,.s9-layout{
    padding-top:max(env(safe-area-inset-top,0px)+116px,126px)!important;
  }
  #s1 .s1-img-col,
  #s4 .s4-gallery-main{
    overflow:hidden!important;
  }
  #s1 .s1-img-col img,
  #s4 .s4-gallery-main img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
  }
  #s1 .s1-img-col{
    min-height:260px!important;
    aspect-ratio:1.12/1!important;
  }
  .social-icons{
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:center!important;
  }
  .social-ico{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
  }
  #s5 .arch-box{
    min-height:auto!important;
    margin-bottom:8px!important;
  }
  #s5 .arch-svg,
  #s5 .arch-box svg,
  #s5 .arch-box canvas,
  #s5 .arch-box img{
    max-height:300px!important;
  }
}


/* ===== Rev49 text sync + mobile first-screen offset ===== */
@media (max-width:900px){
  body.mobile-flow #s1 .s1-layout{padding-top:max(env(safe-area-inset-top,0px) + 100px, 100px)!important;}
  body.mobile-flow #s1 .s1-eyebrow{margin-top:0!important;}
}
@media (max-width:560px){
  body.mobile-flow #s1 .s1-layout{padding-top:max(env(safe-area-inset-top,0px) + 100px, 100px)!important;}
}