@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{--bg:#070a09;--panel:#0d1310;--line:#27322c;--text:#f1f5ef;--muted:#94a299;--lime:#B9FF2C;--cyan:#69E7FF;--mag:#FF45C8;--orange:#FF7A1A}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}header{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:30;background:#070a09c9;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff10}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand img{width:45px;height:45px;object-fit:contain}.brand b{font:600 14px Space Grotesk;letter-spacing:.15em}.brand small{display:block;color:#839088;font-size:7px;letter-spacing:.18em;margin-top:4px}nav{display:flex;gap:24px}nav a{color:#cbd3ce;text-decoration:none;font-size:9px;letter-spacing:.13em;text-transform:uppercase}#menu{display:none;background:none;border:1px solid var(--line);color:white;padding:9px}.hero{height:100vh;min-height:700px;position:relative;overflow:hidden}.heroImg{position:absolute;inset:0;background:url("assets/vyndi-altitude-pr26-hero.png") 64% 51%/cover no-repeat;transform:scale(1.025)}.veil{position:absolute;inset:0;background:linear-gradient(90deg,#070a09 5%,#070a09ed 36%,#070a0980 61%,#070a09cc 100%),linear-gradient(0deg,#070a09 0%,transparent 35%)}.wind{position:absolute;inset:0;background:repeating-linear-gradient(168deg,transparent 0 70px,#69e7ff08 71px,#69e7ff08 72px,transparent 73px 145px);animation:wind 12s linear infinite}@keyframes wind{to{transform:translateX(145px)}}.heroCopy{position:absolute;left:6vw;top:50%;transform:translateY(-44%);max-width:850px}.kicker,.eyebrow{font-size:9px;letter-spacing:.28em;color:#a4b0a9}.productName{font:500 15px Space Grotesk;letter-spacing:.32em;color:var(--cyan);margin:22px 0}.productName b{color:var(--lime)}h1{font:500 clamp(60px,8.6vw,140px)/.8 Space Grotesk;letter-spacing:-.07em;margin:0 0 35px;text-shadow:0 3px 30px #000}.hero h1 span{font-weight:400}.hero h1 em{font-style:normal;color:var(--lime)}.heroCopy>p{max-width:650px;color:#bac4be;line-height:1.65;font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.chips span{padding:8px 10px;border:1px solid #ffffff22;background:#0a0e0bbb;font-size:8px;letter-spacing:.15em}.cta{display:inline-block;border:1px solid var(--lime);color:var(--lime);text-decoration:none;padding:15px 19px;font-size:9px;letter-spacing:.15em;margin-top:10px;transition:.25s}.cta:hover{background:var(--lime);color:#071008;box-shadow:0 0 30px #b9ff2c35}.section{padding:120px 6vw;border-top:1px solid #1d2521}h2{font:500 clamp(42px,5.5vw,78px)/1 Space Grotesk;letter-spacing:-.055em;margin:28px 0}h2 i{font-style:normal;color:var(--lime)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:55px}.twocol p{color:var(--muted);font-size:15px;line-height:1.8}.twocol .big{font:400 25px/1.55 Space Grotesk;color:#dce3df}.altitude{display:grid;grid-template-columns:1fr 1.15fr;gap:6vw;background:var(--panel);align-items:center}.altitude .copy>p{color:var(--muted);line-height:1.8}.bikePanel{position:relative;min-height:560px;overflow:hidden;border:1px solid var(--line)}.bikePanel img{position:absolute;width:100%;height:100%;object-fit:cover;filter:contrast(1.06)}.bikePanel:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 90px #070a09}.specrow{display:grid;grid-template-columns:1fr 1fr;margin-top:40px}.specrow span{padding:20px 10px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.12em;color:#87948c}.specrow b{display:block;color:var(--orange);font:500 25px Space Grotesk;margin-bottom:5px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border:1px solid var(--line)}.pillars article{padding:38px;min-height:330px;border-right:1px solid var(--line)}.pillars article:last-child{border:0}.pillars article>span{color:#5b6961;font-size:10px}.pillars article>b{display:block;color:var(--lime);letter-spacing:.16em;margin-top:35px}.pillars h3{font:500 29px Space Grotesk}.pillars p{color:var(--muted);line-height:1.7}.pillars small{color:var(--cyan);letter-spacing:.14em}.flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:60px}.flow span{padding:11px 13px;border:1px solid var(--line);font-size:7px;letter-spacing:.13em}.flow i{font-style:normal;color:var(--orange)}.vaea{background:radial-gradient(circle at 75% 50%,#13251c,#070a09 45%)}.vaeaGrid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.vaeaGrid p{max-width:560px;color:var(--muted);line-height:1.8}.rings{height:470px;position:relative}.rings div{position:absolute;border:1px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;letter-spacing:.15em;font-size:9px}.rings div:nth-child(1){inset:0;border-color:#b9ff2c77}.rings div:nth-child(2){inset:50px;border-color:#69e7ff77}.rings div:nth-child(3){inset:100px;border-color:#ff45c877}.rings div:nth-child(4){inset:150px;border-color:#ff7a1a99}.partners{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:55px}.partners article{padding:30px 20px;border-right:1px solid var(--line)}.partners b,.partners span{display:block}.partners b{font:500 20px Space Grotesk}.partners span{color:#829087;font-size:10px;margin-top:12px}.legal{font-size:9px;color:#59665e;max-width:760px;line-height:1.6}.manifesto{min-height:80vh;padding:120px 6vw;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#17211c,#070a09 60%);border-top:1px solid var(--line)}.manifesto img{width:95px;height:95px;object-fit:contain;margin-bottom:30px}.manifesto .eyebrow{color:var(--mag)}.manifesto p{color:var(--cyan);font-size:9px;letter-spacing:.24em}.contact{display:flex;align-items:end;justify-content:space-between}.contact p{color:var(--muted)}footer{padding:28px 5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:8px;letter-spacing:.14em;color:#6f7d75}.fbrand{display:flex;align-items:center;gap:10px}.fbrand img{width:28px;height:28px;object-fit:contain}.reveal{opacity:0;transform:translateY(32px);transition:.85s ease}.reveal.on{opacity:1;transform:none}@media(max-width:800px){header{height:70px}.brand img{width:36px;height:36px}nav{display:none}#menu{display:block}.hero{min-height:760px}.heroImg{background-position:65% center}.veil{background:linear-gradient(90deg,#070a09f5 0,#070a09c5 70%,#070a0990),linear-gradient(0deg,#070a09 0,transparent 40%)}.heroCopy{top:48%;left:7vw;right:7vw}.hero h1{font-size:17vw}.twocol,.altitude,.vaeaGrid{grid-template-columns:1fr}.pillars,.partners{grid-template-columns:1fr}.pillars article,.partners article{border-right:0;border-bottom:1px solid var(--line)}.bikePanel{min-height:420px}.rings{height:330px}.contact{display:block}.contact .cta{margin-top:30px}footer{gap:15px;flex-wrap:wrap}.section{padding:90px 7vw}}
.technology{background:#090d0b}.techgrid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:55px}.techgrid article{padding:34px;border-right:1px solid var(--line);min-height:210px}.techgrid article:last-child{border:0}.techgrid b{font-size:10px;letter-spacing:.17em;color:var(--cyan)}.techgrid p{color:var(--muted);line-height:1.75;margin-top:25px}.updates{background:#0a0e0c}.updategrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:50px}.updategrid article{background:var(--bg);padding:38px}.updategrid small{color:var(--orange);letter-spacing:.16em}.updategrid h3{font:500 30px Space Grotesk;margin:18px 0}.updategrid p{color:var(--muted);line-height:1.7}.contactCard{min-width:390px;border:1px solid var(--line);padding:30px;background:#0b100d}.contactCard b,.contactCard span,.contactCard a{display:block}.contactCard b{font:500 17px Space Grotesk;letter-spacing:.1em;color:var(--lime)}.contactCard span{margin:18px 0 8px;color:#78867d;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.contactCard address{font-style:normal;line-height:1.7;color:#b1bcb5;font-size:13px}.contactCard a,footer a{color:var(--cyan);text-decoration:none;margin-top:16px;letter-spacing:.08em}.fbrand small{display:block;color:#6f7d75;font-size:7px;margin-top:5px;letter-spacing:.08em}@media(max-width:800px){.techgrid,.updategrid{grid-template-columns:1fr}.techgrid article{border-right:0;border-bottom:1px solid var(--line)}.contactCard{min-width:0;margin-top:35px;width:100%}footer{align-items:flex-start}.fbrand small{max-width:260px}}

.heroRail{position:absolute;right:4vw;bottom:4vh;display:flex;gap:18px;writing-mode:vertical-rl;transform:rotate(180deg)}.heroRail span{font-size:7px;letter-spacing:.2em;color:#6e7d74}.altitudeStory{background:linear-gradient(135deg,#080b0a,#101813)}.storyGrid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.storyGrid p{color:var(--muted);line-height:1.8;max-width:600px}.publicSpecs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.publicSpecs div{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.publicSpecs b,.publicSpecs span{display:block}.publicSpecs b{font:500 22px Space Grotesk;color:var(--orange)}.publicSpecs span{font-size:7px;letter-spacing:.14em;color:#87958c;margin-top:6px}.ipNote{font-size:9px!important;color:#59665e!important;margin-top:30px}.govern{padding:100px 6vw;background:#0b110e;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1fr;gap:4vw;align-items:center}.govern span{font-size:9px;letter-spacing:.2em;color:var(--lime)}.govern h2{font-size:38px;margin:14px 0}.govern h3{font:500 24px Space Grotesk}.govern p{color:var(--muted);line-height:1.6}.govline{display:flex;align-items:center}.govline b{font-size:7px;letter-spacing:.13em;white-space:nowrap}.govline i{height:1px;background:linear-gradient(90deg,var(--cyan),var(--mag));flex:1;margin:0 8px}.brand img,.fbrand img,.manifesto img{filter:drop-shadow(0 0 8px #69e7ff20)}@media(max-width:800px){.heroRail{display:none}.storyGrid,.govern{grid-template-columns:1fr}.publicSpecs{grid-template-columns:1fr 1fr}.govline{margin:20px 0;overflow:auto}.govern{padding:80px 7vw}}

/* R5 VYNDI colour integration */
:root{--vyndi-orange:#FF6A00;--vyndi-orange2:#FF7A1A;--vyndi-lime:#B9FF2C}
.productName strong{color:var(--vyndi-orange);font-weight:600;text-shadow:0 0 20px #ff6a0033}
.productName b{color:var(--vyndi-lime)}
.hero h1 em{color:var(--vyndi-lime);text-shadow:0 0 34px #b9ff2c16}
.orangeLabel,.vyndiOrange{color:var(--vyndi-orange)!important}
.nav nav a:hover{color:var(--vyndi-orange)}
.hero .kicker:before{content:"";display:inline-block;width:26px;height:2px;background:var(--vyndi-orange);margin:0 10px 3px 0;box-shadow:0 0 12px #ff6a0066}
.chips span:nth-child(1){border-color:#69e7ff66;color:#69E7FF}
.chips span:nth-child(2){border-color:#b9ff2c66;color:#B9FF2C}
.chips span:nth-child(3){border-color:#ff45c866;color:#FF45C8}
.chips span:nth-child(4){border-color:#ff6a0066;color:#FF8A3D}
.cta{border-color:var(--vyndi-orange);color:#ff8a3d}
.cta:hover{background:var(--vyndi-orange);color:#070a09;box-shadow:0 0 34px #ff6a0045}
.energy{position:absolute;inset:-10%;pointer-events:none;mix-blend-mode:screen;opacity:.42;filter:blur(2px);transform:rotate(-7deg)}
.energyOrange{background:
 radial-gradient(ellipse at 46% 57%,transparent 0 36%,#ff6a0018 38%,transparent 44%),
 linear-gradient(164deg,transparent 0 42%,#ff6a0038 43%,#ff6a0000 44% 49%,#ff7a1a24 50%,transparent 51% 100%);
 animation:energyO 10s ease-in-out infinite alternate}
.energyLime{background:
 radial-gradient(ellipse at 67% 53%,transparent 0 38%,#b9ff2c13 40%,transparent 46%),
 linear-gradient(171deg,transparent 0 48%,#b9ff2c24 49%,transparent 50% 55%,#b9ff2c12 56%,transparent 57%);
 animation:energyL 13s ease-in-out infinite alternate}
@keyframes energyO{to{transform:rotate(-5deg) translate(2.5%,1%);opacity:.56}}
@keyframes energyL{to{transform:rotate(-9deg) translate(-2%,2%);opacity:.50}}
.specrow b,.publicSpecs b{color:var(--vyndi-orange)}
.flow i{color:var(--vyndi-orange)}
.partners article:first-child b,.updategrid article:first-child small{color:var(--vyndi-orange)}
.contactCard b{color:var(--vyndi-orange)}
.contactCard a,footer a{color:#ff8a3d}
.manifesto{background:
 radial-gradient(circle at 38% 45%,#ff6a000d,transparent 26%),
 radial-gradient(circle at 62% 52%,#b9ff2c0d,transparent 30%),
 radial-gradient(circle,#17211c,#070a09 65%)}
.altitude{background:
 radial-gradient(circle at 82% 35%,#ff6a0010,transparent 32%),
 radial-gradient(circle at 35% 70%,#b9ff2c0a,transparent 30%),var(--panel)}
.vaea{background:
 radial-gradient(circle at 75% 50%,#b9ff2c0e,#13251c 15%,transparent 43%),
 radial-gradient(circle at 15% 70%,#ff6a000d,transparent 28%),#070a09}
@media(prefers-reduced-motion:reduce){.energyOrange,.energyLime{animation:none}}

/* R6 cinematic flight-plan teaser */
.flightIntro{position:fixed;inset:0;z-index:999;background:#050807;color:#f3f6f2;overflow:hidden;transition:opacity .7s ease,visibility .7s ease}.flightIntro.done{opacity:0;visibility:hidden;pointer-events:none}.flightGrid{position:absolute;inset:-20%;opacity:.18;background-image:linear-gradient(#69e7ff18 1px,transparent 1px),linear-gradient(90deg,#69e7ff18 1px,transparent 1px);background-size:70px 70px;transform:perspective(700px) rotateX(64deg) translateY(25%);transform-origin:center bottom}.flightSweep{position:absolute;width:140%;height:2px;left:-20%;top:62%;background:linear-gradient(90deg,transparent,var(--vyndi-orange),var(--vyndi-lime),transparent);box-shadow:0 0 24px #ff6a0077;transform:rotate(-8deg);animation:sweep 2.6s ease-in-out infinite}.flightLogo{position:absolute;top:6vh;left:6vw;display:flex;align-items:center;gap:13px;font:600 11px Space Grotesk;letter-spacing:.18em}.flightLogo img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 0 15px #69e7ff30)}.skipIntro{position:absolute;right:5vw;top:7vh;z-index:5;background:transparent;border:1px solid #ffffff25;color:#aeb9b2;padding:10px 14px;font-size:8px;letter-spacing:.16em;cursor:pointer}.flightSequence{position:absolute;inset:0}.flightFrame{position:absolute;left:8vw;top:50%;transform:translateY(-45%);opacity:0;max-width:1000px;pointer-events:none}.flightFrame small{font-size:10px;letter-spacing:.3em;color:var(--vyndi-orange)}.flightFrame h2{font:500 clamp(45px,6vw,95px)/.98 Space Grotesk;margin:20px 0;letter-spacing:-.05em}.flightFrame em{font-style:normal;color:var(--vyndi-lime)}.f1{animation:frame1 8s both}.f2{animation:frame2 8s both}.f3{animation:frame3 8s both}.f4{animation:frame4 8s both;pointer-events:auto}.systemLights{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.systemLights b{padding:15px 20px;border:1px solid #ffffff25;font-size:11px;letter-spacing:.16em}.systemLights b:nth-child(1){color:var(--vyndi-lime);box-shadow:inset 0 -2px var(--vyndi-lime)}.systemLights b:nth-child(2){color:var(--cyan);box-shadow:inset 0 -2px var(--cyan)}.systemLights b:nth-child(3){color:var(--mag);box-shadow:inset 0 -2px var(--mag)}.enterSite{background:transparent;border:1px solid var(--vyndi-orange);color:#ff8a3d;padding:15px 20px;font-size:9px;letter-spacing:.16em;cursor:pointer;margin-top:12px}.enterSite:hover{background:var(--vyndi-orange);color:#050807}@keyframes sweep{0%,100%{transform:translateY(-120px) rotate(-8deg);opacity:.15}50%{transform:translateY(120px) rotate(-8deg);opacity:.7}}@keyframes frame1{0%{opacity:0;transform:translateY(-38%)}5%,22%{opacity:1;transform:translateY(-45%)}27%,100%{opacity:0}}@keyframes frame2{0%,24%{opacity:0}29%,44%{opacity:1}49%,100%{opacity:0}}@keyframes frame3{0%,46%{opacity:0}51%,65%{opacity:1}70%,100%{opacity:0}}@keyframes frame4{0%,67%{opacity:0}73%,100%{opacity:1}}@media(max-width:800px){.flightFrame{left:7vw;right:7vw}.flightFrame h2{font-size:12vw}.flightLogo span{font-size:8px}.systemLights{display:grid}.skipIntro{top:5vh}.flightGrid{background-size:45px 45px}}@media(prefers-reduced-motion:reduce){.flightSweep{animation:none}.flightFrame{animation:none}.f1,.f2,.f3{display:none}.f4{opacity:1}}

/* R7: clearer VAEA convergence diagram */
.vaeaGrid{display:grid;grid-template-columns:.86fr 1.45fr;gap:6vw;align-items:center}
.vaeaCopy p{max-width:560px;color:var(--muted);line-height:1.8}
.vaeaSub{font-size:12px!important;color:#6d7b72!important;margin-top:20px}
.vaeaMap{position:relative;min-height:620px;border:1px solid #27322c;background:
 radial-gradient(circle at 50% 50%,#b9ff2c0c,transparent 25%),
 radial-gradient(circle at 30% 25%,#69e7ff0b,transparent 24%),
 radial-gradient(circle at 75% 75%,#ff6a000b,transparent 24%),
 #0a0f0c;overflow:hidden}
.vaeaNode,.vaeaCenter{position:absolute;z-index:2}
.vaeaNode{width:32%;padding:20px 22px;border:1px solid #2a3830;background:#0a0f0de8;backdrop-filter:blur(8px)}
.vaeaNode span{display:block;font-size:8px;letter-spacing:.2em;color:#607067;margin-bottom:10px}
.vaeaNode b{display:block;font:600 15px Space Grotesk;letter-spacing:.08em}
.vaeaNode small{display:block;font-size:9px;line-height:1.55;color:#84928a;margin-top:9px}
.vaeaNode.rider{left:5%;top:8%;border-color:#69e7ff55}.vaeaNode.rider b{color:#69E7FF}
.vaeaNode.aero{right:5%;top:8%;border-color:#b9ff2c55}.vaeaNode.aero b{color:#B9FF2C}
.vaeaNode.composite{left:5%;bottom:8%;border-color:#ff6a0055}.vaeaNode.composite b{color:#FF7A1A}
.vaeaNode.evidence{right:5%;bottom:8%;border-color:#ff45c855}.vaeaNode.evidence b{color:#FF45C8}
.vaeaCenter{left:50%;top:50%;transform:translate(-50%,-50%);width:31%;min-height:180px;border:1px solid #b9ff2c88;background:#0b130e;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 60px #b9ff2c0d}
.vaeaCenter small{font-size:7px;letter-spacing:.19em;color:#8c9b91}.vaeaCenter strong{font:600 42px Space Grotesk;color:#B9FF2C;letter-spacing:.08em;margin:12px 0 7px}.vaeaCenter b{font-size:9px;letter-spacing:.17em;color:#d5ddd7}
.vaeaLines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.vaeaLines path{fill:none;stroke:#82908755;stroke-width:1.4;stroke-dasharray:6 7}.vaeaMap:after{content:"CONVERGENCE";position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:7px;letter-spacing:.28em;color:#526158}
@media(max-width:980px){.vaeaGrid{grid-template-columns:1fr}.vaeaMap{min-height:680px}.vaeaNode{width:40%}.vaeaCenter{width:36%}}
@media(max-width:680px){.vaeaMap{min-height:auto;padding:18px;display:grid;gap:12px}.vaeaNode,.vaeaCenter{position:relative;inset:auto!important;transform:none;width:100%;min-height:0}.vaeaCenter{padding:28px 18px;order:3}.vaeaNode.rider{order:1}.vaeaNode.aero{order:2}.vaeaNode.composite{order:4}.vaeaNode.evidence{order:5}.vaeaLines{display:none}.vaeaMap:after{display:none}}

/* R8 Engineering Ecosystem logos */
.ecosIntro{max-width:780px;color:var(--muted);line-height:1.8;margin:20px 0 0}
.partnerLogos{grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.partnerLogos article{background:#090d0b;padding:32px;min-height:360px;border:0}
.partnerLogoBox{height:92px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #27322c;padding-bottom:22px;margin-bottom:25px}
.partnerLogoBox img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}
.partnerLogoBox strong,.partnerLogoBox small{display:block}
.partnerLogoBox strong{font:600 22px Space Grotesk;letter-spacing:.08em;color:#f1f5ef}
.partnerLogoBox small{font-size:7px;letter-spacing:.11em;line-height:1.45;color:#7f8d85;margin-top:6px;max-width:250px}
.partnerLogos h3{font:500 24px Space Grotesk;margin:22px 0 12px}
.partnerLogos p{color:var(--muted);line-height:1.7;font-size:13px}
.partnerStatus{display:block;margin-top:24px;font-size:7px!important;letter-spacing:.15em;color:var(--vyndi-orange)!important}
.psgBox{box-shadow:inset 0 -1px #69e7ff33}.tancamBox{box-shadow:inset 0 -1px #b9ff2c33}.tansamBox{box-shadow:inset 0 -1px #ff6a0033}
@media(max-width:900px){.partnerLogos{grid-template-columns:1fr}.partnerLogos article{min-height:0}}

.footerContact{display:flex;flex-direction:column;gap:6px}
.footerContact a{margin:0!important}
.contactCard a+a{margin-top:8px}

/* R11 — VYNDI grow-and-hold brand moment */
.manifesto .vyndiGrow{
  display:inline-block;
  position:relative;
  font-family:Space Grotesk,Inter,Arial,sans-serif;
  font-size:12px;
  font-weight:600;
  letter-spacing:.42em;
  line-height:1;
  color:#FF6A00;
  opacity:.18;
  transform:scale(.42);
  transform-origin:center;
  filter:blur(1.5px);
  text-shadow:0 0 0 transparent;
  will-change:transform,opacity,filter,letter-spacing;
}
.manifesto.on .vyndiGrow{
  animation:vyndi-grow-hold 1.65s cubic-bezier(.18,.78,.22,1) .18s forwards;
}
.manifesto .vyndiGrow::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-18px;
  width:0;
  height:2px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,#FF6A00,#B9FF2C);
  box-shadow:0 0 18px #ff6a0044,0 0 22px #b9ff2c22;
}
.manifesto.on .vyndiGrow::after{
  animation:vyndi-line-hold .8s ease 1.35s forwards;
}
@keyframes vyndi-grow-hold{
  0%{
    font-size:12px;
    letter-spacing:.42em;
    opacity:.18;
    transform:scale(.42);
    filter:blur(1.5px);
    color:#FF6A00;
  }
  58%{
    font-size:58px;
    letter-spacing:.30em;
    opacity:1;
    transform:scale(1.06);
    filter:blur(0);
    color:#FF7A1A;
    text-shadow:0 0 28px #ff6a0025;
  }
  100%{
    font-size:54px;
    letter-spacing:.24em;
    opacity:1;
    transform:scale(1);
    filter:blur(0);
    color:#FF7A1A;
    text-shadow:0 0 18px #ff6a0020,0 0 28px #b9ff2c10;
  }
}
@keyframes vyndi-line-hold{
  from{width:0;opacity:0}
  to{width:72%;opacity:1}
}
.manifesto.on .vyndiGrow + h2{
  animation:vyndi-copy-settle .9s ease 1.1s both;
}
@keyframes vyndi-copy-settle{
  from{opacity:.25;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:800px){
  @keyframes vyndi-grow-hold{
    0%{
      font-size:10px;
      letter-spacing:.42em;
      opacity:.18;
      transform:scale(.42);
      filter:blur(1.5px);
      color:#FF6A00;
    }
    58%{
      font-size:36px;
      letter-spacing:.26em;
      opacity:1;
      transform:scale(1.05);
      filter:blur(0);
      color:#FF7A1A;
    }
    100%{
      font-size:33px;
      letter-spacing:.20em;
      opacity:1;
      transform:scale(1);
      filter:blur(0);
      color:#FF7A1A;
    }
  }
}
@media(prefers-reduced-motion:reduce){
  .manifesto .vyndiGrow{
    font-size:54px;
    letter-spacing:.24em;
    opacity:1;
    transform:none;
    filter:none;
  }
  .manifesto .vyndiGrow::after{
    width:72%;
  }
  .manifesto.on .vyndiGrow,
  .manifesto.on .vyndiGrow::after,
  .manifesto.on .vyndiGrow + h2{
    animation:none;
  }
}

/* R13 — Refined global Vāyú environment:
   shared atmospheric background + small non-intrusive watermark */
main > section:not(.hero){
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

/* Background theme only */
main > section:not(.hero)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 22%, rgba(185,255,44,.065), transparent 29%),
    radial-gradient(circle at 15% 80%, rgba(255,106,0,.040), transparent 27%),
    linear-gradient(128deg, rgba(105,231,255,.014), transparent 34% 70%, rgba(255,69,200,.010)),
    repeating-linear-gradient(168deg,
      transparent 0 90px,
      rgba(105,231,255,.012) 91px,
      rgba(105,231,255,.012) 92px,
      transparent 93px 180px);
  opacity:.72;
}

/* Small logo watermark kept clear of main content */
main > section:not(.hero)::after{
  content:"";
  position:absolute;
  right:28px;
  bottom:26px;
  width:62px;
  height:62px;
  z-index:1;
  pointer-events:none;
  background:url("assets/vayu-official.png") center/contain no-repeat;
  opacity:.14;
  filter:drop-shadow(0 0 8px rgba(105,231,255,.10));
}

/* Keep real section content above background/watermark */
main > section:not(.hero) > *{
  position:relative;
  z-index:2;
}

/* Sections that already contain a deliberate logo do NOT get another watermark */
.manifesto::after{
  display:none;
}

/* Contact/footer-heavy section: keep watermark top-right, away from cards/footer */
.contact::after{
  right:30px;
  top:30px;
  bottom:auto;
}

/* Product/image-heavy sections: push watermark into a safe margin */
.altitude::after,
.altitudeStory::after,
.vaea::after,
.govern::after,
.ecosystem::after,
.updates::after{
  width:54px;
  height:54px;
  right:24px;
  bottom:22px;
  opacity:.11;
}

/* Never let the watermark sit over structured cards */
.techgrid,
.publicSpecs,
.pillars,
.vaeaMap,
.partners,
.updategrid,
.contactCard{
  position:relative;
  z-index:3;
}

/* Keep the strongest VYNDI manifesto moment intentional and clean */
.manifesto{
  background:
    radial-gradient(circle at 50% 40%, rgba(185,255,44,.075), transparent 28%),
    radial-gradient(circle at 38% 48%, rgba(255,106,0,.040), transparent 24%),
    radial-gradient(circle,#17211c,#070a09 66%);
}

/* Mobile refinement */
@media(max-width:800px){
  main > section:not(.hero)::before{
    background:
      radial-gradient(circle at 80% 18%, rgba(185,255,44,.050), transparent 28%),
      radial-gradient(circle at 12% 82%, rgba(255,106,0,.028), transparent 24%),
      repeating-linear-gradient(168deg,
        transparent 0 72px,
        rgba(105,231,255,.010) 73px,
        rgba(105,231,255,.010) 74px,
        transparent 75px 146px);
    opacity:.62;
  }
  main > section:not(.hero)::after{
    width:44px;
    height:44px;
    right:14px;
    bottom:14px;
    opacity:.10;
  }
  .contact::after{
    right:14px;
    top:14px;
    bottom:auto;
  }
}

/* R15 — Enhanced VYNDI bike hero based on approved visual direction */
.turbineHero,.turbineHalo,.windVectors{display:none!important}

.enhancedBikeHero{
  filter:saturate(.94) contrast(1.06) brightness(.80);
  animation:bike-hero-breathe 20s ease-in-out infinite alternate;
}
@keyframes bike-hero-breathe{
  from{transform:scale(1.025) translate3d(0,0,0)}
  to{transform:scale(1.055) translate3d(-.8%,.2%,0)}
}

/* Keep copy readable while preserving the vivid orange/lime energy */
.hero .veil{
  background:
    linear-gradient(90deg,
      #070a09 0%,
      #070a09fa 24%,
      #070a09df 40%,
      #070a0993 57%,
      #070a0944 72%,
      #070a0933 100%),
    linear-gradient(0deg,#070a09 0%,transparent 30%);
}

.heroFlow{
  position:absolute;
  inset:0;
  pointer-events:none;
  mix-blend-mode:screen;
  opacity:.52;
  background:
    radial-gradient(ellipse at 67% 45%,transparent 0 30%,rgba(185,255,44,.10) 33%,transparent 38%),
    linear-gradient(162deg,
      transparent 0 27%,
      rgba(255,106,0,.15) 28%,
      transparent 30% 36%,
      rgba(185,255,44,.11) 38%,
      transparent 40% 47%,
      rgba(105,231,255,.09) 49%,
      transparent 51% 100%);
  animation:hero-flow-shift 10s ease-in-out infinite alternate;
}
@keyframes hero-flow-shift{
  from{transform:translateX(-1.2%) skewX(-1deg);opacity:.38}
  to{transform:translateX(1.2%) skewX(1deg);opacity:.60}
}

.heroCopy{max-width:820px}
.hero h1{
  font-size:clamp(60px,7.5vw,124px);
  line-height:.91;
  letter-spacing:-.045em;
}
.hero h1 em{
  color:#B9FF2C;
  text-shadow:0 0 24px rgba(185,255,44,.15);
}
.hero .productName strong{
  color:#FF7A1A;
  text-shadow:0 0 18px rgba(255,106,0,.24);
}
.hero .productName b{color:#B9FF2C}

.hero .chips span:nth-child(1){border-color:#69e7ff70;color:#69E7FF}
.hero .chips span:nth-child(2){border-color:#b9ff2c70;color:#B9FF2C}
.hero .chips span:nth-child(3){border-color:#ff45c870;color:#FF45C8}
.hero .chips span:nth-child(4){border-color:#ff6a0070;color:#FF8A3D}

.hero .cta{
  border-color:#B9FF2C;
  color:#B9FF2C;
}
.hero .cta:hover{
  background:#B9FF2C;
  color:#070a09;
  box-shadow:0 0 34px rgba(185,255,44,.28);
}

@media(max-width:1000px){
  .heroImg{background-position:68% center}
  .hero .veil{
    background:
      linear-gradient(90deg,#070a09fa 0%,#070a09e8 52%,#070a098a 100%),
      linear-gradient(0deg,#070a09 0%,transparent 36%);
  }
}
@media(max-width:800px){
  .heroImg{
    background-position:72% center;
    filter:saturate(.82) contrast(1.04) brightness(.62);
  }
  .heroFlow{opacity:.30}
  .hero h1{font-size:15vw}
}
@media(prefers-reduced-motion:reduce){
  .enhancedBikeHero,.heroFlow{animation:none}
}

/* R16 — Launch hardening */
:root{color-scheme:dark}
[id]{scroll-margin-top:96px}
.skipLink{
  position:fixed;left:16px;top:-70px;z-index:1000;
  background:#B9FF2C;color:#071008;text-decoration:none;
  padding:10px 14px;font:600 12px Inter,Arial,sans-serif;
  transition:top .2s ease
}
.skipLink:focus{top:16px}
a:focus-visible,button:focus-visible{
  outline:2px solid #69E7FF;
  outline-offset:4px
}
button{font:inherit}
.partnerLogoLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  text-decoration:none
}
.partnerLogoLink img{display:block}
.heroCopy,.heroRail{z-index:4}
.heroFlow,.energy,.wind,.veil,.heroImg{pointer-events:none}
@media(max-width:800px){
  [id]{scroll-margin-top:78px}
  #primaryNav[style*="display: flex"]{
    max-width:min(300px,86vw);
    box-shadow:0 22px 50px #0008
  }
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
}

/* ==========================================================
   R25 · VYNDI LUXE MOTION SYSTEM
   Live-site content baseline + actual VYNDI CAD visualization
   ========================================================== */
:root{
  --bg:#050706;--bg2:#080b09;--panel:#0a0e0c;--hair:rgba(255,255,255,.105);
  --text:#f4f7f4;--muted:#8e9a93;--lime:#b9ff2c;--cyan:#69e7ff;--mag:#ff45c8;--orange:#ff7a1a;
  --luxe:cubic-bezier(.22,1,.36,1);--slow:cubic-bezier(.16,1,.3,1);
}
html{background:var(--bg);scroll-padding-top:78px}
body{background:linear-gradient(180deg,#040605,#070a08 42%,#040605);color:var(--text);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
body:after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%)}
header{height:78px;background:linear-gradient(180deg,rgba(4,6,5,.90),rgba(4,6,5,.66));backdrop-filter:blur(24px) saturate(130%);border-bottom:1px solid rgba(255,255,255,.08);transition:background .45s ease,border-color .45s ease}
.brand{gap:14px}.brand img{width:43px;height:43px;will-change:transform;transform-style:preserve-3d;transition:transform .35s var(--luxe),filter .35s ease;filter:drop-shadow(0 9px 18px rgba(0,0,0,.35))}.brand:hover img{filter:drop-shadow(0 12px 28px rgba(105,231,255,.16))}.brand b{font-size:13px;letter-spacing:.18em}.brand small{font-size:7px;color:#7f8a83;letter-spacing:.22em}nav{gap:28px}nav a{position:relative;color:#bdc6c0;font-size:8px;letter-spacing:.17em;transition:color .3s ease}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--lime));transition:right .45s var(--luxe)}nav a:hover{color:#fff}nav a:hover:after{right:0}

/* HERO — cinematic but truthful */
.hero{height:100svh;min-height:720px;padding-top:78px;background:#030504;position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid rgba(255,255,255,.08)}
.heroStage{position:absolute;inset:78px 0 0;overflow:hidden;z-index:-2}
.heroAtmosphere{position:absolute;inset:0;background:
  radial-gradient(1000px 650px at 73% 50%,rgba(105,231,255,.055),transparent 61%),
  radial-gradient(800px 520px at 82% 67%,rgba(255,122,26,.055),transparent 64%),
  linear-gradient(90deg,#030504 0%,#030504 31%,rgba(3,5,4,.78) 48%,rgba(3,5,4,.16) 74%,#030504 100%);z-index:2;pointer-events:none}
.heroStage:before{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(3,5,4,.2),transparent 25%,transparent 70%,#030504 100%);pointer-events:none}
.heroProduct{position:absolute;inset:-4% -1% -4% 0;will-change:transform;transform:translate3d(0,0,0);z-index:1}
.heroProduct img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:contrast(1.08) brightness(.93) saturate(.86)}
.heroCopy{left:6vw;top:50%;transform:translateY(-46%);max-width:min(690px,47vw);z-index:4;will-change:transform}
.hero .kicker{font-size:8px;letter-spacing:.28em;color:#85918a;margin-bottom:20px}.productName{display:flex;align-items:center;gap:16px;margin:0 0 22px;font-size:12px;letter-spacing:.34em}.productName span{width:42px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--lime));opacity:.5}.hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:clamp(62px,7.8vw,126px);line-height:.80;letter-spacing:-.065em;margin:0 0 30px;text-transform:uppercase;text-shadow:0 15px 60px rgba(0,0,0,.65)}.hero h1 span{font-weight:800}.hero h1 em{font-style:normal;color:var(--lime)}.heroCopy>p{max-width:610px;font-size:14px;line-height:1.75;color:#aeb9b2}.hero .cta{margin-top:23px;padding:0 0 9px;border:0;border-bottom:1px solid rgba(185,255,44,.55);color:#eef7e9;font-size:8px;letter-spacing:.20em;transition:color .3s ease,border-color .3s ease}.hero .cta:hover{background:none;color:var(--lime);box-shadow:none;border-color:var(--lime)}
.heroCue{position:absolute;left:6vw;bottom:34px;display:flex;align-items:center;gap:14px;z-index:5;color:#68756d}.heroCue span,.heroCue b{font-size:7px;letter-spacing:.22em;font-weight:500}.heroCue i{display:block;width:82px;height:1px;background:linear-gradient(90deg,#6d7b73,transparent);position:relative;overflow:hidden}.heroCue i:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,var(--cyan),var(--lime),transparent);animation:cue 3.4s ease-in-out infinite}@keyframes cue{55%,100%{transform:translateX(120%)}}
.heroStatus{position:absolute;right:3.4vw;bottom:30px;z-index:5;max-width:300px;text-align:right;color:#68756d;font-size:6.8px;letter-spacing:.16em;line-height:1.55}

/* GLOBAL LUXURY SCENES */
.luxeScene{position:relative;isolation:isolate;overflow:clip;--wmShift:0px}.luxeScene[data-watermark]:before{content:attr(data-watermark);position:absolute;z-index:-1;right:-.025em;top:.02em;font:600 clamp(110px,18vw,330px)/.82 Space Grotesk,Arial,sans-serif;letter-spacing:-.08em;color:#fff;opacity:.018;transform:translate3d(var(--wmShift),0,0);white-space:nowrap;pointer-events:none;will-change:transform}
.section{padding:clamp(110px,11vw,180px) 6vw;border-top:1px solid rgba(255,255,255,.075)}
.section>.eyebrow,.sceneContent>.eyebrow{position:relative;z-index:4}
h2{font-size:clamp(50px,6.1vw,92px);line-height:.94;letter-spacing:-.062em;margin:28px 0 48px}.eyebrow{font-size:8px;letter-spacing:.31em;color:#8e9b93}.chapterRail{position:absolute;right:5vw;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;font-size:7px;letter-spacing:.22em;color:#4f5b54}
.reveal{opacity:0;transform:translate3d(0,40px,0);transition:opacity 1s var(--luxe),transform 1s var(--luxe)}.reveal.on{opacity:1;transform:none}
[data-stagger]{opacity:0;transform:translate3d(0,34px,0);transition:opacity .85s var(--luxe),transform .85s var(--luxe);transition-delay:calc(var(--stagger,0)*90ms)}.on [data-stagger],[data-stagger].on{opacity:1;transform:none}

/* 01 INTENT */
#company{min-height:96vh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(900px 500px at 86% 60%,rgba(185,255,44,.035),transparent 68%)}
#company .twocol{margin-top:62px;max-width:1250px}.twocol .big{font-size:clamp(24px,2.3vw,38px);line-height:1.42;letter-spacing:-.025em}.twocol p:last-child{max-width:540px;font-size:15px;line-height:1.9}

/* 02 TECHNOLOGY — product macro behind the information */
#technology{min-height:128vh;background:#050706;padding-top:150px;padding-bottom:150px}
.sceneMedia{position:absolute;pointer-events:none;will-change:transform}.sceneMedia img{width:100%;height:100%;object-fit:cover;display:block}
.techMedia{inset:0 0 0 38%;opacity:.66;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%)}.techMedia:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050706 0%,transparent 34%,rgba(5,7,6,.08) 78%,#050706 100%),linear-gradient(180deg,#050706 0%,transparent 16%,transparent 76%,#050706 100%)}
.techContent{position:relative;z-index:2;width:min(760px,52vw)}
.techgrid{grid-template-columns:1fr;margin-top:58px;border:0;background:transparent;gap:10px}.techgrid article{min-height:0;padding:24px 26px;border:1px solid rgba(255,255,255,.11)!important;background:linear-gradient(100deg,rgba(7,10,8,.88),rgba(7,10,8,.54));backdrop-filter:blur(18px);transition:transform .45s var(--luxe),border-color .45s ease,background .45s ease}.techgrid article:hover{transform:translateX(8px);border-color:rgba(105,231,255,.26)!important;background:linear-gradient(100deg,rgba(9,13,11,.96),rgba(9,13,11,.67))}.techgrid p{margin-top:12px}.techgrid b{font-size:8px}

/* 03 ALTITUDE — sticky product composition */
#altitude{min-height:115vh;padding-top:140px;padding-bottom:140px;background:linear-gradient(135deg,#060806,#0a0e0c);grid-template-columns:.8fr 1.2fr;align-items:start}.altitude .copy{position:sticky;top:17vh;padding-top:4vh}.altitude .copy>p{font-size:15px;line-height:1.9;max-width:520px}.bikePanel{height:72vh;min-height:610px;position:sticky;top:14vh;border:1px solid rgba(255,255,255,.09);background:#030504;box-shadow:0 50px 90px rgba(0,0,0,.36)}.bikePanel img{object-fit:cover;object-position:61% center;filter:contrast(1.1) brightness(.94) saturate(.82);transform:scale(1.025)}.bikePanel:before{content:"ACTUAL VYNDI CAD · REV 5.4 FK75";position:absolute;left:22px;bottom:20px;z-index:4;color:#7d8982;font-size:7px;letter-spacing:.18em}.bikePanel:after{box-shadow:inset 0 0 110px #030504,inset 0 -110px 120px rgba(3,5,4,.62)}.specrow{gap:0}.specrow span{padding:22px 8px;border-color:rgba(255,255,255,.10)}.specrow b{font-size:27px}

/* RIDER / geometry */
.altitudeStory{min-height:118vh;padding-top:150px;padding-bottom:150px;background:#050706;isolation:isolate}.storyVisual{position:absolute;inset:0 42% 0 0;z-index:-1;opacity:.48;mask-image:linear-gradient(90deg,#000 0%,#000 66%,transparent 100%)}.storyVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#050706 0%,transparent 18%,transparent 72%,#050706 100%),linear-gradient(90deg,rgba(5,7,6,.08),transparent 60%,#050706 100%)}.storyVisual img{width:100%;height:100%;object-fit:cover;object-position:62% center;filter:contrast(1.08) brightness(.72)}.storyGrid{position:relative;z-index:2;grid-template-columns:.9fr 1fr;margin-left:36%;gap:7vw}.storyGrid>div:first-child{padding-left:2vw}.publicSpecs{background:rgba(6,8,7,.72);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.1)}.publicSpecs div{border-color:rgba(255,255,255,.085);transition:background .35s ease}.publicSpecs div:hover{background:rgba(255,255,255,.035)}

/* 04 SYSTEM — precision cards */
#system{min-height:105vh;background:radial-gradient(900px 560px at 50% 70%,rgba(105,231,255,.025),transparent 70%)}
.pillars{gap:1px;background:rgba(255,255,255,.085);border:0;margin-top:70px}.pillars article{position:relative;overflow:hidden;background:#070a08;padding:44px;min-height:390px;border:0!important;transition:transform .55s var(--luxe),background .45s ease}.pillars article:before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,var(--cyan),transparent 45%);opacity:.45}.pillars article:nth-child(2):before{background:linear-gradient(90deg,var(--lime),transparent 45%)}.pillars article:nth-child(3):before{background:linear-gradient(90deg,var(--mag),transparent 45%)}.pillars article:hover{transform:translateY(-10px);background:#0a0e0c}.pillars article>b{margin-top:48px}.flow{gap:8px;margin-top:76px}.flow span{background:#060806;border-color:rgba(255,255,255,.09);padding:12px 14px}.flow i{opacity:.7}

.govern{min-height:72vh;padding:120px 6vw;background:linear-gradient(180deg,#070b09,#050706);border-top:1px solid rgba(255,255,255,.075)}.govline{position:relative}.govline:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.07);z-index:-1}.govline i{background:linear-gradient(90deg,var(--cyan),var(--mag),var(--orange));transform-origin:left;transform:scaleX(var(--flowScale,0));transition:transform .12s linear}.govline b{background:#070a08;padding:5px 8px}

/* 05 VAEA — macro carbon load path + map */
.vaea{min-height:125vh;background:#050706;padding-top:160px;padding-bottom:160px}.vaeaMedia{inset:0 0 0 48%;opacity:.46;mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 100%)}.vaeaMedia:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050706 0,transparent 35%,rgba(5,7,6,.12)),linear-gradient(180deg,#050706 0,transparent 16%,transparent 78%,#050706 100%)}.vaeaGrid{position:relative;z-index:2;grid-template-columns:.8fr 1.2fr;gap:7vw}.vaeaCopy{align-self:center}.vaeaMap{backdrop-filter:blur(10px);background:rgba(4,7,5,.38);border:1px solid rgba(255,255,255,.08);box-shadow:0 50px 90px rgba(0,0,0,.32)}.vaeaNode{transition:transform .5s var(--luxe),border-color .4s ease,background .4s ease}.vaeaNode:hover{transform:translateY(-6px);background:rgba(9,14,11,.92)!important;border-color:rgba(185,255,44,.28)!important}.vaeaLines path{stroke-dasharray:8 14;animation:dash 16s linear infinite}@keyframes dash{to{stroke-dashoffset:-220}}

/* 06 ecosystem */
#ecosystem{min-height:100vh;background:linear-gradient(180deg,#050706,#080b09)}.ecosIntro{font-size:16px;line-height:1.9;max-width:720px}.partners{grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.085);border:0;margin-top:70px}.partners article{background:#070a08;border:0!important;padding:34px 30px;min-height:390px;transition:transform .5s var(--luxe),background .4s ease}.partners article:hover{transform:translateY(-8px);background:#0a0e0c}.partnerLogoBox{min-height:94px}.partnerStatus{font-size:7px!important;letter-spacing:.15em!important}

/* 07 updates */
#updates{min-height:88vh;background:#050706}.updategrid{gap:1px;background:rgba(255,255,255,.085);margin-top:62px}.updategrid article{background:#070a08;padding:48px;min-height:310px;transition:transform .5s var(--luxe),background .4s ease}.updategrid article:hover{transform:translateY(-8px);background:#0a0e0c}

/* Manifesto — the 3D mark is the luxury punctuation, not repeated branding */
.manifesto{min-height:100vh;background:radial-gradient(800px 540px at 50% 48%,rgba(105,231,255,.045),transparent 58%),radial-gradient(680px 460px at 55% 58%,rgba(255,69,200,.025),transparent 64%),#040605;overflow:hidden}.logoRigMini{width:clamp(110px,12vw,180px);aspect-ratio:1;position:relative;perspective:900px;transform-style:preserve-3d;margin-bottom:42px;will-change:transform}.logoRigMini img{width:100%;height:100%;object-fit:contain;transform:translateZ(28px);filter:drop-shadow(0 28px 36px rgba(0,0,0,.42));position:relative;z-index:2}.logoRigMini:before{content:"";position:absolute;inset:12%;border-radius:34%;background:rgba(0,0,0,.68);filter:blur(20px);transform:translateZ(-18px) translateY(16px)}.logoShine{position:absolute;inset:4%;z-index:4;border-radius:28%;pointer-events:none;background:radial-gradient(circle at var(--mx,42%) var(--my,30%),rgba(255,255,255,.24),rgba(105,231,255,.08) 16%,transparent 38%);mix-blend-mode:screen;opacity:.68}.manifesto h2{max-width:1100px;margin:26px auto 30px}.manifesto .vyndiGrow{color:var(--lime)}

/* 08 contact */
#contact{min-height:78vh;background:linear-gradient(160deg,#050706,#090d0b);align-items:center}.contactCard{background:rgba(8,12,9,.72);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.11);box-shadow:0 38px 80px rgba(0,0,0,.24)}
footer{background:#030504;border-color:rgba(255,255,255,.075)}

/* Mobile: preserve premium feel without expensive sticky transforms */
@media(max-width:900px){
  header{height:70px}.hero{padding-top:70px;min-height:780px;height:100svh}.heroStage{inset:70px 0 0}.heroProduct{inset:0 -36% 0 -18%}.heroProduct img{object-position:63% center;filter:brightness(.72) contrast(1.09) saturate(.82)}.heroAtmosphere{background:linear-gradient(90deg,#030504 0,#030504df 68%,rgba(3,5,4,.58)),linear-gradient(180deg,transparent 50%,#030504 100%)}.heroCopy{left:7vw;right:7vw;top:51%;max-width:none}.hero h1{font-size:clamp(56px,17vw,90px);line-height:.82}.heroCopy>p{font-size:13px;max-width:92%}.heroStatus{display:none}.heroCue{left:7vw;bottom:22px}.productName{font-size:10px}.hero .kicker{max-width:88%;line-height:1.6}
  .section{padding:100px 7vw}.luxeScene[data-watermark]:before{font-size:34vw;opacity:.014;top:.08em}.chapterRail{display:none}h2{font-size:clamp(44px,13vw,66px)}
  #technology{min-height:auto;padding-top:100px}.techMedia{inset:0;opacity:.24;mask-image:linear-gradient(180deg,#000 0,#000 45%,transparent 78%)}.techContent{width:100%}.techgrid{margin-top:54vh}.techgrid article{background:rgba(5,8,6,.86)}
  #altitude{display:block;min-height:auto;padding-top:100px}.altitude .copy{position:relative;top:auto;padding:0}.bikePanel{position:relative;top:auto;height:52vh;min-height:430px;margin-top:54px}.bikePanel img{object-position:64% center}
  .altitudeStory{min-height:auto}.storyVisual{inset:0;opacity:.22;mask-image:linear-gradient(180deg,#000 0,#000 38%,transparent 72%)}.storyGrid{grid-template-columns:1fr;margin-left:0}.storyGrid>div:first-child{padding-left:0}.publicSpecs{margin-top:34vh}
  .pillars,.partners,.updategrid{grid-template-columns:1fr}.pillars article,.partners article{min-height:0}.govern{grid-template-columns:1fr;min-height:auto;padding:95px 7vw}.govline{overflow:auto;padding-bottom:8px}.vaea{min-height:auto}.vaeaMedia{inset:0;opacity:.19;mask-image:linear-gradient(180deg,#000 0,#000 38%,transparent 72%)}.vaeaGrid{grid-template-columns:1fr}.vaeaMap{margin-top:40vh}
  .manifesto{min-height:86vh}.contact{display:block;min-height:auto}.contactCard{margin-top:55px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.001ms!important}.reveal,[data-stagger]{opacity:1!important;transform:none!important}.heroProduct,.sceneMedia,.storyVisual,.heroCopy{transform:none!important}.govline i{transform:scaleX(1)!important}
}


/* R25 — VYNDI luxury motion refinement: live-site hierarchy, watch/supercar restraint */
:root{--lux-ease:cubic-bezier(.16,1,.3,1);--lux-gold:#d6b26e;--lux-glass:rgba(9,13,11,.66)}
html{scroll-behavior:smooth}
body{background:#030504}
header{transition:background .45s ease,border-color .45s ease,backdrop-filter .45s ease}
header.scrolled{background:rgba(3,5,4,.78);backdrop-filter:blur(18px) saturate(1.1);border-bottom-color:rgba(255,255,255,.08)}
.hero{background:#030504}
.heroProduct img{object-position:center center;filter:contrast(1.02) brightness(.96) saturate(.92)}
.heroAtmosphere{background:linear-gradient(90deg,#030504 0%,rgba(3,5,4,.94) 26%,rgba(3,5,4,.48) 52%,rgba(3,5,4,.08) 74%,rgba(3,5,4,.08) 100%),linear-gradient(180deg,rgba(3,5,4,.08),transparent 48%,#030504 100%)}
.hero:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 58%,rgba(255,255,255,.055) 64%,transparent 69%);transform:translate3d(calc((var(--sceneP,.5) - .5)*16vw),0,0);mix-blend-mode:screen;opacity:.34}
.heroCopy{z-index:4}.heroCopy>*{transition:transform .65s var(--lux-ease),opacity .65s ease}
.hero h1 em{color:var(--vyndi-lime);text-shadow:0 0 30px rgba(185,255,44,.08)}
.heroStatus{backdrop-filter:blur(8px);background:rgba(3,5,4,.36);border-top:1px solid rgba(255,255,255,.06)}

/* chapter rhythm */
.luxeScene{min-height:min(100vh,980px)}
.luxeScene .eyebrow{position:relative;padding-left:58px}
.luxeScene .eyebrow:before{content:"";position:absolute;left:0;top:50%;width:36px;height:1px;background:linear-gradient(90deg,var(--vyndi-orange),transparent);transform-origin:left;transform:scaleX(calc(.3 + var(--sceneP,.5)*.7));transition:transform .2s linear}
.luxeScene h2{letter-spacing:-.055em}
.luxeScene h2 i{font-style:normal;color:#88938d}
.luxeScene[data-watermark]:before{opacity:.022;filter:blur(.2px);letter-spacing:-.085em}

/* precision product imagery — crop/scale slowly rather than float */
.sceneMedia,.storyVisual,.bikePanel{overflow:hidden}
.sceneMedia img,.storyVisual img,.bikePanel img{transition:filter .6s ease;will-change:transform}
.luxeScene:hover .sceneMedia img,.luxeScene:hover .storyVisual img,.luxeScene:hover .bikePanel img{filter:contrast(1.08) brightness(.98) saturate(.9)}

/* Apple-style pinned product moments */
#technology{min-height:118vh}
#technology .techContent{position:sticky;top:18vh}
#technology .techMedia{top:9vh;bottom:9vh;right:4vw;width:44vw;border:1px solid rgba(255,255,255,.075);box-shadow:0 60px 120px rgba(0,0,0,.44)}
#technology .techMedia:after,.storyVisual:after,.bikePanel:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px rgba(3,5,4,.55),inset 0 -80px 100px rgba(3,5,4,.58)}
#altitude .bikePanel{border-color:rgba(214,178,110,.16)}
#altitude .bikePanel:before{color:rgba(214,178,110,.72)}
.altitudeStory{min-height:118vh}
.altitudeStory .storyVisual{position:sticky;top:12vh;height:72vh;border:1px solid rgba(255,255,255,.08)}

/* glassy precision cards, closer to a watch configurator than dashboard */
.techgrid article,.pillars article,.publicSpecs>div{background:linear-gradient(180deg,rgba(14,20,16,.72),rgba(7,10,8,.54));backdrop-filter:blur(10px);border-color:rgba(255,255,255,.075);transition:transform .55s var(--lux-ease),border-color .4s ease,background .4s ease}
.techgrid article:hover,.pillars article:hover,.publicSpecs>div:hover{transform:translateY(-5px);border-color:rgba(185,255,44,.24);background:linear-gradient(180deg,rgba(17,24,19,.86),rgba(7,10,8,.64))}
.pillars article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--vyndi-orange),var(--vyndi-lime),var(--cyan),transparent);transform:scaleX(var(--sceneP,.55));transform-origin:left;opacity:.55}

/* kinetic rule for the governed digital thread */
.govline i{transform-origin:left;transform:scaleX(var(--flowScale,.25));transition:transform .16s linear;box-shadow:0 0 18px rgba(185,255,44,.16)}

/* VYNDI accents behave like instrument illumination */
.orangeLabel{color:var(--lux-gold)!important}
.cta{transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s var(--lux-ease)}
.cta:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(185,255,44,.08)}

@media(max-width:800px){
  .heroProduct{inset:70px -58% 0 -44%}
  .heroProduct img{object-position:68% center;filter:brightness(.68) contrast(1.03) saturate(.84)}
  .heroAtmosphere{background:linear-gradient(90deg,#030504 0,#030504f2 60%,rgba(3,5,4,.64)),linear-gradient(180deg,transparent 45%,#030504 100%)}
  .luxeScene{min-height:auto}
  #technology{min-height:auto}.techContent{position:relative!important;top:auto!important}.techMedia{position:relative!important;inset:auto!important;width:100%!important;height:58vw;margin:28px 0 0}
  .altitudeStory{min-height:auto}.altitudeStory .storyVisual{position:relative;top:auto;height:58vw;margin:30px 0}
  .techgrid article:hover,.pillars article:hover,.publicSpecs>div:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero:after{transform:none!important}.luxeScene .eyebrow:before{transform:scaleX(1)!important}}

/* R25.1 — restrained Vāyú seal continuity */
.hero::after{
  content:"";position:absolute;right:3.6vw;bottom:76px;width:clamp(96px,9vw,148px);aspect-ratio:1;z-index:3;
  background:url("assets/vayu-official.png") center/contain no-repeat;opacity:.055;pointer-events:none;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.42)) drop-shadow(0 0 14px rgba(105,231,255,.08));
  transform:perspective(800px) rotateX(5deg) rotateY(-7deg);
}
main > section:not(.hero)::after{
  width:72px;height:72px;right:26px;bottom:24px;opacity:.085;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.40)) drop-shadow(0 0 10px rgba(105,231,255,.07));
  transform:perspective(650px) rotateX(4deg) rotateY(-6deg);
}
.manifesto::after{display:none}
@media(max-width:900px){
  .hero::after{width:82px;right:5vw;bottom:58px;opacity:.045}
  main > section:not(.hero)::after{width:48px;height:48px;right:14px;bottom:14px;opacity:.07}
}
@media(prefers-reduced-motion:reduce){.hero::after,main > section:not(.hero)::after{transform:none!important}}

/* R25 hero source is a full visual concept; masks expose only the photographic product scene. */
.heroProduct{inset:64px -3.5vw -7% 30vw;overflow:hidden}
.heroProduct img{width:100%;height:100%;object-fit:cover;object-position:70% 54%;transform:scale(1.105);transform-origin:66% 55%;filter:contrast(1.03) brightness(.94) saturate(.9)}
.heroAtmosphere{z-index:3;background:
  linear-gradient(180deg,#030504 0%,rgba(3,5,4,.97) 7%,rgba(3,5,4,.30) 18%,transparent 35%,transparent 76%,#030504 100%),
  linear-gradient(90deg,#030504 0%,#030504 39%,rgba(3,5,4,.985) 47%,rgba(3,5,4,.72) 56%,rgba(3,5,4,.13) 70%,rgba(3,5,4,.06) 92%,rgba(3,5,4,.72) 100%)}
.heroCopy{max-width:650px;left:6vw;top:52%}
.hero h1{font-size:clamp(66px,6.7vw,116px);line-height:.82;max-width:650px}
.heroCopy>p{max-width:600px}
@media(max-width:1050px){.heroProduct{left:38vw}.heroCopy{max-width:56vw}.hero h1{font-size:clamp(62px,8vw,98px)}}
@media(max-width:800px){
 .heroProduct{inset:70px -80% 0 23%;opacity:.82}.heroProduct img{object-position:69% 57%;transform:scale(1.18)}
 .heroAtmosphere{background:linear-gradient(180deg,#030504 0%,rgba(3,5,4,.86) 18%,rgba(3,5,4,.34) 48%,#030504 100%),linear-gradient(90deg,#030504 0%,#030504ef 56%,rgba(3,5,4,.64) 78%,rgba(3,5,4,.22) 100%)}
 .heroCopy{left:7vw;right:7vw;top:53%;max-width:none}.hero h1{font-size:clamp(54px,16vw,82px);max-width:94%}
}

/* R25 clean photographic crop — no baked navigation or headline in the visible hero. */
.heroProduct{inset:92px 3vw 8vh 43vw;border:1px solid rgba(255,255,255,.055);box-shadow:0 44px 100px rgba(0,0,0,.38)}
.heroProduct img{object-fit:cover;object-position:57% 50%;transform:scale(1.035);transform-origin:58% 50%;filter:contrast(1.035) brightness(.96) saturate(.93)}
.heroAtmosphere{background:linear-gradient(90deg,#030504 0%,#030504 39%,rgba(3,5,4,.98) 44%,rgba(3,5,4,.42) 53%,rgba(3,5,4,.04) 68%,transparent 86%),linear-gradient(180deg,transparent 62%,rgba(3,5,4,.55) 85%,#030504 100%)}
.heroProduct:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#030504 0%,rgba(3,5,4,.76) 8%,transparent 22%),linear-gradient(180deg,rgba(3,5,4,.18),transparent 18%,transparent 78%,rgba(3,5,4,.30));}
@media(max-width:1050px){.heroProduct{left:39vw;right:0}.heroProduct img{object-position:60% center}}
@media(max-width:800px){.heroProduct{inset:70px -46vw 16vh 20vw;border:0;opacity:.74}.heroProduct img{object-position:64% center;transform:scale(1.12)}.heroProduct:before{background:linear-gradient(90deg,#030504 0%,rgba(3,5,4,.72) 24%,transparent 54%),linear-gradient(180deg,rgba(3,5,4,.22),transparent 30%,#030504 100%)}}


/* R26 — realistic premium-carbon hero + controlled CAD continuity */
.heroProduct{inset:96px 2.5vw 6.5vh 45vw;border-color:rgba(214,178,110,.13);border-radius:2px;background:#090d0b;box-shadow:0 42px 120px rgba(0,0,0,.50),0 0 0 1px rgba(255,255,255,.018) inset}
.heroProduct img{object-fit:cover;object-position:51% 49%;transform:scale(1.018);filter:contrast(1.06) brightness(.94) saturate(.92);image-rendering:auto}
.heroProduct:before{background:linear-gradient(90deg,#030504 0%,rgba(3,5,4,.82) 6%,rgba(3,5,4,.28) 16%,transparent 31%),linear-gradient(180deg,rgba(3,5,4,.08),transparent 20%,transparent 78%,rgba(3,5,4,.34));}
.heroAtmosphere{background:linear-gradient(90deg,#030504 0%,#030504 38%,rgba(3,5,4,.985) 43%,rgba(3,5,4,.50) 50%,rgba(3,5,4,.10) 61%,transparent 78%),linear-gradient(180deg,rgba(3,5,4,.05),transparent 58%,rgba(3,5,4,.52) 86%,#030504 100%)}
.heroStatus{border-top-color:rgba(214,178,110,.18)}
#altitude .bikePanel img,#technology .techMedia img,.altitudeStory .storyVisual img,.vaeaMedia img{filter:contrast(1.08) brightness(.98) saturate(.88)}
#altitude .bikePanel{box-shadow:0 48px 110px rgba(0,0,0,.40),0 0 0 1px rgba(214,178,110,.055) inset}
#technology .techMedia,.altitudeStory .storyVisual,.vaeaMedia{box-shadow:0 50px 110px rgba(0,0,0,.38)}
@media(max-width:1100px){.heroProduct{left:41vw;right:0}.hero h1{font-size:clamp(60px,8vw,96px)}}
@media(max-width:800px){
 .heroProduct{inset:70px -36vw 18vh 18vw;border:0;opacity:.73;box-shadow:none}
 .heroProduct img{object-position:50% center;transform:scale(1.07);filter:contrast(1.04) brightness(.72) saturate(.86)}
 .heroProduct:before{background:linear-gradient(90deg,#030504 0%,rgba(3,5,4,.82) 34%,rgba(3,5,4,.20) 68%,transparent),linear-gradient(180deg,rgba(3,5,4,.18),transparent 32%,#030504 100%)}
}

/* ==========================================================
   PR26 FINAL — approved hero, Apex reference imagery,
   parallax chapter watermarks, single-page VAEA.
   ========================================================== */

/* Translucent chapter headers now have restrained 3-axis parallax. */
.luxeScene{--wmY:0px;--wmScale:1;--wmOpacity:.018}
.luxeScene[data-watermark]:before{
  opacity:var(--wmOpacity);
  transform:translate3d(var(--wmShift),var(--wmY),0) scale(var(--wmScale));
  transform-origin:72% 42%;
  transition:opacity .18s linear;
  will-change:transform,opacity;
}

/* Hero uses the approved complete VYNDI Altitude product image. */
.heroProduct{inset:84px 0 0 35vw;border:0;box-shadow:none;background:#030504}
.heroProduct img{
  width:100%;height:100%;object-fit:cover;object-position:57% 53%;
  transform:scale(1.025);filter:contrast(1.035) brightness(.82) saturate(.92);
}
.heroProduct:before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,#030504 0%,rgba(3,5,4,.985) 12%,rgba(3,5,4,.70) 25%,rgba(3,5,4,.13) 48%,transparent 70%),
             linear-gradient(180deg,rgba(3,5,4,.06),transparent 58%,rgba(3,5,4,.64) 100%);
}
.heroAtmosphere{background:linear-gradient(90deg,#030504 0%,rgba(3,5,4,.98) 31%,rgba(3,5,4,.36) 49%,rgba(3,5,4,.04) 72%,transparent 100%)}

/* Stronger supporting product / Apex lineage imagery. */
.techMedia{opacity:.72;inset:7vh 2vw 7vh 39%;border:1px solid rgba(105,231,255,.10);box-shadow:0 46px 110px rgba(0,0,0,.42)}
.techMedia img{object-position:center 49%;filter:contrast(1.03) brightness(.78) saturate(.82)}
.techMedia:before,.storyVisual:before,.bikePanel:before{
  position:absolute;z-index:5;left:20px;bottom:18px;color:#a0aea6;
  font-size:7px;letter-spacing:.18em;text-transform:uppercase;
  border-left:1px solid rgba(185,255,44,.45);padding-left:10px;
}
.techMedia:before{content:attr(data-reference)}
#altitude .bikePanel{height:72vh;min-height:590px;overflow:hidden}
#altitude .bikePanel img{width:100%;height:100%;object-fit:cover;object-position:58% center;filter:contrast(1.05) brightness(.90) saturate(.90)}
#altitude .bikePanel:before{content:attr(data-reference)}
.altitudeStory .storyVisual{opacity:.34}
.altitudeStory .storyVisual img{object-fit:cover;object-position:center;filter:contrast(1.05) brightness(.68) saturate(.64)}
.altitudeStory .storyVisual:before{content:attr(data-reference);bottom:28px}

/* VAEA: one desktop viewport, complete composition, no tall vacancy. */
.vaea{
  height:100svh;min-height:760px;max-height:1040px;
  padding:100px 6vw 48px;background:#040605;display:flex;flex-direction:column;justify-content:center;
}
.vaea>.eyebrow{margin-bottom:18px}
.vaeaOnePage{display:grid;grid-template-columns:.72fr 1.28fr;gap:4.5vw;align-items:center;min-height:0;flex:1}
.vaeaCopy{position:relative;z-index:3;align-self:center}
.vaeaCopy h2{font-size:clamp(48px,5.2vw,78px);margin:12px 0 24px}
.vaeaCopy>p{max-width:520px;font-size:14px;line-height:1.78;color:#b6c0ba}
.vaeaMiniGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:28px 0 20px;max-width:620px}
.vaeaMiniGrid>div{min-height:112px;padding:16px 17px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(180deg,rgba(11,16,13,.78),rgba(5,8,6,.52));backdrop-filter:blur(10px)}
.vaeaMiniGrid span{display:block;color:var(--lime);font-size:7px;letter-spacing:.18em;margin-bottom:10px}
.vaeaMiniGrid b{display:block;font-size:9px;letter-spacing:.13em;margin-bottom:7px}
.vaeaMiniGrid small{font-size:7px;line-height:1.55;color:#829089;letter-spacing:.055em}
.vaeaSub{font-size:8px!important;letter-spacing:.16em;color:#8c9991!important}
.vaeaHeroVisual{position:relative;margin:0;height:min(72vh,720px);overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#030504;box-shadow:0 54px 120px rgba(0,0,0,.45)}
.vaeaHeroVisual img{width:100%;height:100%;object-fit:cover;object-position:61% center;display:block;filter:contrast(1.04) brightness(.87) saturate(.86)}
.vaeaHeroVisual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,6,5,.46),transparent 18%),linear-gradient(180deg,rgba(4,6,5,.20),transparent 18%,transparent 80%,rgba(4,6,5,.42))}
.vaeaHeroVisual figcaption{position:absolute;z-index:4;right:18px;bottom:16px;color:#89958e;font-size:6.5px;letter-spacing:.15em;background:rgba(3,5,4,.55);padding:7px 9px;border:1px solid rgba(255,255,255,.06)}

@media(max-width:900px){
  .heroProduct{inset:70px -38% 0 17%;opacity:.73}.heroProduct img{object-position:58% center;filter:brightness(.70) contrast(1.04) saturate(.85)}
  .techMedia{inset:0;opacity:.24;border:0}.techMedia:before{display:none}
  #altitude .bikePanel{height:54vh;min-height:420px}.altitudeStory .storyVisual:before{display:none}
  .vaea{height:auto;min-height:auto;max-height:none;padding:96px 7vw}
  .vaeaOnePage{grid-template-columns:1fr;gap:34px}
  .vaeaMiniGrid{grid-template-columns:1fr 1fr}
  .vaeaHeroVisual{height:66vw;min-height:340px}
}
@media(max-width:560px){.vaeaMiniGrid{grid-template-columns:1fr}.vaeaHeroVisual{height:82vw}}
@media(prefers-reduced-motion:reduce){
  .luxeScene{--wmY:0px!important;--wmScale:1!important;--wmShift:0px!important}
  .luxeScene[data-watermark]:before{transform:none!important}
}

/* ==========================================================
   PR26 FINAL CORRECTION — user-approved last iteration
   1) Clean technology frame visual
   2) Exact VEDM-301 Rev 5.3.8 geometry sheet
   3) Restore VAEA convergence flowchart (no generated VAEA art)
   ========================================================== */

/* Technology: clean, relevant frame visual only. */
#technology .techMedia{
  inset:10vh 3vw 10vh 43%;
  opacity:.92;
  background:#070b09;
  border:1px solid rgba(255,255,255,.075);
  box-shadow:0 44px 100px rgba(0,0,0,.42);
}
#technology .techMedia img{
  width:100%;height:100%;object-fit:contain;object-position:center;
  padding:4vh 2vw;filter:contrast(1.06) brightness(.94) saturate(.82);
}
#technology .techMedia:after{
  background:linear-gradient(90deg,#050706 0%,rgba(5,7,6,.76) 9%,transparent 27%,transparent 90%,rgba(5,7,6,.34) 100%),
             linear-gradient(180deg,rgba(5,7,6,.45),transparent 18%,transparent 82%,rgba(5,7,6,.58));
}

/* Rider section: use the exact Rev 5.3.8 controlled drawing page, not a recreation. */
.altitudeStory .storyVisual.rev538Sheet{
  position:sticky;top:11vh;height:72vh;min-height:560px;
  opacity:1;background:#e9ece8;border:1px solid rgba(255,255,255,.10);
  box-shadow:0 48px 110px rgba(0,0,0,.44);overflow:hidden;
}
.altitudeStory .storyVisual.rev538Sheet img{
  width:100%;height:100%;object-fit:contain;object-position:center;
  filter:brightness(.88) contrast(1.02) saturate(.92);background:#f3f4f1;
}
.altitudeStory .storyVisual.rev538Sheet:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 42px rgba(3,5,4,.14);
}
.altitudeStory .storyVisual.rev538Sheet figcaption{
  position:absolute;left:16px;right:16px;bottom:14px;z-index:5;
  padding:8px 10px;background:rgba(3,5,4,.78);color:#d6ddd8;
  border:1px solid rgba(255,255,255,.08);font-size:6.5px;letter-spacing:.12em;
}
.altitudeStory .storyVisual.rev538Sheet:before{display:none}

/* VAEA: restore the real integration/convergence flowchart and keep it within one desktop page. */
.vaea{
  height:calc(100svh - 84px);min-height:700px;max-height:960px;
  padding:72px 6vw 42px;background:#040605;display:flex;flex-direction:column;justify-content:center;
}
.vaea>.eyebrow{margin-bottom:14px;flex:0 0 auto}
.vaeaFlowLayout{
  display:grid;grid-template-columns:.72fr 1.28fr;gap:4vw;align-items:center;
  width:100%;min-height:0;flex:1;
}
.vaeaFlowLayout .vaeaCopy{align-self:center}
.vaeaFlowLayout .vaeaCopy h2{font-size:clamp(46px,5vw,76px);margin:10px 0 22px}
.vaeaFlowLayout .vaeaCopy p{max-width:500px;font-size:13.5px;line-height:1.72;color:#aeb9b2}
.vaeaFlowLayout .vaeaSub{margin-top:20px;font-size:7.5px!important;letter-spacing:.15em;color:#748079!important}
.vaeaFlowLayout .vaeaMap{
  position:relative;height:min(64vh,590px);min-height:500px;
  border:1px solid rgba(255,255,255,.08);
  background:radial-gradient(circle at 50% 50%,rgba(185,255,44,.045),rgba(5,8,6,.84) 56%,#040605 100%);
  box-shadow:0 48px 100px rgba(0,0,0,.38);overflow:hidden;
}
.vaeaFlowLayout .vaeaNode,.vaeaFlowLayout .vaeaCenter{position:absolute;z-index:2}
.vaeaFlowLayout .vaeaNode{
  width:32%;padding:18px 20px;border:1px solid #2a3830;background:rgba(8,13,10,.90);backdrop-filter:blur(8px);
  transition:transform .45s var(--lux-ease),border-color .35s ease,background .35s ease;
}
.vaeaFlowLayout .vaeaNode:hover{transform:translateY(-5px);background:#0a100d}
.vaeaFlowLayout .vaeaNode span{display:block;font-size:7px;letter-spacing:.20em;color:#607067;margin-bottom:8px}
.vaeaFlowLayout .vaeaNode b{display:block;font:600 13px Space Grotesk;letter-spacing:.08em}
.vaeaFlowLayout .vaeaNode small{display:block;font-size:8px;line-height:1.5;color:#84928a;margin-top:7px}
.vaeaFlowLayout .vaeaNode.rider{left:5%;top:8%;border-color:#69e7ff55}.vaeaFlowLayout .vaeaNode.rider b{color:#69e7ff}
.vaeaFlowLayout .vaeaNode.aero{right:5%;top:8%;border-color:#b9ff2c55}.vaeaFlowLayout .vaeaNode.aero b{color:#b9ff2c}
.vaeaFlowLayout .vaeaNode.composite{left:5%;bottom:8%;border-color:#ff7a1a55}.vaeaFlowLayout .vaeaNode.composite b{color:#ff7a1a}
.vaeaFlowLayout .vaeaNode.evidence{right:5%;bottom:8%;border-color:#ff45c855}.vaeaFlowLayout .vaeaNode.evidence b{color:#ff45c8}
.vaeaFlowLayout .vaeaCenter{
  left:50%;top:50%;transform:translate(-50%,-50%);width:31%;min-height:160px;
  border:1px solid rgba(185,255,44,.55);background:#0b130e;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  box-shadow:0 0 60px rgba(185,255,44,.05);
}
.vaeaFlowLayout .vaeaCenter small{font-size:6.5px;letter-spacing:.18em;color:#8c9b91}
.vaeaFlowLayout .vaeaCenter strong{font:600 36px Space Grotesk;color:#b9ff2c;letter-spacing:.08em;margin:10px 0 6px}
.vaeaFlowLayout .vaeaCenter b{font-size:8px;letter-spacing:.16em;color:#d5ddd7}
.vaeaFlowLayout .vaeaLines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.vaeaFlowLayout .vaeaLines path{fill:none;stroke:#82908755;stroke-width:1.4;stroke-dasharray:8 12;animation:vaeaFlowDash 14s linear infinite}
@keyframes vaeaFlowDash{to{stroke-dashoffset:-180}}
.vaeaFlowLayout .vaeaMap:after{content:"CONVERGENCE";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);font-size:6px;letter-spacing:.27em;color:#526158}

@media(max-width:900px){
  #technology .techMedia{position:relative!important;inset:auto!important;width:100%!important;height:54vw;min-height:300px;margin:28px 0 0;opacity:1}
  #technology .techMedia img{padding:18px}
  .altitudeStory .storyVisual.rev538Sheet{position:relative;top:auto;height:72vw;min-height:360px;margin:28px 0 18px}
  .vaea{height:auto;min-height:auto;max-height:none;padding:92px 7vw}
  .vaeaFlowLayout{grid-template-columns:1fr;gap:30px}
  .vaeaFlowLayout .vaeaMap{height:auto;min-height:0;padding:16px;display:grid;gap:10px}
  .vaeaFlowLayout .vaeaNode,.vaeaFlowLayout .vaeaCenter{position:relative;inset:auto!important;transform:none;width:100%;min-height:0}
  .vaeaFlowLayout .vaeaCenter{padding:26px 16px;order:3}
  .vaeaFlowLayout .vaeaNode.rider{order:1}.vaeaFlowLayout .vaeaNode.aero{order:2}.vaeaFlowLayout .vaeaNode.composite{order:4}.vaeaFlowLayout .vaeaNode.evidence{order:5}
  .vaeaFlowLayout .vaeaLines,.vaeaFlowLayout .vaeaMap:after{display:none}
}
@media(prefers-reduced-motion:reduce){.vaeaFlowLayout .vaeaLines path{animation:none}}

/* PR27 experience refinement — brand palette/background/watermark values intentionally unchanged */
.siteProgress{position:fixed;z-index:90;left:0;right:0;top:0;height:2px;pointer-events:none;background:transparent}.siteProgress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--mag),var(--orange));transform:scaleX(0);transform-origin:left;will-change:transform}
.chapterNav{position:fixed;z-index:26;right:22px;top:50%;transform:translateY(-50%);display:grid;gap:11px}.chapterNav a{display:flex;align-items:center;justify-content:flex-end;gap:9px;text-decoration:none;color:#78867d;font-size:7px;letter-spacing:.15em;text-transform:uppercase}.chapterNav a i{width:5px;height:5px;border:1px solid #ffffff55;border-radius:50%;transition:.25s}.chapterNav a span{opacity:0;transform:translateX(5px);transition:.25s;order:-1}.chapterNav a:hover span,.chapterNav a.active span{opacity:1;transform:none}.chapterNav a.active{color:#dce3df}.chapterNav a.active i{background:var(--lime);border-color:var(--lime);box-shadow:0 0 14px #b9ff2c55}
.heroProof{position:absolute;left:6vw;right:6vw;bottom:34px;z-index:4;display:flex;gap:1px;max-width:780px}.heroProof span{padding:10px 14px;border:1px solid #ffffff12;background:#05080699;backdrop-filter:blur(9px);font-size:7px;letter-spacing:.13em;color:#7f8d84}.heroProof b{color:#dfe6e1;font-weight:600;margin-right:6px}.heroStatus{bottom:84px}
.companySignals{display:grid;grid-template-columns:repeat(4,1fr);margin-top:68px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.companySignals span{padding:20px 16px;border-right:1px solid var(--line);font-size:7px;letter-spacing:.13em;color:#829087}.companySignals span:last-child{border-right:0}.companySignals b{display:block;color:var(--cyan);font:500 16px Space Grotesk;margin-bottom:9px}
.section h2,.govern h2,.manifesto h2{max-width:1000px}.techgrid article,.pillars article,.partners article,.updategrid article,.contactCard{transition:transform .28s ease,border-color .28s ease,background-color .28s ease}.techgrid article:hover,.pillars article:hover,.partners article:hover,.updategrid article:hover{transform:translateY(-4px);background-color:#ffffff08}.contactCard:hover{border-color:#ffffff25}
@media(max-width:1100px){.chapterNav{display:none}}
@media(max-width:800px){.heroProof{left:7vw;right:7vw;bottom:22px;display:grid;grid-template-columns:1fr}.heroProof span{padding:7px 10px}.heroStatus{display:none}.companySignals{grid-template-columns:1fr 1fr;margin-top:45px}.companySignals span:nth-child(2){border-right:0}.companySignals span:nth-child(-n+2){border-bottom:1px solid var(--line)}.heroCopy>p{font-size:13px}.heroCopy{bottom:150px}.section h2{letter-spacing:-.045em}}
@media(prefers-reduced-motion:reduce){.techgrid article,.pillars article,.partners article,.updategrid article{transition:none}.siteProgress{display:none}}

/* PR28 — live-site tint + nested single-rider engineering layout */
:root{--bg:#070a09;--bg2:#090d0b;--panel:#0d1310;--text:#f1f5ef;--muted:#94a299}
html,body{background:#070a09}
body{background:linear-gradient(180deg,#070a09,#09100c 42%,#070a09)}
header{background:linear-gradient(180deg,rgba(7,10,9,.94),rgba(7,10,9,.76))}
.hero{background:#070a09}
.heroStage{background:#070a09}
.heroAtmosphere{background:radial-gradient(1050px 680px at 52% 42%,rgba(32,62,42,.26),transparent 62%),radial-gradient(900px 520px at 78% 58%,rgba(185,255,44,.025),transparent 64%),linear-gradient(180deg,#070a09 0%,#09100c 55%,#070a09 100%)}
.heroEngineeringField{position:absolute;inset:0;opacity:.46;background:repeating-linear-gradient(168deg,transparent 0 118px,rgba(105,231,255,.018) 119px,rgba(105,231,255,.018) 120px,transparent 121px 236px);mask-image:linear-gradient(90deg,transparent 0,#000 32%,#000 88%,transparent 100%)}
.heroProduct{display:none!important}
#technology .techMedia{background:#070a09}
#technology .techMedia:after{background:linear-gradient(90deg,#070a09 0%,rgba(7,10,9,.72) 9%,transparent 28%,transparent 88%,rgba(7,10,9,.45) 100%),linear-gradient(180deg,rgba(7,10,9,.48),transparent 18%,transparent 82%,rgba(7,10,9,.64))}
#technology .techMedia img{padding:0;object-fit:cover;filter:contrast(1.03) brightness(.78) saturate(.78)}
.altitudeStory{min-height:auto;padding:118px 6vw 126px;background:#070a09}
.riderNest{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);gap:5vw;align-items:start;margin-top:42px}
.riderDrawings{display:grid;gap:18px;align-self:start}
.cadCard{margin:0;position:relative;background:#edf0eb;border:1px solid rgba(255,255,255,.13);box-shadow:0 28px 75px rgba(0,0,0,.32);overflow:hidden}
.cadCard img{display:block;width:100%;height:auto;aspect-ratio:1684/1191;object-fit:contain;background:#f4f5f2;filter:contrast(1.025) brightness(.97) saturate(.88)}
.cadCard figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 13px;background:#0a0e0c;color:#dbe2dd;border-top:1px solid rgba(255,255,255,.08);font-size:7px;letter-spacing:.13em}
.cadCard figcaption b{color:var(--orange);font:500 9px Space Grotesk}.cadCard figcaption span{color:#7f8d85;text-align:right}
.riderCopy{position:sticky;top:112px;padding:10px 0 0}.riderIndex{font-size:7px;letter-spacing:.22em;color:var(--cyan);margin-bottom:20px}.riderCopy h2{font-size:clamp(44px,4.6vw,72px);margin:0 0 26px}.riderLead{color:#a7b3ab;font-size:14px;line-height:1.8;max-width:620px}.riderCopy .publicSpecs{margin-top:34px;background:rgba(8,13,10,.78)}
.revisionNotes{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.revisionNotes article{padding:16px 12px}.revisionNotes article+article{border-left:1px solid var(--line)}.revisionNotes b,.revisionNotes span{display:block}.revisionNotes b{font:500 12px Space Grotesk;color:var(--lime);margin-bottom:7px}.revisionNotes span{font-size:7px;line-height:1.5;letter-spacing:.08em;color:#7e8b83}
@media(max-width:980px){.riderNest{grid-template-columns:1fr}.riderCopy{position:relative;top:auto}.riderDrawings{order:1}.riderCopy{order:2}.cadCard figcaption{align-items:flex-start;flex-direction:column;gap:5px}.cadCard figcaption span{text-align:left}}

/* PR29 — final requested composition: Apex hero + horizontal technology + nested rider */
/* Keep PR28 live-site green/black palette and existing watermark engine unchanged. */
.apexHeroStage{position:absolute;inset:78px 0 0;overflow:hidden;background:#070a09}
.apexHeroBike{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:69% 50%;filter:brightness(.72) contrast(1.07) saturate(.72);transform:scale(1.015)}
.apexHeroStage .heroAtmosphere{z-index:2;background:linear-gradient(90deg,#070a09 0%,rgba(7,10,9,.97) 28%,rgba(7,10,9,.72) 45%,rgba(7,10,9,.10) 70%,rgba(7,10,9,.40) 100%),linear-gradient(0deg,#070a09 0%,transparent 34%)}
.apexHeroStage .heroEngineeringField{z-index:3}
.apexFrameBrand,.apexHeadBadge{position:absolute;z-index:1;pointer-events:none;user-select:none}
.apexDownTube{left:58.2%;top:47.5%;font:600 clamp(18px,2.1vw,34px) Space Grotesk,Arial,sans-serif;letter-spacing:.17em;color:#f1f5ef;transform:rotate(-54deg);transform-origin:center;text-shadow:0 2px 8px #000,0 0 12px rgba(185,255,44,.12)}
.apexTopTube{left:52.4%;top:31.5%;font:600 clamp(7px,.72vw,12px) Space Grotesk,Arial,sans-serif;letter-spacing:.16em;color:#b9ff2c;transform:rotate(-6deg);text-shadow:0 1px 5px #000}
.apexHeadBadge{left:64.1%;top:30.4%;width:clamp(18px,2.0vw,31px);height:auto;filter:drop-shadow(0 2px 5px #000) saturate(.86);transform:perspective(250px) rotateY(-12deg)}
.heroCopy{z-index:5}.heroCue,.heroStatus,.heroProof{z-index:5}

/* Technology must read as one row, not a vertical column. */
#technology{min-height:auto;padding:118px 6vw 126px;display:block}
#technology .techMedia{display:none!important}
#technology .techContent{position:relative!important;top:auto!important;width:100%!important;max-width:none!important;transform:none!important}
#technology .techgrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;width:100%;margin-top:48px;border:1px solid var(--line);background:transparent}
#technology .techgrid article{min-height:230px;padding:32px 30px!important;border-right:1px solid var(--line)!important;border-bottom:0!important;background:rgba(8,13,10,.48)}
#technology .techgrid article:last-child{border-right:0!important}
#technology .techgrid article b{display:block;color:var(--cyan);font-size:8px;letter-spacing:.17em}
#technology .techgrid article p{font-size:13px;line-height:1.75;color:var(--muted);margin-top:22px}

/* Preserve the requested desktop nesting: two drawings left, write-up right. */
.riderNest{grid-template-columns:minmax(0,1.28fr) minmax(380px,.72fr);gap:4vw}
.riderDrawings{gap:14px}.cadCard figcaption{min-height:36px}

@media(max-width:1000px){
  .apexHeroBike{object-position:65% 50%}
  .apexDownTube{left:57%;top:48%}.apexTopTube{left:51%;top:32%}.apexHeadBadge{left:64%;top:30%}
  #technology .techgrid{grid-template-columns:1fr!important}
  #technology .techgrid article{min-height:0;border-right:0!important;border-bottom:1px solid var(--line)!important}
  #technology .techgrid article:last-child{border-bottom:0!important}
}
@media(max-width:800px){
  .apexHeroBike{object-position:66% center;filter:brightness(.52) contrast(1.06) saturate(.68)}
  .apexDownTube,.apexTopTube,.apexHeadBadge{display:none}
}

/* PR30 — authoritative live-site green-black environment from user reference */
:root{--bg:#070a09;--bg2:#09100c;--panel:#0d1310}
html{background:#070a09}
body{
  background:
    radial-gradient(1200px 760px at 52% 19%,rgba(38,65,43,.26),transparent 58%),
    radial-gradient(1100px 680px at 50% 56%,rgba(24,46,31,.18),transparent 64%),
    linear-gradient(180deg,#070a09 0%,#09100c 46%,#070a09 100%);
}
header{
  background:linear-gradient(180deg,rgba(7,10,9,.96),rgba(7,10,9,.84));
}
.hero,.apexHeroStage{background:#070a09}
.apexHeroStage .heroAtmosphere{
  background:
    radial-gradient(980px 620px at 69% 48%,rgba(38,65,43,.22),transparent 62%),
    linear-gradient(90deg,#070a09 0%,rgba(7,10,9,.97) 28%,rgba(9,16,12,.76) 47%,rgba(9,16,12,.22) 72%,rgba(7,10,9,.52) 100%),
    linear-gradient(0deg,#070a09 0%,transparent 36%);
}
main > section:not(.hero){background-color:#070a09}
main > section:not(.hero)::before{
  background:
    radial-gradient(circle at 52% 18%,rgba(43,72,48,.19),transparent 36%),
    radial-gradient(circle at 82% 22%,rgba(185,255,44,.045),transparent 29%),
    radial-gradient(circle at 15% 80%,rgba(255,106,0,.030),transparent 27%),
    linear-gradient(128deg,rgba(105,231,255,.010),transparent 34% 70%,rgba(255,69,200,.008)),
    repeating-linear-gradient(168deg,transparent 0 90px,rgba(105,231,255,.009) 91px,rgba(105,231,255,.009) 92px,transparent 93px 180px);
  opacity:.76;
}
.technology,.altitude,.altitudeStory,.govern,.vaea,.updates,.manifesto{
  background-color:#070a09;
}
#technology .techgrid article,.riderCopy .publicSpecs,.cadCard{
  background-color:rgba(9,16,12,.70);
}
@media(max-width:800px){
  body{background:linear-gradient(180deg,#070a09,#09100c 48%,#070a09)}
}

/* PR31 — live-reference olive atmosphere and frame-integrated markings */
:root{--bg:#080b0a;--bg2:#0b130e;--panel:#101810}
html,body{background:#080b0a}
body{background:radial-gradient(ellipse 1100px 690px at 50% 32%,rgba(40,52,32,.72),transparent 74%),linear-gradient(180deg,#080b0a,#0c140e 50%,#080b0a)}
header{background:rgba(7,11,9,.94)}
.hero,.apexHeroStage{background:radial-gradient(ellipse 1180px 690px at 50% 45%,#1f291a 0%,#131c13 43%,#080b0a 83%)}
.apexHeroBike{z-index:1;mix-blend-mode:screen;opacity:.88;filter:brightness(.81) contrast(1.09) saturate(.75);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 36%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 36%,#000 88%,transparent 100%)}
.apexHeroStage .heroAtmosphere{z-index:2;background:linear-gradient(90deg,rgba(8,11,10,.94) 0%,rgba(12,19,14,.82) 27%,rgba(16,25,17,.46) 45%,transparent 68%),linear-gradient(0deg,#080b0a 0%,transparent 32%);pointer-events:none}
.apexHeroStage .heroEngineeringField{opacity:.13}
.apexHeadBadge{z-index:2;left:56.4%;top:25%;width:clamp(16px,1.18vw,23px);filter:brightness(.7) saturate(.75) drop-shadow(0 1px 2px #000);transform:perspective(180px) rotateY(-24deg);opacity:.88}
main > section:not(.hero){background-color:#080b0a}
main > section:not(.hero)::before{background:radial-gradient(ellipse 1100px 690px at 50% 36%,rgba(40,52,32,.72),transparent 74%);opacity:1}
.technology,.altitude,.altitudeStory,.govern,.vaea,.updates,.manifesto{background-color:#080b0a}
@media(max-width:1000px){.apexHeadBadge{left:57%;top:27%}}
@media(max-width:800px){.apexHeroBike{filter:brightness(.66) contrast(1.09) saturate(.7);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 94%);mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 94%)}.apexHeadBadge{display:none}body{background:#080b0a}}

/* PR32 — reference screenshot: crisp carbon, clean white typography, olive lift */
:root{--text:#f4f6f1;--muted:#afbbb2}
.apexHeroBike{opacity:1;filter:brightness(1.28) contrast(1.15) saturate(.92)}
.apexHeroStage .heroAtmosphere{background:linear-gradient(90deg,rgba(8,11,10,.88) 0%,rgba(9,15,10,.74) 27%,rgba(9,15,10,.28) 47%,transparent 69%),linear-gradient(0deg,#080b0a 0%,transparent 27%)}
.apexHeroStage .heroEngineeringField{opacity:.06}
.hero h1{color:#f4f6f1;text-shadow:0 3px 20px rgba(0,0,0,.42)}
.hero h1 em{color:#b9ff2c;text-shadow:0 0 20px rgba(185,255,44,.06)}
.heroCopy>p{color:#d6ded7;font-size:clamp(14px,1vw,17px);line-height:1.68}
.hero .kicker,.eyebrow{color:#b7c4b9}
.heroProof span,.revisionNotes span,.publicSpecs span{color:#acb9ad}
nav a{color:#d9e0da}nav a:hover{color:#f5f8f2}
.section h2,.govern h2,.manifesto h2{color:#f4f6f1}
.manifesto{background:radial-gradient(ellipse 1050px 650px at 50% 46%,#1f291a 0%,#121b13 46%,#080b0a 83%)}
.manifesto h2{max-width:min(88vw,1500px);font-family:Arial,Helvetica,sans-serif;font-size:clamp(58px,5.45vw,105px);font-weight:600;line-height:1.02;letter-spacing:-.055em;text-shadow:0 2px 16px rgba(0,0,0,.26)}
.manifesto .logoRigMini{width:clamp(90px,7.5vw,120px);margin-bottom:32px}
.manifesto .vyndiGrow{color:#ff7a1a}
.manifesto p{color:#69e7ff}
.bikePanel img{filter:brightness(1.18) contrast(1.11) saturate(.94)}
.bikePanel:after{box-shadow:inset 0 0 46px rgba(8,11,10,.72)}
@media(max-width:800px){.apexHeroBike{filter:brightness(1.04) contrast(1.13) saturate(.86)}.apexHeroStage .heroAtmosphere{background:linear-gradient(90deg,rgba(8,11,10,.93),rgba(8,11,10,.72) 58%,rgba(8,11,10,.16)),linear-gradient(0deg,#080b0a,transparent 32%)}.manifesto h2{max-width:100%;font-size:clamp(43px,9vw,76px)}}

/* PR33: the subject is composited over, never under, the ambient green tint. */
.apexHeroStage{isolation:isolate;background:radial-gradient(ellipse 1100px 670px at 54% 46%,#202c1b 0%,#111b13 50%,#080b0a 85%)}
.apexHeroStage .heroAtmosphere{z-index:0;background:radial-gradient(ellipse 800px 520px at 60% 45%,rgba(51,69,36,.30),transparent 72%);pointer-events:none}
.apexHeroStage .heroEngineeringField{z-index:0;opacity:.06;pointer-events:none}
.apexProductRig{position:absolute;z-index:3;right:2vw;top:50%;width:min(68vw,1210px,calc((100vh - 136px)*1.333));aspect-ratio:1448/1086;transform:translateY(-50%);pointer-events:none}
.apexProductRig .apexHeroBike{position:relative;inset:auto;display:block;width:100%;height:auto;object-fit:contain;object-position:center;transform:none;opacity:1;mix-blend-mode:normal;filter:brightness(1.04) contrast(1.08) saturate(.96);-webkit-mask-image:none;mask-image:none}
.apexProductRig .apexHeadBadge{position:absolute;z-index:4;display:block;left:65.9%;top:23.9%;width:1.7%;height:auto;opacity:.95;filter:brightness(.8) saturate(.75) drop-shadow(0 1px 2px rgba(0,0,0,.85));transform:perspective(180px) rotateY(22deg) rotate(-2deg);transform-origin:center}
.heroCopy{z-index:5}
@media(max-width:1000px){.apexProductRig{right:-8vw;width:min(85vw,calc((100vh - 135px)*1.333))}}
@media(max-width:800px){.apexProductRig{right:-28vw;top:47%;width:min(135vw,calc((100svh - 150px)*1.333))}.apexProductRig .apexHeroBike{filter:brightness(.82) contrast(1.13) saturate(.90)}.apexProductRig .apexHeadBadge{display:block;min-width:9px}.apexHeroStage .heroAtmosphere{background:radial-gradient(ellipse 540px 580px at 70% 45%,rgba(51,69,36,.25),transparent 75%)}}

/* PR34: approved R26 visual on the right; ambient colour remains behind content. */
.apexHeroStage{background:radial-gradient(ellipse 1080px 670px at 46% 47%,#202c1b 0%,#111b13 50%,#080b0a 86%)}
.apexProductRig{left:44vw;right:0;top:0;bottom:0;width:auto;height:100%;aspect-ratio:auto;transform:none;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 11%,#000 100%);mask-image:linear-gradient(90deg,transparent,#000 11%,#000 100%)}
.apexProductRig .apexHeroBike{width:100%;height:100%;object-fit:cover;object-position:44% center;opacity:1;mix-blend-mode:normal;filter:none;transform:none}
.apexHeroStage .heroAtmosphere{z-index:0;background:radial-gradient(ellipse 760px 520px at 44% 45%,rgba(51,69,36,.28),transparent 72%)}
.apexHeroStage .heroEngineeringField{z-index:0;opacity:.04}
.heroCopy{z-index:5;max-width:650px}
.hero h1,.hero h1 em{filter:none;text-shadow:none}
.heroCopy>p{filter:none;text-shadow:none;color:#e1e9e0}
.hero .kicker,.productName,.heroProof,.heroStatus{filter:none;text-shadow:none;backdrop-filter:none}
.heroProof span{background:rgba(8,11,10,.94);backdrop-filter:none}
main > section:not(.hero)::before{z-index:0;pointer-events:none}
main > section:not(.hero)>*{z-index:2}
.section h2,.govern h2,.manifesto h2{filter:none;text-shadow:none}
@media(max-width:1100px){.apexProductRig{left:39vw}.heroCopy{max-width:63vw}.hero h1{font-size:clamp(55px,7.5vw,98px)}}
@media(max-width:800px){.apexProductRig{left:0;right:0;top:70px;bottom:20%;height:auto;opacity:.42;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 58%,transparent 100%)}.apexProductRig .apexHeroBike{object-position:54% center}.apexHeroStage .heroAtmosphere{background:radial-gradient(ellipse 500px 500px at 50% 40%,rgba(51,69,36,.24),transparent 72%)}.heroCopy{max-width:none}.hero h1{font-size:clamp(54px,16vw,82px)}}

/* PR34 words are always above ambient layers, without blur or glow. */
.wordMotionReady .wordParallax .motionWord{display:inline-block;will-change:transform;backface-visibility:hidden}
.wordMotionReady .wordParallax:not(.wordVisible) .motionWord{opacity:0;transform:translate3d(0,18px,0)}
.wordMotionReady .wordParallax.wordVisible .motionWord{opacity:1;transform:translate3d(0,var(--wordOffset,0px),0);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.75,.24,1);transition-delay:calc(var(--wordIndex)*38ms)}
@media(prefers-reduced-motion:reduce){.motionWord{opacity:1!important;transform:none!important;transition:none!important}}
@media print{.motionWord{opacity:1!important;transform:none!important}}

/* PR35 — sparse green bokeh in a dark vignette, behind every foreground element. */
html,body{background:#080b0a}
.hero,.apexHeroStage{
  background:
    radial-gradient(ellipse 105% 95% at 51% 49%,transparent 31%,rgba(1,4,3,.58) 100%),
    radial-gradient(circle 290px at 32% 41%,rgba(61,96,51,.16),transparent 74%),
    radial-gradient(circle 95px at 19% 74%,rgba(116,157,76,.065),transparent 78%),
    radial-gradient(circle 140px at 50% 68%,rgba(73,114,57,.075),transparent 78%),
    radial-gradient(ellipse 680px 460px at 39% 48%,rgba(30,50,32,.17),transparent 72%),
    #080b0a;
}
.apexHeroStage .heroAtmosphere{z-index:0;background:none}
.apexProductRig{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 4%,rgba(0,0,0,.74) 13%,#000 19%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 4%,rgba(0,0,0,.74) 13%,#000 19%);
}
main > section:not(.hero){background-color:#080b0a}
main > section:not(.hero)::before{
  background:
    radial-gradient(circle 220px at 27% 34%,rgba(64,103,51,.10),transparent 78%),
    radial-gradient(circle 90px at 74% 70%,rgba(118,151,72,.045),transparent 80%),
    radial-gradient(ellipse 650px 400px at 50% 48%,rgba(26,46,31,.08),transparent 72%);
  opacity:1;
}
@media(max-width:800px){
  .apexProductRig{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 58%,transparent 100%)}
}

/* PR36 — clearer foreground type; atmospheric layers and watermark retain depth. */
:root{--text:#f9fcf7;--muted:#d2ded2}
body{color:var(--text);-webkit-font-smoothing:antialiased}
header .brand b,nav a{color:#f1f7ef}
header .brand small{color:#c5d3c5;font-size:9px}
.hero .kicker,.section .eyebrow,.govern .eyebrow,.luxeScene .eyebrow{color:#e0ebe0;font-size:10px;font-weight:600}
.productName strong{color:#ff8b3a}.productName b{color:#c4ff44}
.hero h1,.section h2,.govern h2,.manifesto h2{color:#fff}
.hero h1 em,h2 i{color:#c2ff37}
.heroCopy>p,.riderLead,.twocol p,.altitude .copy>p,.vaeaGrid p,.ecosIntro,.govern p,.pillars p,.techgrid p,.partnerLogos p,.updategrid p,.contact p{color:#e3ece2}
.hero .cta{color:#f4faf0;font-size:10px}
.heroProof span{color:#dbe7db;font-size:9px;letter-spacing:.10em;border-color:rgba(255,255,255,.14)}
.heroProof b{color:#fff}
.heroStatus{color:#d8e5d7;font-size:9px;letter-spacing:.10em;background:rgba(8,11,10,.76)}
.specrow span,.publicSpecs span,.revisionNotes span,.cadCard figcaption span,.vaeaNode small,.partnerLogoBox small,.partners span,.companySignals span,.flow span{color:#c7d5c7}
.cadCard figcaption{color:#f4f8f1;font-size:9px}.cadCard figcaption b{font-size:10px}
.chapterNav a,.chapterRail,.ipNote,.legal,footer,.fbrand small{color:#aebbaf}
.manifesto p{color:#8bebff}
@media(max-width:800px){.heroCopy>p{color:#eff6ed}.heroProof span{font-size:9px}}

/* PR37 — a restrained violet / rose glint within the existing dark vignette. */
.hero,.apexHeroStage{
  background:
    radial-gradient(ellipse 105% 95% at 51% 49%,transparent 31%,rgba(1,4,3,.58) 100%),
    radial-gradient(circle 240px at 23% 29%,rgba(111,74,145,.072),transparent 75%),
    radial-gradient(circle 120px at 43% 68%,rgba(192,83,142,.048),transparent 78%),
    radial-gradient(circle 70px at 12% 77%,rgba(225,139,184,.040),transparent 76%),
    radial-gradient(circle 290px at 32% 41%,rgba(61,96,51,.13),transparent 74%),
    radial-gradient(ellipse 680px 460px at 39% 48%,rgba(30,50,32,.14),transparent 72%),
    #080b0a;
}
main > section:not(.hero)::before{
  background:
    radial-gradient(circle 180px at 17% 31%,rgba(112,74,144,.046),transparent 78%),
    radial-gradient(circle 100px at 76% 72%,rgba(191,80,140,.035),transparent 80%),
    radial-gradient(circle 220px at 27% 34%,rgba(64,103,51,.075),transparent 78%),
    radial-gradient(ellipse 650px 400px at 50% 48%,rgba(26,46,31,.06),transparent 72%);
  opacity:1;
}

/* PR38 — the supplied Apex studio photo, branded and fully in frame. */
.apexProductRig{left:auto;right:1.5vw;top:50%;bottom:auto;width:min(63vw,1050px,calc((100svh - 120px)*1.333));height:auto;aspect-ratio:1448/1086;transform:translateY(-50%);overflow:visible;-webkit-mask-image:none;mask-image:none}
.apexProductRig .apexHeroBike{display:block;width:100%;height:auto;object-fit:contain;object-position:center;filter:brightness(1.05) contrast(1.045);-webkit-mask-image:none;mask-image:none}
.apexProductRig .apexHeadBadge{display:block;left:59.5%;top:26.8%;width:3.6%;min-width:0;height:auto;opacity:.9;filter:grayscale(1) brightness(.62) contrast(1.12) drop-shadow(0 1px 2px rgba(0,0,0,.9));transform:perspective(190px) rotateY(12deg) rotate(-3deg)}
.heroCopy{max-width:min(43vw,620px)}
@media(max-width:1100px){.apexProductRig{right:-3vw;width:min(73vw,calc((100svh - 120px)*1.333))}.heroCopy{max-width:50vw}}
@media(max-width:800px){.apexProductRig{left:auto;right:-31vw;top:35%;bottom:auto;width:min(138vw,calc((100svh - 190px)*1.333));height:auto;aspect-ratio:1448/1086;transform:translateY(-50%);opacity:.48;overflow:visible;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 67%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 67%,transparent 100%)}.apexProductRig .apexHeroBike{width:100%;height:auto;object-fit:contain;filter:brightness(1.07) contrast(1.08)}.apexProductRig .apexHeadBadge{display:block;left:59.5%;top:26.8%;width:3.6%;min-width:0}.heroCopy{max-width:none}}

/* PR39 — approved sans-serif tube/rim marks and upright, legible official seal. */
.apexProductRig .apexHeadBadge{left:59.9%;top:24.0%;width:4.6%;min-width:0;opacity:1;filter:brightness(.98) saturate(.92) drop-shadow(0 2px 3px rgba(0,0,0,.85));transform:none}
@media(max-width:800px){.apexProductRig .apexHeadBadge{left:59.9%;top:24%;width:4.6%;opacity:1;filter:brightness(1.16) saturate(.94) drop-shadow(0 1px 2px rgba(0,0,0,.9));transform:none}}

/* PR44 — cinematic hero video stays behind the headline and labels. */
.heroFilmRig{isolation:isolate}
.apexProductRig .heroFilm{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:brightness(1.1) contrast(1.055)}
.heroFilmControls{position:absolute;right:5vw;bottom:154px;z-index:8;display:flex;align-items:center;gap:10px;padding:9px 10px;background:rgba(7,11,9,.90);border:1px solid rgba(255,255,255,.19);box-shadow:0 12px 40px rgba(0,0,0,.28)}
.heroFilmControls span{display:grid;gap:4px;min-width:172px;color:#e6efe5;font:600 9px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.11em}
.heroFilmControls b{color:#c2ff37;font-weight:600;letter-spacing:.13em}
.heroFilmControls button{height:36px;padding:0 13px;color:#f7fcf6;background:#172119;border:1px solid rgba(255,255,255,.24);font:600 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.10em;white-space:nowrap;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.heroFilmControls button:hover,.heroFilmControls button:focus-visible{background:#334127;border-color:#c2ff37;outline:none}
@media(max-width:800px){.heroFilmRig{opacity:.7}.apexProductRig .heroFilm{filter:brightness(1.18) contrast(1.07)}.heroFilmControls{right:7vw;top:88px;bottom:auto;gap:6px;padding:6px}.heroFilmControls span{min-width:94px;font-size:8px}.heroFilmControls button{height:31px;padding:0 8px;font-size:8px}}

/* PR47: film controls anchored to the bottom edge and separate product chapters. */
.heroFilmControls{right:4vw;bottom:16px;box-shadow:none;background:rgba(8,11,10,.93);border-color:rgba(249,252,247,.14)}
.heroFilmControls span{color:var(--text)}
.heroFilmControls b{color:var(--lime)}
.heroFilmControls button{color:var(--text);background:var(--panel)}
.heroFilmControls button:hover,.heroFilmControls button:focus-visible{border-color:var(--lime)}
.detailPage{background:var(--bg);color:var(--text)}
.detailPage main{padding-top:84px;min-height:calc(100vh - 84px)}
.detailLead{display:flex;justify-content:space-between;align-items:center;padding:40px 6vw 12px;color:var(--muted);font-size:10px;letter-spacing:.16em}
.detailLead a,.detailAfter a{color:var(--lime);text-decoration:none;font-size:10px;letter-spacing:.14em}
.detailPage .altitude{min-height:calc(100vh - 220px)}
.detailPage .altitudeStory{min-height:calc(100vh - 240px)}
.detailAfter{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:50px 6vw 90px;background:var(--bg);border-top:1px solid var(--line)}
.detailAfter a{padding:15px 0;border-bottom:1px solid var(--lime)}
@media(min-width:801px) and (max-width:1350px){header nav{gap:13px}header nav a{font-size:8px}}
@media(max-width:800px){
 .heroFilmControls{top:auto;right:5vw;bottom:12px;left:auto;gap:5px;padding:5px;max-width:90vw}
 .heroFilmControls span{min-width:0;font-size:7px;letter-spacing:.04em}
 .heroFilmControls button{padding:0 7px;font-size:7px}
 .heroProof{bottom:69px}
 .heroCue{display:none}
 .detailPage main{padding-top:70px}
 .detailLead{padding:28px 7vw 0;gap:20px;font-size:8px}
 .detailPage .altitude,.detailPage .altitudeStory{min-height:auto}
 .detailAfter{flex-direction:column;align-items:flex-start;padding:40px 7vw 70px}
}

/* PR48: Toray / TANSAM VYNDI accents on the live-site background. */
:root{--bg:#080b0a;--vyndi-lemon:#c9ff39;--vyndi-cyan:#53e5ff;--vyndi-magenta:#ff3fc7}
body,.detailPage{background-color:var(--bg)}
.themeLemon,.section h2 .themeLemon,.manifesto h2 .themeLemon,.govern h3 .themeLemon,
.section h2 i.themeLemon{color:var(--vyndi-lemon)}
.themeCyan,.section h2 .themeCyan,.manifesto h2 .themeCyan,.govern h2 .themeCyan,
.section h2 i.themeCyan{color:var(--vyndi-cyan)}
.themeMagenta,.section h2 .themeMagenta,.manifesto h2 .themeMagenta{color:var(--vyndi-magenta)}
main p strong.themeLemon,main p strong.themeCyan,main p strong.themeMagenta{font-weight:650}
.hero .kicker,#technology .eyebrow,.detailPage .riderIndex{color:var(--vyndi-cyan)}
#company .eyebrow,#system .eyebrow,#ecosystem .eyebrow,.detailPage #altitude .eyebrow{color:var(--vyndi-lemon)!important}
#updates .eyebrow,#contact .eyebrow,.detailPage #rider .eyebrow{color:var(--vyndi-magenta)!important}
.hero h1 em,.productName b{color:var(--vyndi-lemon)}
.heroProof span:nth-child(1) b{color:var(--vyndi-lemon)}
.heroProof span:nth-child(2) b{color:var(--vyndi-cyan)}
.heroProof span:nth-child(3) b{color:var(--vyndi-magenta)}
#company .companySignals span:nth-child(1) b,#company .companySignals span:nth-child(4) b{color:var(--vyndi-lemon)}
#company .companySignals span:nth-child(2) b{color:var(--vyndi-cyan)}
#company .companySignals span:nth-child(3) b{color:var(--vyndi-magenta)}
#technology .techgrid article:nth-child(1){border-top:2px solid var(--vyndi-cyan)}
#technology .techgrid article:nth-child(2){border-top:2px solid var(--vyndi-lemon)}
#technology .techgrid article:nth-child(3){border-top:2px solid var(--vyndi-magenta)}
#technology .techgrid article:nth-child(1) b{color:var(--vyndi-cyan)}
#technology .techgrid article:nth-child(2) b{color:var(--vyndi-lemon)}
#technology .techgrid article:nth-child(3) b{color:var(--vyndi-magenta)}
#system .pillars article:nth-child(1)>b{color:var(--vyndi-lemon)}
#system .pillars article:nth-child(2)>b{color:var(--vyndi-cyan)}
#system .pillars article:nth-child(3)>b{color:var(--vyndi-magenta)}
#system .pillars article:nth-child(2) small{color:var(--vyndi-cyan)}
#system .pillars article:nth-child(3) small{color:var(--vyndi-magenta)}
.govern .vyndiOrange{color:var(--vyndi-magenta)}
.govern .govline b:nth-of-type(2),.vaeaNode.aero b{color:var(--vyndi-cyan)}
.govern .govline b:nth-of-type(4),.vaeaNode.evidence b{color:var(--vyndi-magenta)}
#ecosystem .partnerStatus{color:var(--vyndi-cyan)}
#ecosystem article:nth-child(2) .partnerStatus{color:var(--vyndi-lemon)}
#ecosystem article:nth-child(3) .partnerStatus{color:var(--vyndi-magenta)}
#updates .updategrid article:first-child small{color:var(--vyndi-cyan)}
#updates .updategrid article:last-child small{color:var(--vyndi-magenta)}
.manifesto .vyndiGrow{color:var(--vyndi-lemon)}
.detailPage .specrow span:nth-child(1) b,.detailPage .publicSpecs>div:nth-child(1) b{color:var(--vyndi-cyan)}
.detailPage .specrow span:nth-child(2) b,.detailPage .publicSpecs>div:nth-child(2) b{color:var(--vyndi-lemon)}
.detailPage .specrow span:nth-child(3) b,.detailPage .publicSpecs>div:nth-child(3) b{color:var(--vyndi-magenta)}
.detailPage .revisionNotes article:nth-child(2) b{color:var(--vyndi-magenta)}
.detailPage .detailAfter a:nth-child(2){color:var(--vyndi-cyan);border-color:var(--vyndi-cyan)}
header nav a:hover,header nav a:focus-visible{color:var(--vyndi-cyan)}
header nav a[href="altitude.html"],header nav a[href="rider.html"]{color:var(--vyndi-lemon)}
.heroFilmControls b{color:var(--vyndi-lemon)}
@media(max-width:800px){#technology .techgrid article{border-top:0!important;border-left:2px solid var(--vyndi-cyan)}#technology .techgrid article:nth-child(2){border-left-color:var(--vyndi-lemon)}#technology .techgrid article:nth-child(3){border-left-color:var(--vyndi-magenta)}}

/* PR49: moving hero film and stronger foreground VYNDI text. */
.productName strong{color:var(--vyndi-cyan)!important}
.productName b{color:var(--vyndi-lemon)!important}
.heroCopy>p{font-size:clamp(15px,1.1vw,17px);line-height:1.63;color:#f2faf2}
.heroCopy>p strong.themeCyan{color:var(--vyndi-cyan);font-weight:800}
.heroCopy>p strong.themeLemon{color:var(--vyndi-lemon);font-weight:800}
.heroCopy>p strong.themeMagenta{color:var(--vyndi-magenta);font-weight:800}
.section p strong.themeCyan,.section p strong.themeMagenta,.section p strong.themeLemon,
.govern p strong.themeCyan{font-weight:750}
.hero .kicker{color:var(--vyndi-magenta)}
.heroFilmControls{bottom:max(16px,env(safe-area-inset-bottom))}
@media(max-width:800px){.heroCopy>p{font-size:13px}.heroFilmControls{bottom:max(12px,env(safe-area-inset-bottom))}}


/* PR50: image-driven film works on Cloudflare static assets, no MP4 upload. */
.apexProductRig .heroFilm{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;background:#080b0a;filter:none}
.heroFilm .filmShot{position:absolute;inset:0;opacity:0;overflow:hidden;pointer-events:none;will-change:opacity}
.heroFilm .filmShot:first-child{opacity:1}
.heroFilm .filmShot img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;will-change:transform;filter:brightness(1.10) contrast(1.045)}
.heroFilm .filmShot.filmLogo{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#172125 0%,#080b0a 56%)}
.heroFilm .filmShot.filmLogo img{width:min(48%,350px);height:min(48%,350px);object-fit:contain;filter:drop-shadow(0 18px 38px #000a)}
.heroFilmControls button[hidden]{display:none}
/* Typography keeps its approved colour, with visible scroll separation and crisp edges. */
.wordMotionReady .wordParallax:not(.wordVisible) .motionWord{opacity:0;transform:translate3d(calc(var(--wordXFactor)*-32px),52px,0) scale(.96)}
.wordMotionReady .wordParallax.wordVisible .motionWord{opacity:1;transform:translate3d(calc(var(--wordOffset,0px)*var(--wordXFactor)),calc(var(--wordOffset,0px)*var(--wordFactor)),0);transition:opacity .76s ease,transform 1.05s cubic-bezier(.17,.76,.19,1);transition-delay:calc(var(--wordIndex)*55ms)}
.wordMotionReady .wordParallax.wordSettled .motionWord{transition:transform .16s ease-out}
.copyMotion:not(.copyVisible){opacity:0;transform:translate3d(0,44px,0)}
.copyMotion.copyVisible{opacity:1;transform:translate3d(0,var(--copyOffset,0px),0);transition:opacity .84s ease,transform .98s cubic-bezier(.17,.76,.19,1)}
.copyMotion.copySettled{transition:transform .16s ease-out}
@media(prefers-reduced-motion:reduce){.heroFilm .filmShot:first-child{opacity:0}.heroFilm .filmShot:nth-child(2){opacity:1}.motionWord,.copyMotion{opacity:1!important;transform:none!important;transition:none!important}}