
:root{--navy:#0A1F44;--navy2:#102955;--gold:#C6A85A;--text:#1C1F26;--soft:#F4F7FB;--line:rgba(10,31,68,.1);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:#f3f7fb;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 42px));margin:0 auto;position:relative}
.topbar{position:sticky;top:0;z-index:100;background:rgba(10,31,68,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0}.brand img{height:72px;max-width:430px;object-fit:contain;filter:drop-shadow(0 10px 28px rgba(0,120,255,.28))}.nav{display:flex;align-items:center;gap:18px;color:rgba(255,255,255,.86);font-size:14px}.nav a:hover{color:white}.lang{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:white;border-radius:12px;padding:9px 12px}.lang option{color:#111}.menu-toggle{display:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:white;border-radius:12px;padding:9px 12px;font-size:22px;cursor:pointer}
.hero{position:relative;overflow:hidden;color:white;background:linear-gradient(180deg,var(--navy),var(--navy2));padding:108px 0 120px}.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:999px;filter:blur(14px);opacity:.55;mix-blend-mode:screen}.orb.one{width:440px;height:440px;right:-110px;top:-20px;background:radial-gradient(circle,rgba(198,168,90,.42),transparent 62%);animation:float 14s ease-in-out infinite}.orb.two{width:360px;height:360px;left:-90px;bottom:-90px;background:radial-gradient(circle,rgba(75,116,255,.32),transparent 62%);animation:float 18s ease-in-out infinite reverse}.grid-overlay{position:absolute;inset:-20% -10%;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:46px 46px;opacity:.26;transform:perspective(900px) rotateX(68deg) translateY(90px);animation:gridShift 16s linear infinite}.motion-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.75}.motion-lines path{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1.25;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220;animation:drawLine 6.5s ease-in-out infinite}.motion-lines path.gold{stroke:rgba(198,168,90,.52);stroke-width:1.4;animation-duration:7.5s}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center;position:relative;z-index:2}.hero-logo{width:min(760px,100%);margin:0 0 26px;filter:drop-shadow(0 22px 44px rgba(0,0,0,.32))}.eyebrow{display:inline-flex;padding:8px 14px;border-radius:999px;border:1px solid rgba(198,168,90,.35);background:rgba(198,168,90,.1);color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.28em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{margin-top:18px;font-size:clamp(44px,5.9vw,72px);line-height:1.02;letter-spacing:-.035em}.hero p{margin-top:22px;max-width:760px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.85}.btn-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border-radius:18px;font-size:14px;font-weight:800;transition:.24s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:white;color:var(--navy);box-shadow:0 16px 32px rgba(0,0,0,.18)}.btn.secondary{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.18);color:white}
.visual{min-height:360px;border-radius:36px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));box-shadow:0 28px 80px rgba(0,0,0,.24);position:relative;overflow:hidden}.radar{position:absolute;inset:42px;border-radius:30px;background:radial-gradient(circle at center,rgba(198,168,90,.12),transparent 56%)}.radar:before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.14);border-radius:999px;box-shadow:0 0 0 42px rgba(255,255,255,.03),0 0 0 84px rgba(255,255,255,.025)}.sweep{position:absolute;width:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(198,168,90,.9));left:50%;top:50%;transform-origin:left center;animation:rotate 4.6s linear infinite}.vehicle{position:absolute;width:42px;height:18px;border-radius:6px;background:rgba(255,255,255,.82);box-shadow:0 0 18px rgba(255,255,255,.25)}.v1{left:28%;top:32%;animation:drift1 8s linear infinite}.v2{left:68%;top:58%;animation:drift2 9s linear infinite}.v3{left:45%;top:72%;animation:drift3 10s linear infinite}
section{padding:88px 0}.white{background:white}.soft{background:linear-gradient(180deg,#f8fbfd,#f3f7fb)}.dark{background:linear-gradient(180deg,#0a1f44,#0c244c);color:white}.head{max-width:880px;margin-bottom:38px}.kicker{font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#2E4A7D}.dark .kicker{color:var(--gold)}.title{margin-top:14px;color:var(--navy);font-size:clamp(32px,4.3vw,54px);line-height:1.06;letter-spacing:-.028em}.dark .title{color:white}.copy{margin-top:18px;max-width:780px;font-size:16px;line-height:1.9;color:rgba(28,31,38,.76)}.dark .copy{color:rgba(255,255,255,.77)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:0 14px 34px rgba(10,31,68,.06);transition:.28s}.card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(10,31,68,.12);border-color:rgba(198,168,90,.28)}.card h3{font-size:24px;line-height:1.18;color:var(--navy)}.card p{margin-top:14px;font-size:15px;line-height:1.85;color:rgba(28,31,38,.74)}.dark .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}.dark .card h3{color:white}.dark .card p{color:rgba(255,255,255,.76)}.spec{width:100%;border-collapse:collapse;background:white;border-radius:20px;overflow:hidden;box-shadow:0 14px 34px rgba(10,31,68,.06)}.spec th,.spec td{border:1px solid #E5EBF3;padding:15px;text-align:left;font-size:14px}.spec th{background:#EEF3F9;color:var(--navy)}[dir="rtl"] .spec th,[dir="rtl"] .spec td{text-align:right}.footer{background:#081936;color:rgba(255,255,255,.72);padding:24px 0;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.reveal{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0) scale(1)}
@keyframes float{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-18px) translateX(10px)}}@keyframes gridShift{0%{transform:perspective(900px) rotateX(68deg) translateY(90px) translateX(0)}100%{transform:perspective(900px) rotateX(68deg) translateY(90px) translateX(-46px)}}@keyframes drawLine{0%{stroke-dashoffset:220;opacity:.12}35%{opacity:.65}65%{stroke-dashoffset:0;opacity:.95}100%{stroke-dashoffset:-220;opacity:.08}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes drift1{0%{transform:translate(-40px,20px)}50%{transform:translate(40px,-30px)}100%{transform:translate(-40px,20px)}}@keyframes drift2{0%{transform:translate(30px,-20px)}50%{transform:translate(-45px,35px)}100%{transform:translate(30px,-20px)}}@keyframes drift3{0%{transform:translate(-20px,-20px)}50%{transform:translate(60px,10px)}100%{transform:translate(-20px,-20px)}}[dir="rtl"] body{text-align:right}[dir="rtl"] .topbar-inner,[dir="rtl"] .hero-grid{direction:rtl}[dir="rtl"] .nav{flex-direction:row-reverse}
@media(max-width:900px){.topbar-inner{position:relative}.brand img{height:52px;max-width:240px}.menu-toggle{display:inline-flex}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column!important;align-items:stretch;gap:0;background:rgba(10,31,68,.98);border:1px solid rgba(255,255,255,.10);border-radius:0 0 20px 20px;padding:10px 14px 16px;box-shadow:0 18px 34px rgba(0,0,0,.28);z-index:999}.nav.open{display:flex}.nav a{display:block;padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.lang{margin-top:12px;width:100%;max-width:240px}.hero-grid,.grid,.grid.four{grid-template-columns:1fr}.footer-inner{flex-direction:column}.hero{padding:82px 0 90px}section{padding:70px 0}}


/* Restored Tier-0 animated visual treatment */
.orb.three{width:240px;height:240px;left:42%;top:18%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 62%);animation:pulseSoft 9s ease-in-out infinite}
.motion-lines circle{fill:rgba(255,255,255,.85);filter:drop-shadow(0 0 8px rgba(255,255,255,.35));animation:nodePulse 3.4s ease-in-out infinite}
@keyframes pulseSoft{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.12);opacity:.9}}
@keyframes nodePulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.35);opacity:1}}
.hero:after{content:"";position:absolute;inset:auto -10% -1px -10%;height:110px;background:linear-gradient(180deg,transparent,rgba(243,247,251,.94));pointer-events:none}
.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.13) 50%,transparent 70%);transform:translateX(-120%);animation:sweepLight 7s ease-in-out infinite}
@keyframes sweepLight{0%,15%{transform:translateX(-120%)}45%,100%{transform:translateX(120%)}}

