
:root{--bg:#030814;--bg2:#071427;--panel:rgba(8,19,36,.72);--panel2:rgba(255,255,255,.055);--line:rgba(255,255,255,.13);--ink:#eef8ff;--muted:#9bb4c9;--cyan:#28d7ff;--blue:#2f82ff;--green:#57e6a9;--amber:#ffd166;--red:#ff5d73;--radius:28px;--rail:304px;--top:78px;--shadow:0 34px 90px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--ink)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 15% -10%,rgba(40,215,255,.22),transparent 30rem),radial-gradient(circle at 90% 20%,rgba(47,130,255,.17),transparent 32rem),linear-gradient(180deg,#030814,#071427 48%,#030814);overflow:hidden;color:var(--ink)}a{color:inherit;text-decoration:none}button,select,input{font:inherit}img{max-width:100%;display:block}.page-transition{position:fixed;inset:0;background:radial-gradient(circle at 50% 50%,rgba(40,215,255,.18),#030814 55%);z-index:200;pointer-events:none;opacity:0;transition:opacity .32s ease}.page-transition.on{opacity:1}.topbar{position:fixed;left:0;right:0;top:0;height:var(--top);display:flex;align-items:center;justify-content:space-between;padding:14px 22px;z-index:100;background:rgba(3,8,20,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand-home{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.045);transition:.24s}.brand-home:hover{transform:translateY(-2px);border-color:rgba(40,215,255,.42);box-shadow:0 0 28px rgba(40,215,255,.12)}.brand-home img{height:32px;width:auto}.top-actions{display:flex;align-items:center;gap:10px}.control-btn,.ghost-btn,.primary-btn{border-radius:999px;border:1px solid var(--line);color:var(--ink);background:rgba(255,255,255,.06);padding:10px 14px;cursor:pointer;transition:.22s ease}.control-btn:hover,.ghost-btn:hover{border-color:rgba(40,215,255,.45);transform:translateY(-1px)}.primary-btn{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#02101f;border-color:transparent;font-weight:850}.lang-select{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--ink);padding:10px 14px;border-radius:999px;max-width:220px}.lang-select option{background:#071427}.flow-rail{position:fixed;top:var(--top);bottom:0;left:0;width:var(--rail);z-index:80;padding:20px 16px;overflow:auto;background:linear-gradient(180deg,rgba(2,7,17,.90),rgba(4,12,24,.72));border-right:1px solid var(--line);backdrop-filter:blur(18px)}.rail-head{padding:10px 12px 16px;border-bottom:1px solid var(--line);margin-bottom:14px}.rail-head strong{display:block;font-size:13px;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase}.rail-head span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.rail-group{margin:14px 0}.rail-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d8f4ff;opacity:.76;padding:7px 12px}.rail-link{width:100%;text-align:start;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:16px;padding:9px 12px;margin:2px 0;cursor:pointer;display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;transition:.2s}.rail-link small{color:#6f879e;font-size:10px}.rail-link:hover,.rail-link.active{background:rgba(40,215,255,.08);border-color:rgba(40,215,255,.24);color:#fff}.rail-link.hidden{display:none}.deck{position:fixed;top:var(--top);bottom:0;left:var(--rail);right:0;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-color:rgba(40,215,255,.34) transparent}.slide{position:relative;min-height:calc(100vh - var(--top));scroll-snap-align:start;padding:56px min(6vw,80px);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.07);isolation:isolate}.slide[hidden]{display:none}.slide:before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at var(--px,70%) var(--py,30%),rgba(40,215,255,.16),transparent 24rem);z-index:-2;transform:translateY(calc(var(--scroll-ratio,0) * -40px));transition:.08s linear}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,20,.72),rgba(3,8,20,.35),rgba(3,8,20,.78));z-index:-1}.slide-bg{position:absolute;inset:0;z-index:-3}.slide-bg img{width:100%;height:120%;object-fit:cover;opacity:.32;filter:saturate(1.06) contrast(1.02);transform:translateY(calc(var(--scroll-ratio,0) * 80px))}.slide-inner{position:relative;width:min(1180px,100%);margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(40,215,255,.25);background:rgba(40,215,255,.08);color:#cdf7ff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--green);box-shadow:0 0 14px var(--green)}h1,h2{margin:16px 0 18px;line-height:.98;letter-spacing:-.055em}h1{font-size:clamp(48px,8vw,104px)}h2{font-size:clamp(38px,5.8vw,74px)}h3{font-size:24px;line-height:1.1;margin:0 0 10px}.lead{font-size:clamp(18px,2.1vw,26px);max-width:900px;color:rgba(238,248,255,.86);margin:0 0 24px}.kicker{font-size:18px;color:var(--muted);max-width:720px}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:50px;align-items:center}.hero-bullets{display:grid;gap:12px;margin-top:28px;max-width:760px}.bullet{display:flex;align-items:flex-start;gap:12px;color:rgba(222,238,249,.82);font-size:16px;line-height:1.45;opacity:0;transform:translateY(26px)}.slide.inview .bullet{animation:flyUp .7s cubic-bezier(.2,.8,.2,1) forwards}.slide.inview .bullet:nth-child(2){animation-delay:.12s}.slide.inview .bullet:nth-child(3){animation-delay:.24s}.slide.inview .bullet:nth-child(4){animation-delay:.36s}.bullet:before{content:"";width:9px;height:9px;margin-top:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px rgba(40,215,255,.75);flex:0 0 auto}.visual-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));border-radius:34px;box-shadow:var(--shadow);padding:16px;backdrop-filter:blur(10px);transform:translateY(36px) scale(.98);opacity:0}.slide.inview .visual-card{animation:zoomIn .9s cubic-bezier(.2,.8,.2,1) forwards}.visual-card img{border-radius:24px;width:100%;height:360px;object-fit:cover}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.info-card{border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:22px;min-height:178px;box-shadow:0 18px 55px rgba(0,0,0,.16);opacity:0;transform:translateY(28px)}.slide.inview .info-card{animation:flyUp .65s ease forwards}.info-card:nth-child(2){animation-delay:.12s}.info-card:nth-child(3){animation-delay:.24s}.info-card:nth-child(4){animation-delay:.36s}.info-card h3{font-size:21px}.info-card p{color:var(--muted);margin:0;font-size:14px}.num{font-size:12px;color:var(--cyan);letter-spacing:.12em;font-weight:900;margin-bottom:10px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.ba-box{border:1px solid var(--line);background:var(--panel);border-radius:28px;padding:26px}.ba-box.before{border-color:rgba(255,93,115,.32)}.ba-box.after{border-color:rgba(87,230,169,.32)}.ba-box h3{font-size:28px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px}.stage{position:relative;border:1px solid var(--line);border-radius:24px;padding:22px;background:var(--panel);min-height:210px;opacity:0;transform:translateY(24px)}.slide.inview .stage{animation:flyUp .55s ease forwards}.stage:not(:last-child):after{content:"";position:absolute;right:-15px;top:50%;width:20px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}.stage strong{display:block;color:#fff;font-size:20px}.stage p{color:var(--muted);font-size:13px}.flowline{display:flex;gap:12px;align-items:stretch;margin-top:34px}.flow-step{flex:1;border:1px solid var(--line);border-radius:22px;padding:18px;background:linear-gradient(180deg,rgba(40,215,255,.10),rgba(255,255,255,.035));text-align:center;min-height:124px;display:grid;place-items:center;position:relative}.flow-step:not(:last-child):after{content:"→";position:absolute;right:-18px;top:50%;transform:translateY(-50%);color:var(--cyan);font-weight:900}.function-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.function-card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.055);padding:18px;opacity:0;transform:translateY(28px)}.slide.inview .function-card{animation:flyUp .65s ease forwards}.function-card h3{font-size:18px}.function-card ul{margin:10px 0 0;padding:0;list-style:none}.function-card li{color:var(--muted);font-size:13px;margin:7px 0;display:flex;gap:8px}.function-card li:before{content:"•";color:var(--cyan)}.tech-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}.screen-wrap{position:relative}.screen-shot{border:1px solid rgba(255,255,255,.14);border-radius:28px;overflow:hidden;background:#071427;box-shadow:var(--shadow);opacity:0;transform:translateX(40px) scale(.98)}.slide.inview .screen-shot{animation:screenIn .8s ease forwards}.screen-shot img{width:100%;max-height:520px;object-fit:contain;background:#071427}.play-demo{position:absolute;left:22px;bottom:22px;border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#02101f;border-radius:999px;padding:14px 18px;font-weight:900;cursor:pointer;box-shadow:0 18px 45px rgba(40,215,255,.25)}.presenter-cue{margin-top:18px;border-left:3px solid var(--cyan);background:rgba(40,215,255,.065);padding:14px 18px;border-radius:0 18px 18px 0;color:#cdeeff;font-size:14px}.compliance-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:26px}.standards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.std{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:18px}.std strong{color:#fff}.std p{color:var(--muted);font-size:13px}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.sector-card{position:relative;border:1px solid var(--line);border-radius:26px;overflow:hidden;min-height:260px;background:#061225;display:flex;align-items:flex-end;padding:22px;opacity:0;transform:translateY(26px)}.slide.inview .sector-card{animation:flyUp .65s ease forwards}.sector-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.sector-card div{position:relative;z-index:2}.sector-card h3{font-size:24px}.sector-card p{color:#d0e8f5;font-size:14px}.mobile-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.mobile-screens img{border:1px solid var(--line);border-radius:22px;background:#071427;max-height:310px;width:100%;object-fit:contain}.closing-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.closing-list span{border:1px solid rgba(40,215,255,.25);background:rgba(40,215,255,.08);border-radius:999px;padding:11px 14px;color:#dff8ff;font-weight:800}.flow-modal{position:fixed;inset:0;background:rgba(1,5,12,.78);z-index:180;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.25s;backdrop-filter:blur(8px)}.flow-modal.open{opacity:1;pointer-events:auto}.flow-card{width:min(760px,calc(100% - 34px));border:1px solid var(--line);background:linear-gradient(180deg,rgba(9,24,45,.96),rgba(3,8,20,.96));border-radius:34px;padding:28px;box-shadow:var(--shadow)}.flow-card-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.flow-card h2{font-size:42px;margin:0}.flow-card p{color:var(--muted)}.icon-btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:50%;width:42px;height:42px;font-size:25px;cursor:pointer}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.flow-grid label{display:grid;gap:8px;color:#dceefa;font-weight:800;font-size:13px}.flow-grid select{border:1px solid var(--line);border-radius:16px;background:#071427;color:#fff;padding:14px}.flow-hint{color:var(--muted);font-size:14px}.flow-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.demo-modal{position:fixed;inset:0;background:#01040a;z-index:250;opacity:0;pointer-events:none;transition:.25s;display:grid;place-items:center;padding:26px}.demo-modal.open{opacity:1;pointer-events:auto}.demo-close{position:absolute;right:22px;top:18px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-size:32px;cursor:pointer;z-index:4}.demo-player{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:20px}.demo-header{display:flex;align-items:center;gap:18px}.demo-header h2{font-size:38px;margin:0}.demo-chip{border:1px solid rgba(40,215,255,.28);color:#dff9ff;background:rgba(40,215,255,.08);border-radius:999px;padding:8px 12px;font-weight:900}.demo-stage{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;min-height:0}.demo-screen{border:1px solid var(--line);border-radius:30px;background:#071427;display:grid;place-items:center;overflow:hidden}.demo-screen img{width:100%;height:100%;object-fit:contain}.demo-script{border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));padding:28px;display:grid;align-content:center}.demo-script div{color:var(--cyan);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.demo-script h3{font-size:34px;margin:18px 0}.demo-script p{font-size:19px;color:#c9dfef;line-height:1.6}.demo-controls{display:flex;align-items:center;gap:14px}.demo-progress{height:8px;flex:1;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}.demo-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--green));transition:.2s}.hidden-flow{display:none!important}@keyframes flyUp{to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes screenIn{to{opacity:1;transform:translateX(0) scale(1)}}
html[dir="rtl"] body{direction:rtl;text-align:right}html[dir="rtl"] .top-actions{flex-direction:row-reverse}html[dir="rtl"] .flow-rail{left:auto;right:0;border-right:0;border-left:1px solid var(--line)}html[dir="rtl"] .deck{left:0;right:var(--rail)}html[dir="rtl"] .rail-link{grid-template-columns:1fr 24px}html[dir="rtl"] .hero-grid,html[dir="rtl"] .tech-layout,html[dir="rtl"] .compliance-grid,html[dir="rtl"] .demo-stage{direction:rtl}html[dir="rtl"] .stage:not(:last-child):after{content:"←";right:auto;left:-18px;background:none;width:auto;height:auto;color:var(--cyan)}html[dir="rtl"] .flow-step:not(:last-child):after{content:"←";right:auto;left:-18px}html[dir="rtl"] .presenter-cue{border-left:0;border-right:3px solid var(--cyan);border-radius:18px 0 0 18px}html[dir="rtl"] .demo-close{right:auto;left:22px}
@media(max-width:1100px){:root{--rail:0px}.flow-rail{display:none}.deck{left:0!important;right:0!important}.topbar{padding:10px}.brand-home img{height:25px}.top-actions{gap:6px}.control-btn,.ghost-btn,.primary-btn,.lang-select{padding:9px 10px;font-size:12px}.slide{padding:46px 20px}.hero-grid,.tech-layout,.compliance-grid,.demo-stage{grid-template-columns:1fr}.card-grid,.function-grid,.sector-grid,.standards{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr}.stage:not(:last-child):after{display:none}.flowline{flex-direction:column}.flow-step:not(:last-child):after{display:none}.demo-modal{padding:10px}.demo-stage{overflow:auto}.demo-screen{min-height:42vh}.demo-header h2{font-size:25px}.demo-script h3{font-size:24px}}@media(max-width:640px){.top-actions .control-btn:nth-child(3){display:none}h1{font-size:48px}h2{font-size:38px}.before-after,.card-grid,.function-grid,.sector-grid,.standards,.mobile-screens,.flow-grid{grid-template-columns:1fr}.visual-card img{height:260px}.slide{min-height:calc(100dvh - var(--top));}.flow-card{padding:20px;border-radius:24px}.flow-card h2{font-size:30px}.demo-controls{flex-wrap:wrap}.demo-progress{flex-basis:100%}}

/* V2 fixed upgrade: stronger page transitions, Arabic RTL polish and richer entry animations */
.page-transition{background:linear-gradient(180deg,#061426,#0b2b4a 54%,#030814);transform:translateY(100%);opacity:1;transition:none}.page-transition.on{animation:vwipe .66s cubic-bezier(.2,.8,.2,1) forwards}@keyframes vwipe{0%{transform:translateY(100%)}42%{transform:translateY(0)}68%{transform:translateY(0)}100%{transform:translateY(-100%)}}
.slide.inview h1,.slide.inview h2{animation:titleRise .72s cubic-bezier(.2,.8,.2,1) both}.slide.inview .lead{animation:leadRise .76s cubic-bezier(.2,.8,.2,1) .08s both}@keyframes titleRise{from{opacity:0;transform:translateY(34px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:none}}@keyframes leadRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.slide:not(.inview) .bullet,.slide:not(.inview) .info-card,.slide:not(.inview) .function-card,.slide:not(.inview) .stage,.slide:not(.inview) .sector-card{opacity:0;transform:translateY(24px)}
.demo-modal{padding:0}.demo-player{width:100vw;height:100vh;padding:28px}.demo-modal.open{animation:demoOpen .35s ease both}@keyframes demoOpen{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:none}}
.demo-screen{position:relative}.demo-screen:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:scanline 2.8s linear infinite}@keyframes scanline{to{top:100%}}
html[dir="rtl"] .bullet, body.rtl .bullet{flex-direction:row-reverse;text-align:right}html[dir="rtl"] .function-card li, body.rtl .function-card li{flex-direction:row-reverse;text-align:right}html[dir="rtl"] .flow-card-head, body.rtl .flow-card-head, html[dir="rtl"] .flow-actions, body.rtl .flow-actions, html[dir="rtl"] .demo-header, body.rtl .demo-header, html[dir="rtl"] .demo-controls, body.rtl .demo-controls{flex-direction:row-reverse}html[dir="rtl"] .rail-link, body.rtl .rail-link{text-align:right;direction:rtl}html[dir="rtl"] .demo-script, body.rtl .demo-script{text-align:right;direction:rtl}html[dir="rtl"] .demo-close, body.rtl .demo-close{right:auto;left:22px}html[dir="rtl"] .play-demo, body.rtl .play-demo{left:auto;right:22px}
html[dir="rtl"] .flow-step:not(:last-child):after, body.rtl .flow-step:not(:last-child):after{content:"←";right:auto;left:-18px}
.rail-title{display:flex;align-items:center;gap:8px}.rail-title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px rgba(40,215,255,.7)}
.function-card{position:relative;overflow:hidden}.function-card:after{content:"";position:absolute;inset:auto -20% -40% auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(40,215,255,.18),transparent 65%)}
@media(max-width:1100px){html[dir="rtl"] .deck,body.rtl .deck{left:0!important;right:0!important}.demo-player{padding:12px}.demo-stage{grid-template-columns:1fr}.demo-screen{min-height:48vh}.demo-script{min-height:260px}}


