@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--navy:#0B1F33;--teal:#0B4F55;--aqua:#1FA6A8;--sand:#D8C6A3;--gold:#B88942;--bg:#F7F5EF;--surface:#fff;--alt:#EEF2EF;--text:#1E2933;--muted:#63717A;--border:#D7DFDD;--success:#35745C;--shadow:0 24px 70px rgba(11,31,51,.12);--ease:cubic-bezier(.22,1,.36,1);--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'IBM Plex Sans Arabic',Arial,sans-serif;line-height:1.85;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.skip{position:fixed;top:-80px;right:20px;z-index:999;background:#fff;padding:12px 18px}.skip:focus{top:20px}.noise{position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* cursor */.cursor,.cursor-dot{position:fixed;top:0;left:0;pointer-events:none;z-index:500;display:none}.cursor{width:58px;height:58px;border:1px solid rgba(31,166,168,.65);border-radius:50%;background:rgba(247,245,239,.08);backdrop-filter:blur(5px);transition:width .35s var(--ease),height .35s var(--ease),background .35s,border-color .35s;mix-blend-mode:difference}.cursor-dot{width:5px;height:5px;background:#fff;border-radius:50%}.cursor span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:600 9px Manrope,sans-serif;letter-spacing:.08em;opacity:0;transition:.25s}.cursor.active{width:96px;height:96px;background:rgba(11,79,85,.24);border-color:#fff}.cursor.active span{opacity:1}@media(pointer:fine){.cursor,.cursor-dot{display:block}body{cursor:none}a,button{cursor:none}}
/* header */.header{position:fixed;inset:0 0 auto;z-index:100;height:92px;display:flex;align-items:center;transition:.45s var(--ease);color:#fff}.header.scrolled{height:72px;background:rgba(247,245,239,.92);color:var(--navy);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-inner{width:min(1440px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{width:170px;height:58px;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain}.logo-dark{display:none}.header.scrolled .logo-white{display:none}.header.scrolled .logo-dark{display:block}.nav{display:flex;align-items:center;gap:2px;position:relative;padding:4px 0}.nav a{padding:12px 14px;font-size:.87rem;font-weight:600;white-space:nowrap;opacity:.78;position:relative}.nav a:hover,.nav a.active{opacity:1}.nav-indicator{position:absolute;height:2px;bottom:2px;background:var(--aqua);transition:.45s var(--ease);box-shadow:0 0 14px rgba(31,166,168,.65)}.header-cta{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.45);padding:11px 17px;font-size:.83rem;font-weight:700;transition:.35s var(--ease)}.header.scrolled .header-cta{border-color:var(--navy)}.header-cta:hover{background:var(--aqua);border-color:var(--aqua);color:#fff;transform:translateY(-2px)}.menu-btn{display:none;width:44px;height:44px;border:1px solid currentColor;background:none;color:inherit;position:relative}.menu-btn:before,.menu-btn:after{content:'';position:absolute;width:18px;height:1px;background:currentColor;right:12px;transition:.3s}.menu-btn:before{top:17px}.menu-btn:after{top:25px}.menu-btn.open:before{transform:translateY(4px) rotate(45deg)}.menu-btn.open:after{transform:translateY(-4px) rotate(-45deg)}
.mobile-nav{position:fixed;inset:0;z-index:90;background:var(--navy);color:#fff;padding:120px 28px 35px;display:flex;flex-direction:column;transform:translateY(-100%);transition:.7s var(--ease)}.mobile-nav.open{transform:none}.mobile-nav a{font-family:Alexandria,sans-serif;font-size:clamp(1.9rem,9vw,4rem);font-weight:600;line-height:1.45;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12)}
/* hero */.hero{min-height:100svh;position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden;background:var(--navy)}.hero-media,.hero-media video,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,rgba(11,31,51,.95) 0%,rgba(11,79,85,.72) 55%,rgba(11,31,51,.28) 100%)}.hero-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(to left,#000,transparent 75%)}.hero-content{position:relative;z-index:2;padding:150px 0 76px;width:100%}.hero-copy{max-width:850px;margin-right:0}.kicker{color:var(--sand);font-weight:700;font-size:.78rem;letter-spacing:.08em;margin:0 0 22px}.hero h1{font-family:Alexandria,sans-serif;font-size:clamp(2.7rem,6.4vw,6.8rem);font-weight:700;line-height:1.18;letter-spacing:0;margin:0 0 28px}.hero h1 span{display:block;color:#fff}.hero h1 em{font-style:normal;color:#9fe0d8}.hero-lead{font-size:clamp(1rem,1.45vw,1.25rem);max-width:720px;color:#d8e2e0;margin:0 0 34px;line-height:1.9}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:12px 22px;border:1px solid rgba(255,255,255,.55);font-weight:700;font-size:.9rem;transition:.35s var(--ease);background:transparent;color:inherit}.btn-primary{background:var(--aqua);border-color:var(--aqua);color:#fff}.btn:hover{transform:translateY(-3px);background:var(--gold);border-color:var(--gold);color:#fff}.hero-note{position:absolute;left:clamp(24px,4vw,70px);bottom:70px;z-index:3;writing-mode:vertical-rl;font:600 .68rem Manrope,sans-serif;letter-spacing:.18em;color:rgba(255,255,255,.7)}.scroll-mark{position:absolute;left:50%;bottom:22px;z-index:3;width:1px;height:46px;background:rgba(255,255,255,.35);overflow:hidden}.scroll-mark:after{content:'';position:absolute;inset:0;background:#fff;transform:translateY(-100%);animation:scroll 1.8s infinite}@keyframes scroll{to{transform:translateY(100%)}}
/* trust */.trust{background:var(--surface);border-bottom:1px solid var(--border)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust article{padding:28px 24px;border-left:1px solid var(--border)}.trust article:last-child{border-left:0}.trust b{display:block;font-family:Alexandria,sans-serif;color:var(--teal);font-size:1.05rem}.trust span{color:var(--muted);font-size:.86rem}
/* common */section{position:relative}.section{padding:120px 0}.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-bottom:60px}.eyebrow{font:700 .75rem Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--aqua);margin:0 0 15px}.section h2,.section-head h2{font-family:Alexandria,sans-serif;font-size:clamp(2.1rem,4.2vw,4.6rem);line-height:1.23;letter-spacing:0;margin:0;color:var(--navy)}.section-head>p{color:var(--muted);margin:0;font-size:1.05rem}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:none}
.about{background:var(--bg)}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}.about-title{font-family:Alexandria,sans-serif;font-size:clamp(2.4rem,5vw,5.2rem);line-height:1.24;margin:0;color:var(--navy)}.about-title strong{color:var(--teal)}.about-copy p{font-size:1.12rem;color:var(--muted)}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);margin-top:32px}.about-facts div{padding:22px 0;border-left:1px solid var(--border)}.about-facts div:last-child{border:0}.about-facts b{font:700 2rem Manrope;color:var(--gold);display:block}.about-facts span{font-size:.78rem;color:var(--muted)}
/* sectors */.sectors{background:var(--navy);color:#fff;overflow:hidden}.sectors .section-head h2{color:#fff}.sectors .section-head>p{color:#a9bac3}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16);border-right:1px solid rgba(255,255,255,.16)}.sector{min-height:300px;padding:32px;border-left:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);position:relative;overflow:hidden}.sector:after{content:'';position:absolute;inset:auto -30% -70% auto;width:250px;height:250px;border:1px solid rgba(31,166,168,.22);border-radius:50%;transition:.6s var(--ease)}.sector:hover:after{transform:scale(1.35);border-color:var(--gold)}.sector svg{width:58px;height:58px;fill:none;stroke:var(--sand);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sector h3{font-family:Alexandria,sans-serif;font-size:1.35rem;line-height:1.45;margin:42px 0 10px}.sector p{color:#a9bac3;margin:0}
/* scrollytelling */.story{height:420vh;background:#071927;color:#fff}.story-sticky{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;padding:95px max(24px,6vw);overflow:hidden}.story-copy{position:relative;z-index:2;min-height:390px}.story-step{position:absolute;inset:0;opacity:0;transform:translateY(35px);filter:blur(8px);transition:.6s var(--ease)}.story-step.active{opacity:1;transform:none;filter:none}.story-step span{font:700 .75rem Manrope;color:var(--gold)}.story-step h2{font-family:Alexandria,sans-serif;font-size:clamp(2.2rem,4vw,4.5rem);line-height:1.25;margin:16px 0;color:#fff}.story-step p{color:#a9bac3;font-size:1.05rem;max-width:560px}.story-visual{height:min(760px,78vh);position:relative}.story-visual svg{width:100%;height:100%}.pipe-base{fill:none;stroke:rgba(255,255,255,.09);stroke-width:18;stroke-linecap:round}.pipe-live{fill:none;stroke:url(#pipeGradient);stroke-width:7;stroke-linecap:round;filter:url(#glow);stroke-dasharray:1;stroke-dashoffset:1}.story-node{opacity:.18;transition:.4s}.story-node.active{opacity:1}.story-node circle{fill:#0b3045;stroke:var(--aqua);stroke-width:2}.story-node text{fill:#d5e5e6;font:600 13px Manrope}.data-dot{fill:var(--gold);filter:url(#glow)}.story-index{position:absolute;left:10px;bottom:10px;display:flex;gap:8px}.story-index i{width:28px;height:2px;background:rgba(255,255,255,.18)}.story-index i.active{background:var(--gold)}
/* projects inspired by editorial landmark presentation */.projects{background:var(--alt);overflow:hidden}.project-stage{display:grid;grid-template-columns:78px 1fr;gap:0}.project-rail{border-left:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;position:sticky;top:90px;height:calc(100vh - 110px)}.project-rail span{font:600 .68rem Manrope;color:var(--muted);writing-mode:vertical-rl}.project-rail i{width:9px;height:9px;border:1px solid var(--muted);border-radius:50%;transition:.3s}.project-rail i.active{width:18px;height:18px;border-color:var(--aqua);box-shadow:inset 0 0 0 5px var(--alt),0 0 0 1px var(--aqua)}.project-stack{display:grid;gap:36px}.project-card{min-height:620px;display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border:1px solid var(--border);position:relative;overflow:hidden}.project-card:nth-child(even){grid-template-columns:.85fr 1.15fr}.project-card:nth-child(even) .project-visual{order:2}.project-visual{position:relative;overflow:hidden;min-height:620px}.project-visual img{width:100%;height:100%;object-fit:cover;transition:1s var(--ease)}.project-card:hover .project-visual img{transform:scale(1.045)}.project-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(11,31,51,.55))}.project-no{position:absolute;top:24px;left:24px;color:#fff;font:600 .75rem Manrope;z-index:2}.project-geo{position:absolute;inset:auto -8% -18% auto;width:55%;height:55%;z-index:2;opacity:.7}.project-body{padding:clamp(36px,5vw,72px);display:flex;flex-direction:column;justify-content:center}.project-tags{display:flex;gap:8px;flex-wrap:wrap}.project-tags span{border:1px solid var(--border);padding:6px 10px;font-size:.68rem;color:var(--muted)}.project-body h3{font-family:Alexandria,sans-serif;font-size:clamp(1.9rem,3vw,3.4rem);line-height:1.28;color:var(--navy);margin:24px 0 18px}.project-body p{color:var(--muted);font-size:1.02rem}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0 30px}.project-facts div{border-top:1px solid var(--border);padding-top:12px}.project-facts b{display:block;color:var(--teal)}.project-facts span{font-size:.78rem;color:var(--muted)}.project-link{display:inline-flex;align-items:center;gap:12px;font-weight:700;color:var(--teal);width:max-content}.project-link:before{content:'↗';display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--teal);transition:.3s}.project-link:hover:before{background:var(--gold);border-color:var(--gold);color:#fff;transform:rotate(45deg)}
/* methodology */.method{background:var(--bg)}.method-row{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--border);border-right:1px solid var(--border)}.method-row article{padding:30px 24px;border-left:1px solid var(--border);border-bottom:1px solid var(--border);min-height:230px}.method-row b{font:700 .75rem Manrope;color:var(--gold)}.method-row h3{font-family:Alexandria,sans-serif;font-size:1.2rem;margin:34px 0 12px}.method-row p{font-size:.9rem;color:var(--muted)}
/* leadership */.leadership{background:#fff}.leader-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:stretch}.leader-visual{position:relative;min-height:650px;background:var(--alt);overflow:hidden}.leader-visual img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:.5s}.leader-number{position:absolute;top:24px;left:24px;font:700 .72rem Manrope;color:var(--teal)}.leader-copy{display:flex;flex-direction:column;justify-content:center}.leader-role{color:var(--gold);font-weight:700}.leader-copy h3{font-family:Alexandria,sans-serif;font-size:clamp(2rem,3.8vw,4rem);line-height:1.25;margin:12px 0}.leader-copy p{color:var(--muted);font-size:1.04rem}.leader-expertise{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.leader-expertise span{border:1px solid var(--border);padding:7px 11px;font-size:.72rem}.leader-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);margin-top:35px}.leader-list button{background:none;border:0;border-bottom:1px solid var(--border);padding:20px 8px;text-align:right;color:var(--text);display:flex;justify-content:space-between;gap:10px;transition:.3s}.leader-list button:nth-child(odd){border-left:1px solid var(--border)}.leader-list button.active,.leader-list button:hover{color:var(--teal);padding-right:16px}.leader-list small{color:var(--muted)}
/* quality */.quality{background:var(--teal);color:#fff}.quality .section-head h2{color:#fff}.quality .section-head>p{color:#c7dddd}.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25);border-right:1px solid rgba(255,255,255,.25)}.quality-grid article{padding:30px;border-left:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);min-height:240px}.quality-grid b{font:700 2.3rem Manrope;color:var(--sand)}.quality-grid h3{font-family:Alexandria,sans-serif;font-size:1.2rem}.quality-grid p{color:#c7dddd;font-size:.9rem}
/* CTA/footer */.cta{background:var(--navy);color:#fff;padding:120px 0;overflow:hidden}.cta h2{font-family:Alexandria,sans-serif;font-size:clamp(2.3rem,5vw,5rem);line-height:1.25;margin:0 0 28px;max-width:900px}.cta p{color:#b4c3c9;max-width:650px}.cta-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:72px 72px}.footer{background:#071624;color:#fff;padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:45px}.footer-logo{width:190px;margin-bottom:20px}.footer p,.footer a{color:#9eb0b9;font-size:.9rem}.footer h4{font-family:Alexandria,sans-serif}.footer-links{display:flex;flex-direction:column;gap:8px}.legal{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);margin-top:50px;padding-top:20px;color:#7e929c;font-size:.75rem}
/* detail pages */.detail-hero{min-height:82vh;position:relative;display:flex;align-items:flex-end;color:#fff;background:var(--navy);overflow:hidden}.detail-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,rgba(11,31,51,.94),rgba(11,31,51,.25))}.detail-copy{position:relative;z-index:2;padding:160px 0 70px}.detail-copy h1{font-family:Alexandria,sans-serif;font-size:clamp(2.8rem,6vw,6rem);line-height:1.2;margin:14px 0 22px;max-width:1000px}.detail-meta{display:flex;gap:10px;flex-wrap:wrap}.detail-meta span{border:1px solid rgba(255,255,255,.4);padding:7px 11px;font-size:.72rem}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px}.case-intro h2{font-family:Alexandria,sans-serif;font-size:clamp(2rem,4vw,4rem);line-height:1.28;margin:0}.case-intro p{font-size:1.08rem;color:var(--muted)}.case-data{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-right:1px solid var(--border);margin-top:55px}.case-data div{padding:24px;border-left:1px solid var(--border);border-bottom:1px solid var(--border)}.case-data b{display:block;color:var(--teal)}.case-data span{font-size:.78rem;color:var(--muted)}.case-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-columns article{padding:30px;border-top:3px solid var(--aqua);background:#fff;box-shadow:var(--shadow)}.case-columns h3{font-family:Alexandria,sans-serif}.case-columns li{margin-bottom:7px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.gallery figure{margin:0;overflow:hidden;min-height:300px}.gallery figure:nth-child(1){grid-column:span 7}.gallery figure:nth-child(2){grid-column:span 5}.gallery figure:nth-child(3){grid-column:span 4}.gallery figure:nth-child(4){grid-column:span 4}.gallery figure:nth-child(5){grid-column:span 4}.gallery img{width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}.gallery figure:hover img{transform:scale(1.04)}.next-project{display:flex;justify-content:space-between;align-items:center;padding:35px 0;border-top:1px solid var(--border)}.next-project strong{font-family:Alexandria,sans-serif;font-size:1.5rem}
@media(max-width:1050px){.nav{display:none}.menu-btn{display:block}.header-cta{display:none}.story-sticky{grid-template-columns:1fr;gap:15px;padding-top:90px}.story-copy{min-height:260px}.story-visual{height:48vh}.project-card,.project-card:nth-child(even){grid-template-columns:1fr}.project-card:nth-child(even) .project-visual{order:0}.project-visual{min-height:480px}.leader-layout{grid-template-columns:1fr}.leader-visual{min-height:570px}.method-row{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.wrap,.header-inner{width:min(100% - 28px,var(--max))}.header{height:76px}.brand{width:135px}.hero-content{padding:120px 0 58px}.hero h1{font-size:clamp(2.35rem,12vw,4.1rem);line-height:1.24}.hero-note{display:none}.trust-grid{grid-template-columns:1fr 1fr}.trust article:nth-child(2){border-left:0}.section{padding:84px 0}.section-head,.about-grid,.case-intro{grid-template-columns:1fr;gap:28px}.about-facts{grid-template-columns:1fr}.about-facts div{border-left:0;border-bottom:1px solid var(--border)}.sector-grid{grid-template-columns:1fr}.story{height:360vh}.story-sticky{padding-inline:16px}.story-step h2{font-size:2.2rem}.story-visual{height:42vh}.project-stage{grid-template-columns:1fr}.project-rail{display:none}.project-card{min-height:auto}.project-visual{min-height:390px}.project-body{padding:30px 22px}.project-facts{grid-template-columns:1fr}.method-row{grid-template-columns:1fr}.leader-visual{min-height:470px}.leader-list{grid-template-columns:1fr}.leader-list button:nth-child(odd){border-left:0}.quality-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.legal{flex-direction:column}.case-data{grid-template-columns:1fr 1fr}.case-columns{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery figure{grid-column:1!important;min-height:260px}.detail-hero{min-height:72vh}.detail-copy{padding-top:130px}.detail-copy h1{font-size:2.5rem}}
@media(max-width:480px){.trust-grid,.quality-grid,.case-data{grid-template-columns:1fr}.trust article{border-left:0}.actions{flex-direction:column}.btn{width:100%}.hero-media video{display:none}.hero-media{background:url('../assets/hero-poster.webp') center/cover}.project-visual{min-height:320px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.story{height:auto}.story-sticky{position:relative;height:auto}.story-step{position:relative;opacity:1;filter:none;transform:none;margin-bottom:30px}.story-visual{display:none}}

/* =========================
   V6 refinements
   ========================= */
/* prevent the off-canvas menu text from leaking into the page */
.mobile-nav{visibility:hidden;opacity:0;pointer-events:none;overflow:hidden;clip-path:inset(0 0 100% 0)}
.mobile-nav.open{visibility:visible;opacity:1;pointer-events:auto;clip-path:inset(0 0 0 0)}

/* clearer brand lockup with preserved proportions */
.brand{width:238px;height:64px;flex:0 0 auto;transition:.35s var(--ease)}
.brand img{width:100%;height:100%;object-fit:contain;object-position:right center}
.header.scrolled .brand{width:218px;height:54px}
.footer-logo{width:230px;height:auto;object-fit:contain}

/* keep large Arabic headings readable and safely inside their sections */
.section-head,.about-grid,.contact-layout{isolation:isolate}
.section-head h2,.section h2,.about-title,.cta h2{overflow-wrap:normal;word-break:normal;text-wrap:balance}

/* leadership portraits: contained editorial frame, never stretched */
.leader-layout{grid-template-columns:minmax(320px,510px) minmax(0,1fr);gap:72px;align-items:center}
.leader-visual{min-height:0;aspect-ratio:4/5;max-height:590px;width:100%;background:linear-gradient(180deg,#f6f8f6,#e9efec);border:1px solid var(--border);box-shadow:0 22px 60px rgba(11,31,51,.09);display:flex;align-items:flex-end;justify-content:center}
.leader-visual:after{content:'';position:absolute;inset:16px;border:1px solid rgba(11,79,85,.12);pointer-events:none}
.leader-visual img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.92) contrast(1.02)}
.leader-number{z-index:2;background:rgba(247,245,239,.88);padding:6px 10px;border:1px solid var(--border)}

/* realistic, multi-discipline scroll system */
.story{height:400vh}
.story-sticky{grid-template-columns:.82fr 1.18fr}
.story-visual svg{overflow:visible}
.site-frame{fill:rgba(255,255,255,.02);stroke:rgba(255,255,255,.15);stroke-width:1}
.flow-base,.flow-live{fill:none;stroke-linecap:round;stroke-linejoin:round}
.flow-base{stroke-width:15;opacity:.22}
.flow-base.process{stroke:#1FA6A8}.flow-base.power{stroke:#B88942}.flow-base.data{stroke:#D8C6A3}
.flow-live{stroke-width:5;filter:url(#softGlow);stroke-dasharray:1;stroke-dashoffset:1}
.process-live{stroke:#38d5d0}.power-live{stroke:#d5a862}.data-live{stroke:#f1e2c4;stroke-dasharray:.02 .02}
.story-node{opacity:.2;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.story-node.active{opacity:1;transform:scale(1.03)}
.story-node circle,.story-node rect{fill:#0b3045;stroke:rgba(255,255,255,.28);stroke-width:1.5}
.story-node path{fill:none;stroke:#e8f2f2;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.story-node text{fill:#d5e5e6;font:600 11px Manrope,sans-serif;letter-spacing:.08em}
.legend text{fill:#8fa8b2;font:600 9px Manrope,sans-serif;letter-spacing:.09em}.legend line{stroke-width:4;stroke-linecap:round}.legend-process{stroke:#38d5d0}.legend-power{stroke:#d5a862}.legend-data{stroke:#f1e2c4}

/* interactive Saudi project footprint */
.footprint{background:var(--alt);overflow:hidden}
.map-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:42px;align-items:stretch}
.map-panel{position:relative;min-height:690px;background:var(--navy);overflow:hidden;border:1px solid rgba(11,31,51,.12);box-shadow:var(--shadow)}
.map-panel:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 62% 43%,rgba(31,166,168,.18),transparent 34%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}
.ksa-map{position:relative;width:100%;height:100%;min-height:690px;padding:28px}
.ksa-shape{fill:rgba(247,245,239,.075);stroke:rgba(216,198,163,.7);stroke-width:2;transition:.5s var(--ease)}
.ksa-grid{fill:none;stroke:rgba(255,255,255,.04);stroke-width:1}
.map-marker{cursor:pointer;outline:none;opacity:.58;transition:opacity .3s var(--ease),filter .3s var(--ease)}
.map-marker .pulse{fill:rgba(31,166,168,.15);stroke:rgba(31,166,168,.45);stroke-width:1;transform-origin:center;animation:mapPulse 2.8s ease-out infinite}
.map-marker .core{fill:var(--sand);stroke:#fff;stroke-width:2}
.map-marker text{fill:#fff;font:600 15px 'IBM Plex Sans Arabic',sans-serif;paint-order:stroke;stroke:rgba(11,31,51,.65);stroke-width:4;stroke-linejoin:round}
.map-marker.active{opacity:1;filter:url(#mapGlow)}.map-marker.active .core{fill:var(--aqua)}.map-marker.active .pulse{fill:rgba(31,166,168,.28);stroke:#7de0d9}
.map-marker:focus-visible .core{stroke:var(--gold);stroke-width:4}
@keyframes mapPulse{0%{transform:scale(.7);opacity:.9}70%,100%{transform:scale(1.45);opacity:0}}
.map-copy{background:#fff;border:1px solid var(--border);padding:clamp(34px,5vw,64px);display:flex;flex-direction:column;justify-content:center;position:relative}
.map-copy:before{content:'';position:absolute;right:0;top:0;width:4px;height:100%;background:linear-gradient(var(--aqua),var(--gold))}
.map-counter{display:flex;align-items:flex-end;gap:12px;margin-bottom:28px}.map-counter span{font:700 clamp(3rem,6vw,5.5rem) Manrope,sans-serif;color:var(--gold);line-height:.9}.map-counter small{color:var(--muted);padding-bottom:6px}
.map-copy h3{font-family:Alexandria,sans-serif;font-size:clamp(2.2rem,4vw,4.5rem);line-height:1.2;margin:0 0 16px;color:var(--navy)}
.map-copy>p:not(.eyebrow){color:var(--muted);font-size:1.03rem}
.map-copy ul{margin:18px 0 30px;padding:0;list-style:none;border-top:1px solid var(--border)}
.map-copy li{padding:12px 0;border-bottom:1px solid var(--border);color:var(--text)}
.map-copy li:before{content:'';display:inline-block;width:7px;height:7px;border:1px solid var(--aqua);margin-left:10px;transform:rotate(45deg)}
.map-tabs{display:flex;gap:8px;flex-wrap:wrap}.map-tabs button{border:1px solid var(--border);background:transparent;color:var(--text);padding:9px 15px;transition:.3s var(--ease)}.map-tabs button.active,.map-tabs button:hover{background:var(--teal);border-color:var(--teal);color:#fff}

/* complete project enquiry form */
.contact-section{background:var(--navy);color:#fff;overflow:hidden}
.contact-section:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to left,#000,transparent 78%)}
.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start;position:relative;z-index:1}
.contact-intro h2{font-family:Alexandria,sans-serif;font-size:clamp(2.25rem,4.5vw,4.8rem);line-height:1.28;margin:0 0 22px;color:#fff}
.contact-intro>p:not(.eyebrow){color:#b9c9cd;font-size:1.05rem;max-width:590px}
.contact-points{margin-top:38px;border-top:1px solid rgba(255,255,255,.16)}
.contact-points div{display:grid;grid-template-columns:42px 1fr;gap:4px 14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.contact-points span{grid-row:span 2;color:var(--gold);font:700 .75rem Manrope,sans-serif}.contact-points b{font-family:Alexandria,sans-serif}.contact-points small{color:#90a5ad}
.contact-form{background:var(--bg);color:var(--text);padding:clamp(26px,4vw,48px);box-shadow:0 24px 70px rgba(0,0,0,.18)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form label{display:flex;flex-direction:column;gap:8px}.contact-form label>span{font-size:.78rem;font-weight:700;color:var(--teal)}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #bcc9c6;background:transparent;color:var(--text);padding:12px 2px;font:inherit;outline:none;transition:border-color .25s,box-shadow .25s}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--aqua);box-shadow:0 2px 0 var(--aqua)}
.contact-form textarea{resize:vertical;min-height:145px}.full-field{margin-top:20px}.file-field{margin-top:18px;border:1px dashed #b6c4c1;padding:14px}.file-field input{border:0;padding:4px 0}
.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.form-footer p{color:var(--muted);font-size:.75rem;max-width:330px;margin:0}.contact-form .btn{border-color:var(--aqua);min-width:160px}
.form-status{margin-top:15px;color:var(--success);font-weight:700}.hidden-field{position:absolute!important;left:-9999px!important}

@media(max-width:1280px){.nav{display:none}.menu-btn{display:block}.header-cta{display:none}}
@media(max-width:1050px){.brand{width:205px}.leader-layout{grid-template-columns:1fr;gap:36px}.leader-visual{max-width:480px;margin:auto}.map-layout,.contact-layout{grid-template-columns:1fr}.map-panel{min-height:580px}.ksa-map{min-height:580px}.contact-intro{max-width:760px}}
@media(max-width:760px){.brand{width:176px;height:52px}.header.scrolled .brand{width:165px;height:48px}.mobile-nav{padding-top:105px}.mobile-nav a{font-size:clamp(1.65rem,8vw,3rem);line-height:1.35}.leader-visual{max-height:none}.map-panel{min-height:480px}.ksa-map{min-height:480px;padding:12px}.map-copy{padding:30px 24px}.form-grid{grid-template-columns:1fr}.form-footer{align-items:stretch;flex-direction:column}.form-footer .btn{width:100%}.story-step h2{font-size:2rem}.legend{display:none}}
@media(max-width:480px){.map-panel{min-height:420px}.ksa-map{min-height:420px}.map-marker text{font-size:12px}.contact-form{padding:24px 18px}.contact-intro h2{font-size:2.2rem}}

/* =========================================================
   V7 — premium interface, clear brand lockup and digital twin
   ========================================================= */
:root{--navy-2:#071927;--navy-3:#102b42;--cyan-soft:#79d6d2;--gold-soft:#d1a45b;--panel:rgba(11,31,51,.74)}
body[data-version="7"]{background:var(--bg)}

/* Header / brand: compact symbol + live text, no squeezed wide logo */
.header{height:88px}
.header.scrolled{height:74px;box-shadow:0 10px 35px rgba(11,31,51,.06)}
.header-inner{width:min(1480px,calc(100% - 56px));gap:18px}
.brand{width:auto;height:auto;min-width:252px;display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;transition:.35s var(--ease)}
.brand-symbol{width:48px;height:52px;display:grid;place-items:center;flex:0 0 auto;position:relative}
.brand .brand-mark{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.brand-copy{display:flex;flex-direction:column;line-height:1.1;white-space:nowrap;text-align:right}
.brand-copy b{font:700 1.2rem Manrope,sans-serif;letter-spacing:.12em}
.brand-copy small{font-size:.67rem;font-weight:600;letter-spacing:0;color:currentColor;opacity:.9;margin-top:5px}
.header.scrolled .brand-symbol{width:42px;height:46px}
.header.scrolled .brand-copy b{font-size:1.06rem}
.header.scrolled .brand-copy small{font-size:.61rem}
.header-actions{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.language-switch{width:42px;height:42px;border:1px solid rgba(255,255,255,.38);display:grid;place-items:center;font:700 .72rem Manrope,sans-serif;letter-spacing:.08em;transition:.3s var(--ease)}
.header.scrolled .language-switch{border-color:var(--border)}
.language-switch:hover{background:var(--gold);border-color:var(--gold);color:#fff;transform:translateY(-2px)}
.header-cta{white-space:nowrap}
.nav{margin-inline:auto}
.nav a{padding:12px 10px;font-size:.78rem}

/* Hero polish */
.hero-media:after{background:linear-gradient(270deg,rgba(11,31,51,.96) 0%,rgba(11,79,85,.76) 52%,rgba(11,31,51,.34) 100%)}
.hero-copy{max-width:920px}
.hero h1{max-width:900px;text-wrap:balance}
.hero-lead{max-width:770px}
.trust article{transition:background .35s var(--ease),transform .35s var(--ease)}
.trust article:hover{background:#f0f5f2;transform:translateY(-3px)}

/* Project execution methodology */
.delivery{height:500vh;background:var(--navy-2);color:#fff;position:relative;isolation:isolate}
.delivery:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 22% 35%,rgba(31,166,168,.16),transparent 28%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;pointer-events:none}
.delivery-sticky{position:sticky;top:0;height:100vh;min-height:720px;display:flex;align-items:center;overflow:hidden;padding:92px max(24px,4vw) 34px}
.delivery-shell{width:min(1580px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);gap:clamp(38px,5vw,84px);align-items:center;direction:ltr}
.delivery-visual{position:relative;aspect-ratio:1.34/1;min-height:560px;overflow:hidden;border:1px solid rgba(255,255,255,.13);background:#071927;box-shadow:0 42px 100px rgba(0,0,0,.34);transform-style:preserve-3d;transition:transform .6s var(--ease);direction:rtl}
.delivery-visual:before{content:'';position:absolute;inset:0;z-index:3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -130px 140px rgba(7,25,39,.75);pointer-events:none}
.delivery-media{position:absolute;inset:-2%;transition:transform 1s var(--ease);will-change:transform}
.delivery-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.94) contrast(1.03)}
.delivery[data-stage="0"] .delivery-media{transform:scale(1.02) translate3d(0,0,0)}
.delivery[data-stage="1"] .delivery-media{transform:scale(1.07) translate3d(-1.2%,1%,0)}
.delivery[data-stage="2"] .delivery-media{transform:scale(1.1) translate3d(1.5%,-1%,0)}
.delivery[data-stage="3"] .delivery-media{transform:scale(1.075) translate3d(-1.5%,-1%,0)}
.delivery[data-stage="4"] .delivery-media{transform:scale(1.03) translate3d(0,0,0)}
.delivery-gridlines{position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to top,#000,transparent 86%);pointer-events:none}
.delivery-scan{position:absolute;z-index:4;left:0;right:0;height:1px;top:16%;background:linear-gradient(90deg,transparent,rgba(121,214,210,.75),transparent);box-shadow:0 0 24px rgba(121,214,210,.48);animation:scanTwin 5.2s ease-in-out infinite;opacity:.7}
@keyframes scanTwin{0%,100%{transform:translateY(0);opacity:.15}50%{transform:translateY(470px);opacity:.8}}
.delivery-badge{position:absolute;z-index:5;top:22px;right:22px;padding:11px 14px;border:1px solid rgba(255,255,255,.16);background:rgba(7,25,39,.62);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:2px;max-width:270px}
.delivery-badge span,.delivery-readout span{font:700 .58rem Manrope,sans-serif;letter-spacing:.13em;color:var(--gold-soft)}
.delivery-badge b{font-size:.72rem;color:#dce7e8}
.delivery-readout{position:absolute;z-index:5;inset:auto 20px 18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 15px;border-top:1px solid rgba(255,255,255,.13);background:linear-gradient(90deg,rgba(7,25,39,.82),rgba(7,25,39,.4))}
.delivery-readout b{font:600 .66rem Manrope,sans-serif;letter-spacing:.08em;color:#dbe8e9;text-align:left}
.hotspot{position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:7px 10px;background:rgba(7,25,39,.74);border:1px solid rgba(121,214,210,.25);backdrop-filter:blur(8px);font-size:.7rem;color:#dbe8e9;opacity:.35;transform:translateZ(32px);transition:.5s var(--ease)}
.hotspot i{width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 6px rgba(31,166,168,.13),0 0 16px rgba(31,166,168,.65)}
.hotspot-a{right:21%;top:38%}.hotspot-b{left:14%;bottom:28%}.hotspot-c{left:36%;top:18%}
.delivery[data-stage="0"] .hotspot-a,.delivery[data-stage="1"] .hotspot-b,.delivery[data-stage="3"] .hotspot-c,.delivery[data-stage="4"] .hotspot-c{opacity:1;transform:translateZ(45px) scale(1.03)}
.delivery-content{direction:rtl;min-width:0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:4}
.delivery-heading{padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.14)}
.delivery-heading h2{font-family:Alexandria,sans-serif;font-size:clamp(2.15rem,3.35vw,4.25rem);line-height:1.28;margin:0;color:#fff;text-wrap:balance}
.delivery-heading>p:not(.eyebrow){font-size:.98rem;color:#a9bac3;margin:18px 0 0;max-width:680px}
.delivery-stage-copy{position:relative;min-height:280px;margin-top:22px}
.delivery-copy-item{position:absolute;inset:0;opacity:0;transform:translateY(24px);filter:blur(7px);pointer-events:none;transition:.55s var(--ease)}
.delivery-copy-item.active{opacity:1;transform:none;filter:none;pointer-events:auto}
.delivery-copy-item>span{font:700 .68rem Manrope,sans-serif;letter-spacing:.08em;color:var(--gold-soft)}
.delivery-copy-item h3{font-family:Alexandria,sans-serif;font-size:clamp(1.55rem,2.2vw,2.55rem);line-height:1.3;margin:8px 0 9px;color:#fff}
.delivery-copy-item p{color:#b5c6ca;margin:0 0 13px;line-height:1.8}
.delivery-copy-item ul{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.delivery-copy-item li{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);padding:6px 9px;font-size:.68rem;color:#d2dfe1}
.delivery-nav{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.14);border-right:1px solid rgba(255,255,255,.14);margin-top:2px}
.delivery-nav button{min-width:0;min-height:76px;border:0;border-left:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);background:transparent;color:#8398a2;padding:10px 8px;text-align:right;transition:.35s var(--ease);position:relative}
.delivery-nav button:after{content:'';position:absolute;right:0;left:0;bottom:-1px;height:2px;background:var(--gold);transform:scaleX(0);transition:.35s var(--ease)}
.delivery-nav button span{display:block;font:700 .6rem Manrope,sans-serif;color:inherit}
.delivery-nav button b{display:block;font-size:.65rem;line-height:1.5;margin-top:5px}
.delivery-nav button.active{color:#fff;background:rgba(31,166,168,.1)}
.delivery-nav button.active span{color:var(--gold-soft)}
.delivery-nav button.active:after{transform:scaleX(1)}
.delivery-progress{height:2px;background:rgba(255,255,255,.09);margin-top:14px;overflow:hidden}
.delivery-progress i{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--aqua),var(--gold));transform-origin:right center;transition:width .45s var(--ease)}

/* Section refinements */
.project-card{box-shadow:0 18px 60px rgba(11,31,51,.06)}
.sector{transition:background .4s var(--ease),transform .4s var(--ease)}
.sector:hover{background:rgba(255,255,255,.035);transform:translateY(-4px)}
.quality-grid article{transition:background .35s var(--ease)}
.quality-grid article:hover{background:rgba(255,255,255,.045)}
.brand-footer{color:#fff;min-width:0;margin-bottom:20px}
.brand-footer .brand-symbol{width:52px;height:57px}
.footer-brand p{max-width:390px}
.footer-lang{display:inline-flex;margin-top:8px;color:var(--sand)!important;font-weight:700!important}

/* LTR version */
html[dir="ltr"] body{font-family:Manrope,Arial,sans-serif}
html[dir="ltr"] .brand-copy{text-align:left}
html[dir="ltr"] .delivery-content{direction:ltr}
html[dir="ltr"] .delivery-nav{border-right:0;border-left:1px solid rgba(255,255,255,.14)}
html[dir="ltr"] .delivery-nav button{text-align:left;border-left:0;border-right:1px solid rgba(255,255,255,.14)}
html[dir="ltr"] .project-link:before{content:'↗'}
html[dir="ltr"] .map-copy:before{right:auto;left:0}
html[dir="ltr"] .map-copy li:before{margin-left:0;margin-right:10px}
html[dir="ltr"] .leader-list button{text-align:left}
html[dir="ltr"] .leader-list button.active,html[dir="ltr"] .leader-list button:hover{padding-right:8px;padding-left:16px}
html[dir="ltr"] .contact-points div{grid-template-columns:42px 1fr}

@media(max-width:1380px){
  .header-inner{width:min(1450px,calc(100% - 36px))}
  .nav a{padding-inline:7px;font-size:.74rem}
  .brand{min-width:228px}.brand-symbol{width:43px;height:47px}.brand-copy small{font-size:.61rem}
}
@media(max-width:1280px){
  .brand{min-width:0}.header-actions{margin-inline-start:auto}.language-switch{display:grid}
  .delivery-shell{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:32px}
  .delivery-visual{min-height:500px}
}
@media(max-width:1050px){
  .header-inner{width:calc(100% - 32px)}
  .brand{min-width:220px}.header-cta{display:none}
  .delivery{height:auto;padding:95px 0;background:var(--navy-2)}
  .delivery-sticky{position:relative;height:auto;min-height:0;padding:0 24px;overflow:visible}
  .delivery-shell{grid-template-columns:1fr;direction:rtl;gap:42px}
  html[dir="ltr"] .delivery-shell{direction:ltr}
  .delivery-visual{min-height:0;aspect-ratio:16/10;order:2}
  .delivery-content{order:1}
  .delivery-stage-copy{min-height:300px}
  .delivery-nav{grid-template-columns:1fr;gap:8px;border:0;margin-top:14px}
  .delivery-nav button{border:1px solid rgba(255,255,255,.13);min-height:58px;display:flex;align-items:center;gap:13px;padding:10px 14px}
  .delivery-nav button span{font-size:.68rem}.delivery-nav button b{font-size:.78rem;margin:0}
  .delivery-progress{display:none}
}
@media(max-width:760px){
  .header{height:76px}.header.scrolled{height:68px}
  .brand{min-width:0;gap:9px}.brand-symbol,.header.scrolled .brand-symbol{width:36px;height:40px}.brand-copy b,.header.scrolled .brand-copy b{font-size:.9rem}.brand-copy small,.header.scrolled .brand-copy small{font-size:.5rem}
  .language-switch{width:38px;height:38px}.menu-btn{width:40px;height:40px}
  .mobile-nav{padding-top:95px}.mobile-lang{margin-top:auto;border:1px solid rgba(255,255,255,.18)!important;padding:12px 14px!important;font:700 .78rem Manrope,sans-serif!important}
  .delivery{padding:78px 0}
  .delivery-sticky{padding:0 16px}
  .delivery-heading h2{font-size:2rem}.delivery-heading>p:not(.eyebrow){font-size:.9rem}
  .delivery-stage-copy{min-height:390px}.delivery-copy-item h3{font-size:1.7rem}.delivery-copy-item p{font-size:.9rem}
  .delivery-visual{aspect-ratio:4/3}.delivery-badge{top:12px;right:12px}.delivery-readout{left:10px;right:10px;bottom:10px}.delivery-readout b{font-size:.52rem}
  .hotspot{display:none}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .brand-copy small{display:none}.brand{gap:6px}.brand-symbol,.header.scrolled .brand-symbol{width:33px;height:37px}
  .header-inner{width:calc(100% - 24px)}
  .delivery-heading h2{font-size:1.75rem}.delivery-stage-copy{min-height:430px}.delivery-copy-item ul{display:grid;grid-template-columns:1fr}
  .delivery-visual{aspect-ratio:1/1}.delivery-media img{object-position:47% center}.delivery-badge b{font-size:.58rem}.delivery-badge span{font-size:.48rem}
}
/* V7 QA patch */
.nav-indicator{left:0;right:auto}


/* V7.1 — scroll-led 3D methodology sequence */
.delivery{--delivery-progress:0;--delivery-entry:0;--delivery-local:0;--pointer-x:0;--pointer-y:0;overflow:clip}
.delivery-sticky{perspective:1800px}
.delivery-shell{grid-template-columns:minmax(0,1.16fr) minmax(440px,.84fr);align-items:center}
.delivery-visual{
  transform-origin:50% 58%;
  opacity:calc(.08 + var(--delivery-entry) * .92);
  transform:
    translate3d(calc((1 - var(--delivery-entry)) * -34vw),calc((1 - var(--delivery-entry)) * 11vh),0)
    rotateX(calc((1 - var(--delivery-entry)) * 10deg + var(--pointer-y) * -1deg))
    rotateY(calc((1 - var(--delivery-entry)) * 28deg + var(--pointer-x) * 1.4deg))
    rotateZ(calc((1 - var(--delivery-entry)) * -3deg))
    scale(calc(.68 + var(--delivery-entry) * .32));
  transition:opacity .12s linear;
  will-change:transform,opacity;
}
html[dir="rtl"] .delivery-visual{
  transform:
    translate3d(calc((1 - var(--delivery-entry)) * 34vw),calc((1 - var(--delivery-entry)) * 11vh),0)
    rotateX(calc((1 - var(--delivery-entry)) * 10deg + var(--pointer-y) * -1deg))
    rotateY(calc((1 - var(--delivery-entry)) * -28deg + var(--pointer-x) * 1.4deg))
    rotateZ(calc((1 - var(--delivery-entry)) * 3deg))
    scale(calc(.68 + var(--delivery-entry) * .32));
}
.delivery-media{transition:none;transform:translate3d(calc((var(--delivery-local) - .5) * -3.5%),calc((var(--delivery-local) - .5) * 1.6%),45px) scale(calc(1.035 + var(--delivery-local) * .035));}
.delivery[data-stage="0"] .delivery-media,.delivery[data-stage="1"] .delivery-media,.delivery[data-stage="2"] .delivery-media,.delivery[data-stage="3"] .delivery-media,.delivery[data-stage="4"] .delivery-media{transform:translate3d(calc((var(--delivery-local) - .5) * -3.5%),calc((var(--delivery-local) - .5) * 1.6%),45px) scale(calc(1.035 + var(--delivery-local) * .035))}
.delivery-content{transform:translate3d(0,calc((1 - var(--delivery-entry)) * 42px),0);opacity:calc(.18 + var(--delivery-entry) * .82);transition:opacity .12s linear;will-change:transform,opacity}
.delivery-heading h2{font-size:clamp(2rem,2.95vw,3.75rem);max-width:18ch}
html[dir="ltr"] .delivery-heading h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(2rem,2.75vw,3.45rem);line-height:1.12;letter-spacing:-.035em;max-width:20ch}
html[dir="ltr"] .delivery-heading>p:not(.eyebrow){max-width:62ch;line-height:1.72}
html[dir="ltr"] .delivery-copy-item h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.025em}
html[dir="ltr"] .delivery-copy-item p{max-width:64ch}
html[dir="ltr"] .delivery-readout b{text-align:right}
html[dir="ltr"] .delivery-badge{right:auto;left:22px}
.delivery-visual:after{content:'';position:absolute;z-index:7;inset:0;border:1px solid rgba(121,214,210,.18);pointer-events:none;transform:translateZ(70px);box-shadow:0 0 0 1px rgba(255,255,255,.025),0 28px 90px rgba(0,0,0,.25)}

/* Quiet, clear return-to-top control */
.back-to-top{position:fixed;z-index:80;right:clamp(14px,2vw,30px);bottom:clamp(18px,3vw,34px);width:50px;height:50px;border-radius:50%;border:1px solid rgba(11,31,51,.16);background:rgba(247,244,237,.88);color:var(--navy);display:grid;place-items:center;box-shadow:0 14px 42px rgba(7,25,39,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(16px) scale(.92);transition:.35s var(--ease);cursor:pointer;overflow:visible}
html[dir="rtl"] .back-to-top{right:auto;left:clamp(14px,2vw,30px)}
.back-to-top.visible{opacity:1;visibility:visible;transform:none}
.back-to-top svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.back-to-top>span{position:absolute;white-space:nowrap;right:58px;padding:7px 10px;border-radius:999px;background:rgba(7,25,39,.92);color:#fff;font:700 .6rem Manrope,Arial,sans-serif;letter-spacing:.08em;opacity:0;transform:translateX(5px);pointer-events:none;transition:.25s var(--ease)}
html[dir="rtl"] .back-to-top>span{right:auto;left:58px;font-family:Alexandria,sans-serif;letter-spacing:0}
.back-to-top i{position:absolute;inset:-4px;border-radius:inherit;border:1px solid rgba(31,166,168,.25);transform:scale(.9);opacity:0;transition:.3s var(--ease)}
.back-to-top:hover{background:#fff;border-color:rgba(31,166,168,.45);box-shadow:0 18px 48px rgba(7,25,39,.2)}
.back-to-top:hover svg{transform:translateY(-2px)}
.back-to-top:hover>span{opacity:1;transform:none}.back-to-top:hover i{opacity:1;transform:scale(1)}
.back-to-top:focus-visible{outline:3px solid rgba(31,166,168,.35);outline-offset:4px}

@media(max-width:1050px){
 .delivery{--delivery-entry:1!important}
 .delivery-visual,html[dir="rtl"] .delivery-visual{opacity:1;transform:none}
 .delivery-content{opacity:1;transform:none}
 .delivery-shell{grid-template-columns:1fr}
 html[dir="ltr"] .delivery-heading h2{font-size:clamp(2rem,6vw,3.1rem);max-width:22ch}
}
@media(max-width:760px){.back-to-top{width:44px;height:44px}.back-to-top>span{display:none}}
@media(prefers-reduced-motion:reduce){.delivery-visual,html[dir="rtl"] .delivery-visual,.delivery-content{transform:none!important;opacity:1!important}.delivery-media{transform:scale(1.04)!important}}

/* V8 — genuine WebGL digital-twin sequence */
.delivery{height:560vh}
.delivery-visual{min-height:600px;border-radius:2px;background:radial-gradient(circle at 35% 25%,#12354a 0,#071927 50%,#04111b 100%)}
.delivery-3d{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.delivery-3d canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block;opacity:0;transition:opacity .8s ease}
.delivery-3d.is-webgl canvas{opacity:1}
.delivery-fallback{z-index:1;transition:opacity .8s ease,transform 1.1s var(--ease)}
.delivery-3d.is-webgl .delivery-fallback{opacity:0;transform:scale(1.04)}
.webgl-status{position:absolute;z-index:8;left:20px;top:20px;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(121,214,210,.2);background:rgba(4,17,27,.55);backdrop-filter:blur(9px);font:700 .55rem Manrope,sans-serif;letter-spacing:.1em;color:#c6dadd}
.webgl-status i{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px rgba(31,166,168,.12),0 0 14px rgba(31,166,168,.7);animation:webglPulse 1.8s ease-in-out infinite}
@keyframes webglPulse{50%{opacity:.45;transform:scale(.78)}}
.delivery-badge,.hotspot,.delivery-readout,.delivery-gridlines,.delivery-scan{pointer-events:none}
.delivery-gridlines{z-index:4;opacity:.5}.delivery-scan{z-index:5}.delivery-badge,.delivery-readout,.hotspot{z-index:7}
.delivery-shell{grid-template-columns:minmax(0,1.2fr) minmax(430px,.8fr);gap:clamp(34px,4.2vw,70px)}
.delivery-content{align-self:center}
html[dir="ltr"] .delivery-shell{grid-template-columns:minmax(0,1.2fr) minmax(430px,.8fr)}
html[dir="ltr"] .delivery-content{padding-left:0}
html[dir="ltr"] .delivery-heading h2{max-width:21ch}
@media(max-width:1050px){.delivery{height:auto;padding:90px 0}.delivery-sticky{padding-top:0}.delivery-visual{min-height:520px}.delivery-3d canvas{opacity:1}.delivery-3d.is-webgl .delivery-fallback{opacity:0}}
@media(max-width:620px){.delivery-visual{min-height:430px;aspect-ratio:1/1}.webgl-status{top:12px;left:12px}.delivery-badge{max-width:210px}.hotspot{display:none}}

/* ===== V9 CONNECTED ENGINEERING STORY ===== */
.delivery-v9{height:520vh;position:relative;overflow:clip;background:#061824;color:#fff;isolation:isolate;--v9p:0;--v9stage:0}
.delivery-v9:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(31,166,168,.13),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}
.delivery-pin{position:sticky;top:0;height:100svh;min-height:720px;display:flex;align-items:center;padding:96px max(24px,4vw) 36px;overflow:hidden}
.delivery-v9-shell{position:relative;z-index:1;width:min(1580px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(410px,.86fr);gap:clamp(36px,5vw,82px);align-items:center;direction:ltr}
.delivery-v9-visual{position:relative;min-height:650px;aspect-ratio:1.34/1;direction:ltr;perspective:1400px;contain:layout paint style}
.v9-grid{position:absolute;inset:5% 0 0;background:linear-gradient(rgba(121,214,210,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(121,214,210,.055) 1px,transparent 1px);background-size:46px 46px;transform:perspective(800px) rotateX(63deg) translateY(31%);transform-origin:bottom;mask-image:linear-gradient(to top,#000,transparent 90%)}
.v9-kicker{position:absolute;top:0;left:0;display:flex;flex-direction:column;border-left:2px solid var(--gold);padding-left:13px;z-index:8}.v9-kicker span{font:700 .62rem Manrope,sans-serif;letter-spacing:.14em;color:var(--gold-soft)}.v9-kicker b{font-size:.76rem;color:#d6e2e4;margin-top:3px}
.scada-screen{position:absolute;z-index:5;left:50%;top:4%;width:min(76%,690px);height:38%;background:#0a2231;border:1px solid rgba(121,214,210,.28);box-shadow:0 30px 90px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.025);transform:translate3d(-50%,calc(-36vh + var(--v9p)*36vh),0) scale(calc(.72 + var(--v9p)*.28)) rotateX(calc(10deg - var(--v9p)*10deg));transform-origin:center top;will-change:transform}
.scada-top{height:30px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 11px;gap:6px;color:#8ba6ae;font:700 .5rem Manrope,sans-serif;letter-spacing:.11em}.scada-top span{margin-right:auto}.scada-top i{width:6px;height:6px;border-radius:50%;background:#29606c}.scada-top i:first-of-type{background:var(--gold)}
.scada-body{height:calc(100% - 30px);display:grid;grid-template-columns:38px 1fr}.scada-sidebar{border-right:1px solid rgba(255,255,255,.07);padding:13px 9px;display:grid;align-content:start;gap:12px}.scada-sidebar i{width:17px;height:3px;background:#315d67}.scada-process{position:relative;overflow:hidden;background:radial-gradient(circle at 40% 40%,rgba(31,166,168,.08),transparent 45%)}
.scada-process svg{position:absolute;inset:14% 7% 22%;width:86%;height:64%}.scada-process path{fill:none;stroke:#4fc4c3;stroke-width:3;filter:drop-shadow(0 0 4px rgba(79,196,195,.45))}.scada-tank{position:absolute;left:12%;top:30%;width:46px;height:68px;border:2px solid #6dc9c8;border-radius:23px 23px 9px 9px}.scada-pump{position:absolute;left:37%;top:56%;width:52px;height:24px;border:2px solid var(--gold);border-radius:16px}.scada-stats{position:absolute;right:5%;top:15%;display:grid;gap:6px}.scada-stats span{font:600 .48rem Manrope,sans-serif;color:#85a6ad;border:1px solid rgba(255,255,255,.08);padding:4px 6px}.scada-stats b{color:#e7f3f3}.scada-trend{position:absolute;right:6%;bottom:10%;width:31%;height:38px;display:flex;align-items:end;gap:4px}.scada-trend i{flex:1;background:#2ab8b7;height:var(--h,50%);opacity:.75}.scada-trend i:nth-child(2){--h:78%}.scada-trend i:nth-child(3){--h:42%}.scada-trend i:nth-child(4){--h:88%}.scada-trend i:nth-child(5){--h:63%}.scada-trend i:nth-child(6){--h:92%}.scada-trend i:nth-child(7){--h:70%}
.signal-network{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible}.signal-path{fill:none;stroke:url(#none);stroke:#38bfc0;stroke-width:2.2;opacity:.8;filter:drop-shadow(0 0 5px rgba(56,191,192,.45));stroke-linecap:round}.signal-pulse{fill:var(--gold);filter:drop-shadow(0 0 9px #d6a149);opacity:0}
.v9-device{position:absolute;z-index:6;width:29%;min-height:104px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(12,41,55,.94),rgba(7,25,39,.78));box-shadow:0 18px 45px rgba(0,0,0,.26);padding:13px;display:grid;grid-template-columns:46% 1fr;align-items:center;gap:10px;opacity:.14;transform:translateY(16px) scale(.94);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.7,.2,1),border-color .4s}.v9-device.revealed{opacity:.62;transform:none}.v9-device.active{opacity:1;transform:translateY(-4px) scale(1.025);border-color:rgba(214,161,73,.7);box-shadow:0 24px 60px rgba(0,0,0,.33),0 0 0 1px rgba(214,161,73,.1)}.device-index{position:absolute;top:7px;right:8px;font:700 .5rem Manrope,sans-serif;color:var(--gold-soft)}.v9-device b{display:block;font-family:Alexandria,sans-serif;font-size:.82rem}.v9-device small{display:block;color:#8fa6ad;font-size:.55rem;line-height:1.5;margin-top:4px}.device-pump{left:4%;top:53%}.device-vfd{right:4%;top:53%}.device-plc{left:35.5%;top:68%}.device-field{left:8%;bottom:0}.device-handover{right:8%;bottom:0}
.pump-art,.vfd-art,.plc-art,.instrument-art,.docs-art{position:relative;height:70px}.pump-art .motor{position:absolute;width:54%;height:28px;left:0;top:27px;background:linear-gradient(#2c6580,#12354d);border-radius:16px 5px 5px 16px}.pump-art .coupling{position:absolute;width:13%;height:13px;left:52%;top:35px;background:#9aabb1}.pump-art .pump{position:absolute;width:31%;height:42px;right:0;top:20px;border:7px solid #78949d;border-radius:50%}.pump-art .base{position:absolute;left:0;right:0;bottom:2px;height:5px;background:#45606b}
.vfd-art{border:2px solid #617b85;background:#102c3a;padding:9px}.vfd-art .screen{display:block;height:21px;background:#1ba8aa;margin-bottom:7px}.vfd-art i:not(.screen){display:inline-block;width:6px;height:6px;margin:3px;border-radius:50%;background:#8aa2a8}.vfd-art i:last-child{background:var(--gold)}
.plc-art{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;align-items:center}.plc-art i{height:55px;background:linear-gradient(#697d84,#283f48);border-top:5px solid #1bb2b1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.instrument-art{display:flex;align-items:center;justify-content:space-around}.instrument-art i{width:16px;height:42px;background:#80979f;border-radius:8px 8px 3px 3px;position:relative}.instrument-art i:before{content:"";position:absolute;width:28px;height:28px;border:4px solid #24bab9;border-radius:50%;left:50%;top:-19px;transform:translateX(-50%)}
.docs-art i{position:absolute;width:44px;height:57px;background:#dce7e7;border-radius:2px;box-shadow:inset 0 -15px #a7bdc0}.docs-art i:nth-child(1){left:3px;top:9px;transform:rotate(-8deg)}.docs-art i:nth-child(2){left:20px;top:5px}.docs-art i:nth-child(3){left:37px;top:11px;transform:rotate(7deg);border-top:5px solid var(--gold)}
.v9-status{position:absolute;z-index:9;left:50%;bottom:2%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:8px 12px;background:#061824;border:1px solid rgba(255,255,255,.12);font:700 .52rem Manrope,sans-serif;letter-spacing:.1em;white-space:nowrap}.v9-status i{width:7px;height:7px;border-radius:50%;background:#27b9b8;box-shadow:0 0 10px #27b9b8}.v9-status span{color:#78929a}.v9-status b{color:#e7f0f1}
.delivery-v9-copy{direction:rtl;min-width:0}.delivery-v9-intro{border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:20px}.delivery-v9-intro h2{font-family:Alexandria,sans-serif;font-size:clamp(2rem,3.15vw,4rem);line-height:1.28;margin:0;text-wrap:balance}.delivery-v9-intro>p:last-child{color:#9eb1b7;max-width:680px;font-size:.94rem;margin:15px 0 0}.v9-stage-list{position:relative;min-height:285px;margin-top:20px}.v9-stage{position:absolute;inset:0;display:grid;grid-template-columns:52px 1fr;gap:16px;opacity:0;transform:translateY(22px);pointer-events:none;transition:opacity .42s ease,transform .52s cubic-bezier(.2,.7,.2,1)}.v9-stage.active{opacity:1;transform:none;pointer-events:auto}.v9-stage>span{font:700 1.35rem Manrope,sans-serif;color:var(--gold-soft);border-top:1px solid var(--gold);padding-top:9px}.v9-stage small{font:700 .56rem Manrope,sans-serif;letter-spacing:.13em;color:#62c9c8}.v9-stage h3{font-family:Alexandria,sans-serif;font-size:clamp(1.5rem,2.2vw,2.5rem);margin:7px 0 9px}.v9-stage p{color:#b4c4c8;line-height:1.8;margin:0 0 12px}.v9-stage ul{list-style:none;padding:0;margin:0;display:flex;gap:7px;flex-wrap:wrap}.v9-stage li{font-size:.66rem;color:#d7e1e2;border:1px solid rgba(255,255,255,.12);padding:6px 8px;background:rgba(255,255,255,.025)}.v9-progress{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;font:700 .55rem Manrope,sans-serif;color:#789099}.v9-progress:before{content:"";height:2px;background:rgba(255,255,255,.09);grid-column:1}.v9-progress i{position:absolute;height:2px;background:linear-gradient(90deg,var(--aqua),var(--gold));width:calc(var(--v9p)*100%);max-width:calc(100% - 45px);transition:width .08s linear}
html[dir="ltr"] .delivery-v9-copy{direction:ltr}html[dir="ltr"] .delivery-v9-intro h2,html[dir="ltr"] .v9-stage h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.035em}html[dir="ltr"] .delivery-v9-intro h2{line-height:1.08}html[dir="ltr"] .v9-device b{font-family:Manrope,Arial,sans-serif}.page-en .v9-kicker{left:auto;right:0;border-left:0;border-right:2px solid var(--gold);padding-left:0;padding-right:13px}
@media(max-width:1050px){.delivery-v9{height:auto;padding:92px 0}.delivery-pin{position:relative;height:auto;min-height:0;padding:0 22px;overflow:visible}.delivery-v9-shell{grid-template-columns:1fr;gap:48px}.delivery-v9-copy{order:1}.delivery-v9-visual{order:2;min-height:620px;max-width:850px;width:100%;margin:auto}.scada-screen{transform:translateX(-50%) scale(1)!important}.v9-stage-list{min-height:auto;display:grid;gap:12px}.v9-stage{position:relative;opacity:1;transform:none;pointer-events:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:17px}.v9-progress{display:none}}
@media(max-width:680px){.delivery-v9{padding:78px 0}.delivery-pin{padding-inline:15px}.delivery-v9-intro h2{font-size:1.9rem}.delivery-v9-intro>p:last-child{font-size:.88rem}.delivery-v9-visual{min-height:720px;aspect-ratio:auto}.scada-screen{width:94%;height:190px;top:30px}.signal-network{top:25px;height:650px}.v9-kicker{top:-15px}.v9-device{width:44%;min-height:96px;grid-template-columns:42% 1fr;padding:9px}.device-pump{left:2%;top:37%}.device-vfd{right:2%;top:37%}.device-plc{left:28%;top:55%;width:44%}.device-field{left:2%;bottom:6%}.device-handover{right:2%;bottom:6%}.v9-device small{font-size:.48rem}.v9-device b{font-size:.7rem}.v9-status{bottom:0}.v9-stage{grid-template-columns:38px 1fr}.v9-stage h3{font-size:1.45rem}.v9-stage p{font-size:.86rem}.v9-stage ul{display:grid;grid-template-columns:1fr}.scada-stats{display:none}}
@media(max-width:430px){.delivery-v9-visual{min-height:680px}.scada-screen{height:174px}.v9-device{width:46%}.device-plc{left:27%;width:46%}.signal-network{height:610px}.v9-kicker b{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.scada-screen,.v9-device,.v9-stage{transition:none!important;transform:none!important}.delivery-v9{height:auto;padding:90px 0}.delivery-pin{position:relative;height:auto}.v9-stage{position:relative;opacity:1}.v9-stage-list{display:grid;gap:20px;min-height:0}}

/* V10 — Water Pulse scroll narrative + physical cursor mist */
.water-particle-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:95;pointer-events:none;mix-blend-mode:screen;opacity:.82;contain:strict}
.scroll-water-guide{position:fixed;inset:0;z-index:32;pointer-events:none;overflow:hidden;--drop-x:82vw;--drop-y:78vh;--drop-scale:1;--drop-rot:0deg;--drop-opacity:0}
.water-drop{position:absolute;left:0;top:0;width:34px;height:44px;transform:translate3d(calc(var(--drop-x) - 17px),calc(var(--drop-y) - 22px),0) rotate(var(--drop-rot)) scale(var(--drop-scale));opacity:var(--drop-opacity);filter:drop-shadow(0 10px 18px rgba(27,202,214,.25));transition:opacity .3s ease;will-change:transform}
.water-drop:before{content:"";position:absolute;inset:2px 4px 5px;border-radius:70% 30% 58% 42%/70% 38% 62% 30%;transform:rotate(45deg);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.94) 0 7%,rgba(162,239,244,.72) 15%,rgba(31,166,168,.62) 44%,rgba(7,52,73,.88) 76%);border:1px solid rgba(192,248,250,.65);box-shadow:inset -7px -8px 14px rgba(3,29,45,.45),inset 7px 5px 12px rgba(255,255,255,.25)}
.water-drop:after{content:"";position:absolute;left:50%;top:54%;width:46px;height:11px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(60,222,225,.28),transparent 68%);filter:blur(3px)}
.water-drop i{position:absolute;left:50%;top:52%;width:120px;height:2px;transform-origin:left center;transform:rotate(180deg);background:linear-gradient(90deg,rgba(82,224,227,.5),transparent);filter:blur(.4px);opacity:.8}
.water-drop b{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#eaffff;box-shadow:0 0 16px #66e2e5;transform:translate(-50%,-50%);opacity:.65}
.water-ripple{position:absolute;width:18px;height:18px;border-radius:50%;border:1px solid rgba(87,224,229,.6);left:0;top:0;transform:translate3d(calc(var(--drop-x) - 9px),calc(var(--drop-y) - 9px),0) scale(.3);opacity:0}
.scroll-water-guide.splash .water-ripple{animation:v10Ripple .85s cubic-bezier(.16,.72,.3,1)}
@keyframes v10Ripple{0%{opacity:.8;transform:translate3d(calc(var(--drop-x) - 9px),calc(var(--drop-y) - 9px),0) scale(.4)}100%{opacity:0;transform:translate3d(calc(var(--drop-x) - 9px),calc(var(--drop-y) - 9px),0) scale(8)}}
.water-node-active{position:relative}.water-node-active:after{content:"";position:absolute;inset:-12px;border:1px solid rgba(72,214,218,.28);border-radius:inherit;opacity:0;animation:v10NodePulse .9s ease-out}
@keyframes v10NodePulse{0%{opacity:.8;transform:scale(.96)}100%{opacity:0;transform:scale(1.04)}}
@media(max-width:900px){.scroll-water-guide{z-index:31}.water-drop{width:25px;height:34px}.water-drop i{width:65px}.water-particle-canvas{opacity:.5}}
@media(pointer:coarse){.water-particle-canvas{display:none}.water-drop{filter:drop-shadow(0 6px 12px rgba(27,202,214,.2))}}
@media(prefers-reduced-motion:reduce){.water-particle-canvas,.scroll-water-guide{display:none!important}}

/* V11 — restored digital-twin methodology + real water pulse and condensation */
body[data-version="11"] .delivery{height:520vh;overflow:clip;background:#061723}
body[data-version="11"] .delivery-sticky{position:sticky;top:0;height:100vh;display:grid;align-items:center;perspective:1600px}
body[data-version="11"] .delivery-shell{width:min(1480px,calc(100% - 56px));margin:auto;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(420px,.84fr);gap:clamp(34px,5vw,84px);align-items:center}
body[data-version="11"] .delivery-visual{position:relative;min-height:610px;overflow:hidden;background:#061723;box-shadow:0 34px 100px rgba(0,0,0,.28);transform:translateZ(0);will-change:transform,opacity}
body[data-version="11"] .delivery-media,body[data-version="11"] .delivery-media img{position:absolute;inset:0;width:100%;height:100%}
body[data-version="11"] .delivery-media img{object-fit:cover;object-position:center;transform:scale(1.025);transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .75s ease}
body[data-version="11"] .delivery[data-stage="0"] .delivery-media img{transform:scale(1.035) translate3d(0,0,0)}
body[data-version="11"] .delivery[data-stage="1"] .delivery-media img{transform:scale(1.07) translate3d(-1.5%,.6%,0)}
body[data-version="11"] .delivery[data-stage="2"] .delivery-media img{transform:scale(1.085) translate3d(1.1%,-.8%,0)}
body[data-version="11"] .delivery[data-stage="3"] .delivery-media img{transform:scale(1.10) translate3d(-.8%,-1.2%,0);filter:saturate(1.08) brightness(1.03)}
body[data-version="11"] .delivery[data-stage="4"] .delivery-media img{transform:scale(1.04) translate3d(0,0,0);filter:saturate(.96) brightness(1.04)}
body[data-version="11"] .delivery-content{color:#fff;min-width:0}
body[data-version="11"] .delivery-heading h2{color:#fff}
body[data-version="11"] .delivery-heading>p:not(.eyebrow){color:rgba(221,235,239,.72)}
body[data-version="11"] .delivery-copy-item{display:none;opacity:0;transform:translateY(18px)}
body[data-version="11"] .delivery-copy-item.active{display:block;animation:v11CopyIn .55s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes v11CopyIn{to{opacity:1;transform:none}}
body[data-version="11"] .delivery-copy-item h3{color:#fff}
body[data-version="11"] .delivery-copy-item p,body[data-version="11"] .delivery-copy-item li{color:rgba(221,235,239,.74)}
body[data-version="11"] .delivery-nav button{color:rgba(221,235,239,.55)}
body[data-version="11"] .delivery-nav button.active{color:#fff}
body[data-version="11"] .delivery-progress{background:rgba(255,255,255,.12)}
body[data-version="11"] .delivery-progress i{width:calc(var(--delivery-step,0) * 25% + 20%)}

.water-particle-canvas{mix-blend-mode:normal!important;opacity:1!important;filter:none!important}
.scroll-water-guide{z-index:36!important;--drop-x:78vw;--drop-y:78vh;--drop-scale:1;--drop-rot:0deg;--drop-opacity:0;--trail:0}
.water-data-trail{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:calc(var(--drop-opacity) * .72)}
.water-data-trail path{fill:none;stroke:url(#none);stroke:#68dce0;stroke-width:.22;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--trail));filter:drop-shadow(0 0 7px rgba(61,216,224,.65));opacity:.55}
.water-drop{width:38px!important;height:54px!important;transform:translate3d(calc(var(--drop-x) - 19px),calc(var(--drop-y) - 27px),0) rotate(var(--drop-rot)) scale(var(--drop-scale))!important;filter:drop-shadow(0 14px 22px rgba(16,174,188,.30)) drop-shadow(0 0 9px rgba(181,250,252,.20))!important;transition:opacity .28s ease!important}
.water-drop:before{inset:0!important;clip-path:path('M19 0 C15 9 2 22 2 35 C2 47 9 54 19 54 C29 54 36 47 36 35 C36 22 23 9 19 0 Z');border-radius:50%!important;transform:none!important;background:radial-gradient(circle at 29% 22%,rgba(255,255,255,.98) 0 5%,rgba(224,255,255,.72) 8%,rgba(111,226,232,.62) 29%,rgba(24,147,165,.58) 54%,rgba(6,55,78,.92) 82%)!important;border:1px solid rgba(212,252,253,.62)!important;box-shadow:inset -9px -12px 16px rgba(1,26,43,.52),inset 8px 7px 15px rgba(255,255,255,.30),0 0 22px rgba(49,204,213,.16)!important}
.water-drop:after{left:50%!important;top:76%!important;width:30px!important;height:9px!important;background:radial-gradient(ellipse,rgba(135,245,247,.30),transparent 70%)!important;filter:blur(2px)!important}
.water-drop .drop-highlight{position:absolute;z-index:2;left:9px;top:13px;width:8px;height:16px;border-radius:50%;background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(255,255,255,0));transform:rotate(25deg);filter:blur(.2px);opacity:.85}
.water-drop .drop-caustic{position:absolute;z-index:2;right:7px;bottom:10px;width:16px;height:7px;border-radius:50%;border-bottom:2px solid rgba(176,250,251,.58);transform:rotate(-20deg);opacity:.7}
.water-drop b{width:5px!important;height:5px!important;left:52%!important;top:64%!important;background:#eaffff!important;box-shadow:0 0 13px #8eeef0!important;opacity:.78!important}
.water-ripple{width:15px;height:15px;left:0;top:0;transform:translate3d(calc(var(--drop-x) - 7.5px),calc(var(--drop-y) - 7.5px),0);border:1px solid rgba(123,237,240,.72);border-radius:50%;opacity:0;position:absolute}
.water-data-node{position:absolute;left:0;top:0;width:5px;height:5px;border-radius:50%;background:#dfffff;box-shadow:0 0 12px #62e2e7;transform:translate3d(calc(var(--drop-x) - 2.5px),calc(var(--drop-y) + 25px),0);opacity:calc(var(--drop-opacity) * .65)}
.scroll-water-guide.splash .water-ripple{animation:v11Ripple 1s cubic-bezier(.16,.75,.25,1)}
@keyframes v11Ripple{0%{opacity:.8;transform:translate3d(calc(var(--drop-x) - 7.5px),calc(var(--drop-y) - 7.5px),0) scale(.2)}100%{opacity:0;transform:translate3d(calc(var(--drop-x) - 7.5px),calc(var(--drop-y) - 7.5px),0) scale(7)}}

@media(max-width:1050px){body[data-version="11"] .delivery{height:auto;padding:80px 0}body[data-version="11"] .delivery-sticky{position:relative;height:auto}body[data-version="11"] .delivery-shell{grid-template-columns:1fr;width:min(760px,calc(100% - 32px))}body[data-version="11"] .delivery-visual{min-height:0;aspect-ratio:16/10}body[data-version="11"] .delivery-nav{overflow:auto}.scroll-water-guide{display:none}}
@media(max-width:600px){body[data-version="11"] .delivery-shell{width:calc(100% - 24px)}body[data-version="11"] .delivery-visual{aspect-ratio:4/3}.water-particle-canvas{display:none!important}}

/* V12 — liquid drop, brighter methodology visual, and continuous condensation */
body[data-version="12"] .delivery-visual:before{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 -48px 72px rgba(7,25,39,.22)!important}
body[data-version="12"] .delivery-media img{filter:brightness(1.18) saturate(1.08) contrast(1.04)!important}
body[data-version="12"] .delivery-gridlines{opacity:.22!important}
body[data-version="12"] .delivery-scan{opacity:.42!important}
body[data-version="12"] .delivery-badge{background:rgba(7,25,39,.38)!important;border-color:rgba(255,255,255,.22)!important}
body[data-version="12"] .delivery-readout{background:linear-gradient(90deg,rgba(7,25,39,.55),rgba(7,25,39,.18))!important}
body[data-version="12"] .hotspot{opacity:.62!important;background:rgba(7,25,39,.50)!important}
body[data-version="12"] .delivery[data-stage="0"] .hotspot-a,
body[data-version="12"] .delivery[data-stage="1"] .hotspot-b,
body[data-version="12"] .delivery[data-stage="3"] .hotspot-c,
body[data-version="12"] .delivery[data-stage="4"] .hotspot-c{opacity:1!important}

body[data-version="12"] .water-drop{width:46px!important;height:68px!important;transform:translate3d(calc(var(--drop-x) - 23px),calc(var(--drop-y) - 34px),0) rotate(var(--drop-rot)) scale(var(--drop-scale-x,1),var(--drop-scale-y,1))!important;filter:drop-shadow(0 15px 24px rgba(12,155,178,.30)) drop-shadow(0 0 12px rgba(186,250,252,.24))!important;transform-origin:50% 52%;will-change:transform,opacity}
body[data-version="12"] .water-drop:before,body[data-version="12"] .water-drop:after,body[data-version="12"] .water-drop b,body[data-version="12"] .water-drop>i{display:none!important}
body[data-version="12"] .water-drop svg{display:block;width:100%;height:100%;overflow:visible}
body[data-version="12"] .drop-body{transform-origin:32px 48px;will-change:d,transform}
body[data-version="12"] .drop-glow{mix-blend-mode:screen;opacity:.9}
body[data-version="12"] .water-data-node{transform:translate3d(calc(var(--drop-x) - 2.5px),calc(var(--drop-y) + 32px),0)!important}
body[data-version="12"] .water-particle-canvas{position:fixed;inset:0;z-index:490;pointer-events:none;opacity:.9!important;filter:blur(5px) saturate(.92)!important;mix-blend-mode:screen!important;transform:translateZ(0)}
@media(max-width:1050px){body[data-version="12"] .water-drop{display:none!important}}

/* V13 — bright digital twin, true water pulse, gold data journey, finite condensation */
body[data-version="13"] .delivery{height:500vh;background:#061826}
body[data-version="13"] .delivery:before{opacity:.55}
body[data-version="13"] .delivery-shell{grid-template-columns:minmax(0,1.22fr) minmax(420px,.78fr);gap:clamp(30px,4vw,68px)}
body[data-version="13"] .delivery-visual{min-height:620px;border-color:rgba(126,222,225,.24);background:#071a29;box-shadow:0 42px 105px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.035)}
body[data-version="13"] .delivery-visual:before{background:linear-gradient(90deg,rgba(5,20,33,.02),rgba(5,20,33,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),inset 0 -28px 48px rgba(4,16,27,.16)}
body[data-version="13"] .delivery-media{inset:0}
body[data-version="13"] .delivery-media img{object-fit:cover;object-position:center;filter:brightness(1.09) saturate(1.08) contrast(1.03);transform:scale(1.01)}
body[data-version="13"] .delivery-gridlines{opacity:.12}
body[data-version="13"] .delivery-scan{opacity:.28}
body[data-version="13"] .delivery-badge,body[data-version="13"] .delivery-readout,body[data-version="13"] .hotspot{display:none}
body[data-version="13"] .delivery-heading h2{font-size:clamp(2rem,3vw,3.65rem);line-height:1.3;text-shadow:0 6px 28px rgba(0,0,0,.18)}
body[data-version="13"] .delivery-heading>p:not(.eyebrow){color:rgba(226,239,242,.82);font-size:1rem}
body[data-version="13"] .delivery-copy-item p,body[data-version="13"] .delivery-copy-item li{color:rgba(226,239,242,.82)}
body[data-version="13"] .delivery-copy-item li{border-color:rgba(219,167,71,.24);background:rgba(219,167,71,.055)}

body[data-version="13"] .scroll-water-guide{z-index:72;--drop-x:78vw;--drop-y:78vh;--drop-scale-x:1;--drop-scale-y:1;--drop-rot:0deg;--drop-opacity:0;--trail:0}
body[data-version="13"] .water-data-trail{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:calc(var(--drop-opacity) * .95)}
body[data-version="13"] .water-data-trail path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--trail));transition:stroke-dashoffset .08s linear}
body[data-version="13"] .water-data-trail .trail-glow{stroke:rgba(219,167,71,.28);stroke-width:7;filter:blur(4px)}
body[data-version="13"] .water-data-trail .trail-core{stroke:#dba747;stroke-width:1.45;filter:drop-shadow(0 0 7px rgba(219,167,71,.85))}
body[data-version="13"] .water-drop{width:52px!important;height:72px!important;transform:translate3d(calc(var(--drop-x) - 26px),calc(var(--drop-y) - 36px),0) rotate(var(--drop-rot)) scale(var(--drop-scale-x),var(--drop-scale-y))!important;transform-origin:50% 56%;opacity:var(--drop-opacity);filter:drop-shadow(0 14px 22px rgba(26,185,202,.26)) drop-shadow(0 0 12px rgba(228,255,255,.22))!important;will-change:transform,opacity}
body[data-version="13"] .water-drop svg{width:100%;height:100%;overflow:visible;display:block}
body[data-version="13"] .drop-body{filter:url(#liquidDistort);transform-origin:32px 50px}
body[data-version="13"] .drop-glow{mix-blend-mode:screen}
body[data-version="13"] .water-data-node{width:6px;height:6px;background:#ffe7a8;box-shadow:0 0 14px #dba747;transform:translate3d(calc(var(--drop-x) - 3px),calc(var(--drop-y) + 34px),0);opacity:calc(var(--drop-opacity) * .9)}
body[data-version="13"] .water-ripple{width:22px;height:9px;border:1.5px solid rgba(164,246,249,.9);box-shadow:0 0 15px rgba(73,218,226,.45);border-radius:50%;transform:translate3d(calc(var(--drop-x) - 11px),calc(var(--drop-y) + 26px),0) scale(.3);opacity:0}
body[data-version="13"] .scroll-water-guide.splash .water-ripple{animation:v13Splash 1.05s cubic-bezier(.12,.72,.2,1)}
body[data-version="13"] .scroll-water-guide.splash .water-drop{animation:v13DropImpact .72s cubic-bezier(.18,.8,.24,1)}
@keyframes v13Splash{0%{opacity:.95;transform:translate3d(calc(var(--drop-x) - 11px),calc(var(--drop-y) + 26px),0) scale(.25)}55%{opacity:.55}100%{opacity:0;transform:translate3d(calc(var(--drop-x) - 11px),calc(var(--drop-y) + 26px),0) scale(7.5,3.8)}}
@keyframes v13DropImpact{0%{filter:drop-shadow(0 14px 22px rgba(26,185,202,.26))}35%{filter:drop-shadow(0 8px 25px rgba(86,230,236,.48));}100%{filter:drop-shadow(0 14px 22px rgba(26,185,202,.26))}}
body[data-version="13"] .water-particle-canvas{position:fixed;inset:0;z-index:68;pointer-events:none;opacity:1!important;filter:none!important;mix-blend-mode:screen!important;transform:translateZ(0)}

@media(max-width:1050px){
 body[data-version="13"] .delivery{height:auto;padding:88px 0}
 body[data-version="13"] .delivery-shell{grid-template-columns:1fr;width:min(820px,calc(100% - 32px));gap:34px}
 body[data-version="13"] .delivery-visual{min-height:0;aspect-ratio:1.49/1;order:2}
 body[data-version="13"] .delivery-content{order:1}
 body[data-version="13"] .scroll-water-guide{display:none!important}
 body[data-version="13"] .water-particle-canvas{display:none!important}
}
@media(max-width:600px){
 body[data-version="13"] .delivery-shell{width:calc(100% - 24px)}
 body[data-version="13"] .delivery-visual{aspect-ratio:1.15/1}
 body[data-version="13"] .delivery-media img{object-position:43% center}
 body[data-version="13"] .delivery-heading h2{font-size:1.75rem}
}


/* V14 — rebuilt methodology story. No global droplet or condensation overlay. */
body[data-version="14"] .water-particle-canvas,body[data-version="14"] .scroll-water-guide{display:none!important}
body[data-version="14"] .delivery{height:500vh;background:#061928;color:#fff;position:relative;isolation:isolate}
body[data-version="14"] .delivery:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 35%,rgba(31,166,168,.11),transparent 32%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;pointer-events:none}
body[data-version="14"] .delivery-sticky{position:sticky;top:0;height:100vh;min-height:720px;display:flex;align-items:center;overflow:hidden;padding:92px max(24px,4vw) 34px}
body[data-version="14"] .delivery-shell{width:min(1640px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);gap:clamp(34px,4vw,72px);align-items:center;direction:ltr}
body[data-version="14"] .delivery-visual{position:relative;aspect-ratio:1.52/1;min-height:530px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#071b2b;box-shadow:0 36px 90px rgba(0,0,0,.28);direction:ltr;transform:none!important}
body[data-version="14"] .delivery-visual:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,transparent 0 78%,rgba(6,25,40,.12));pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
body[data-version="14"] .delivery-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(1.14) saturate(1.05) contrast(1.02);transform:scale(1.005);transition:transform .9s var(--ease),filter .9s ease}
body[data-version="14"] .delivery[data-stage="1"] .delivery-scene{transform:scale(1.025) translateX(-.4%)}
body[data-version="14"] .delivery[data-stage="2"] .delivery-scene{transform:scale(1.04) translateX(.5%)}
body[data-version="14"] .delivery[data-stage="3"] .delivery-scene{transform:scale(1.055) translate(-.7%,-.2%);filter:brightness(1.18) saturate(1.08)}
body[data-version="14"] .delivery[data-stage="4"] .delivery-scene{transform:scale(1.02);filter:brightness(1.16) saturate(1.03)}
body[data-version="14"] .delivery-flow{position:absolute;inset:0;z-index:4;width:100%;height:100%;overflow:visible;pointer-events:none}
body[data-version="14"] .flow-base{fill:none;stroke:rgba(219,167,71,.18);stroke-width:3;stroke-linecap:round}
body[data-version="14"] .flow-live{fill:none;stroke:#e2b552;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(226,181,82,.9));stroke-dasharray:1;stroke-dashoffset:1;pathLength:1;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}
body[data-version="14"] .flow-node{fill:#f3cc72;filter:drop-shadow(0 0 8px #e2b552);opacity:.16;transition:.45s ease}
body[data-version="14"] .delivery[data-stage="0"] .flow-1,body[data-version="14"] .delivery[data-stage="1"] .flow-1,body[data-version="14"] .delivery[data-stage="2"] .flow-1,body[data-version="14"] .delivery[data-stage="3"] .flow-1,body[data-version="14"] .delivery[data-stage="4"] .flow-1{stroke-dashoffset:0}
body[data-version="14"] .delivery[data-stage="1"] .flow-2,body[data-version="14"] .delivery[data-stage="2"] .flow-2,body[data-version="14"] .delivery[data-stage="3"] .flow-2,body[data-version="14"] .delivery[data-stage="4"] .flow-2{stroke-dashoffset:0}
body[data-version="14"] .delivery[data-stage="2"] .flow-3,body[data-version="14"] .delivery[data-stage="3"] .flow-3,body[data-version="14"] .delivery[data-stage="4"] .flow-3{stroke-dashoffset:0}
body[data-version="14"] .delivery[data-stage="3"] .flow-4,body[data-version="14"] .delivery[data-stage="4"] .flow-4{stroke-dashoffset:0}
body[data-version="14"] .delivery[data-stage="1"] .n1,body[data-version="14"] .delivery[data-stage="2"] .n1,body[data-version="14"] .delivery[data-stage="2"] .n2,body[data-version="14"] .delivery[data-stage="3"] .n1,body[data-version="14"] .delivery[data-stage="3"] .n2,body[data-version="14"] .delivery[data-stage="3"] .n3,body[data-version="14"] .delivery[data-stage="4"] .flow-node{opacity:1}
body[data-version="14"] .delivery-droplet{position:absolute;z-index:5;left:14%;bottom:5%;width:74px;height:92px;filter:drop-shadow(0 14px 20px rgba(70,210,230,.28));transform-origin:50% 90%;transition:transform .85s cubic-bezier(.2,.85,.2,1),opacity .45s ease}
body[data-version="14"] .delivery-droplet:before{content:"";position:absolute;inset:0;border-radius:52% 48% 52% 48%/36% 36% 64% 64%;clip-path:polygon(50% 0,68% 22%,86% 51%,89% 68%,78% 87%,58% 100%,36% 97%,16% 82%,9% 61%,17% 39%,33% 18%);background:radial-gradient(circle at 31% 23%,#fff 0 5%,rgba(224,255,255,.9) 7%,rgba(114,228,238,.72) 28%,rgba(38,167,189,.69) 56%,rgba(7,73,101,.94) 86%);border:1px solid rgba(220,255,255,.68);box-shadow:inset -13px -16px 20px rgba(2,40,64,.52),inset 10px 8px 17px rgba(255,255,255,.36),0 0 28px rgba(57,207,222,.2)}
body[data-version="14"] .delivery-droplet:after{content:"";position:absolute;left:20px;top:18px;width:15px;height:31px;border-radius:50%;background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(255,255,255,0));transform:rotate(24deg);filter:blur(.2px)}
body[data-version="14"] .delivery-droplet span{position:absolute;left:50%;bottom:-10px;width:84px;height:22px;transform:translateX(-50%);border:2px solid rgba(135,234,245,.58);border-radius:50%;box-shadow:0 0 14px rgba(83,220,235,.35);opacity:.9}
body[data-version="14"] .delivery[data-stage="0"] .delivery-droplet{transform:translateY(-42px) scale(.9,1.08)}
body[data-version="14"] .delivery[data-stage="1"] .delivery-droplet{transform:translate(22px,6px) scale(1.08,.92)}
body[data-version="14"] .delivery[data-stage="2"] .delivery-droplet{transform:translate(54px,1px) scale(.96,1.05)}
body[data-version="14"] .delivery[data-stage="3"] .delivery-droplet{transform:translate(76px,8px) scale(1.12,.86)}
body[data-version="14"] .delivery[data-stage="4"] .delivery-droplet{transform:translate(92px,4px) scale(1,1)}
body[data-version="14"] .delivery-splash{position:absolute;z-index:4;left:9%;bottom:1.5%;width:170px;height:64px;border-radius:50%;border:2px solid rgba(126,229,240,.45);box-shadow:0 0 22px rgba(74,214,230,.28);opacity:.7;transform:scale(.75);transition:.8s ease}
body[data-version="14"] .delivery[data-stage="1"] .delivery-splash,body[data-version="14"] .delivery[data-stage="2"] .delivery-splash,body[data-version="14"] .delivery[data-stage="3"] .delivery-splash,body[data-version="14"] .delivery[data-stage="4"] .delivery-splash{transform:scale(1.12);opacity:.38}
body[data-version="14"] .delivery-label{position:absolute;z-index:6;padding:6px 9px;border:1px solid rgba(226,181,82,.28);background:rgba(6,25,40,.75);backdrop-filter:blur(8px);color:#f3d28c;font:700 .62rem Manrope,sans-serif;letter-spacing:.04em;opacity:.28;transform:translateY(8px);transition:.45s ease}
body[data-version="14"] .l1{left:35%;bottom:19%}.l2{left:48%;bottom:31%}.l3{left:66%;top:36%}.l4{left:77%;top:19%}
body[data-version="14"] .delivery[data-stage="1"] .l1,body[data-version="14"] .delivery[data-stage="2"] .l1,body[data-version="14"] .delivery[data-stage="2"] .l2,body[data-version="14"] .delivery[data-stage="3"] .l1,body[data-version="14"] .delivery[data-stage="3"] .l2,body[data-version="14"] .delivery[data-stage="3"] .l3,body[data-version="14"] .delivery[data-stage="4"] .delivery-label{opacity:1;transform:none}
body[data-version="14"] .delivery-content{direction:rtl;position:relative;z-index:7}
html[dir="ltr"] body[data-version="14"] .delivery-content{direction:ltr}
body[data-version="14"] .delivery-heading h2{color:#fff!important;text-shadow:none!important;font-size:clamp(2rem,3.15vw,4rem);line-height:1.25;max-width:19ch}
body[data-version="14"] .delivery-heading>p:not(.eyebrow){color:rgba(229,240,243,.82)!important;max-width:62ch}
body[data-version="14"] .delivery-copy-item p,body[data-version="14"] .delivery-copy-item li{color:rgba(231,240,242,.82)!important}
body[data-version="14"] .delivery-progress i{width:calc((var(--delivery-progress,0))*100%)}
@media(max-width:1050px){body[data-version="14"] .delivery{height:auto;padding:86px 0}body[data-version="14"] .delivery-sticky{position:relative;height:auto;min-height:0;padding:0 18px}body[data-version="14"] .delivery-shell{grid-template-columns:1fr;width:min(820px,100%)}body[data-version="14"] .delivery-visual{min-height:0;aspect-ratio:16/10;order:1}body[data-version="14"] .delivery-content{order:2}body[data-version="14"] .delivery-stage-copy{min-height:340px}body[data-version="14"] .delivery-nav{overflow:auto}body[data-version="14"] .delivery-droplet{width:58px;height:72px}body[data-version="14"] .delivery-label{font-size:.52rem}}
@media(max-width:620px){body[data-version="14"] .delivery{padding:72px 0}body[data-version="14"] .delivery-sticky{padding:0 12px}body[data-version="14"] .delivery-visual{aspect-ratio:4/3}body[data-version="14"] .delivery-scene{object-position:43% center}body[data-version="14"] .delivery-flow,body[data-version="14"] .delivery-label{display:none}body[data-version="14"] .delivery-droplet{left:10%;bottom:4%;width:48px;height:60px}body[data-version="14"] .delivery-splash{left:2%;width:115px;height:42px}body[data-version="14"] .delivery-heading h2{font-size:1.75rem}body[data-version="14"] .delivery-stage-copy{min-height:420px}}

/* V15 — bright methodology scene, dynamic realistic droplet, and condensation cursor */
body[data-version="15"] .mist-canvas{position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.42;mix-blend-mode:screen}
@media(max-width:900px), (pointer:coarse), (prefers-reduced-motion:reduce){body[data-version="15"] .mist-canvas{display:none!important}}
body[data-version="15"] .delivery{height:500vh;background:#061928;color:#fff;position:relative;isolation:isolate}
body[data-version="15"] .delivery:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 24%,rgba(67,228,233,.09),transparent 28%),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;pointer-events:none}
body[data-version="15"] .delivery-sticky{position:sticky;top:0;height:100vh;min-height:720px;display:flex;align-items:center;overflow:hidden;padding:94px max(22px,4vw) 34px}
body[data-version="15"] .delivery-shell{width:min(1660px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);gap:clamp(28px,4vw,70px);align-items:center;direction:ltr}
body[data-version="15"] .delivery-visual{position:relative;aspect-ratio:1.5/1;min-height:540px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#061824;box-shadow:0 34px 90px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.03) inset;direction:ltr}
body[data-version="15"] .delivery-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,25,39,.02) 0,rgba(7,25,39,.02) 55%,rgba(7,25,39,.12) 70%,rgba(7,25,39,.24) 100%);pointer-events:none}
body[data-version="15"] .delivery-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:18% center;filter:brightness(1.13) saturate(1.06) contrast(1.03);transform:scale(1.02);transition:transform .7s var(--ease),filter .7s ease}
body[data-version="15"] .delivery[data-stage="1"] .delivery-scene{transform:scale(1.034) translateX(-.25%)}
body[data-version="15"] .delivery[data-stage="2"] .delivery-scene{transform:scale(1.046) translateX(.35%)}
body[data-version="15"] .delivery[data-stage="3"] .delivery-scene{transform:scale(1.06) translate(-.4%,-.25%);filter:brightness(1.17) saturate(1.08) contrast(1.04)}
body[data-version="15"] .delivery[data-stage="4"] .delivery-scene{transform:scale(1.035);filter:brightness(1.16) saturate(1.04)}
body[data-version="15"] .delivery-flow{position:absolute;inset:0;z-index:4;width:100%;height:100%;overflow:visible;pointer-events:none}
body[data-version="15"] .flow-base{fill:none;stroke:rgba(226,181,82,.18);stroke-width:4;stroke-linecap:round}
body[data-version="15"] .flow-live{fill:none;stroke:#efbe60;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(239,190,96,.95));stroke-dasharray:1;stroke-dashoffset:1;pathLength:1;transition:stroke-dashoffset .95s cubic-bezier(.2,.8,.2,1)}
body[data-version="15"] .flow-node{fill:#f3cc72;filter:drop-shadow(0 0 10px rgba(243,204,114,.95));opacity:.12;transition:.4s ease}
body[data-version="15"] .delivery[data-stage="0"] .flow-1,body[data-version="15"] .delivery[data-stage="1"] .flow-1,body[data-version="15"] .delivery[data-stage="2"] .flow-1,body[data-version="15"] .delivery[data-stage="3"] .flow-1,body[data-version="15"] .delivery[data-stage="4"] .flow-1{stroke-dashoffset:0}
body[data-version="15"] .delivery[data-stage="1"] .flow-2,body[data-version="15"] .delivery[data-stage="2"] .flow-2,body[data-version="15"] .delivery[data-stage="3"] .flow-2,body[data-version="15"] .delivery[data-stage="4"] .flow-2{stroke-dashoffset:0}
body[data-version="15"] .delivery[data-stage="2"] .flow-3,body[data-version="15"] .delivery[data-stage="3"] .flow-3,body[data-version="15"] .delivery[data-stage="4"] .flow-3{stroke-dashoffset:0}
body[data-version="15"] .delivery[data-stage="3"] .flow-4,body[data-version="15"] .delivery[data-stage="4"] .flow-4{stroke-dashoffset:0}
body[data-version="15"] .delivery[data-stage="1"] .n1,body[data-version="15"] .delivery[data-stage="2"] .n1,body[data-version="15"] .delivery[data-stage="2"] .n2,body[data-version="15"] .delivery[data-stage="3"] .n1,body[data-version="15"] .delivery[data-stage="3"] .n2,body[data-version="15"] .delivery[data-stage="3"] .n3,body[data-version="15"] .delivery[data-stage="4"] .flow-node{opacity:1}
body[data-version="15"] .delivery-droplet{--dx:0px;--dy:-18px;--dr:-5deg;--sx:1;--sy:1;position:absolute;z-index:6;left:8.2%;bottom:5.4%;width:112px;height:154px;transform:translate(var(--dx),var(--dy)) rotate(var(--dr)) scale(var(--sx),var(--sy));transform-origin:50% 88%;filter:drop-shadow(0 16px 24px rgba(53,220,239,.12)) drop-shadow(0 0 18px rgba(91,224,244,.28));will-change:transform}
body[data-version="15"] .droplet-svg{display:block;width:100%;height:100%;overflow:visible}
body[data-version="15"] .drop-body{stroke:rgba(255,255,255,.55);stroke-width:1.6}
body[data-version="15"] .drop-highlight{filter:blur(.2px)}
body[data-version="15"] .drop-glow{filter:blur(2px)}
body[data-version="15"] .droplet-ring{position:absolute;left:50%;bottom:2px;width:84px;height:22px;border-radius:50%;transform:translateX(-50%) scale(1);border:1.8px solid rgba(141,231,242,.55);opacity:.7;box-shadow:0 0 18px rgba(83,220,235,.22)}
body[data-version="15"] .ring-2{width:118px;height:34px;bottom:-4px;opacity:.22}
body[data-version="15"] .delivery-splash{position:absolute;z-index:5;left:4.7%;bottom:2.3%;width:190px;height:76px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(150,236,244,.24),rgba(150,236,244,.02) 60%,transparent 76%);border:1px solid rgba(141,231,242,.28);box-shadow:0 0 18px rgba(83,220,235,.15);opacity:.62;transform:scale(.72);transition:transform .7s ease,opacity .7s ease}
body[data-version="15"] .delivery[data-stage="1"] .delivery-splash,body[data-version="15"] .delivery[data-stage="2"] .delivery-splash,body[data-version="15"] .delivery[data-stage="3"] .delivery-splash,body[data-version="15"] .delivery[data-stage="4"] .delivery-splash{transform:scale(1.06);opacity:.28}
body[data-version="15"] .delivery-label{position:absolute;z-index:6;padding:7px 10px;border:1px solid rgba(226,181,82,.34);background:rgba(7,25,39,.68);backdrop-filter:blur(8px);color:#f3d28c;font:700 .62rem Manrope,sans-serif;letter-spacing:.04em;opacity:.26;transform:translateY(8px);transition:.4s ease}
body[data-version="15"] .l1{left:43%;bottom:22%}body[data-version="15"] .l2{left:53%;bottom:35%}body[data-version="15"] .l3{left:73%;top:35%}body[data-version="15"] .l4{left:63%;top:8%}
body[data-version="15"] .delivery[data-stage="1"] .l1,body[data-version="15"] .delivery[data-stage="2"] .l1,body[data-version="15"] .delivery[data-stage="2"] .l2,body[data-version="15"] .delivery[data-stage="3"] .l1,body[data-version="15"] .delivery[data-stage="3"] .l2,body[data-version="15"] .delivery[data-stage="3"] .l3,body[data-version="15"] .delivery[data-stage="4"] .delivery-label{opacity:1;transform:none}
body[data-version="15"] .delivery-content{direction:rtl;position:relative;z-index:7}
html[dir="ltr"] body[data-version="15"] .delivery-content{direction:ltr}
body[data-version="15"] .delivery-heading h2{color:#fff!important;text-shadow:none!important;font-size:clamp(2.1rem,3.1vw,4.15rem);line-height:1.22;max-width:18ch}
body[data-version="15"] .delivery-heading>p:not(.eyebrow){color:rgba(233,241,244,.84)!important;max-width:62ch}
body[data-version="15"] .delivery-copy-item p,body[data-version="15"] .delivery-copy-item li{color:rgba(233,241,244,.82)!important}
body[data-version="15"] .delivery-progress i{width:calc((var(--delivery-progress,0))*100%)}
body[data-version="15"] .delivery-copy-item.active{border-color:rgba(239,190,96,.28)}
@media(max-width:1050px){body[data-version="15"] .delivery{height:auto;padding:86px 0}body[data-version="15"] .delivery-sticky{position:relative;height:auto;min-height:0;padding:0 18px}body[data-version="15"] .delivery-shell{grid-template-columns:1fr;width:min(840px,100%)}body[data-version="15"] .delivery-visual{min-height:0;aspect-ratio:16/10;order:1}body[data-version="15"] .delivery-content{order:2}body[data-version="15"] .delivery-stage-copy{min-height:340px}body[data-version="15"] .delivery-droplet{width:82px;height:114px;left:8%;bottom:4.5%}body[data-version="15"] .delivery-label{font-size:.54rem}.mist-canvas{display:none!important}}
@media(max-width:620px){body[data-version="15"] .delivery{padding:72px 0}body[data-version="15"] .delivery-sticky{padding:0 12px}body[data-version="15"] .delivery-visual{aspect-ratio:4/3}body[data-version="15"] .delivery-scene{object-position:28% center}body[data-version="15"] .delivery-flow,body[data-version="15"] .delivery-label{display:none}body[data-version="15"] .delivery-droplet{left:10%;bottom:5%;width:60px;height:86px}body[data-version="15"] .delivery-splash{left:2%;width:126px;height:48px}body[data-version="15"] .delivery-heading h2{font-size:1.78rem}body[data-version="15"] .delivery-stage-copy{min-height:420px}}

/* V15.1 emergency correction: neutralize legacy V7 entrance variables */
body[data-version="15"] .delivery{--delivery-entry:1!important;--delivery-local:1!important}
body[data-version="15"] .delivery-visual,
html[dir="rtl"] body[data-version="15"] .delivery-visual{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
body[data-version="15"] .delivery-content{
  opacity:1!important;
  transform:none!important;
}
body[data-version="15"] .delivery-scene{opacity:1!important;visibility:visible!important}
body[data-version="15"] .delivery-droplet{opacity:1!important;visibility:visible!important}


/* V16.3 — methodology refinement and unified team-image treatment */
.hero-fluid-hint span{max-width:26ch}
.v16-flow-copy{max-width:540px}
.v16-flow-copy h2{max-width:10ch;line-height:1.06;letter-spacing:-.02em}
html[dir="ltr"] .v16-flow-copy h2{max-width:12ch;line-height:1.02;letter-spacing:-.03em}
.v16-flow-copy>p{max-width:34rem;color:rgba(222,236,241,.84);line-height:1.85}
.v16-scada-head{grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr);gap:36px;align-items:stretch;margin-bottom:36px}
.v16-scada-head>div,.v16-scada-head>p{padding:24px 26px;border:1px solid rgba(11,79,85,.12);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,250,250,.88));box-shadow:0 18px 44px rgba(11,31,51,.06)}
.v16-scada-head h2{font-size:clamp(2rem,3.45vw,4rem);line-height:1.12;max-width:11ch}
html[dir="ltr"] .v16-scada-head h2{max-width:13ch;line-height:1.04}
.v16-scada-head>p{display:flex;align-items:center;line-height:1.84}
.leader-copy p{line-height:1.9}
.leader-visual{position:relative;isolation:isolate;background:linear-gradient(180deg,#163241 0%,#102331 48%,#0c1720 100%);border-color:rgba(11,79,85,.18);overflow:hidden}
.leader-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,26,37,.16),rgba(13,112,117,.14) 45%,rgba(5,16,25,.28) 100%),radial-gradient(circle at 18% 14%,rgba(153,235,228,.18),transparent 34%),radial-gradient(circle at 78% 78%,rgba(184,137,66,.16),transparent 30%);pointer-events:none;z-index:1}
.leader-visual::after{content:'';position:absolute;inset:16px;border:1px solid rgba(157,224,216,.14);pointer-events:none;z-index:2}
.leader-visual img{position:relative;z-index:0;object-fit:contain;object-position:center bottom;filter:saturate(.86) contrast(1.04) brightness(.97)}
.leader-number,.leader-role,.leader-name{position:relative;z-index:3}
.leader-list small{font-size:.72rem;line-height:1.55}
@media(max-width:1050px){.v16-scada-head{grid-template-columns:1fr;gap:18px}.v16-scada-head h2{max-width:none}.v16-flow-copy h2{max-width:12ch}}
@media(max-width:760px){.v16-flow-copy h2{max-width:none}.v16-scada-head>div,.v16-scada-head>p{padding:18px 18px}}