:root{--n:#0a2a6b;--n2:#0e3b8f;--bl:#1f78d1;--gr:#38a73c;--sky:#e4f3ff;--ink:#0b1f4a}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:Heebo,system-ui,sans-serif;font-weight:500;color:var(--ink);background:#f4faff;overflow-x:clip;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.pbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:60}.pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--bl),var(--gr))}
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px clamp(14px,4vw,48px);background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid #d3e6f7}
.logo{display:flex;align-items:center;gap:10px;color:var(--n);font-weight:900;font-size:20px}.logo img{height:44px;width:44px;border-radius:50%}
.top nav{display:flex;gap:26px;font-weight:700;color:var(--n2)}.top nav a:hover{color:var(--bl)}.tr{display:flex;align-items:center;gap:10px}
#lang{background:#fff;border:1.5px solid var(--n2);color:var(--n2);border-radius:999px;padding:8px 14px;font:700 14px Heebo;cursor:pointer}#lang:hover{background:var(--sky)}
.btn{display:inline-block;background:linear-gradient(135deg,var(--bl),var(--n2));color:#fff;border:0;border-radius:999px;padding:15px 30px;font:800 17px Heebo;cursor:pointer;transition:.25s;box-shadow:0 10px 26px rgba(14,59,143,.3)}.btn:hover{transform:translateY(-3px)}
.btn.sm{padding:9px 18px;font-size:14px}.btn.ghost{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 2px #fff;color:#fff}
.hero{height:420vh;background:var(--n)}.pin{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(110% 90% at 50% 20%,#1b6fd0,#0a2a6b 72%)}
#gl{position:absolute;inset:0;width:100%;height:100%}.vig{position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 50%,transparent 40%,rgba(2,12,40,.6))}
.stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 20px;opacity:0;pointer-events:none;will-change:opacity,transform}
.stage:before{content:"";position:absolute;inset:14% 4%;background:radial-gradient(ellipse at center,rgba(4,16,50,.68),transparent 70%);z-index:-1}.stage .row,.stage .btn{pointer-events:auto}
.tag{letter-spacing:.18em;text-transform:uppercase;font-size:14px;font-weight:800;color:#8fe08f;margin-bottom:16px}
.stage h1{font-size:clamp(42px,7.6vw,118px);line-height:1.02;font-weight:900;max-width:1200px}.stage h2{font-size:clamp(40px,7vw,108px);line-height:1.02;font-weight:900;max-width:1100px}.stage span{color:#7fd4ff}
.sub{font-size:clamp(17px,2vw,25px);margin:20px 0 4px;max-width:700px}.row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:28px}
.scrollh{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:#fff;font-size:11px;letter-spacing:.25em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.85}
.scrollh i{width:1px;height:34px;background:linear-gradient(#8fe08f,transparent);animation:sc 1.6s infinite}@keyframes sc{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hbar{position:absolute;right:22px;top:25%;bottom:25%;width:3px;background:rgba(255,255,255,.25)}.hbar i{display:block;width:100%;height:0;background:#8fe08f}
.nogl .hero{height:auto}.nogl .pin{position:relative;height:auto;padding:70px 0}.nogl .stage{position:relative;opacity:1!important;transform:none!important;padding:40px 20px}.nogl #gl,.nogl .scrollh,.nogl .hbar{display:none}
.rw{background:var(--gr);color:#fff;overflow:hidden;padding:14px 0}.rt{display:flex;gap:40px;width:max-content;animation:mq 34s linear infinite;font-weight:800;font-size:20px}.rt span:after{content:"✦";margin-inline-start:40px}@keyframes mq{to{transform:translateX(-50%)}}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.sec{padding:clamp(64px,9vw,120px) 0}.two{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,80px);align-items:center}
.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:13px;font-weight:800;color:var(--gr);margin-bottom:10px}
h2{font-size:clamp(34px,5vw,70px);line-height:1.05;font-weight:900;color:var(--n)}h2 em{font-style:normal;color:var(--bl)}.lead{margin:16px 0 26px;font-size:18px;line-height:1.6;max-width:620px;opacity:.85}
.svg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.sv{position:relative;aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:var(--n);box-shadow:0 14px 30px rgba(10,42,107,.18);transition:.35s}
.sv img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.sv:hover{transform:translateY(-6px)}.sv:hover img{transform:scale(1.08)}
.sv span{position:absolute;inset:auto 0 0 0;padding:34px 20px 16px;background:linear-gradient(transparent,rgba(5,20,60,.9));color:#fff;font-size:22px;font-weight:800}
.dark{background:linear-gradient(170deg,var(--n),#07194a);color:#fff}.dark h2{color:#fff}.dark h2 em{color:#7fd4ff}.dark .eyebrow{color:#8fe08f}
.bag{columns:3 300px;column-gap:20px;margin-top:44px}.ba{break-inside:avoid;margin:0 0 20px;background:#0d2c75;border-radius:18px;overflow:hidden;border:1px solid #234a9a}
.bx{position:relative;aspect-ratio:var(--ar);--p:50%;overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.bx img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.bx .af{clip-path:inset(0 0 0 var(--p))}
.hd{position:absolute;top:0;bottom:0;left:var(--p);width:3px;margin-left:-1.5px;background:#fff;pointer-events:none}.hd b{position:absolute;top:50%;left:50%;width:42px;height:42px;margin:-21px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.hd b:before,.hd b:after{content:"";position:absolute;top:50%;border:6px solid transparent;margin-top:-6px}.hd b:before{left:5px;border-right-color:var(--n2)}.hd b:after{right:5px;border-left-color:var(--n2)}
.lb{position:absolute;top:10px;background:rgba(5,20,60,.75);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:999px;pointer-events:none}.l1{left:10px}.l2{right:10px;background:rgba(56,167,60,.9)}
.ba figcaption{padding:12px 16px;font-weight:800}
.ci{list-style:none;padding:0;display:grid;gap:16px;margin-top:20px}.ci b{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gr)}.ci a,.ci span{font-size:clamp(20px,2.6vw,28px);font-weight:800;color:var(--n);word-break:break-word}.ci a:hover{color:var(--bl)}
.fm{background:#fff;border-radius:22px;padding:28px;display:grid;gap:14px;box-shadow:0 24px 50px rgba(10,42,107,.15)}.fm label{display:grid;gap:6px;font-weight:700;font-size:14px}.fm input,.fm select,.fm textarea{font:500 16px Heebo;padding:12px 14px;border:2px solid #cfe2f5;border-radius:12px;background:#f7fbff;color:var(--ink)}.fm input:focus,.fm select:focus,.fm textarea:focus{outline:none;border-color:var(--bl)}
.foot{background:#07194a;color:#c4d6f5;padding:32px 0;font-size:14px}.fr{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.fr img{height:48px;width:48px;border-radius:50%}
.rv{opacity:0;transform:translateY(34px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
[dir=rtl] .hbar{right:auto;left:22px}
@media(max-width:900px){.top nav{display:none}.two{grid-template-columns:1fr}.svg{grid-template-columns:1fr 1fr}.hero{height:380vh}.hbar{display:none}.logo b{font-size:17px}}@media(max-width:520px){.svg{grid-template-columns:1fr}.btn.sm{display:none}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.rt{animation:none}}
.stage h1,.stage h2{color:#fff}