:root{
  --bg:#030615;
  --panel:rgba(4,8,26,.78);
  --panel2:rgba(8,13,36,.84);
  --white:#f7fbff;
  --muted:#c2c9d8;
  --cyan:#08e8ff;
  --blue:#4b72ff;
  --magenta:#b84aff;
  --pink:#ff42d7;
  --orange:#ff9226;
  --green:#90ff75;
  --danger:#ff5b52;
  --ratio-w:min(100vw, calc(100vh * 16 / 9));
  --ratio-h:min(100vh, calc(100vw * 9 / 16));
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:#02040d;color:var(--white);font-family:"Segoe UI","Arial Narrow",Arial,sans-serif}
body{display:grid;place-items:center}
button{font:inherit;color:inherit}
.symbol-bank{position:absolute;width:0;height:0;overflow:hidden}
svg{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.deck{position:relative;width:var(--ratio-w);height:var(--ratio-h);aspect-ratio:16/9;background:#020412;box-shadow:0 0 60px #000;overflow:hidden;isolation:isolate}
.slide{position:absolute;inset:0;display:none;overflow:hidden;background:radial-gradient(circle at 70% 20%,rgba(180,58,255,.12),transparent 32%),radial-gradient(circle at 30% 75%,rgba(8,232,255,.12),transparent 34%),linear-gradient(120deg,#030617,#02030d 60%,#07081e);padding:0;color:var(--white)}
.slide.active{display:block}
.slide::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(8,232,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,66,215,.04) 1px,transparent 1px);background-size:3.2vw 3.2vw;mask-image:radial-gradient(circle at 58% 48%,#000 0,transparent 76%);animation:gridDrift 19s linear infinite;z-index:-5}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 94%,rgba(8,232,255,.08));background-size:100% 5px;opacity:.15;mix-blend-mode:screen;pointer-events:none;z-index:50}.ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 46% 48%,rgba(28,90,255,.20),transparent 28%),radial-gradient(circle at 84% 68%,rgba(255,146,38,.10),transparent 22%);filter:saturate(1.15);z-index:-6}.scanline{position:absolute;top:-18%;left:0;right:0;height:17%;background:linear-gradient(to bottom,transparent,rgba(8,232,255,.11),transparent);animation:scan 7s ease-in-out infinite;z-index:20;pointer-events:none}.corner-l{position:absolute;left:1.4%;top:2.4%;width:15%;height:15%;border-left:.18vw solid var(--cyan);border-top:.18vw solid var(--cyan);filter:drop-shadow(0 0 .55vw var(--cyan));clip-path:polygon(0 0,100% 0,84% 16%,12% 16%,12% 100%,0 100%);opacity:.85}.circuit-layer{position:absolute;inset:0;opacity:.34;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 7vw,rgba(8,232,255,.08) 7.05vw 7.1vw,transparent 7.12vw 12vw),radial-gradient(circle at 80% 36%,rgba(8,232,255,.12),transparent 20%);mask-image:linear-gradient(90deg,transparent,#000 28%,#000 80%,transparent);animation:circuitPulse 5s ease-in-out infinite}.slide-head{position:absolute;left:4.2%;top:5.2%;z-index:10}.slide-head h1{margin:0;font-size:clamp(24px,5.6vh,70px);line-height:.96;font-weight:950;letter-spacing:.035em;text-transform:uppercase;text-shadow:0 0 .7vw rgba(255,255,255,.12);animation:fromLeft .8s cubic-bezier(.2,.9,.2,1) both}.slide-head h1 span{font-weight:950}.slide-head p{margin:.8vh 0 0;font-size:clamp(12px,2.35vh,30px);color:rgba(255,255,255,.88);animation:fadeUp .8s .15s ease both}.neon-rule{position:relative;margin-top:2.2vh;width:33vw;height:.25vh;min-height:2px;background:linear-gradient(90deg,var(--cyan),var(--magenta),var(--orange),transparent);box-shadow:0 0 .75vw var(--cyan),0 0 .55vw var(--magenta);transform-origin:left;animation:growLine 1s .15s ease both}.neon-rule.short{width:28vw}.neon-rule.warm{background:linear-gradient(90deg,var(--cyan),var(--magenta),var(--orange),transparent)}.neon-rule::before,.neon-rule::after{content:"";position:absolute;top:50%;width:.65vw;height:.65vw;border-radius:50%;transform:translateY(-50%);background:var(--cyan);box-shadow:0 0 .65vw var(--cyan)}.neon-rule::before{left:-.4vw}.neon-rule::after{right:-.35vw;background:var(--orange);box-shadow:0 0 .65vw var(--orange)}
.global-badge{position:absolute;top:calc((100vh - var(--ratio-h))/2 + var(--ratio-h)*.042);right:calc((100vw - var(--ratio-w))/2 + var(--ratio-w)*.044);width:calc(var(--ratio-w)*.13);height:calc(var(--ratio-h)*.075);display:grid;place-items:center;font-weight:950;font-size:clamp(14px,2.25vh,30px);letter-spacing:.07em;background:linear-gradient(90deg,rgba(8,232,255,.11),rgba(255,66,215,.14)),rgba(4,8,26,.84);border:.12vw solid rgba(255,255,255,.24);clip-path:polygon(8% 0,92% 0,100% 30%,100% 70%,92% 100%,8% 100%,0 70%,0 30%);box-shadow:0 0 1vw rgba(8,232,255,.45),inset 0 0 1vw rgba(255,66,215,.25);z-index:100;animation:badgePulse 2.5s ease-in-out infinite}.controls{position:absolute;right:calc((100vw - var(--ratio-w))/2 + var(--ratio-w)*.018);bottom:calc((100vh - var(--ratio-h))/2 + var(--ratio-h)*.018);display:flex;gap:.4vw;z-index:150;opacity:.25;transition:.25s}.controls:hover{opacity:1}.controls button{border:1px solid rgba(8,232,255,.38);background:rgba(4,8,26,.78);padding:.35em .65em;font-weight:800;font-size:clamp(9px,1.3vh,15px);clip-path:polygon(10% 0,90% 0,100% 35%,100% 65%,90% 100%,10% 100%,0 65%,0 35%);cursor:pointer}.controls button:hover{color:var(--cyan);box-shadow:0 0 .8vw rgba(8,232,255,.4)}
.timeline{position:absolute;left:calc((100vw - var(--ratio-w))/2 + var(--ratio-w)*.018);right:calc((100vw - var(--ratio-w))/2 + var(--ratio-w)*.018);bottom:calc((100vh - var(--ratio-h))/2 + var(--ratio-h)*.022);height:calc(var(--ratio-h)*.12);display:grid;grid-template-columns:repeat(16,1fr);gap:.28vw;z-index:90}.timeline::after{content:"";position:absolute;left:.2%;right:.2%;bottom:0;height:.34vh;background:linear-gradient(90deg,var(--cyan),#2970ff,var(--magenta),var(--pink),var(--orange));box-shadow:0 0 .5vw rgba(8,232,255,.6);z-index:-1}.nav-step{position:relative;display:grid;place-items:center;text-align:center;gap:.1vh;padding:.38vh .1vw 1.45vh;background:rgba(5,8,23,.7);border:.1vw solid rgba(110,120,170,.28);clip-path:polygon(10% 0,90% 0,100% 18%,100% 82%,90% 100%,10% 100%,0 82%,0 18%);color:rgba(240,245,255,.75);cursor:pointer;transition:.25s;min-width:0}.nav-step svg{width:2.1vh;height:2.1vh;stroke-width:3}.nav-step b{font-size:clamp(9px,1.65vh,18px);line-height:1}.nav-step small{font-size:clamp(5px,.85vh,11px);font-weight:800;letter-spacing:.03em;white-space:nowrap;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis}.nav-step::after{content:"";position:absolute;left:50%;bottom:-.6vh;width:.7vw;height:.7vw;border-radius:50%;transform:translateX(-50%);background:#081028;border:.13vw solid currentColor;box-shadow:0 0 .35vw currentColor}.nav-step.done{color:var(--cyan);border-color:rgba(8,232,255,.24)}.nav-step.active{color:var(--white);border-color:rgba(8,232,255,.7);background:linear-gradient(135deg,rgba(8,232,255,.16),rgba(184,74,255,.18));box-shadow:0 0 1.1vw rgba(8,232,255,.55),inset 0 0 1vw rgba(184,74,255,.32);transform:translateY(-.45vh)}.nav-step.active::after{background:#fff;box-shadow:0 0 1vw #fff,0 0 1.5vw var(--cyan)}
.reveal-left{animation:fromLeft .82s ease both}.reveal-right{animation:fromRight .82s ease both}.reveal-up{animation:fadeUp .82s ease both}.late{animation-delay:.55s!important}.side-panel,.summary-card,.factor-box,.idea-panel,.flow-panel,.result-panel,.principle,.pipe-card,.placeholder-box{background:linear-gradient(140deg,rgba(7,13,38,.82),rgba(2,5,17,.86));border:.12vw solid rgba(8,232,255,.48);box-shadow:0 0 1.2vw rgba(8,232,255,.16),inset 0 0 1.8vw rgba(184,74,255,.08);clip-path:polygon(5% 0,95% 0,100% 13%,100% 87%,95% 100%,5% 100%,0 87%,0 13%)}
/* SLIDE 1 */
.s1-left{position:absolute;left:4.6%;top:18%;width:41%;height:58%;z-index:6}.brand{margin:0 0 1.5vh;font-size:clamp(50px,11vh,150px);line-height:.82;letter-spacing:.04em;font-weight:950}.brand span{color:var(--cyan);text-shadow:0 0 1.3vw rgba(8,232,255,.75);animation:flicker 3s linear infinite}.s1-left h3{margin:0;font-size:clamp(18px,3.1vh,42px);line-height:1.18;letter-spacing:.055em}.s1-left h3 span{background:linear-gradient(90deg,var(--magenta),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 .35vw rgba(184,74,255,.65))}.s1-left p{width:62%;margin:5.5vh 0 0;color:rgba(255,255,255,.82);font-size:clamp(11px,2vh,27px);line-height:1.35}.concept-strip{position:absolute;left:-4%;bottom:-4%;width:103%;height:23%;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(5,9,26,.78);border:.12vw solid rgba(8,232,255,.5);box-shadow:0 0 1.5vw rgba(8,232,255,.16),inset 0 0 1.8vw rgba(184,74,255,.12);clip-path:polygon(3% 0,96% 0,100% 19%,100% 82%,96% 100%,3% 100%,0 82%,0 19%);animation:fadeUp .9s .9s both,panelGlow 4s 1.4s infinite}.mini{display:grid;place-items:center;text-align:center;border-right:1px solid rgba(255,255,255,.16);padding:.5vh .3vw}.mini:last-child{border-right:0}.mini svg{width:3.8vh;height:3.8vh}.mini b{font-size:clamp(7px,1.3vh,18px);line-height:1.05}.cyan{color:var(--cyan)}.magenta{color:var(--magenta)}.pink{color:var(--pink)}.orange{color:var(--orange)}.blue{color:var(--blue)}.s1-center{position:absolute;left:38%;top:15%;width:37%;height:61%}.city-bars{position:absolute;left:12%;right:6%;bottom:8%;height:42%;display:flex;align-items:flex-end;gap:1.1vw;opacity:.52}.city-bars span{flex:1;background:linear-gradient(to top,rgba(8,232,255,.6),rgba(184,74,255,.16));border:1px solid rgba(8,232,255,.16);box-shadow:0 0 1vw rgba(8,232,255,.25);animation:cityPulse 2.4s ease-in-out infinite}.city-bars span:nth-child(1){height:39%;animation-delay:.1s}.city-bars span:nth-child(2){height:55%;animation-delay:.4s}.city-bars span:nth-child(3){height:28%;animation-delay:.8s}.city-bars span:nth-child(4){height:70%;animation-delay:.2s}.city-bars span:nth-child(5){height:45%;animation-delay:.6s}.city-bars span:nth-child(6){height:62%;animation-delay:.3s}.city-bars span:nth-child(7){height:35%;animation-delay:.7s}.data-rays{position:absolute;inset:0}.data-rays i{position:absolute;left:0;top:calc(14% + var(--n)*8%);width:43%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),transparent);box-shadow:0 0 .6vw var(--cyan);animation:dataRay 2.5s linear infinite}.data-rays i:nth-child(1){--n:0;animation-delay:.1s}.data-rays i:nth-child(2){--n:1;animation-delay:.4s}.data-rays i:nth-child(3){--n:2;animation-delay:.7s}.data-rays i:nth-child(4){--n:3;animation-delay:1s}.data-rays i:nth-child(5){--n:4;animation-delay:1.3s}.light-column{position:absolute;left:50%;bottom:16%;width:1.4vw;height:41%;transform:translateX(-50%);background:linear-gradient(to top,rgba(8,232,255,.95),rgba(255,66,215,.48),transparent);filter:blur(.35vw);opacity:.72;animation:columnPulse 2.5s ease-in-out infinite}.holo-platform{position:absolute;left:50%;bottom:7%;width:23vw;height:11vw;transform:translateX(-50%);border-radius:50%;filter:drop-shadow(0 0 1vw var(--cyan))}.holo-platform i{position:absolute;inset:0;border:.14vw solid rgba(8,232,255,.65);border-radius:50%;animation:spin 8s linear infinite}.holo-platform i:nth-child(2){inset:14%;border-color:rgba(184,74,255,.7);animation-duration:6s;animation-direction:reverse}.holo-platform i:nth-child(3){inset:30%;border-color:rgba(255,146,38,.7);animation-duration:4s}.brain-holo{position:absolute;left:50%;top:6%;width:16vw;height:16vw;transform:translateX(-50%);color:var(--cyan);filter:drop-shadow(0 0 .9vw var(--cyan)) drop-shadow(0 0 1.4vw var(--pink));animation:floatCenter 4.2s ease-in-out infinite}.brain-holo svg{width:100%;height:100%;stroke:url(#curveGrad);stroke-width:2.3}.s1-panel{position:absolute;right:3.6%;top:19%;width:21.5%;height:50%;padding:3vh 2.2vw}.s1-panel h3,.side-panel h3{margin:0 0 2.3vh;color:var(--cyan);font-size:clamp(13px,2.3vh,31px);text-transform:uppercase}.s1-panel div{display:grid;grid-template-columns:3.2vw 1fr;gap:.8vw;align-items:center;margin:2vh 0}.s1-panel svg{width:2.7vw;height:2.7vw}.s1-panel b{display:block;font-size:clamp(9px,1.6vh,20px);color:var(--cyan)}.s1-panel div:nth-child(3) b{color:var(--magenta)}.s1-panel div:nth-child(4) b{color:var(--pink)}.s1-panel div:nth-child(5) b{color:var(--orange)}.s1-panel span{display:block;color:rgba(255,255,255,.82);font-size:clamp(8px,1.45vh,18px)}
/* SLIDE 2 */
.s2-left{position:absolute;left:4.5%;top:24%;width:29%;z-index:3}.s2-left h2{margin:0 0 3vh;font-size:clamp(23px,4.2vh,56px);line-height:1.18;letter-spacing:.04em}.s2-left h2 span{font-size:1.2em;background:linear-gradient(90deg,var(--cyan),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 .6vw rgba(8,232,255,.28)}.s2-left p{margin:0 0 6vh;color:rgba(255,255,255,.83);font-size:clamp(11px,2.15vh,28px);line-height:1.45}.summary-card{height:16vh;display:grid;grid-template-columns:7.5vw 1fr;gap:1vw;align-items:center;padding:2vh 1.8vw;border-color:rgba(184,74,255,.65)}.summary-card svg{width:5.5vw;height:5.5vw;color:var(--cyan);filter:drop-shadow(0 0 .8vw var(--cyan));animation:floatY 3.8s ease-in-out infinite}.summary-card h3{margin:0 0 .8vh;color:var(--cyan);font-size:clamp(12px,2vh,26px)}.summary-card p{margin:0!important;font-size:clamp(9px,1.55vh,20px)!important;line-height:1.35!important}.compare-zone{position:absolute;left:37%;top:15.5%;width:59%;height:62%;display:grid;grid-template-columns:1fr 8% 1fr;align-items:center;gap:1vw}.flow-panel{height:100%;padding:2.3vh 2vw;border-color:rgba(8,232,255,.5);position:relative;animation:panelGlow 4s infinite}.flow-panel.aiops-panel{border-color:rgba(184,74,255,.67)}.flow-panel h3{text-align:center;margin:0 0 2.3vh;font-size:clamp(12px,2vh,26px);color:var(--cyan);letter-spacing:.05em}.aiops-panel h3{color:var(--magenta)}.flow-row{display:grid;grid-template-columns:4.4vw 1fr;grid-template-areas:"icon title" "icon p";gap:.25vh .9vw;align-items:center;opacity:0;transform:translateY(1.4vh);animation:flowIn .7s calc(.5s + var(--d)) ease both}.flow-row svg{grid-area:icon;width:3.7vw;height:3.7vw;color:currentColor;filter:drop-shadow(0 0 .45vw currentColor)}.flow-row b{grid-area:title;font-size:clamp(10px,1.75vh,22px);color:currentColor;letter-spacing:.035em}.flow-row p{grid-area:p;margin:0;color:rgba(255,255,255,.8);font-size:clamp(8px,1.35vh,17px);line-height:1.35}.flow-arrow{text-align:center;color:var(--cyan);font-size:2.8vh;line-height:1;animation:arrowDown 1.2s infinite}.traditional .flow-row:nth-of-type(2),.traditional .flow-row:nth-of-type(4){color:var(--orange)}.traditional .flow-row:nth-of-type(6){color:var(--magenta)}.traditional .flow-row:nth-of-type(8){color:var(--orange)}.aiops-panel .flow-row:nth-of-type(2){color:var(--cyan)}.aiops-panel .flow-row:nth-of-type(4),.aiops-panel .flow-row:nth-of-type(6){color:var(--magenta)}.aiops-panel .flow-row:nth-of-type(8){color:var(--orange)}.vs-orb{display:grid;place-items:center;width:5.8vw;height:5.8vw;border-radius:50%;background:radial-gradient(circle,rgba(5,9,26,.95),rgba(8,232,255,.13));border:.18vw solid rgba(8,232,255,.62);box-shadow:0 0 1.4vw rgba(8,232,255,.55),inset 0 0 1.3vw rgba(184,74,255,.35);font-size:clamp(20px,4vh,48px);font-weight:950;animation:vsPulse 2s ease-in-out infinite}.status{position:absolute;left:7%;right:7%;bottom:3.2vh;height:5.4vh;display:flex;align-items:center;justify-content:center;gap:.7vw;border:.12vw solid currentColor;font-weight:900;font-size:clamp(8px,1.35vh,17px);letter-spacing:.04em}.status svg{width:2.3vw;height:2.3vw}.danger{color:var(--danger)}.success{color:var(--green)}
/* SLIDE 3 */
.s3-left{position:absolute;left:3.5%;top:18.5%;width:28.5%;z-index:4}.s3-left h2{font-size:clamp(16px,2.7vh,36px);line-height:1.32;margin:0 0 3vh;letter-spacing:.04em}.s3-left h2 span{color:var(--magenta)}.s3-left p{font-size:clamp(10px,1.9vh,25px);line-height:1.42;color:rgba(255,255,255,.83);margin:0 0 3.2vh}.factor-box{height:41vh;padding:2.1vh 2vw}.factor-box h3{text-align:center;margin:0 0 1.6vh;color:var(--cyan);font-size:clamp(10px,1.7vh,22px)}.factor-box div{display:grid;grid-template-columns:4.2vw 1fr;grid-template-areas:"i b" "i s";gap:.1vh .9vw;margin:1.4vh 0}.factor-box svg{grid-area:i;width:3.2vw;height:3.2vw;color:var(--cyan);filter:drop-shadow(0 0 .5vw currentColor)}.factor-box div:nth-child(3) svg,.factor-box div:nth-child(3) b{color:var(--magenta)}.factor-box div:nth-child(4) svg,.factor-box div:nth-child(4) b{color:var(--orange)}.factor-box b{grid-area:b;color:var(--cyan);font-size:clamp(9px,1.45vh,18px)}.factor-box span{grid-area:s;color:rgba(255,255,255,.82);font-size:clamp(8px,1.3vh,16px);line-height:1.35}.growth-chart{position:absolute;left:32%;top:15%;width:65%;height:52%;z-index:2}.curve-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.gridline{stroke:rgba(8,232,255,.12);stroke-width:1}.growth-path{stroke:url(#curveGrad);stroke-width:9;fill:none;filter:drop-shadow(0 0 .8vw rgba(184,74,255,.65));stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawPath 2.2s .4s ease forwards}.arrow-head{stroke:var(--orange);stroke-width:11;fill:none;filter:drop-shadow(0 0 .7vw var(--orange));opacity:0;animation:fadeIn .6s 2.2s forwards}.point{fill:var(--cyan);stroke:rgba(255,255,255,.55);stroke-width:2;opacity:0;filter:drop-shadow(0 0 .8vw currentColor);animation:pointPop .45s forwards}.p1{animation-delay:.7s}.p2{animation-delay:1.1s}.p3{animation-delay:1.5s}.p4{animation-delay:1.9s}.year{position:absolute;width:16.2%;text-align:center;color:var(--white);opacity:0;animation:fadeUp .7s forwards}.year b{display:block;font-size:clamp(18px,3.3vh,42px);color:var(--cyan);font-weight:950}.year h3{margin:1vh 0 1.5vh;font-size:clamp(9px,1.55vh,19px);line-height:1.25}.year svg{width:4.3vw;height:4.3vw;color:var(--cyan);filter:drop-shadow(0 0 .55vw currentColor);margin-bottom:1.2vh}.year p{text-align:left;margin:0;font-size:clamp(7px,1.25vh,15px);line-height:1.55;color:rgba(255,255,255,.82)}.y2010{left:6%;top:10%;animation-delay:.6s}.y2015{left:28%;top:6%;animation-delay:.95s}.y2020{left:52%;top:0;animation-delay:1.3s}.y2025{left:77%;top:-3%;animation-delay:1.65s}.y2020 b,.y2020 svg{color:var(--magenta)}.y2025 b,.y2025 svg{color:var(--orange)}.chart-label{position:absolute;left:42%;bottom:-1%;color:var(--cyan);font-weight:900;font-size:clamp(8px,1.45vh,18px);letter-spacing:.07em;text-shadow:0 0 .5vw var(--cyan)}.comparison-banner{position:absolute;left:33%;right:4.5%;bottom:18%;height:14.5%;display:grid;grid-template-columns:1fr 9% 1fr;align-items:center;border:.12vw solid rgba(184,74,255,.55);background:rgba(5,8,24,.8);box-shadow:0 0 1vw rgba(184,74,255,.25);clip-path:polygon(3% 0,97% 0,100% 18%,100% 82%,97% 100%,3% 100%,0 82%,0 18%);padding:1.7vh 3vw}.comparison-banner div:not(.chev){display:grid;grid-template-columns:5.2vw 1fr;grid-template-areas:"i h" "i p";align-items:center;gap:.3vh 1vw}.comparison-banner svg{grid-area:i;width:4vw;height:4vw;color:var(--pink);filter:drop-shadow(0 0 .6vw currentColor)}.comparison-banner div:last-child svg{color:var(--cyan)}.comparison-banner h3{grid-area:h;margin:0;color:var(--pink);font-size:clamp(11px,1.8vh,22px)}.comparison-banner div:last-child h3{color:var(--cyan)}.comparison-banner p{grid-area:p;margin:0;color:rgba(255,255,255,.82);font-size:clamp(8px,1.35vh,17px);line-height:1.35}.chev{font-size:clamp(35px,8vh,88px);font-weight:950;color:var(--magenta);text-shadow:0 0 1vw var(--magenta);animation:chevBlink 1.2s infinite;text-align:center}
/* SLIDE 4 */
.idea-panel{position:absolute;left:2.2%;top:24%;width:22%;height:54%;padding:3vh 2vw}.idea-panel h3{display:flex;align-items:center;gap:.7vw;margin:0 0 2.5vh;color:var(--cyan);font-size:clamp(10px,1.7vh,22px)}.idea-panel h3 svg{width:2vw;height:2vw}.idea-panel p{font-size:clamp(9px,1.55vh,20px);line-height:1.6;color:rgba(255,255,255,.84);margin:0}.server-illustration{position:absolute;left:10%;right:10%;bottom:5%;height:31%;display:grid;place-items:center;color:var(--cyan)}.server-illustration svg{width:9vw;height:9vw;filter:drop-shadow(0 0 .8vw var(--cyan))}.server-illustration i{position:absolute;bottom:0;width:5vw;height:1.4vh;background:radial-gradient(ellipse,var(--cyan),transparent 70%);filter:blur(.2vw);animation:beamPulse 2s infinite}.server-illustration i:nth-child(2){left:25%;animation-delay:.35s}.server-illustration i:nth-child(3){right:25%;animation-delay:.7s}.concept-map{position:absolute;left:25%;top:16%;width:52%;height:64%;z-index:3}.connector-svg{position:absolute;inset:0;width:100%;height:100%;stroke:rgba(8,232,255,.55);stroke-width:3;filter:drop-shadow(0 0 .4vw rgba(8,232,255,.5));stroke-dasharray:8 12;animation:dash 14s linear infinite}.center-core{position:absolute;left:43%;top:37%;width:14vw;height:14vw;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(8,232,255,.1),rgba(4,8,26,.88) 60%);border:.12vw solid rgba(8,232,255,.45);box-shadow:0 0 1.3vw rgba(8,232,255,.55),inset 0 0 1.4vw rgba(184,74,255,.35);animation:corePulse 2.4s infinite}.center-core svg{width:6.5vw;height:6.5vw;color:var(--cyan);filter:drop-shadow(0 0 .65vw var(--cyan));animation:floatY 3.5s infinite}.center-core b{font-size:clamp(20px,4.3vh,56px);letter-spacing:.05em}.node-card{position:absolute;left:var(--x);top:var(--y);width:20vw;height:13.5vh;display:grid;grid-template-columns:5.2vw 1fr;grid-template-areas:"i h" "i p";align-items:center;gap:.2vh 1vw;padding:1.6vh 1.5vw;background:rgba(6,10,30,.86);border:.12vw solid currentColor;box-shadow:0 0 1vw color-mix(in srgb,currentColor 45%,transparent), inset 0 0 1vw rgba(255,255,255,.04);clip-path:polygon(6% 0,94% 0,100% 20%,100% 80%,94% 100%,6% 100%,0 80%,0 20%);opacity:0;animation:nodeIn .65s calc(.4s + var(--d)) forwards}.node-card svg{grid-area:i;width:4vw;height:4vw;filter:drop-shadow(0 0 .5vw currentColor)}.node-card h3{grid-area:h;margin:0;font-size:clamp(12px,2vh,26px);letter-spacing:.05em}.node-card p{grid-area:p;margin:0;color:rgba(255,255,255,.85);font-size:clamp(9px,1.45vh,18px);line-height:1.35}.moving-dot{position:absolute;width:.75vw;height:.75vw;border-radius:50%;background:var(--cyan);box-shadow:0 0 .9vw var(--cyan);z-index:5}.d1{left:17%;top:19%;animation:dotTravel1 3s infinite}.d2{left:70%;top:20%;background:var(--magenta);box-shadow:0 0 .9vw var(--magenta);animation:dotTravel2 3.4s infinite}.d3{left:48%;top:72%;background:var(--orange);box-shadow:0 0 .9vw var(--orange);animation:dotTravel3 3.7s infinite}.s4-panel{position:absolute;right:2.4%;top:16%;width:21.8%;height:62%;padding:2.7vh 2vw}.s4-panel h3{display:flex;align-items:center;gap:.7vw;margin:0 0 2vh}.s4-panel h3 svg{width:2.2vw;height:2.2vw}.s4-panel p{margin:0 0 3vh;color:rgba(255,255,255,.82);font-size:clamp(9px,1.6vh,21px);line-height:1.55}.s4-panel hr{border:0;height:1px;background:rgba(8,232,255,.28);margin:2.5vh 0}.s4-panel div{display:grid;grid-template-columns:3.4vw 1fr;gap:.9vw;align-items:center;margin:2.4vh 0;font-size:clamp(9px,1.55vh,19px);line-height:1.4}.s4-panel div svg{width:2.7vw;height:2.7vw;color:var(--magenta);filter:drop-shadow(0 0 .45vw currentColor)}.s4-panel div:nth-of-type(2) svg{color:var(--pink)}.s4-panel div:nth-of-type(3) svg{color:var(--orange)}
/* SLIDE 5 */
.s5-intro{position:absolute;left:4.2%;top:19.5%;width:28%;font-size:clamp(12px,2.25vh,30px);line-height:1.38;color:rgba(255,255,255,.86);z-index:5}.principles-map{position:absolute;left:11.5%;top:12%;width:83%;height:66%;z-index:3}.principle-core{position:absolute;left:43.5%;top:33.5%;width:15vw;height:15vw;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(4,8,26,.95),rgba(8,232,255,.10));border:.15vw solid rgba(8,232,255,.5);box-shadow:0 0 1.5vw rgba(8,232,255,.55), inset 0 0 1.5vw rgba(184,74,255,.35);z-index:3}.principle-core b{font-size:clamp(26px,5vh,67px);letter-spacing:.05em}.principle-core span{font-weight:850;font-size:clamp(10px,1.9vh,25px);line-height:1.2}.orbit{position:absolute;inset:-12%;border:.12vw solid rgba(8,232,255,.45);border-radius:50%;border-left-color:transparent;border-bottom-color:rgba(184,74,255,.55);animation:spin 9s linear infinite}.o2{inset:-21%;border-color:rgba(184,74,255,.38);border-right-color:transparent;animation-duration:12s;animation-direction:reverse}.o3{inset:10%;border-color:rgba(255,255,255,.12);animation-duration:6s}.principle{position:absolute;width:24vw;height:13vh;padding:1.8vh 1.6vw;display:grid;grid-template-columns:5vw 1fr;grid-template-areas:"i h" "i p";align-items:center;gap:.2vh 1vw;border-color:currentColor;opacity:0;animation:nodeIn .65s calc(.25s + var(--d,0s)) forwards}.principle svg{grid-area:i;width:4vw;height:4vw;filter:drop-shadow(0 0 .55vw currentColor)}.principle h3{grid-area:h;margin:0;font-size:clamp(10px,1.65vh,22px);letter-spacing:.04em}.principle p{grid-area:p;margin:0;color:rgba(255,255,255,.84);font-size:clamp(8px,1.2vh,16px);line-height:1.32}.principle.top{left:36%;top:0;--d:.1s}.principle.left-top{left:10%;top:28%;--d:.2s}.principle.left-bottom{left:9%;top:55%;--d:.3s}.principle.right-top{right:2%;top:28%;--d:.4s}.principle.right-bottom{right:2%;top:55%;--d:.5s}.principle.bottom{left:36%;bottom:0;--d:.6s}.connect{position:absolute;background:linear-gradient(90deg,var(--cyan),var(--magenta));height:.25vh;box-shadow:0 0 .6vw var(--cyan);transform-origin:center;opacity:.72;animation:linePulse 2.4s infinite}.c-top{left:51%;top:24%;width:.25vh;height:10vh}.c-bottom{left:51%;top:67%;width:.25vh;height:9vh}.c-left1{left:30%;top:42%;width:17vw}.c-left2{left:30%;top:59%;width:17vw}.c-right1{right:19%;top:42%;width:17vw}.c-right2{right:19%;top:59%;width:17vw}.c-top,.c-bottom{background:linear-gradient(to bottom,var(--cyan),var(--magenta))}
/* SLIDE 6 */
.pipeline-wrap{position:absolute;left:3%;top:30%;width:76.5%;height:41%;display:grid;grid-template-columns:repeat(6,1fr);gap:1.25vw;z-index:4}.pipe-card{position:relative;display:grid;grid-template-rows:3.6vh 3.4vh 9vh 1fr 3.8vh;justify-items:center;text-align:center;padding:1vh .7vw 1.2vh;border-color:currentColor;opacity:0;animation:pipeIn .6s calc(.35s + var(--d)) both}.pipe-card b{position:absolute;top:-2.6vh;left:50%;transform:translateX(-50%);width:4.1vw;height:5.2vh;display:grid;place-items:center;background:rgba(6,10,30,.92);border:.12vw solid currentColor;clip-path:polygon(18% 0,82% 0,100% 25%,100% 75%,82% 100%,18% 100%,0 75%,0 25%);font-size:clamp(12px,2.2vh,28px);box-shadow:0 0 .75vw currentColor}.pipe-card h3{margin:2vh 0 0;font-size:clamp(8px,1.4vh,18px);letter-spacing:.02em}.pipe-card svg{width:5.7vw;height:6.5vh;margin:1vh 0;filter:drop-shadow(0 0 .55vw currentColor)}.pipe-card p{margin:0;color:rgba(255,255,255,.84);font-size:clamp(7px,1.26vh,16px);line-height:1.35;align-self:center}.pipe-card span{align-self:end;display:block;width:100%;padding:.8vh .4vw;border:.08vw solid currentColor;background:rgba(255,255,255,.03);font-size:clamp(7px,1.2vh,15px);font-weight:800}.pipe-line{position:absolute;left:12%;right:8%;top:44%;height:.35vh;background:linear-gradient(90deg,var(--cyan),var(--magenta),var(--pink),var(--orange));box-shadow:0 0 .7vw rgba(8,232,255,.65);z-index:-1}.pipe-line i{position:absolute;top:50%;width:.9vw;height:.9vw;border-radius:50%;background:#fff;box-shadow:0 0 1vw #fff;transform:translateY(-50%);animation:pipeDot 2.6s linear infinite}.pipe-line i:nth-child(1){left:0;animation-delay:0s}.pipe-line i:nth-child(2){left:22%;animation-delay:.45s}.pipe-line i:nth-child(3){left:44%;animation-delay:.9s}.pipe-line i:nth-child(4){left:66%;animation-delay:1.35s}.pipe-line i:nth-child(5){left:88%;animation-delay:1.8s}.feedback-loop{position:absolute;left:16%;bottom:18%;width:58%;text-align:center;color:var(--cyan);font-size:clamp(9px,1.55vh,20px)}.feedback-loop b{display:block;font-size:clamp(12px,2vh,26px);letter-spacing:.06em;text-shadow:0 0 .55vw var(--cyan)}.feedback-loop::before{content:"";position:absolute;left:-3%;right:-3%;top:-1.5vh;height:.2vh;background:linear-gradient(90deg,transparent,var(--cyan),var(--orange),transparent);box-shadow:0 0 .55vw var(--cyan);animation:growLine 1.2s .8s both}.result-panel{position:absolute;right:2.5%;top:18%;width:16%;height:60%;padding:2.2vh 1.6vw;text-align:center;border-color:rgba(8,232,255,.58)}.result-panel h3{margin:0 0 1vh;color:var(--cyan);font-size:clamp(12px,2vh,26px)}.result-panel .dashboard{width:6.3vw;height:8vh;color:var(--cyan);filter:drop-shadow(0 0 .8vw var(--cyan));animation:floatY 3s infinite}.result-panel b{display:block;margin:1vh 0 2vh;font-size:clamp(8px,1.55vh,19px);line-height:1.3}.result-panel div{display:grid;grid-template-columns:2.3vw 1fr;gap:.55vw;align-items:center;text-align:left;border-top:1px solid rgba(255,255,255,.08);padding:1.1vh 0;color:rgba(255,255,255,.82);font-size:clamp(7px,1.13vh,15px);line-height:1.25}.result-panel div svg{width:2vw;height:2vw;color:var(--cyan)}

/* SLIDES 7-11: CONTINUACIÓN ANIMADA */
.telemetry{position:absolute;top:20%;width:14.3%;z-index:6;display:grid;gap:3.1vh}.telemetry.left{left:2.3%}.telemetry.right{right:2.2%;top:31%;width:12.2%}.telemetry div{position:relative;min-height:10.5vh;padding:1.3vh 1vw;background:rgba(4,10,30,.58);border:1px solid rgba(8,232,255,.38);border-radius:.55vw;box-shadow:inset 0 0 1.1vw rgba(8,232,255,.08),0 0 .9vw rgba(8,232,255,.10);animation:panelGlow 3.5s ease-in-out infinite}.telemetry b{display:block;color:var(--cyan);font-size:clamp(7px,1.15vh,15px);letter-spacing:.06em}.telemetry span{display:block;margin-top:.8vh;color:rgba(255,255,255,.78);font-size:clamp(6px,1.02vh,13px);line-height:1.45}.telemetry em{position:absolute;right:1vw;top:50%;transform:translateY(-50%);width:4.2vw;height:4.2vw;border-radius:50%;display:grid;place-items:center;border:.14vw solid var(--cyan);font-style:normal;font-size:clamp(10px,1.9vh,24px);box-shadow:0 0 .75vw rgba(8,232,255,.5)}
.cog-loop{position:absolute;left:17%;top:14%;width:66%;height:72%;z-index:5}.brain-core.big{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:18vw;height:18vw;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(10,18,48,.95),rgba(8,232,255,.08) 55%,transparent 72%);box-shadow:0 0 1.8vw rgba(8,232,255,.55),0 0 3vw rgba(255,66,215,.22);animation:floatCenter 4.3s ease-in-out infinite}.brain-core.big svg{width:14vw;height:14vw;color:var(--cyan);filter:drop-shadow(0 0 .85vw var(--cyan)) drop-shadow(0 0 1.2vw var(--magenta))}.brain-core.big i{position:absolute;inset:-8%;border:1px solid rgba(8,232,255,.36);border-radius:50%;animation:spin 11s linear infinite}.brain-core.big i:nth-child(3){inset:-19%;border-color:rgba(184,74,255,.34);animation-duration:16s;animation-direction:reverse}.brain-core.big i:nth-child(4){inset:14%;border-style:dashed;border-color:rgba(255,255,255,.16);animation-duration:8s}.loop-ring{position:absolute;left:50%;top:49%;width:42vw;height:42vw;max-height:60vh;max-width:60vh;transform:translate(-50%,-50%);border-radius:50%;border:.22vw solid rgba(8,232,255,.42);border-left-color:rgba(255,146,38,.72);border-bottom-color:rgba(255,66,215,.65);box-shadow:0 0 1.2vw rgba(8,232,255,.35),inset 0 0 1vw rgba(184,74,255,.18);animation:spin 34s linear infinite}.loop-ring i{position:absolute;width:.9vw;height:.9vw;border-radius:50%;background:#fff;box-shadow:0 0 .9vw #fff}.loop-ring i:nth-child(1){left:49%;top:-.45vw}.loop-ring i:nth-child(2){right:5%;top:68%}.loop-ring i:nth-child(3){left:12%;bottom:8%}.loop-arrow{position:absolute;color:#fff;font-size:clamp(22px,5vh,58px);text-shadow:0 0 1vw currentColor;animation:arrowGlow 1.8s ease-in-out infinite}.a1{left:39%;top:2%;transform:rotate(30deg);color:var(--cyan)}.a2{right:24%;top:19%;transform:rotate(55deg);color:var(--cyan)}.a3{right:20%;top:51%;transform:rotate(102deg);color:#8a78ff}.a4{right:39%;bottom:7%;transform:rotate(172deg);color:var(--pink)}.a5{left:33%;bottom:12%;transform:rotate(214deg);color:var(--orange)}.a6{left:20%;top:53%;transform:rotate(275deg);color:var(--orange)}.a7{left:27%;top:16%;transform:rotate(330deg);color:var(--magenta)}.loop-step{position:absolute;width:19vw;min-height:10vh;display:grid;grid-template-columns:5.6vw 1fr;grid-template-areas:"icon title" "icon text";align-items:center;gap:.2vh .8vw;color:currentColor}.loop-step svg{grid-area:icon;width:5.1vw;height:5.1vw;padding:1vw;border-radius:50%;border:.16vw solid currentColor;background:rgba(6,10,30,.82);box-shadow:0 0 1vw currentColor;animation:floatY 3.4s ease-in-out infinite}.loop-step b{position:absolute;left:-1.7vw;top:.5vh;font-size:clamp(24px,4.1vh,52px);line-height:1;color:currentColor;text-shadow:0 0 .65vw currentColor}.loop-step h3{grid-area:title;margin:0;font-size:clamp(12px,2.25vh,30px);color:#fff}.loop-step p{grid-area:text;margin:0;color:rgba(255,255,255,.86);font-size:clamp(8px,1.45vh,18px);line-height:1.33}.s7-1{left:49%;top:2%}.s7-2{right:6%;top:21%}.s7-3{right:4%;top:49%}.s7-4{right:22%;bottom:3%}.s7-5{left:34%;bottom:1%}.s7-6{left:12%;top:51%}.s7-7{left:14%;top:21%}
.status-line{position:absolute;left:13%;right:12%;top:17%;height:5vh;display:flex;align-items:center;gap:1.6vw;color:rgba(255,255,255,.72);font-size:clamp(7px,1.22vh,15px);letter-spacing:.05em}.status-line b,.status-line em{color:var(--cyan);font-style:normal}.status-line i{height:.2vh;flex:1;background:linear-gradient(90deg,var(--cyan),var(--magenta));box-shadow:0 0 .5vw var(--cyan)}.sources-panel,.outputs-panel,.list-panel,.consume-panel{position:absolute;background:linear-gradient(140deg,rgba(7,13,38,.78),rgba(2,5,17,.86));border:.12vw solid rgba(8,232,255,.5);box-shadow:0 0 1.2vw rgba(8,232,255,.15),inset 0 0 1.8vw rgba(184,74,255,.08);clip-path:polygon(6% 0,94% 0,100% 8%,100% 92%,94% 100%,6% 100%,0 92%,0 8%)}.sources-panel{left:1.7%;top:23%;width:12%;height:62%;padding:2vh 1.1vw}.outputs-panel{right:1.7%;top:23%;width:12.2%;height:62%;padding:2vh 1.1vw}.sources-panel h3,.outputs-panel h3,.list-panel h3,.consume-panel h3{margin:0 0 1.5vh;color:var(--cyan);font-size:clamp(10px,1.55vh,21px);letter-spacing:.04em}.outputs-panel h3{color:var(--pink)}.sources-panel p,.outputs-panel p{display:grid;grid-template-columns:1.8vw 1fr;align-items:center;gap:.55vw;margin:1.15vh 0;font-size:clamp(8px,1.35vh,17px)}.sources-panel svg,.outputs-panel svg{width:1.5vw;height:1.5vw;color:var(--cyan)}.outputs-panel svg{color:var(--pink)}.sources-panel hr,.outputs-panel hr{border:0;border-top:1px solid rgba(8,232,255,.24);margin:2vh 0}.sources-panel ul{margin:0 0 1.8vh 1vw;padding:0;font-size:clamp(7px,1.22vh,15px);line-height:2}.sources-panel li::marker{color:var(--cyan)}.ring-meter{width:6.2vw;height:6.2vw;border-radius:50%;margin:1vh auto 0;display:grid;place-items:center;color:var(--cyan);font-weight:950;font-size:clamp(16px,2.8vh,34px);background:conic-gradient(var(--cyan) 0 97%,rgba(255,255,255,.08) 97%);box-shadow:0 0 1vw rgba(8,232,255,.45);position:relative}.ring-meter::after{content:"";position:absolute;inset:.65vw;border-radius:50%;background:#05091b}.ring-meter small{position:relative;z-index:2;display:block;font-size:clamp(6px,.9vh,12px);line-height:1;text-align:center}.ring-meter{z-index:1}.ring-meter::before{content:"";position:absolute;inset:0;border-radius:50%;background:transparent;z-index:2}.ring-meter{display:flex;flex-direction:column;justify-content:center}.ring-meter>*{z-index:3}.ring-meter.small{width:5vw;height:5vw;font-size:clamp(12px,2vh,24px)}.data-pipeline{position:absolute;left:15.2%;top:31.5%;width:68.8%;height:34%;display:grid;grid-template-columns:repeat(6,1fr);gap:1vw;z-index:6}.mesh-bg{position:absolute;left:0;right:0;top:-13vh;height:51vh;background:radial-gradient(ellipse at 50% 50%,rgba(8,232,255,.15),transparent 65%);border-radius:50%;z-index:-1}.mesh-bg::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,rgba(8,232,255,.28) 0 1px,transparent 1px 3.5vh);animation:spin 48s linear infinite}.data-stage{position:relative;padding:2vh .8vw;text-align:center;border:.12vw solid currentColor;background:rgba(4,8,26,.82);border-radius:.3vw;box-shadow:0 0 1vw currentColor,inset 0 0 1.2vw rgba(255,255,255,.04);opacity:0;animation:pipeIn .6s calc(.2s + var(--d)) forwards}.data-stage::after{content:"➜";position:absolute;right:-1.25vw;top:43%;font-size:2.6vh;color:#fff;text-shadow:0 0 .7vw #fff;animation:chevBlink 1.6s infinite}.data-stage:last-child::after{display:none}.data-stage b{display:block;font-size:clamp(18px,3.8vh,46px)}.data-stage h3{font-size:clamp(8px,1.5vh,19px);color:#fff}.data-stage svg{width:5vw;height:6vh;filter:drop-shadow(0 0 .6vw currentColor);margin:1vh 0}.data-stage p{font-size:clamp(7px,1.25vh,16px);line-height:1.35;color:rgba(255,255,255,.84)}.metric-strip{position:absolute;left:15.5%;right:14.5%;bottom:14%;height:12%;display:grid;grid-template-columns:1.25fr 1.25fr .9fr .8fr .9fr 1.4fr;border:.11vw solid rgba(8,232,255,.44);background:rgba(3,7,24,.74);box-shadow:0 0 1vw rgba(8,232,255,.16);padding:1.4vh 1.2vw;gap:.8vw}.metric-strip div{border-left:1px solid rgba(255,255,255,.13);padding-left:1vw}.metric-strip b{display:block;color:var(--cyan);font-size:clamp(7px,1.1vh,14px)}.metric-strip strong{display:block;color:var(--cyan);font-size:clamp(13px,2.35vh,28px);margin-top:.8vh}.metric-strip .green{color:var(--green)}
.tech-map{position:absolute;left:11%;top:19%;width:76%;height:66%;display:grid;grid-template-rows:repeat(4,1fr);gap:2.4vh}.tech-row{display:grid;grid-template-columns:22vw repeat(5,1fr);gap:1vw;align-items:center;color:currentColor}.tech-row h2{height:100%;display:grid;grid-template-columns:5vw 1fr;align-items:center;gap:1vw;margin:0;padding:1.4vh 1.6vw;border:.12vw solid currentColor;background:rgba(4,8,26,.8);border-radius:.8vw;box-shadow:0 0 .95vw currentColor;font-size:clamp(14px,2.4vh,32px);line-height:1.1}.tech-row h2 svg{width:4.2vw;height:4.2vw}.tech-row span{height:73%;display:grid;place-items:center;padding:0 .6vw;border:.1vw solid currentColor;background:linear-gradient(120deg,rgba(8,232,255,.05),rgba(184,74,255,.06));border-radius:.65vw;color:#fff;font-size:clamp(12px,2.1vh,28px);box-shadow:0 0 .6vw rgba(8,232,255,.16);opacity:0;animation:nodeIn .65s forwards}.tech-row span:nth-child(2){animation-delay:.1s}.tech-row span:nth-child(3){animation-delay:.2s}.tech-row span:nth-child(4){animation-delay:.3s}.tech-row span:nth-child(5){animation-delay:.4s}.tech-row span:nth-child(6){animation-delay:.5s}.kpi-stack{position:absolute;top:24%;width:8%;display:grid;gap:4vh}.kpi-stack.left{left:2.2%}.kpi-stack.right{right:2.2%;top:20%}.kpi-stack div{height:16vh;border:1px solid rgba(8,232,255,.34);border-radius:.55vw;background:rgba(4,8,26,.62);display:grid;place-items:center;text-align:center;color:var(--cyan);font-size:clamp(18px,3vh,38px);font-weight:950;box-shadow:inset 0 0 1vw rgba(8,232,255,.1)}.kpi-stack small{display:block;color:rgba(255,255,255,.8);font-size:clamp(6px,1vh,13px);font-weight:800;padding:0 .4vw}.kpi-stack.right div:nth-child(2),.kpi-stack.right div:nth-child(3){color:var(--magenta)}
.list-panel{top:17%;width:14%;height:62%;padding:2vh 1.5vw}.s10-left{left:1.8%}.s10-right{right:1.8%;width:17%}.list-panel p{display:grid;grid-template-columns:2.5vw 1fr;gap:.8vw;align-items:center;margin:1.25vh 0;padding-bottom:1vh;border-bottom:1px solid rgba(8,232,255,.16);color:rgba(255,255,255,.86);font-size:clamp(7px,1.18vh,15px);line-height:1.3}.list-panel svg{width:2vw;height:2vw;color:var(--cyan)}.s10-right svg{color:var(--magenta)}.sevenv-map{position:absolute;left:17%;top:14%;width:66%;height:61%;z-index:5}.seven-core{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:18vw;height:18vw;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(4,8,26,.94),rgba(8,232,255,.12));border:.15vw solid rgba(8,232,255,.48);box-shadow:0 0 1.4vw rgba(8,232,255,.55),inset 0 0 1.8vw rgba(184,74,255,.25)}.seven-core b{font-size:clamp(24px,4.4vh,58px)}.seven-core strong{font-size:clamp(30px,5.6vh,72px);color:var(--cyan);text-shadow:0 0 .8vw var(--cyan)}.seven-core i{position:absolute;inset:-16%;border:1px solid rgba(8,232,255,.38);border-radius:50%;animation:spin 12s linear infinite}.seven-core i:nth-child(2){inset:-30%;border-color:rgba(184,74,255,.30);animation-duration:18s;animation-direction:reverse}.vnode{position:absolute;width:18vw;min-height:11vh;display:grid;grid-template-columns:5.4vw 1fr;gap:.2vh .9vw;align-items:center}.vnode svg{grid-row:1/3;width:5vw;height:5vw;padding:1vw;border:.13vw solid currentColor;border-radius:50%;background:rgba(5,9,28,.86);box-shadow:0 0 .85vw currentColor}.vnode b{position:absolute;left:-1.35vw;top:.2vh;font-size:clamp(17px,3vh,42px);text-shadow:0 0 .6vw currentColor}.vnode h3{margin:0;color:#fff;font-size:clamp(11px,1.9vh,25px)}.vnode p{margin:0;color:rgba(255,255,255,.84);font-size:clamp(7px,1.25vh,16px);line-height:1.3}.v1{left:43%;top:1%}.v2{right:7%;top:21%}.v3{right:1%;top:47%}.v4{right:19%;bottom:2%}.v5{left:23%;bottom:2%}.v6{left:4%;top:45%}.v7{left:13%;top:19%}.benefit-band{position:absolute;left:1.8%;right:1.8%;bottom:2.8%;height:13.2%;display:grid;grid-template-columns:repeat(6,1fr);gap:1vw;padding:3.4vh 1.4vw 1vh;border:.12vw solid rgba(184,74,255,.65);border-radius:.8vw;background:rgba(4,8,26,.78);box-shadow:0 0 1vw rgba(184,74,255,.35)}.benefit-band h3{position:absolute;top:-2.5vh;left:39%;margin:0;color:var(--cyan);font-size:clamp(11px,1.7vh,22px);background:#05091b;padding:.7vh 2vw;border:1px solid rgba(184,74,255,.6);border-radius:.6vw}.benefit-band div{border:1px solid rgba(8,232,255,.16);border-radius:.35vw;display:grid;place-items:center;text-align:center}.benefit-band b{color:var(--magenta);font-size:clamp(12px,2vh,26px)}.benefit-band span{font-size:clamp(6px,1.05vh,13px);color:rgba(255,255,255,.82)}
.slide-head.compact h1{font-size:clamp(20px,4.7vh,60px);line-height:1.02}.slide-head.compact small{font-size:.62em}.layers-flow{position:absolute;left:1.4%;top:19%;width:73.5%;height:59%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.8vw}.layer-card{position:relative;display:grid;grid-template-rows:auto auto 12vh 1fr 7vh;padding:1.8vh 2vw;border:.14vw solid currentColor;background:rgba(5,9,26,.82);border-radius:.9vw;box-shadow:0 0 1vw currentColor,inset 0 0 1.3vw rgba(255,255,255,.05);color:var(--orange);opacity:0;animation:pipeIn .7s forwards}.layer-card:nth-child(2){animation-delay:.12s}.layer-card:nth-child(3){animation-delay:.24s}.layer-card:nth-child(4){animation-delay:.36s}.layer-card::after{content:"➜";position:absolute;right:-1.55vw;top:35%;font-size:3.5vh;color:#fff;text-shadow:0 0 .6vw #fff}.layer-card:last-child::after{display:none}.layer-card.silver{color:#dfeaff}.layer-card.gold{color:#ffd22e}.layer-card.platinum{color:var(--cyan)}.layer-card h2,.layer-card h3{text-align:center;margin:0}.layer-card h2{font-size:clamp(18px,2.9vh,38px);color:#fff}.layer-card h3{font-size:clamp(12px,2.1vh,28px);margin:.4vh 0 1vh}.layer-card svg{width:6.2vw;height:8vh;place-self:center;filter:drop-shadow(0 0 .75vw currentColor)}.layer-card ul{margin:0;padding-left:1.2vw;color:rgba(255,255,255,.88);font-size:clamp(7px,1.22vh,16px);line-height:1.32}.layer-card li{margin:.8vh 0}.layer-card li::marker{color:currentColor}.layer-card footer{margin:1vh -2vw -1.8vh;padding:1.2vh 1vw;text-align:center;color:#fff;background:rgba(0,0,0,.24);border-top:1px solid rgba(255,255,255,.15);font-size:clamp(8px,1.3vh,17px)}.layer-card footer b{display:block;color:currentColor}.consume-panel{right:1.5%;top:15%;width:20%;height:65%;padding:2vh 1.5vw}.consume-panel h3{text-align:center;font-size:clamp(15px,2.5vh,32px)}.consume-panel p{display:grid;grid-template-columns:4vw 1fr;grid-template-areas:"icon title" "icon txt";gap:.2vh 1vw;margin:1.4vh 0;padding:1vh 0;border-bottom:1px dotted rgba(8,232,255,.36)}.consume-panel svg{grid-area:icon;width:3.5vw;height:3.5vw;color:var(--cyan);padding:.65vw;border:1px solid rgba(8,232,255,.45);border-radius:.4vw}.consume-panel b{grid-area:title;color:var(--cyan);font-size:clamp(10px,1.7vh,22px)}.consume-panel span{grid-area:txt;color:rgba(255,255,255,.82);font-size:clamp(7px,1.15vh,15px);line-height:1.25}.architecture-benefits{position:absolute;left:1.5%;right:1.5%;bottom:8%;height:11%;display:grid;grid-template-columns:repeat(5,1fr);gap:1vw;padding:1.3vh 1.4vw;border:.12vw solid rgba(184,74,255,.55);border-radius:.65vw;background:rgba(4,8,26,.78)}.architecture-benefits div{display:grid;grid-template-columns:3.8vw 1fr;grid-template-areas:"i b" "i s";gap:.1vh .8vw;align-items:center;border-right:1px solid rgba(255,255,255,.16)}.architecture-benefits div:last-child{border-right:0}.architecture-benefits svg{grid-area:i;width:3vw;height:3vw;color:var(--cyan);filter:drop-shadow(0 0 .5vw currentColor)}.architecture-benefits b{grid-area:b;color:var(--cyan);font-size:clamp(8px,1.35vh,17px)}.architecture-benefits span{grid-area:s;color:rgba(255,255,255,.8);font-size:clamp(7px,1.05vh,13px)}
@keyframes arrowGlow{0%,100%{opacity:.55;filter:brightness(1)}50%{opacity:1;filter:brightness(1.5)}}

/* PLACEHOLDERS */
.placeholder .slide-head{top:13%}.placeholder-box{position:absolute;left:18%;top:36%;width:64%;height:24%;display:grid;place-items:center;text-align:center;padding:4vh 5vw;font-size:clamp(16px,2.8vh,38px);line-height:1.35;color:rgba(255,255,255,.86)}
/* ANIMATIONS */
@keyframes gridDrift{to{background-position:6vw 3vw}}
@keyframes scan{0%,100%{transform:translateY(0);opacity:0}45%,55%{opacity:1}100%{transform:translateY(760%)}}
@keyframes circuitPulse{0%,100%{opacity:.25;filter:hue-rotate(0)}50%{opacity:.48;filter:hue-rotate(45deg)}}
@keyframes fromLeft{from{opacity:0;transform:translateX(-2.3vw)}to{opacity:1;transform:none}}
@keyframes fromRight{from{opacity:0;transform:translateX(2.3vw)}to{opacity:1;transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(2.2vh)}to{opacity:1;transform:none}}
@keyframes growLine{from{transform:scaleX(0);opacity:.2}to{transform:scaleX(1);opacity:1}}
@keyframes badgePulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35);box-shadow:0 0 1.4vw rgba(8,232,255,.7),inset 0 0 1.2vw rgba(255,66,215,.45)}}
@keyframes panelGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}
@keyframes flicker{0%,100%{opacity:1}47%{opacity:1}48%{opacity:.58}49%{opacity:1}52%{opacity:.72}54%{opacity:1}}
@keyframes cityPulse{0%,100%{opacity:.45;transform:scaleY(.95)}50%{opacity:.9;transform:scaleY(1.03)}}
@keyframes dataRay{0%{transform:translateX(-35%);opacity:0}20%,70%{opacity:1}100%{transform:translateX(80%);opacity:0}}
@keyframes columnPulse{0%,100%{opacity:.42;height:35%}50%{opacity:.86;height:45%}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes floatCenter{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-1.2vh)}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.2vh)}}
@keyframes flowIn{to{opacity:1;transform:none}}
@keyframes arrowDown{0%,100%{transform:translateY(-.25vh);opacity:.45}50%{transform:translateY(.35vh);opacity:1}}
@keyframes vsPulse{0%,100%{transform:scale(1);box-shadow:0 0 1.1vw rgba(8,232,255,.55)}50%{transform:scale(1.06);box-shadow:0 0 2vw rgba(255,66,215,.75)}}
@keyframes drawPath{to{stroke-dashoffset:0}}
@keyframes fadeIn{to{opacity:1}}
@keyframes pointPop{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
@keyframes chevBlink{0%,100%{opacity:.55;transform:translateX(-.3vw)}50%{opacity:1;transform:translateX(.3vw)}}
@keyframes dash{to{stroke-dashoffset:-180}}
@keyframes nodeIn{from{opacity:0;transform:scale(.92) translateY(1.6vh)}to{opacity:1;transform:none}}
@keyframes corePulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.28)}}
@keyframes dotTravel1{0%{transform:translate(0,0);opacity:0}20%,80%{opacity:1}100%{transform:translate(16vw,16vh);opacity:0}}
@keyframes dotTravel2{0%{transform:translate(0,0);opacity:0}20%,80%{opacity:1}100%{transform:translate(-14vw,15vh);opacity:0}}
@keyframes dotTravel3{0%{transform:translate(0,0);opacity:0}20%,80%{opacity:1}100%{transform:translate(-3vw,-20vh);opacity:0}}
@keyframes beamPulse{0%,100%{opacity:.3;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1.2)}}
@keyframes linePulse{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes pipeIn{from{opacity:0;transform:translateY(2vh) scale(.96)}to{opacity:1;transform:none}}
@keyframes pipeDot{0%{opacity:0;transform:translate(-1vw,-50%) scale(.5)}20%,75%{opacity:1}100%{opacity:0;transform:translate(3vw,-50%) scale(1)}}
@media (max-aspect-ratio: 1/1){.timeline{height:calc(var(--ratio-h)*.105)}.nav-step small{display:none}.global-badge{font-size:clamp(11px,2vh,24px)}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
/* final layout safety for slides 7-11 */
.ring-meter{background:radial-gradient(circle,#05091b 0 56%,transparent 57%),conic-gradient(var(--cyan) 0 97%,rgba(255,255,255,.08) 97%)}
.ring-meter::before,.ring-meter::after{display:none!important}
.benefit-band{bottom:14.5%}
.architecture-benefits{bottom:14.5%}

/* slides 12-16 */
.cyan-text{color:var(--cyan)}
.green{color:var(--green)}
.greenish{border-color:rgba(153,255,70,.55)!important;box-shadow:0 0 .9vw rgba(153,255,70,.18), inset 0 0 1vw rgba(153,255,70,.05)!important}
.case-flow.top{position:absolute;left:2%;right:2%;top:17%;height:18%;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:.6vw;z-index:4}
.cf-step,.bank-step{height:100%;display:grid;grid-template-rows:5.5vh auto 1fr;justify-items:center;text-align:center;padding:1.2vh .7vw 0;color:#fff}
.cf-step svg,.bank-step svg{width:4.8vw;height:4.8vw;padding:.95vw;border-radius:50%;border:.14vw solid currentColor;background:rgba(5,9,26,.72);box-shadow:0 0 1vw currentColor;animation:floatY 4s ease-in-out infinite}
.cf-step h3,.bank-step h3{margin:.8vh 0 .2vh;font-size:clamp(10px,1.85vh,23px);color:currentColor}
.cf-step p,.bank-step p{margin:0;color:rgba(255,255,255,.86);font-size:clamp(7px,1.22vh,15px);line-height:1.25;max-width:12vw}
.cf-step.cyan,.bank-step.cyan{color:var(--cyan)}.cf-step.magenta,.bank-step.magenta{color:var(--magenta)}.cf-step.orange,.bank-step.orange{color:var(--orange)}.cf-step.green,.bank-step.green{color:var(--green)}
.cf-arrow,.bank-steps>span,.uni-flow>span{align-self:center;justify-self:center;color:var(--magenta);font-size:3vw;opacity:.9;text-shadow:0 0 .8vw currentColor;animation:chevBlink 1.9s infinite}
.case-panel,.result-panel,.capability-panel,.roadmap-top{position:absolute;left:2%;right:2%;border:.12vw solid rgba(8,232,255,.45);border-radius:.9vw;background:rgba(5,9,26,.74);box-shadow:0 0 1vw rgba(8,232,255,.18), inset 0 0 1vw rgba(255,255,255,.03);z-index:4}
.case-panel{top:37.5%;height:22%}.result-panel{top:39%;height:16%}.capability-panel{top:59%;height:18%}
.case-panel h3,.result-panel h3,.capability-panel h3,.uni-retos h3,.uni-impact h3,.impact-strip h3,.roadmap-top h3,.impl-arch h3,.impl-tech h3,.best-practices h3,.close-summary h3,.close-impact h3,.close-next h3{margin:0;position:absolute;left:50%;top:-1.45vh;transform:translateX(-50%);padding:.2vh 1.6vw;background:#05091b;color:var(--cyan);border:1px solid rgba(8,232,255,.45);border-radius:.5vw;font-size:clamp(10px,1.7vh,21px);white-space:nowrap}
.case-grid,.result-grid{display:grid;gap:.8vw;height:100%;padding:3.5vh 1vw 1vh}.case-grid.five{grid-template-columns:repeat(5,1fr)}.result-grid.four{grid-template-columns:repeat(4,1fr)}
.case-grid article,.result-grid article,.benefit-row article,.impact-cards article{position:relative;border:.1vw solid rgba(255,255,255,.16);border-radius:.55vw;padding:1vh .9vw 1vh 4.2vw;background:rgba(2,6,18,.38)}
.case-grid article svg,.result-grid article svg,.benefit-row article svg{position:absolute;left:.9vw;top:50%;transform:translateY(-50%);width:2.5vw;height:2.5vw;color:var(--cyan);filter:drop-shadow(0 0 .5vw currentColor)}
.case-grid article b,.benefit-row article b{display:block;color:currentColor;font-size:clamp(9px,1.5vh,18px);margin-bottom:.35vh}.case-grid article p,.benefit-row article p,.result-grid article p,.impact-cards article p{margin:0;color:rgba(255,255,255,.85);font-size:clamp(7px,1.15vh,14px);line-height:1.25}
.case-grid article:nth-child(1){color:var(--magenta)}.case-grid article:nth-child(2){color:var(--cyan)}.case-grid article:nth-child(3){color:var(--magenta)}.case-grid article:nth-child(4){color:var(--cyan)}.case-grid article:nth-child(5){color:var(--magenta)}
.benefit-row{position:absolute;left:2%;right:2%;bottom:13%;height:18%;display:grid;grid-template-columns:repeat(5,1fr);gap:.9vw;padding:3vh .4vw 0;border:.12vw dashed rgba(153,255,70,.28);border-radius:1vw;background:rgba(5,9,26,.46);z-index:4}
.benefit-row h3{position:absolute;top:-1.5vh;left:50%;transform:translateX(-50%);padding:0 1.3vw;background:#05091b;color:var(--green);font-size:clamp(11px,1.8vh,22px)}
.benefit-row article{padding-left:4vw}.benefit-row article svg{color:currentColor}.benefit-row article.green{color:var(--green)}.benefit-row article.magenta{color:var(--magenta)}.benefit-row article.cyan{color:var(--cyan)}.benefit-row article.orange{color:var(--orange)}
.bank-steps{position:absolute;left:2%;right:2%;top:19%;height:18%;display:grid;grid-template-columns:repeat(11,1fr);align-items:center;gap:.3vw}.bank-steps .bank-step{grid-column:span 1}.bank-steps article{height:100%}.bank-step b{font-size:clamp(18px,3.4vh,42px);color:currentColor}.bank-step h3{margin-top:.4vh}.result-grid article{text-align:center;padding:1.3vh .7vw 1vh}.result-grid strong,.impact-cards strong{display:block;color:var(--cyan);font-size:clamp(17px,3.2vh,40px);margin-bottom:.6vh;text-shadow:0 0 .5vw currentColor}.result-grid article:nth-child(1) strong{color:var(--cyan)}.result-grid article:nth-child(2) strong{color:var(--green)}.result-grid article:nth-child(3) strong{color:var(--orange)}.result-grid article:nth-child(4) strong{color:var(--magenta)}.result-grid article svg{position:static;width:3vw;height:3vw;margin:0 auto .6vh;display:block}
.uni-top{position:absolute;left:1.6%;right:1.6%;top:15%;height:26%;display:grid;grid-template-columns:71% 27%;gap:1.2vw;z-index:4}.uni-retos,.uni-impact,.impact-strip,.roadmap-top,.impl-arch,.close-summary,.close-impact,.close-next,.uni-side,.uni-services,.uni-cases,.impl-tech,.best-practices{position:relative;border:.12vw solid rgba(8,232,255,.35);border-radius:.8vw;background:rgba(5,9,26,.72);box-shadow:0 0 1vw rgba(8,232,255,.12), inset 0 0 1vw rgba(255,255,255,.03)}
.uni-retos-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8vw;padding:3.5vh .9vw 1vh}.uni-retos-grid article{border:1px solid rgba(255,255,255,.12);border-radius:.55vw;padding:1vh .7vw;text-align:center}.uni-retos-grid svg{width:2.8vw;height:2.8vw;color:currentColor;filter:drop-shadow(0 0 .5vw currentColor)}.uni-retos-grid b{display:block;font-size:clamp(8px,1.4vh,18px);margin:.6vh 0}.uni-retos-grid p{margin:0;font-size:clamp(7px,1.12vh,14px);line-height:1.22;color:rgba(255,255,255,.85)}.uni-retos-grid .magenta{color:var(--magenta)}.uni-retos-grid .cyan{color:var(--cyan)}.uni-retos-grid .green{color:var(--green)}.uni-retos-grid .orange{color:var(--orange)}
.uni-side{padding:3.7vh 1vw 1vh}.uni-side h3,.uni-services h3,.uni-cases h3{left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center;font-size:clamp(10px,1.7vh,20px)}
.uni-side p,.impl-tech p,.close-summary p{display:grid;grid-template-columns:2.7vw 1fr;grid-template-areas:'icon title' 'icon desc';gap:.2vh .8vw;align-items:center;margin:1.1vh 0;padding-bottom:.9vh;border-bottom:1px solid rgba(255,255,255,.12)}
.uni-side svg,.impl-tech svg,.close-summary svg{grid-area:icon;width:2.2vw;height:2.2vw;color:var(--cyan)}.uni-side b,.impl-tech b,.close-summary b{grid-area:title;color:currentColor;font-size:clamp(8px,1.4vh,17px)}.uni-side span,.impl-tech span,.close-summary span{grid-area:desc;color:rgba(255,255,255,.84);font-size:clamp(7px,1.08vh,13px);line-height:1.2}
.uni-middle{position:absolute;left:1.6%;right:1.6%;top:43%;height:20%;display:grid;grid-template-columns:71% 27%;gap:1.2vw;z-index:4}.uni-impact,.impl-arch{padding-top:2.5vh}.uni-flow{height:100%;display:grid;grid-template-columns:repeat(9,1fr);align-items:center;gap:.35vw;padding:1vh .9vw}.uni-flow article{height:100%;border:1px solid rgba(255,255,255,.12);border-radius:.55vw;padding:1vh .7vw;text-align:center}.uni-flow svg{width:2.6vw;height:2.6vw;color:var(--cyan)}.uni-flow b{display:block;color:#fff;font-size:clamp(8px,1.35vh,17px);margin:.45vh 0}.uni-flow p{margin:0;color:rgba(255,255,255,.84);font-size:clamp(7px,1.05vh,13px);line-height:1.18}
.uni-services{padding:3.5vh 1vw 1vh}.uni-services ul,.uni-cases ul,.best-practices ul,.small-panel ul{margin:0;padding-left:1.1vw;color:rgba(255,255,255,.86);font-size:clamp(7px,1.15vh,14px);line-height:1.35}.uni-services li,.uni-cases li,.best-practices li,.small-panel li{margin:.55vh 0}
.uni-bottom{position:absolute;left:1.6%;right:1.6%;top:66%;bottom:13%;display:grid;grid-template-columns:64% 34%;gap:1.2vw;z-index:4}.impact-strip{padding-top:2.2vh}.impact-cards{display:grid;gap:.8vw;padding:1.1vh .8vw .8vh}.impact-cards.five{grid-template-columns:repeat(5,1fr)}.impact-cards.six{grid-template-columns:repeat(3,1fr)}.impact-cards article{text-align:center;padding:1.1vh .8vw}.impact-cards article strong{color:var(--cyan)}.impact-cards article:nth-child(2) strong{color:var(--magenta)}.impact-cards article:nth-child(3) strong{color:var(--green)}.impact-cards article:nth-child(4) strong{color:var(--orange)}.impact-cards article:nth-child(5) strong{color:var(--magenta)}.impact-cards article:nth-child(6) strong{color:var(--cyan)}
.uni-cases{padding:3.5vh 1vw 1vh}.uni-cases li{list-style:'✓  ';color:rgba(255,255,255,.9)}
.roadmap-top{left:1.7%;right:1.7%;top:17%;height:16%}.road-grid.seven{display:grid;grid-template-columns:repeat(7,1fr);gap:.6vw;height:100%;padding:3vh .8vw .7vh}.road-grid article{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:.55vw;padding:1vh .6vw;text-align:center;color:#fff}.road-grid article::after{content:'➜';position:absolute;right:-1.1vw;top:38%;font-size:1.8vw;color:#fff;animation:chevBlink 1.8s infinite}.road-grid article:last-child::after{display:none}.road-grid svg{width:2.6vw;height:2.6vw;color:currentColor}.road-grid b{display:block;color:currentColor;font-size:clamp(8px,1.35vh,17px);margin:.5vh 0}.road-grid p{margin:0;color:rgba(255,255,255,.84);font-size:clamp(7px,1.05vh,13px);line-height:1.18}.road-grid .cyan{color:var(--cyan)}.road-grid .magenta{color:var(--magenta)}.road-grid .orange{color:var(--orange)}.road-grid .pink{color:var(--pink)}.road-grid .green{color:var(--green)}
.impl-middle{position:absolute;left:1.7%;right:1.7%;top:35%;height:28%;display:grid;grid-template-columns:67% 31%;gap:1.2vw;z-index:4}.impl-arch-grid{display:grid;grid-template-columns:16% 14% 33% 19% 16%;gap:.7vw;padding:3.6vh .8vw .8vh;height:100%}.small-panel,.big-panel{border:1px solid rgba(255,255,255,.14);border-radius:.55vw;background:rgba(2,6,18,.35);padding:1vh .7vw}.small-panel b,.big-panel b{display:block;text-align:center;color:var(--cyan);font-size:clamp(8px,1.35vh,17px);margin-bottom:.8vh}.big-panel b{color:var(--orange)}.small-panel ul{padding-left:1vw;font-size:clamp(7px,1.08vh,13px)}.big-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:.6vw;margin-top:1.5vh}.big-icons span{display:grid;place-items:center;text-align:center;min-height:5vh;border:1px solid rgba(255,255,255,.14);border-radius:.4vw;color:#fff;font-size:clamp(7px,1.08vh,14px)}
.impl-tech{padding:3.6vh 1vw 1vh}.impl-bottom{position:absolute;left:1.7%;right:1.7%;top:66%;bottom:13%;display:grid;grid-template-columns:66% 32%;gap:1.2vw;z-index:4}.impl-impact{position:relative;border:.12vw solid rgba(8,232,255,.35);border-radius:.8vw;background:rgba(5,9,26,.72);padding-top:2.2vh}.impl-impact h3{position:absolute;left:50%;top:-1.45vh;transform:translateX(-50%);margin:0;padding:.2vh 1.4vw;background:#05091b;color:var(--cyan);border:1px solid rgba(8,232,255,.45);border-radius:.5vw;font-size:clamp(10px,1.7vh,21px);white-space:nowrap}.impl-impact{grid-template-columns:repeat(6,1fr)}
.best-practices{padding:3.5vh 1vw 1vh}.best-practices ul{padding-left:1.1vw}.mini-brain{display:grid;place-items:center;margin-top:.7vh;height:8vh}.mini-brain.left{height:100%;width:6vw}.mini-brain svg{width:4.2vw;height:4.2vw;color:var(--cyan);filter:drop-shadow(0 0 .8vw var(--cyan));animation:floatY 3.8s ease-in-out infinite}
.close-grid{position:absolute;left:1.7%;right:1.7%;top:18%;bottom:20%;display:grid;grid-template-columns:32% 37% 28%;gap:1.2vw;z-index:4}.close-summary,.close-impact,.close-next{padding:3.6vh 1vw 1vh}.close-summary p{margin:1vh 0}.close-summary b{color:var(--cyan)}.close-summary p:nth-child(3) b{color:var(--magenta)}.close-summary p:nth-child(4) b{color:var(--green)}.close-summary p:nth-child(5) b{color:var(--orange)}.close-summary p:nth-child(6) b{color:var(--magenta)}
.close-impact .impact-cards{padding-top:1.3vh;grid-template-columns:repeat(3,1fr)}.close-next .next-line{display:grid;grid-template-columns:2.2vw 1fr;gap:.8vw;align-items:start;margin:1.1vh 0}.close-next .next-line b{display:grid;place-items:center;width:2vw;height:2vw;border:1px solid rgba(8,232,255,.45);border-radius:50%;color:var(--cyan);font-size:clamp(8px,1.3vh,16px)}.close-next strong{display:block;color:var(--cyan);font-size:clamp(8px,1.35vh,17px);margin-bottom:.3vh}.close-next span{color:rgba(255,255,255,.84);font-size:clamp(7px,1.07vh,13px);line-height:1.18}
.close-banner{position:absolute;left:16%;right:16%;bottom:13%;height:8.8%;display:grid;grid-template-columns:6vw 1fr;grid-template-rows:auto auto;grid-template-areas:'brain title' 'brain sub';align-items:center;padding:0 1.2vw;border:.12vw solid rgba(184,74,255,.55);border-radius:.8vw;background:rgba(5,9,26,.82);box-shadow:0 0 1vw rgba(184,74,255,.2);z-index:4}.close-banner .mini-brain{grid-area:brain;margin:0}.close-banner b{grid-area:title;color:#fff;font-size:clamp(16px,2.7vh,34px);text-align:center}.close-banner span{grid-area:sub;color:var(--cyan);font-size:clamp(10px,1.55vh,19px);text-align:center}

/* Visual fidelity pass: shared frame, safe zones, slide 1 and slide 9 */
.slide{
  background:
    radial-gradient(circle at 57% 45%,rgba(8,232,255,.12),transparent 31%),
    radial-gradient(circle at 80% 22%,rgba(184,74,255,.13),transparent 28%),
    linear-gradient(120deg,#030616 0,#02030d 57%,#06071a 100%);
}
.slide-head{top:5.4%;max-width:76%;z-index:18}
.slide-head h1{font-size:clamp(25px,5.35vh,68px)}
.slide-head p{max-width:62vw}
.global-badge{
  top:calc((100vh - var(--ratio-h))/2 + var(--ratio-h)*.04);
  right:calc((100vw - var(--ratio-w))/2 + var(--ratio-w)*.045);
  width:calc(var(--ratio-w)*.145);
  height:calc(var(--ratio-h)*.078);
  border-color:rgba(8,232,255,.44);
  box-shadow:0 0 1vw rgba(8,232,255,.45),0 0 1.4vw rgba(255,66,215,.35),inset 0 0 1vw rgba(255,66,215,.25);
}
.timeline{
  grid-template-columns:repeat(13,minmax(0,1fr));
  height:calc(var(--ratio-h)*.098);
  bottom:calc((100vh - var(--ratio-h))/2 + var(--ratio-h)*.018);
  gap:.46vw;
}
.nav-step{padding:.42vh .2vw 1.25vh}
.nav-step svg{width:2.35vh;height:2.35vh}
.nav-step b{font-size:clamp(9px,1.55vh,17px)}
.nav-step small{font-size:clamp(5px,.95vh,12px)}
.controls{
  right:calc((100vw - var(--ratio-w))/2 + var(--ratio-w)*.02);
  bottom:calc((100vh - var(--ratio-h))/2 + var(--ratio-h)*.002);
  opacity:0;
}

/* Slide 1 */
.s1-left{left:4.6%;top:17.5%;width:40%;height:57%}
.s1-left p{width:66%;margin-top:4.5vh}
.concept-strip{left:-3%;bottom:0;width:98%;height:22%}
.s1-center{left:35.6%;top:14.4%;width:41%;height:62%;z-index:3}
.city-grid{
  position:absolute;
  left:2%;
  right:0;
  bottom:3%;
  height:58%;
  opacity:.7;
  background:
    linear-gradient(90deg,transparent 0 10%,rgba(8,232,255,.14) 10.2% 10.45%,transparent 10.7% 24%,rgba(184,74,255,.18) 24.2% 24.45%,transparent 24.7%),
    repeating-linear-gradient(0deg,rgba(8,232,255,.16) 0 2px,transparent 2px 16px);
  mask-image:linear-gradient(to top,#000,rgba(0,0,0,.62),transparent);
}
.city-bars{left:11%;right:3%;bottom:5%;height:48%;gap:.82vw;opacity:.82}
.city-bars span{position:relative;min-width:0;background:linear-gradient(to top,rgba(8,232,255,.58),rgba(95,80,255,.22) 58%,rgba(255,66,215,.16));box-shadow:0 0 1vw rgba(8,232,255,.28),inset 0 0 .8vw rgba(255,255,255,.04)}
.city-bars span::after{content:"";position:absolute;left:18%;right:18%;top:12%;bottom:14%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 2px,transparent 2px 12px)}
.city-bars span:nth-child(8){height:52%;animation-delay:.5s}
.city-bars span:nth-child(9){height:30%;animation-delay:.9s}
.data-rays i{left:-5%;width:56%;height:2px}
.data-rays i:nth-child(6){--n:5;animation-delay:1.6s}
.light-column{bottom:16%;width:1.9vw;height:50%;opacity:.92;filter:blur(.28vw)}
.holo-platform{bottom:1.5%;width:26vw;height:12vw}
.brain-aura{
  position:absolute;
  left:50%;
  top:1%;
  width:22vw;
  height:22vw;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(8,232,255,.18),rgba(255,66,215,.10) 43%,transparent 70%);
  filter:blur(.25vw);
  animation:corePulse 3.5s ease-in-out infinite;
}
.brain-holo{top:3%;width:18.5vw;height:18.5vw;color:var(--cyan);z-index:4}
.brain-holo::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:108%;
  height:108%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:.12vw solid rgba(8,232,255,.26);
  box-shadow:0 0 2vw rgba(8,232,255,.28),inset 0 0 1.5vw rgba(255,66,215,.18);
}
.brain-holo svg{position:relative;width:100%;height:100%;stroke:currentColor!important;stroke-width:2.4;z-index:2}
.brain-holo svg path:nth-child(2),.brain-holo svg circle:nth-of-type(n+4){color:var(--pink)}
.s1-panel{
  right:3.2%;
  top:18.6%;
  width:22%;
  height:56.5%;
  padding:2.7vh 2vw;
  overflow:visible;
}
.s1-panel h3{margin-bottom:1.65vh}
.s1-panel div{grid-template-columns:3.3vw 1fr;margin:1.45vh 0}
.s1-panel svg{width:2.55vw;height:2.55vw}
.s1-panel div{grid-template-areas:"icon title" "icon desc";align-items:center}
.s1-panel div svg{grid-area:icon}
.s1-panel div b{grid-area:title}
.s1-panel span{grid-area:desc;font-size:clamp(8px,1.32vh,17px);line-height:1.2}

/* Slide 9 */
.tech-map{
  left:11.1%;
  top:20.2%;
  width:76.5%;
  height:61.5%;
  gap:2.7vh;
}
.tech-row{
  grid-template-columns:22.5vw repeat(5,minmax(0,1fr));
  gap:.9vw;
}
.tech-row h2{
  min-width:0;
  border-radius:.85vw;
  font-size:clamp(13px,2.25vh,30px);
}
.tech-row .tech-card{
  height:78%;
  display:grid;
  grid-template-columns:minmax(2.5vw,3.3vw) 1fr;
  gap:.8vw;
  align-items:center;
  justify-items:start;
  text-align:left;
  padding:0 .9vw;
}
.tech-card img{
  width:3.05vw;
  height:3.05vw;
  object-fit:contain;
  filter:drop-shadow(0 0 .45vw rgba(255,255,255,.22));
}
.tech-card img[src$="kafka.svg"],.tech-card img[src$="delta-lake.svg"]{
  filter:invert(1) drop-shadow(0 0 .45vw rgba(8,232,255,.26));
}
.tech-card b{
  min-width:0;
  color:#fff;
  font-size:clamp(9px,1.54vh,20px);
  line-height:1.05;
  font-weight:750;
  letter-spacing:0;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.tech-row:nth-child(2) .tech-card:nth-child(5) img{border-radius:50%}
.tech-row:nth-child(4) .tech-card img{filter:drop-shadow(0 0 .45vw rgba(8,232,255,.22))}
.tech-row .tech-card img[src$="kafka.svg"],.tech-row .tech-card img[src$="delta-lake.svg"]{
  filter:invert(1) brightness(1.7) contrast(1.05) drop-shadow(0 0 .45vw rgba(8,232,255,.3));
}
.slide[data-slide="9"] .tech-row .tech-card{
  grid-template-columns:minmax(2.1vw,2.8vw) minmax(0,1fr);
  gap:.55vw;
  padding:0 .62vw;
  overflow:hidden;
}
.slide[data-slide="9"] .tech-card img{
  width:2.65vw;
  height:2.65vw;
}
.slide[data-slide="9"] .tech-card b{
  max-width:100%;
  min-width:0;
  font-size:clamp(6px,1.08vh,13px);
  line-height:1.04;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
}
.slide[data-slide="9"].active .slide-head,
.slide[data-slide="9"].active .kpi-stack,
.slide[data-slide="9"].active .tech-map,
.slide[data-slide="9"].active .tech-card{
  opacity:1!important;
  animation:none!important;
  transform:none!important;
}
.slide[data-slide="9"].active .slide-head h1,
.slide[data-slide="9"].active .slide-head p{
  opacity:1!important;
  color:var(--white);
  animation:none!important;
  transform:none!important;
}
.kpi-stack{top:23%;width:7.9%;gap:3vh}
.kpi-stack.left{left:2%}
.kpi-stack.right{right:1.8%;top:19.2%}
.kpi-stack div{
  height:15.1vh;
  border-radius:.75vw;
  background:
    radial-gradient(circle at 50% 32%,rgba(8,232,255,.13),transparent 56%),
    rgba(4,8,26,.68);
}
.kpi-stack small{line-height:1.18}

/* Global collision fixes for dense slides */
.benefit-band,.architecture-benefits{bottom:15.2%}
.benefit-row,.uni-bottom,.impl-bottom{bottom:15.5%}
.close-banner{bottom:15%}
.case-panel{top:36.5%;height:21%}
.capability-panel{top:58%;height:18%}
.bank-steps{top:18.5%;height:17%}
.result-panel{top:38%;height:16%}
.close-grid{bottom:21.5%}
.slide[data-slide="7"] .cog-loop{left:19%;top:16.5%;width:62%;height:64%}
.slide[data-slide="7"] .brain-core.big{width:15vw;height:15vw}
.slide[data-slide="7"] .brain-core.big svg{width:11.8vw;height:11.8vw}
.slide[data-slide="7"] .loop-ring{width:37vw;height:37vw;max-width:53vh;max-height:53vh}
.slide[data-slide="7"] .loop-step{width:17.2vw;min-height:8.8vh;grid-template-columns:4.9vw 1fr;gap:.15vh .7vw}
.slide[data-slide="7"] .loop-step svg{width:4.25vw;height:4.25vw;padding:.82vw}
.slide[data-slide="7"] .loop-step b{left:-1.25vw;font-size:clamp(20px,3.5vh,46px)}
.slide[data-slide="7"] .loop-step h3{font-size:clamp(10px,1.85vh,24px)}
.slide[data-slide="7"] .loop-step p{font-size:clamp(7px,1.18vh,15px)}
.slide[data-slide="7"] .s7-1{left:49%;top:1%}
.slide[data-slide="7"] .s7-2{right:2%;top:19%}
.slide[data-slide="7"] .s7-3{right:1%;top:48%}
.slide[data-slide="7"] .s7-4{right:18%;bottom:-2%}
.slide[data-slide="7"] .s7-5{left:28%;bottom:-2%}
.slide[data-slide="7"] .s7-6{left:9%;top:51%}
.slide[data-slide="7"] .s7-7{left:13%;top:20%}
.slide[data-slide="8"].active .slide-head,
.slide[data-slide="8"].active .status-line,
.slide[data-slide="8"].active .sources-panel,
.slide[data-slide="8"].active .outputs-panel,
.slide[data-slide="8"].active .data-pipeline,
.slide[data-slide="8"].active .data-stage,
.slide[data-slide="8"].active .metric-strip{
  opacity:1!important;
  animation:none!important;
  transform:none!important;
}
.slide[data-slide="8"].active .slide-head h1,
.slide[data-slide="8"].active .slide-head p{opacity:1!important;color:var(--white)}
.slide[data-slide="8"].active .data-stage{box-shadow:0 0 1vw currentColor,inset 0 0 1.2vw rgba(255,255,255,.06)}
.slide[data-slide="8"].active .mesh-bg{opacity:1!important}
.slide[data-slide="10"].active .slide-head,
.slide[data-slide="10"].active .list-panel,
.slide[data-slide="10"].active .sevenv-map,
.slide[data-slide="10"].active .benefit-band,
.slide[data-slide="13"].active .slide-head,
.slide[data-slide="13"].active .bank-steps,
.slide[data-slide="13"].active .result-panel,
.slide[data-slide="13"].active .capability-panel{
  opacity:1!important;
  animation:none!important;
}
.slide[data-slide="10"].active .slide-head h1,
.slide[data-slide="10"].active .slide-head p,
.slide[data-slide="13"].active .slide-head h1,
.slide[data-slide="13"].active .slide-head p{opacity:1!important;color:var(--white)}
.slide[data-slide="10"] .sevenv-map{top:16.5%;height:49%}
.slide[data-slide="10"] .seven-core{width:15.4vw;height:15.4vw}
.slide[data-slide="10"] .seven-core b{font-size:clamp(20px,3.8vh,48px)}
.slide[data-slide="10"] .seven-core strong{font-size:clamp(26px,5vh,62px)}
.slide[data-slide="10"] .vnode{width:16.5vw;min-height:8.4vh;grid-template-columns:4.6vw 1fr;gap:.1vh .7vw}
.slide[data-slide="10"] .vnode svg{width:4.15vw;height:4.15vw;padding:.8vw}
.slide[data-slide="10"] .vnode b{font-size:clamp(15px,2.7vh,34px)}
.slide[data-slide="10"] .vnode h3{font-size:clamp(9px,1.55vh,20px)}
.slide[data-slide="10"] .vnode p{font-size:clamp(6px,1.05vh,13px)}
.slide[data-slide="10"] .v4{bottom:8%}
.slide[data-slide="10"] .v5{bottom:8%}
.slide[data-slide="10"] .benefit-band{bottom:15.6%;height:10.6%;padding:2.45vh 1.1vw .75vh}
.slide[data-slide="10"] .benefit-band h3{top:-2.15vh;font-size:clamp(9px,1.45vh,18px)}
.slide[data-slide="10"] .benefit-band b{font-size:clamp(10px,1.75vh,22px)}
.slide[data-slide="10"] .benefit-band span{font-size:clamp(6px,.9vh,11px)}
.slide[data-slide="13"] .bank-steps{top:18.5%;height:20%}
.slide[data-slide="13"] .result-panel{left:2%;right:2%;width:auto;top:45%;height:11.8%;padding:0;text-align:center}
.slide[data-slide="13"] .result-grid{padding:3vh 1vw .8vh}
.slide[data-slide="13"] .result-grid article{
  display:grid;
  grid-template-columns:2.6vw auto 1fr;
  gap:.55vw;
  align-items:center;
  text-align:left;
  padding:.65vh .8vw;
}
.slide[data-slide="13"] .result-grid article svg{width:2.15vw;height:2.15vw;margin:0}
.slide[data-slide="13"] .result-grid strong{font-size:clamp(13px,2.25vh,28px);margin:0;white-space:nowrap}
.slide[data-slide="13"] .result-grid article p{font-size:clamp(6px,.92vh,11px);line-height:1.15}
.slide[data-slide="13"] .capability-panel{top:61%;height:17%}
.slide[data-slide="13"].active .bank-step{
  opacity:1!important;
  animation:none!important;
  transform:none!important;
}
.slide[data-slide="11"].active .slide-head,
.slide[data-slide="11"].active .layers-flow,
.slide[data-slide="11"].active .layer-card,
.slide[data-slide="11"].active .consume-panel,
.slide[data-slide="11"].active .architecture-benefits,
.slide[data-slide="14"].active .slide-head,
.slide[data-slide="14"].active .uni-top,
.slide[data-slide="14"].active .uni-middle,
.slide[data-slide="14"].active .uni-bottom,
.slide[data-slide="14"].active .uni-retos,
.slide[data-slide="14"].active .uni-side,
.slide[data-slide="14"].active .uni-impact,
.slide[data-slide="14"].active .uni-services,
.slide[data-slide="14"].active .impact-strip,
.slide[data-slide="14"].active .uni-cases{
  opacity:1!important;
  animation:none!important;
  transform:none!important;
}
.slide[data-slide="11"].active .slide-head h1,
.slide[data-slide="11"].active .slide-head p,
.slide[data-slide="14"].active .slide-head h1,
.slide[data-slide="14"].active .slide-head p{opacity:1!important;color:var(--white)}
.slide[data-slide="11"] .layers-flow{top:24%;height:46%}
.slide[data-slide="11"] .consume-panel{top:21%;height:52%;padding-top:2.3vh}
.slide[data-slide="11"] .architecture-benefits{bottom:15.5%;height:10.2%;padding:1vh 1.2vw}
.slide[data-slide="11"] .architecture-benefits span{font-size:clamp(6px,.95vh,12px)}
.slide[data-slide="14"] .slide-head h1{font-size:clamp(18px,4.05vh,52px);line-height:.98}
.slide[data-slide="14"] .slide-head p{font-size:clamp(10px,1.65vh,20px);max-width:68vw}
.slide[data-slide="14"] .uni-top{top:19%;height:22.5%;grid-template-columns:71% 27%}
.slide[data-slide="14"] .uni-middle{top:43.5%;height:19%}
.slide[data-slide="14"] .uni-bottom{top:65.2%;bottom:15.5%}
.slide[data-slide="14"] .uni-retos-grid{padding:3vh .75vw .7vh;gap:.7vw}
.slide[data-slide="14"] .uni-retos-grid article{padding:.65vh .55vw}
.slide[data-slide="14"] .uni-retos-grid svg{width:2.2vw;height:2.2vw}
.slide[data-slide="14"] .uni-retos-grid b{font-size:clamp(7px,1.12vh,14px);margin:.35vh 0}
.slide[data-slide="14"] .uni-retos-grid p{font-size:clamp(6px,.92vh,12px)}
.slide[data-slide="14"] .uni-side,
.slide[data-slide="14"] .uni-services,
.slide[data-slide="14"] .uni-cases{overflow:hidden;padding:2.2vh .95vw .7vh}
.slide[data-slide="14"] .uni-side h3,
.slide[data-slide="14"] .uni-services h3,
.slide[data-slide="14"] .uni-cases h3{
  position:static!important;
  width:100%;
  max-width:none;
  left:auto;
  top:auto;
  transform:none!important;
  margin:0 0 .75vh;
  padding:0 0 .55vh;
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(8,232,255,.22);
  border-radius:0;
  white-space:normal;
  line-height:1.1;
  font-size:clamp(7px,1.16vh,14px);
  text-align:left;
}
.slide[data-slide="14"] .uni-side p{grid-template-columns:2.15vw 1fr;margin:.55vh 0;padding-bottom:.45vh;gap:.1vh .55vw}
.slide[data-slide="14"] .uni-side svg{width:1.75vw;height:1.75vw}
.slide[data-slide="14"] .uni-side b{font-size:clamp(7px,1.08vh,14px)}
.slide[data-slide="14"] .uni-side span{font-size:clamp(6px,.86vh,11px);line-height:1.12}
.slide[data-slide="14"] .uni-flow{padding:.8vh .8vw;gap:.25vw}
.slide[data-slide="14"] .uni-flow article{padding:.65vh .55vw}
.slide[data-slide="14"] .uni-flow svg{width:2.05vw;height:2.05vw}
.slide[data-slide="14"] .uni-flow b{font-size:clamp(7px,1.08vh,14px)}
.slide[data-slide="14"] .uni-flow p{font-size:clamp(6px,.88vh,11px)}

/* Requested cleanup pass */
.timeline{
  grid-template-columns:repeat(16,minmax(0,1fr));
  height:calc(var(--ratio-h)*.096);
  gap:.24vw;
}
.nav-step{padding:.36vh .08vw 1.12vh}
.nav-step svg{width:2.05vh;height:2.05vh}
.nav-step b{font-size:clamp(8px,1.38vh,15px)}
.nav-step small{font-size:clamp(4px,.72vh,9px);letter-spacing:0}
.nav-step::after{width:.55vw;height:.55vw;bottom:-.5vh}

.slide[data-slide="1"] .slide-head{left:7.1%;top:5%}
.cover-logo{
  position:absolute;
  left:2.2%;
  top:3.3%;
  width:4vw;
  height:9.2vh;
  object-fit:contain;
  z-index:22;
  filter:drop-shadow(0 0 .55vw rgba(255,255,255,.18));
}
.slide[data-slide="1"] .s1-left{top:16.8%;height:59.5%}
.slide[data-slide="1"] .s1-left p{width:72%;margin-top:2.8vh;font-size:clamp(10px,1.72vh,22px)}
.cover-credits{
  width:58%;
  margin-top:1.6vh;
  padding:1.05vh 1vw;
  display:grid;
  grid-template-columns:1fr;
  gap:.35vh;
  background:rgba(5,9,26,.78);
  border:.1vw solid rgba(8,232,255,.48);
  border-radius:.45vw;
  box-shadow:0 0 .9vw rgba(8,232,255,.16),inset 0 0 .8vw rgba(184,74,255,.1);
  clip-path:polygon(4% 0,96% 0,100% 20%,100% 80%,96% 100%,4% 100%,0 80%,0 20%);
}
.cover-credits strong{
  grid-column:1/-1;
  color:var(--cyan);
  font-size:clamp(8px,1.18vh,15px);
  letter-spacing:.05em;
}
.cover-credits span,.cover-credits em{
  color:rgba(255,255,255,.9);
  font-style:normal;
  font-size:clamp(8px,1.2vh,16px);
  line-height:1.1;
}
.cover-credits em{color:var(--orange);font-weight:800}
.slide[data-slide="1"] .concept-strip{height:19%;bottom:-.4%}

.slide[data-slide="2"] .compare-zone{
  grid-template-columns:minmax(0,1fr) 7.4vw minmax(0,1fr);
  gap:1.35vw;
}
.slide[data-slide="2"] .vs-orb{
  justify-self:center;
  align-self:center;
  width:5.4vw;
  height:5.4vw;
  z-index:8;
}
.slide[data-slide="2"].active .slide-head,
.slide[data-slide="2"].active .s2-left,
.slide[data-slide="2"].active .compare-zone,
.slide[data-slide="2"].active .flow-panel,
.slide[data-slide="2"].active .flow-row,
.slide[data-slide="2"].active .summary-card{
  opacity:1!important;
  animation:none!important;
  transform:none!important;
}
.slide[data-slide="2"].active .slide-head h1,
.slide[data-slide="2"].active .slide-head p{opacity:1!important;color:var(--white)}

.slide[data-slide="4"] .center-core{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.slide[data-slide="4"] .connector-svg{overflow:visible}
.slide[data-slide="4"] .node-card.traces{--x:58%!important}
.slide[data-slide="4"] .node-card.ia{--x:64%!important;width:16.2vw}
.slide[data-slide="4"] .node-card{width:18.4vw}

.slide[data-slide="5"] .principles-map{left:9.5%;top:15.5%;width:87%;height:61%}
.slide[data-slide="5"] .s5-intro{top:19.2%;width:29.5%;line-height:1.42}
.slide[data-slide="5"] .principle-core{
  left:52.5%;
  top:49%;
  width:14.2vw;
  height:14.2vw;
  transform:translate(-50%,-50%);
}
.slide[data-slide="5"] .principle{width:24.2vw;height:12.4vh;padding:1.35vh 1.25vw}
.slide[data-slide="5"] .principle.top{left:41%;top:0}
.slide[data-slide="5"] .principle.left-top{left:13%;top:27%}
.slide[data-slide="5"] .principle.left-bottom{left:13%;top:55%}
.slide[data-slide="5"] .principle.right-top{right:3%;top:27%}
.slide[data-slide="5"] .principle.right-bottom{right:3%;top:55%}
.slide[data-slide="5"] .principle.bottom{left:41%;bottom:0}

.slide[data-slide="6"].active .slide-head,
.slide[data-slide="6"].active .pipeline-wrap,
.slide[data-slide="6"].active .pipe-card,
.slide[data-slide="6"].active .feedback-loop,
.slide[data-slide="6"].active .result-panel{
  opacity:1!important;
  animation:none!important;
  transform:none!important;
}
.slide[data-slide="6"].active .slide-head h1,
.slide[data-slide="6"].active .slide-head p{opacity:1!important;color:var(--white)}
.slide[data-slide="6"] .pipeline-wrap{top:29%;height:42%}
.slide[data-slide="6"] .result-panel{
  left:auto;
  right:2.5%;
  top:19%;
  width:16.5%;
  height:58%;
  padding:2.2vh 1.35vw;
  text-align:center;
}
.slide[data-slide="6"] .result-panel h3{
  position:static;
  left:auto;
  top:auto;
  transform:none;
  margin:0 0 1vh;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  color:var(--cyan);
  font-size:clamp(11px,1.85vh,24px);
}
.slide[data-slide="6"] .result-panel .dashboard{width:5.4vw;height:7vh}
.slide[data-slide="6"] .result-panel b{margin:1vh 0 1.4vh;font-size:clamp(7px,1.24vh,15px)}
.slide[data-slide="6"] .result-panel div{grid-template-columns:2vw 1fr;padding:.75vh 0;font-size:clamp(6px,.94vh,11px)}
.slide[data-slide="6"] .result-panel div svg{width:1.65vw;height:1.65vw}
.slide[data-slide="6"] .pipe-card svg{width:5.1vw;height:5.8vh}
.slide[data-slide="6"] .pipe-card{
  grid-template-rows:4.2vh 3.1vh 7.5vh 1fr 3.8vh;
  padding:.9vh .7vw 1.1vh;
}
.slide[data-slide="6"] .pipe-card b{
  position:static;
  transform:none;
  width:3.5vw;
  height:3.9vh;
  font-size:clamp(11px,1.75vh,23px);
}
.slide[data-slide="6"] .pipe-card h3{margin:.15vh 0 0;font-size:clamp(7px,1.24vh,16px)}
.slide[data-slide="6"] .pipe-card p{font-size:clamp(6px,1.08vh,14px)}

.slide[data-slide="7"] .cog-loop{left:18%;top:15.5%;width:64%;height:64%}
.slide[data-slide="7"] .brain-core.big{
  left:50%;
  top:50%;
  width:14.2vw;
  height:14.2vw;
  transform:translate(-50%,-50%);
  animation:none;
}
.slide[data-slide="7"] .brain-core.big svg{width:11.1vw;height:11.1vw}
.slide[data-slide="7"] .loop-ring{
  left:50%;
  top:50%;
  width:34.5vw;
  height:34.5vw;
  max-width:50vh;
  max-height:50vh;
  transform:translate(-50%,-50%);
  animation:none;
}

.slide[data-slide="8"] .data-stage{padding:1.55vh .55vw}
.slide[data-slide="8"] .data-stage h3{
  min-height:3.1vh;
  display:grid;
  place-items:center;
  margin:.45vh 0;
  font-size:clamp(6px,1.04vh,13px);
  line-height:1.06;
  overflow-wrap:anywhere;
}
.slide[data-slide="8"] .data-stage p{font-size:clamp(6px,1.02vh,12px);line-height:1.18}
.slide[data-slide="8"] .data-stage svg{width:4.35vw;height:5.3vh;margin:.55vh 0}

.slide[data-slide="12"].active .slide-head,
.slide[data-slide="12"].active .case-flow,
.slide[data-slide="12"].active .cf-step,
.slide[data-slide="12"].active .case-panel,
.slide[data-slide="12"].active .benefit-row{
  opacity:1!important;
  animation:none!important;
  transform:none!important;
}
.slide[data-slide="12"].active .slide-head h1,
.slide[data-slide="12"].active .slide-head p{opacity:1!important;color:var(--white)}
.slide[data-slide="12"] .case-flow.top{
  top:17%;
  height:20%;
  grid-template-columns:1fr .22fr 1fr .22fr 1fr .22fr 1fr .22fr 1fr .22fr 1fr;
  gap:.35vw;
}
.slide[data-slide="12"] .cf-step{grid-template-rows:6.5vh 3vh auto;padding:.4vh .35vw 0}
.slide[data-slide="12"] .cf-step svg{width:4.15vw;height:4.15vw;padding:.75vw}
.slide[data-slide="12"] .cf-step h3{font-size:clamp(8px,1.48vh,18px);margin:.35vh 0 .1vh}
.slide[data-slide="12"] .cf-step p{font-size:clamp(6px,1.02vh,12px);line-height:1.18;max-width:9.8vw}
.slide[data-slide="12"] .cf-arrow{font-size:2.45vw}
.slide[data-slide="12"] .case-panel{top:40%;height:18%}
.slide[data-slide="12"] .case-grid{padding:2.7vh .9vw .8vh}
.slide[data-slide="12"] .case-grid article{padding:.8vh .6vw .8vh 3.6vw}
.slide[data-slide="12"] .case-grid article svg{width:2.25vw;height:2.25vw}
.slide[data-slide="12"] .case-grid article b{font-size:clamp(7px,1.18vh,14px)}
.slide[data-slide="12"] .case-grid article p{font-size:clamp(6px,.92vh,11px)}
.slide[data-slide="12"] .benefit-row{height:17%;bottom:15.6%;padding:2.8vh .4vw .6vh}
.slide[data-slide="12"] .benefit-row article{padding:.85vh .7vw .85vh 3.55vw}
.slide[data-slide="12"] .benefit-row article svg{width:2.25vw;height:2.25vw}

.slide[data-slide="13"] .result-grid article svg{
  align-self:center;
  transform:translateY(.35vh);
}
.slide[data-slide="13"] .result-panel{
  top:47.8%;
  height:10.4%;
}
.slide[data-slide="13"] .result-panel h3{top:.55vh}
.slide[data-slide="13"] .result-grid{padding:3.15vh 1vw .6vh}
.slide[data-slide="13"] .capability-panel{top:62.4%;height:16.2%}

.slide[data-slide="15"].active .slide-head,
.slide[data-slide="15"].active .roadmap-top,
.slide[data-slide="15"].active .impl-middle,
.slide[data-slide="15"].active .impl-bottom,
.slide[data-slide="15"].active .impl-arch,
.slide[data-slide="15"].active .impl-tech,
.slide[data-slide="15"].active .impl-impact,
.slide[data-slide="15"].active .best-practices{
  opacity:1!important;
  animation:none!important;
  transform:none!important;
}
.slide[data-slide="15"].active .slide-head h1,
.slide[data-slide="15"].active .slide-head p{opacity:1!important;color:var(--white)}
.slide[data-slide="15"] .roadmap-top{top:20%;height:13.5%}
.slide[data-slide="15"] .road-grid.seven{padding:2.55vh .7vw .6vh}
.slide[data-slide="15"] .road-grid svg{width:2.05vw;height:2.05vw}
.slide[data-slide="15"] .road-grid b{font-size:clamp(6px,1.05vh,13px);margin:.25vh 0}
.slide[data-slide="15"] .road-grid p{font-size:clamp(5px,.78vh,10px);line-height:1.1}
.slide[data-slide="15"] .impl-middle{top:36.5%;height:28%;grid-template-columns:68% 30.5%}
.slide[data-slide="15"] .impl-arch-grid{padding:3.2vh .7vw .65vh;gap:.55vw}
.slide[data-slide="15"] .small-panel,.slide[data-slide="15"] .big-panel{padding:.75vh .55vw}
.slide[data-slide="15"] .small-panel ul{font-size:clamp(6px,.92vh,11px);line-height:1.23}
.slide[data-slide="15"] .big-icons{gap:.45vw;margin-top:.85vh}
.slide[data-slide="15"] .big-icons span{min-height:4.4vh;font-size:clamp(6px,.92vh,11px)}
.slide[data-slide="15"] .impl-tech{padding:3.45vh .9vw .55vh;overflow:hidden}
.slide[data-slide="15"] .impl-tech p{
  grid-template-columns:2.15vw 1fr;
  margin:.55vh 0;
  padding-bottom:.45vh;
  gap:.1vh .55vw;
}
.slide[data-slide="15"] .impl-tech svg{width:1.75vw;height:1.75vw}
.slide[data-slide="15"] .impl-tech b{font-size:clamp(7px,1.04vh,13px)}
.slide[data-slide="15"] .impl-tech span{font-size:clamp(6px,.84vh,10px);line-height:1.1}
.slide[data-slide="15"] .impl-bottom{top:68.2%;bottom:15.6%;grid-template-columns:66% 32%}
.slide[data-slide="15"] .impl-impact{grid-template-columns:repeat(6,minmax(0,1fr));padding:2.2vh .65vw .55vh;gap:.55vw}
.slide[data-slide="15"] .impl-impact article{padding:.7vh .45vw}
.slide[data-slide="15"] .impl-impact strong{font-size:clamp(13px,2.25vh,28px);margin-bottom:.25vh}
.slide[data-slide="15"] .impl-impact p{font-size:clamp(6px,.9vh,11px);line-height:1.13}
.slide[data-slide="15"] .best-practices{padding:3.45vh .9vw .55vh;overflow:hidden}
.slide[data-slide="15"] .best-practices ul{font-size:clamp(6px,.92vh,11px);line-height:1.18}
.slide[data-slide="15"] .best-practices li{margin:.35vh 0}
.slide[data-slide="15"] .mini-brain{height:5.7vh;margin-top:.15vh}
.slide[data-slide="15"] .mini-brain svg{width:3.1vw;height:3.1vw}
.slide[data-slide="15"] .impl-tech h3,
.slide[data-slide="15"] .best-practices h3{
  top:.8vh;
  max-width:86%;
  white-space:normal;
  line-height:1.05;
  text-align:center;
}
@media (max-aspect-ratio: 1/1){
  .timeline{height:calc(var(--ratio-h)*.092)}
  .nav-step small{display:none}
}