@media(max-width:900px){
  .nav.open{display:flex!important}
  .nav a{display:block!important}
}


/* Separate homepage animation: architecture constellation, different from NERO radar */
.home-motion .orb.one{background:radial-gradient(circle,rgba(75,116,255,.36),transparent 62%)}
.home-motion .orb.two{background:radial-gradient(circle,rgba(198,168,90,.28),transparent 62%)}
.home-architecture-grid{position:absolute;inset:-10%;background:
  linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:72px 72px;opacity:.35;animation:homeGridDrift 22s linear infinite;mask-image:radial-gradient(circle at center,black 22%,transparent 72%)}
.home-constellation{position:absolute;inset:0}
.home-constellation .dot{position:absolute;width:12px;height:12px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 0 22px rgba(91,156,255,.5);animation:homePulse 4s ease-in-out infinite}
.home-constellation .d1{left:18%;top:28%}.home-constellation .d2{left:38%;top:48%;animation-delay:.4s}.home-constellation .d3{left:68%;top:30%;animation-delay:.8s}.home-constellation .d4{left:78%;top:66%;animation-delay:1.2s}
.home-constellation .beam{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(198,168,90,.7),transparent);transform-origin:left center;animation:beamMove 5.5s ease-in-out infinite}
.home-constellation .b1{left:18%;top:30%;width:320px;transform:rotate(24deg)}
.home-constellation .b2{left:38%;top:50%;width:430px;transform:rotate(-18deg);animation-delay:.9s}
.home-constellation .b3{left:68%;top:32%;width:260px;transform:rotate(64deg);animation-delay:1.6s}
.architecture-visual{padding:34px;display:flex;align-items:center;justify-content:center}
.arch-core{position:absolute;width:150px;height:150px;border-radius:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.06));border:1px solid rgba(198,168,90,.35);font-weight:800;letter-spacing:.16em;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.28)}
.arch-card{position:absolute;border-radius:20px;padding:18px 20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:800;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.18);animation:archFloat 7s ease-in-out infinite}
.arch-card.a1{left:34px;top:50px}.arch-card.a2{right:34px;top:74px;animation-delay:.8s}.arch-card.a3{left:50%;bottom:44px;transform:translateX(-50%);animation-delay:1.4s}
.arch-line{position:absolute;height:1px;background:rgba(198,168,90,.5);transform-origin:center;animation:beamMove 5s ease-in-out infinite}
.arch-line.l1{width:190px;left:120px;top:140px;transform:rotate(18deg)}.arch-line.l2{width:190px;right:120px;top:160px;transform:rotate(-20deg)}
@keyframes homeGridDrift{from{transform:translateX(0) translateY(0)}to{transform:translateX(-72px) translateY(72px)}}
@keyframes homePulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.45);opacity:1}}
@keyframes beamMove{0%,100%{opacity:.18;filter:blur(0)}50%{opacity:.95;filter:blur(.4px)}}
@keyframes archFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}