/* V3 presentation pacing + parallax fixes */
:root{--slow:1.15s;--slower:1.55s}
html{scroll-behavior:auto!important}body{overflow:hidden}.deck{scroll-snap-type:y proximity;scroll-behavior:auto;overscroll-behavior:contain}.slide{min-height:calc(118vh - var(--top));scroll-snap-align:start;scroll-snap-stop:always;align-items:start;padding-top:clamp(54px,7vh,92px);padding-bottom:clamp(72px,10vh,120px)}.slide:before{transform:translateY(calc(var(--scroll-ratio,0) * -96px)) scale(1.06);transition:transform .2s linear}.slide-bg img{height:135%;transform:translateY(calc(var(--scroll-ratio,0) * 160px)) scale(1.05);transition:transform .2s linear}.slide-inner{padding-block:8px}.page-transition{display:none!important}.is-gliding .slide.nearby:before{filter:brightness(1.12)}
.bullet,.info-card,.function-card,.stage,.sector-card{transition:none!important}.slide.inview .bullet{animation:flyUp 1.05s cubic-bezier(.16,.84,.24,1) forwards}.slide.inview .bullet:nth-child(2){animation-delay:.24s}.slide.inview .bullet:nth-child(3){animation-delay:.48s}.slide.inview .bullet:nth-child(4){animation-delay:.72s}.slide.inview .bullet:nth-child(5){animation-delay:.96s}.slide.inview .bullet:nth-child(6){animation-delay:1.15s}.slide.inview .info-card,.slide.inview .function-card,.slide.inview .stage,.slide.inview .sector-card{animation:flyUp 1.05s cubic-bezier(.16,.84,.24,1) forwards}.info-card:nth-child(2),.function-card:nth-child(2),.stage:nth-child(2),.sector-card:nth-child(2){animation-delay:.20s!important}.info-card:nth-child(3),.function-card:nth-child(3),.stage:nth-child(3),.sector-card:nth-child(3){animation-delay:.40s!important}.info-card:nth-child(4),.function-card:nth-child(4),.stage:nth-child(4),.sector-card:nth-child(4){animation-delay:.60s!important}.info-card:nth-child(5),.function-card:nth-child(5),.stage:nth-child(5),.sector-card:nth-child(5){animation-delay:.80s!important}.info-card:nth-child(6),.function-card:nth-child(6),.sector-card:nth-child(6){animation-delay:1s!important}.slide.inview h1,.slide.inview h2{animation:titleRise 1.05s cubic-bezier(.16,.84,.24,1) both}.slide.inview .lead{animation:leadRise 1.15s cubic-bezier(.16,.84,.24,1) .22s both}.slide.inview .visual-card,.slide.inview .screen-shot{animation:screenIn 1.25s cubic-bezier(.16,.84,.24,1) .2s forwards}
.tech-screen-layout,.function-overview-layout{display:grid;grid-template-columns:1fr;gap:26px;align-items:start}.tech-screen-layout .screen-wrap,.function-overview-layout .screen-wrap{order:-1;width:min(1120px,100%);margin-inline:auto}.tech-screen-layout .tech-copy,.function-overview-layout .function-copy{width:min(1120px,100%);margin-inline:auto}.tech-screen-layout .screen-shot img,.function-overview-layout .screen-shot img{height:min(54vh,590px);max-height:none;object-fit:contain}.tech-screen-layout .screen-shot,.function-overview-layout .screen-shot{transform:translateY(44px) scale(.985)}.tech-screen-layout .hero-bullets{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.function-overview-layout .function-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.function-card{min-height:auto}.function-card li{font-size:12.5px;line-height:1.35}.presenter-cue{display:none!important}.play-demo{left:26px;bottom:26px;padding:13px 24px;letter-spacing:.04em;text-transform:uppercase}.play-demo:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#02101f;margin-right:9px;box-shadow:0 0 0 5px rgba(2,16,31,.16)}
.rail-link.active{background:linear-gradient(90deg,rgba(40,215,255,.17),rgba(47,130,255,.07));border-color:rgba(40,215,255,.55);color:#fff;box-shadow:0 12px 28px rgba(40,215,255,.08)}.rail-link.active small{color:var(--cyan)}.rail-link{scroll-margin:80px}.flow-rail{scrollbar-width:thin}.rail-group{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.055)}
.demo-modal{padding:0!important}.demo-player{width:100vw;height:100dvh;padding:34px;gap:24px}.demo-header h2{font-size:clamp(28px,4vw,56px)}.demo-stage{grid-template-columns:1.22fr .78fr;gap:24px}.demo-screen,.demo-script{border-radius:34px}.demo-screen img{object-fit:contain}.demo-script p{font-size:clamp(18px,1.8vw,25px)}.demo-controls{padding-bottom:4px}.demo-progress{height:11px}.demo-modal.open .demo-screen{animation:demoScreen 1s cubic-bezier(.16,.84,.24,1) both}.demo-modal.open .demo-script{animation:demoScript 1.15s cubic-bezier(.16,.84,.24,1) .12s both}@keyframes demoScreen{from{opacity:0;transform:scale(.96) translateY(22px)}to{opacity:1;transform:none}}@keyframes demoScript{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
html[dir="rtl"] .tech-screen-layout .screen-wrap,body.rtl .tech-screen-layout .screen-wrap,html[dir="rtl"] .function-overview-layout .screen-wrap,body.rtl .function-overview-layout .screen-wrap{order:-1}.rtl .play-demo,html[dir="rtl"] .play-demo{left:auto;right:26px}.rtl .play-demo:before,html[dir="rtl"] .play-demo:before{margin-right:0;margin-left:9px}.rtl .demo-stage,html[dir="rtl"] .demo-stage{grid-template-columns:.78fr 1.22fr}.rtl .demo-script,html[dir="rtl"] .demo-script{text-align:right;direction:rtl}.rtl .tech-screen-layout .hero-bullets,html[dir="rtl"] .tech-screen-layout .hero-bullets{direction:rtl}.rtl .function-overview-layout .function-grid,html[dir="rtl"] .function-overview-layout .function-grid{direction:rtl}
@media(max-width:1100px){.slide{min-height:calc(112vh - var(--top));padding-top:42px}.tech-screen-layout .hero-bullets{grid-template-columns:1fr}.function-overview-layout .function-grid{grid-template-columns:1fr}.demo-stage{grid-template-columns:1fr!important;overflow:auto}.demo-screen{min-height:50vh}.demo-player{padding:16px}.demo-script p{font-size:18px}.screen-wrap{width:100%}}
@media(max-width:640px){.slide{min-height:calc(108vh - var(--top));}.tech-screen-layout .screen-shot img,.function-overview-layout .screen-shot img{height:38vh}.play-demo{position:static;margin-top:12px;width:100%;text-align:center}.demo-screen{min-height:42vh}.demo-controls{gap:8px}.demo-controls .control-btn,.demo-controls .primary-btn{flex:1}.demo-progress{flex-basis:100%}}

/* V3.1 final presentation pacing fixes */
.page-transition{display:block!important;opacity:1!important;transform:translateY(110%);background:linear-gradient(180deg,rgba(40,215,255,.15),#030814 46%,rgba(47,130,255,.18));transition:transform 1.05s cubic-bezier(.16,.84,.24,1)!important}.page-transition.on{transform:translateY(0)!important;animation:none!important}
.play-demo{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;margin-top:14px!important;margin-inline-start:6px!important;width:max-content!important;text-transform:uppercase;letter-spacing:.04em}.screen-wrap{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.screen-wrap .play-demo{align-self:flex-start!important}.play-demo:before{content:"▶"!important;display:inline-flex!important;align-items:center;justify-content:center;width:20px!important;height:20px!important;border-radius:50%!important;background:#02101f!important;color:var(--cyan)!important;margin:0 4px 0 0!important;box-shadow:none!important;font-size:10px!important}.slide.inview .screen-shot{animation:screenIn 1.45s cubic-bezier(.16,.84,.24,1) .2s forwards!important}.slide.inview h1,.slide.inview h2{animation:titleRise 1.35s cubic-bezier(.16,.84,.24,1) both!important}.slide.inview .lead{animation:leadRise 1.45s cubic-bezier(.16,.84,.24,1) .28s both!important}.deck{scroll-snap-type:y proximity!important}.rail-group.active-group .rail-title{color:var(--cyan);opacity:1}.rail-link.active{background:linear-gradient(90deg,rgba(40,215,255,.23),rgba(47,130,255,.10))!important;border-color:rgba(40,215,255,.62)!important;box-shadow:0 16px 42px rgba(0,0,0,.2), inset 0 0 20px rgba(40,215,255,.08)!important}html[dir="rtl"] .screen-wrap,body.rtl .screen-wrap{align-items:flex-end!important}html[dir="rtl"] .play-demo:before,body.rtl .play-demo:before{content:"◀"!important;margin:0 0 0 4px!important;order:2}.demo-modal.open{animation:demoOpen .65s ease both!important}.demo-player{width:100vw!important;height:100dvh!important}.demo-stage{height:calc(100dvh - 210px)}
@media(max-width:640px){.play-demo{width:100%!important}.demo-stage{height:auto}.page-transition{transition-duration:.72s!important}}


/* --- V4 slow-motion presentation fixes requested by user --- */
.deck{scroll-snap-type:y proximity!important;scroll-behavior:auto!important}.deck.navigating,.is-gliding .deck{scroll-snap-type:none!important}.slide{min-height:calc(132vh - var(--top))!important;overflow:visible!important;align-items:flex-start!important}.slide-inner{will-change:transform;transform:translateY(calc(var(--scroll-ratio,0) * -44px));transition:transform .22s linear}.slide-bg img{height:148%!important;transform:translateY(calc(var(--scroll-ratio,0) * 240px)) scale(1.09)!important;filter:saturate(1.1) contrast(1.04)}.slide:before{transform:translateY(calc(var(--scroll-ratio,0) * -150px)) scale(1.12)!important}.slide:after{background:linear-gradient(180deg,rgba(3,8,20,.90),rgba(3,8,20,.42),rgba(3,8,20,.88))!important}.slide.inview h1,.slide.inview h2{animation:titleRise 1.35s cubic-bezier(.16,.84,.24,1) both!important}.slide.inview .lead{animation:leadRise 1.45s cubic-bezier(.16,.84,.24,1) .35s both!important}.slide.inview .bullet{animation:flyUp 1.35s cubic-bezier(.16,.84,.24,1) forwards!important}.slide.inview .bullet:nth-child(2){animation-delay:.34s!important}.slide.inview .bullet:nth-child(3){animation-delay:.68s!important}.slide.inview .bullet:nth-child(4){animation-delay:1.02s!important}.slide.inview .bullet:nth-child(5){animation-delay:1.28s!important}.slide.inview .bullet:nth-child(6){animation-delay:1.48s!important}.slide:not(.inview) h1,.slide:not(.inview) h2,.slide:not(.inview) .lead,.slide:not(.inview) .bullet,.slide:not(.inview) .info-card,.slide:not(.inview) .function-card,.slide:not(.inview) .stage,.slide:not(.inview) .sector-card,.slide:not(.inview) .visual-card,.slide:not(.inview) .screen-shot{opacity:0!important}.slide.inview .info-card,.slide.inview .function-card,.slide.inview .stage,.slide.inview .sector-card{animation:flyUp 1.28s cubic-bezier(.16,.84,.24,1) forwards!important}.slide.inview .visual-card,.slide.inview .screen-shot{animation:screenIn 1.55s cubic-bezier(.16,.84,.24,1) .22s forwards!important}.page-transition{display:block!important;pointer-events:none!important;opacity:0!important;transform:none!important;background:linear-gradient(180deg,rgba(3,8,20,.04),rgba(40,215,255,.08),rgba(3,8,20,.04))!important}.page-transition.on{animation:v4pagefade 1.05s cubic-bezier(.16,.84,.24,1) forwards!important}@keyframes v4pagefade{0%{opacity:0}35%{opacity:.38}100%{opacity:0}}
.tech-screen-layout,.function-overview-layout{grid-template-columns:1fr!important;grid-template-areas:"screen" "copy"!important}.tech-screen-layout .screen-wrap,.function-overview-layout .screen-wrap{grid-area:screen!important;order:-1!important;margin-bottom:18px!important}.tech-screen-layout .tech-copy,.function-overview-layout .function-copy{grid-area:copy!important;max-width:1140px!important}.tech-screen-layout .screen-shot img,.function-overview-layout .screen-shot img{height:min(50vh,560px)!important;object-fit:contain!important}.tech-screen-layout .hero-bullets{grid-template-columns:repeat(2,minmax(0,1fr))!important}.function-overview-layout .function-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.screen-wrap::after{content:"Demo";position:absolute;right:24px;bottom:24px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#dffaff;background:rgba(3,8,20,.68);backdrop-filter:blur(12px);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;pointer-events:none}.play-demo{z-index:5;min-width:92px;text-align:center}.demo-player{width:100vw!important;height:100dvh!important;border-radius:0!important;padding:36px!important}.demo-stage{height:calc(100dvh - 210px)!important;grid-template-columns:minmax(0,1.22fr) minmax(380px,.78fr)!important}.demo-screen{height:100%!important}.demo-screen img{width:100%!important;height:100%!important;object-fit:contain!important}.demo-script{min-height:0!important;align-self:stretch!important}.demo-script p{font-size:clamp(19px,2vw,28px)!important;line-height:1.55!important}.rail-link.active{background:linear-gradient(90deg,rgba(40,215,255,.22),rgba(47,130,255,.08))!important;border-color:rgba(40,215,255,.70)!important;color:#fff!important;box-shadow:inset 4px 0 0 var(--cyan),0 14px 34px rgba(40,215,255,.10)!important}.rail-link.active small{color:#9df0ff!important}.flow-rail{scroll-behavior:smooth!important}.rtl .rail-link.active,html[dir="rtl"] .rail-link.active{box-shadow:inset -4px 0 0 var(--cyan),0 14px 34px rgba(40,215,255,.10)!important}.rtl .screen-wrap::after,html[dir="rtl"] .screen-wrap::after{right:auto;left:24px}
@media(max-width:1100px){.slide{min-height:calc(122vh - var(--top))!important}.tech-screen-layout .hero-bullets,.function-overview-layout .function-grid{grid-template-columns:1fr!important}.demo-stage{grid-template-columns:1fr!important;height:auto!important}.demo-screen{min-height:52vh!important}.demo-player{padding:16px!important;overflow-y:auto}}@media(max-width:700px){.slide{min-height:calc(116vh - var(--top))!important}.tech-screen-layout .screen-shot img,.function-overview-layout .screen-shot img{height:36vh!important}.screen-wrap::after{display:none}.demo-screen{min-height:42vh!important}.demo-script p{font-size:17px!important}}

/* V4.1 presenter + controlled sequence fixes */
.rail-head .presenter-link{display:inline-flex;margin-top:12px;border:1px solid rgba(40,215,255,.25);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;color:#dffaff;background:rgba(40,215,255,.07)}
.rail-group.hidden-group{display:none!important}.deck.navigating{scroll-snap-type:none!important}.slide{min-height:calc(152vh - var(--top))!important;padding-top:78px!important;padding-bottom:86px!important}.slide-inner{max-width:1180px}.slide.nearby:after{background:linear-gradient(180deg,rgba(3,8,20,.86),rgba(3,8,20,.32),rgba(3,8,20,.89))!important}
.stagger-children>*{opacity:0;transform:translateY(34px);will-change:opacity,transform}.slide.inview .stagger-children>*{animation:v4Cascade 1.05s cubic-bezier(.16,.84,.24,1) forwards!important}.slide.inview .stagger-children>*:nth-child(1){animation-delay:.05s!important}.slide.inview .stagger-children>*:nth-child(2){animation-delay:1.05s!important}.slide.inview .stagger-children>*:nth-child(3){animation-delay:2.05s!important}.slide.inview .stagger-children>*:nth-child(4){animation-delay:3.05s!important}.slide.inview .stagger-children>*:nth-child(5){animation-delay:4.05s!important}.slide.inview .stagger-children>*:nth-child(6){animation-delay:5.05s!important}.slide.inview .stagger-children>*:nth-child(7){animation-delay:6.05s!important}.slide.inview .stagger-children>*:nth-child(8){animation-delay:7.05s!important}.slide.inview .stagger-children>*:nth-child(9){animation-delay:8.05s!important}@keyframes v4Cascade{0%{opacity:0;transform:translateY(34px) scale(.985);filter:blur(4px)}100%{opacity:1;transform:none;filter:blur(0)}}
.tech-text-first{display:block!important;max-width:1160px!important}.tech-text-first .tech-copy,.tech-text-first .function-copy{max-width:100%!important}.tech-text-first .hero-bullets{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:100%!important}.tech-text-first .function-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.screen-actions{display:flex;align-items:center;gap:12px;margin:26px 0 0;flex-wrap:wrap}.screen-toggle{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.055);color:#e9faff;border-radius:999px;padding:12px 16px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.screen-toggle:before{content:"☰";margin-inline-end:8px;color:var(--cyan)}.screen-toggle.open{border-color:rgba(40,215,255,.45);background:rgba(40,215,255,.10)}.screen-toggle.open:before{content:"×"}.screen-drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .85s cubic-bezier(.16,.84,.24,1),opacity .55s ease;margin-top:14px;opacity:0}.screen-drawer.open{grid-template-rows:1fr;opacity:1}.screen-drawer>.screen-shot{overflow:hidden;min-height:0}.screen-drawer.open .screen-shot{animation:screenIn 1.15s cubic-bezier(.16,.84,.24,1) forwards!important}.screen-drawer .screen-shot{cursor:zoom-in}.screen-drawer .screen-shot img{height:min(52vh,620px)!important;object-fit:contain!important}.screen-wrap{display:none!important}.screen-wrap::after{display:none!important}.play-demo{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:100px!important;gap:8px;margin:0!important}.play-demo:before{content:"▶"!important;width:20px!important;height:20px!important;border-radius:50%!important;display:inline-grid!important;place-items:center!important;background:#02101f!important;color:var(--cyan)!important;font-size:10px!important;margin:0 4px 0 0!important}.rtl .play-demo:before,html[dir="rtl"] .play-demo:before{content:"◀"!important;margin:0 0 0 4px!important;order:2}
.rail-link.active{background:linear-gradient(90deg,rgba(40,215,255,.26),rgba(47,130,255,.08))!important;border-color:rgba(40,215,255,.78)!important;color:#fff!important;box-shadow:inset 5px 0 0 var(--cyan),0 18px 40px rgba(40,215,255,.12)!important}.rail-group.active-group .rail-title{color:var(--cyan)!important;opacity:1!important}.rtl .rail-link.active,html[dir="rtl"] .rail-link.active{box-shadow:inset -5px 0 0 var(--cyan),0 18px 40px rgba(40,215,255,.12)!important}
.page-transition.on{animation:v4slowwipe 1.35s cubic-bezier(.16,.84,.24,1) forwards!important}@keyframes v4slowwipe{0%{opacity:0;transform:translateY(100%)}38%{opacity:.42;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}
.demo-modal.open{animation:demoOpen .8s ease both!important}.demo-player{padding:42px!important}.demo-stage{height:calc(100dvh - 220px)!important}.demo-progress span{transition:width .45s ease!important}
@media(max-width:1100px){.slide{min-height:calc(136vh - var(--top))!important}.tech-text-first .hero-bullets,.tech-text-first .function-grid{grid-template-columns:1fr!important}.screen-drawer .screen-shot img{height:42vh!important}.stagger-children>*{animation-delay:.05s!important}}
@media(max-width:700px){.slide{min-height:calc(126vh - var(--top))!important}.screen-actions{display:grid}.screen-actions button{width:100%}.stagger-children>*{animation-delay:.06s!important}.sector-grid{grid-template-columns:1fr!important}.card-grid{grid-template-columns:1fr!important}.timeline{grid-template-columns:1fr!important}.flowline{flex-direction:column!important}.flow-step:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-22px}.demo-player{padding:18px!important}}