/* Abstract premium homepage animation */
.abstract-motion{background:
  radial-gradient(circle at 18% 22%,rgba(86,137,255,.28),transparent 30%),
  radial-gradient(circle at 82% 18%,rgba(198,168,90,.20),transparent 28%),
  radial-gradient(circle at 52% 76%,rgba(255,255,255,.10),transparent 34%)}
.abstract-orb{position:absolute;border-radius:999px;filter:blur(18px);mix-blend-mode:screen;opacity:.58}
.abstract-orb.ao1{width:520px;height:520px;left:-140px;top:-90px;background:radial-gradient(circle,rgba(68,118,255,.42),transparent 64%);animation:abstractFloat1 18s ease-in-out infinite}
.abstract-orb.ao2{width:460px;height:460px;right:-120px;top:10px;background:radial-gradient(circle,rgba(198,168,90,.34),transparent 64%);animation:abstractFloat2 20s ease-in-out infinite}
.abstract-orb.ao3{width:360px;height:360px;left:42%;bottom:-160px;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 68%);animation:abstractFloat3 16s ease-in-out infinite}
.abstract-mesh{position:absolute;inset:-20%;background:
  linear-gradient(120deg,transparent 0%,rgba(255,255,255,.06) 38%,transparent 62%),
  linear-gradient(60deg,transparent 0%,rgba(198,168,90,.045) 42%,transparent 68%);
  background-size:440px 440px,520px 520px;animation:meshDrift 24s linear infinite;opacity:.75}
.abstract-ribbons{position:absolute;inset:0;overflow:hidden}
.ribbon{position:absolute;display:block;height:2px;width:760px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),rgba(198,168,90,.52),transparent);filter:blur(.2px);border-radius:999px;transform-origin:center;animation:ribbonFlow 9s ease-in-out infinite}
.ribbon.r1{left:-120px;top:28%;transform:rotate(-10deg)}
.ribbon.r2{right:-180px;top:54%;transform:rotate(13deg);animation-delay:1.5s}
.ribbon.r3{left:20%;bottom:20%;transform:rotate(-22deg);animation-delay:3s}
.abstract-visual{display:flex;align-items:center;justify-content:center;min-height:360px}
.glass-ring{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 38px rgba(255,255,255,.045),0 0 42px rgba(65,125,255,.12);animation:ringRotate 18s linear infinite}
.glass-ring.gr1{width:280px;height:280px}
.glass-ring.gr2{width:210px;height:210px;border-color:rgba(198,168,90,.28);animation-duration:14s;animation-direction:reverse}
.glass-ring.gr3{width:130px;height:130px;border-color:rgba(255,255,255,.22);animation-duration:11s}
.glass-ring:after{content:"";position:absolute;width:10px;height:10px;border-radius:999px;background:rgba(198,168,90,.95);box-shadow:0 0 18px rgba(198,168,90,.45);left:50%;top:-5px}
.glass-core{position:relative;z-index:2;padding:26px 30px;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);font-weight:800;letter-spacing:.18em;color:white;box-shadow:0 24px 80px rgba(0,0,0,.26);animation:corePulse 5.5s ease-in-out infinite}
@keyframes abstractFloat1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(70px,40px) scale(1.08)}}
@keyframes abstractFloat2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-60px,55px) scale(1.05)}}
@keyframes abstractFloat3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-55px) scale(1.1)}}
@keyframes meshDrift{from{background-position:0 0,0 0}to{background-position:440px -440px,-520px 520px}}
@keyframes ribbonFlow{0%,100%{opacity:.16;translate:-40px 0}50%{opacity:.78;translate:70px 0}}
@keyframes ringRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes corePulse{0%,100%{transform:scale(1);box-shadow:0 24px 80px rgba(0,0,0,.26)}50%{transform:scale(1.035);box-shadow:0 30px 90px rgba(44,120,255,.18)}}
