:root{
  --bg:#060606;--bg2:#0a0a0a;--panel:#101010;--panel2:#151515;--line:#292929;
  --text:#f6f5f2;--muted:#9c9b97;--orange:#f25a0a;--orange2:#ff7d27;--orange3:#a82d00;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.lang-ar{display:none}
html[data-lang="ar"] .lang-en{display:none!important}
html[data-lang="ar"] .lang-ar{display:revert!important}
html[data-lang="ar"] body{direction:rtl}
html[data-lang="en"] body{direction:ltr}
#bgCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-4;opacity:.56}
.noise{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.035;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)' opacity='.9'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(242,90,10,.09),transparent 66%);transform:translate(-50%,-50%)}
.topbar{position:fixed;z-index:60;top:0;left:0;right:0;height:82px;display:flex;align-items:center;padding:0 4vw;gap:34px;background:rgba(4,4,4,.60);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.055);transition:.35s}
.topbar.scrolled{height:70px;background:rgba(5,5,5,.88)}
.brand{width:188px;display:flex;align-items:center}.brand-logo{width:100%;height:auto;filter:drop-shadow(0 8px 24px rgba(242,90,10,.18))}
.desktop-nav{margin-inline:auto;display:flex;gap:24px}.desktop-nav a{font-size:11px;letter-spacing:.06em;color:#c4c3bf;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--orange);transform:scaleX(0);transition:.25s}.desktop-nav a:hover:after{transform:scaleX(1)}
.header-actions{display:flex;gap:10px;align-items:center}.lang-switch,.menu-btn{border:1px solid rgba(255,255,255,.12);background:#111;color:#fff;height:38px;min-width:45px;border-radius:999px;cursor:pointer}
.menu-btn{display:none;width:44px;position:relative}.menu-btn span{position:absolute;width:16px;height:1px;background:#fff;left:13px;transition:.25s}.menu-btn span:first-child{top:15px}.menu-btn span:last-child{top:22px}
.mobile-menu{position:fixed;z-index:55;inset:0;background:rgba(5,5,5,.96);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:center;padding:10vw;gap:22px;transform:translateY(-100%);transition:.45s cubic-bezier(.2,.8,.2,1)}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{font-size:clamp(26px,6vw,48px);font-weight:800;border-bottom:1px solid #222;padding-bottom:15px}
.section{position:relative;padding:120px clamp(24px,6vw,100px)}
.hero{min-height:100svh;padding-top:140px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;overflow:hidden}
.hero-grid{position:absolute;inset:30% -20% -35%;background-image:linear-gradient(rgba(242,90,10,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(242,90,10,.09) 1px,transparent 1px);background-size:55px 55px;transform:perspective(800px) rotateX(66deg);transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent,black 15%,black 75%,transparent)}
.scanline{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);box-shadow:0 0 26px rgba(242,90,10,.6);animation:scan 7s linear infinite;opacity:.6}@keyframes scan{from{top:15%}to{top:92%}}
.hero-copy{z-index:3;max-width:900px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;color:#ff8b45;font-size:10px;font-weight:800;letter-spacing:.19em}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px var(--orange)}
h1{font-size:clamp(54px,7vw,110px);line-height:.93;letter-spacing:-.06em;margin:20px 0 28px}h1 em,h2 em{font-style:normal;color:var(--orange)}
.hero-lead{max-width:760px;color:#aaa9a5;line-height:1.9;font-size:clamp(17px,1.5vw,21px)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:0 22px;border-radius:4px;border:1px solid transparent;font-weight:800;font-size:13px;transition:.25s}.btn i{font-style:normal;font-size:17px}.btn-primary{background:linear-gradient(135deg,var(--orange2),var(--orange3));color:#fff;box-shadow:0 16px 50px rgba(242,90,10,.23)}.btn-primary:hover{box-shadow:0 22px 60px rgba(242,90,10,.36)}.btn-ghost{border-color:#333;background:rgba(255,255,255,.02)}.btn-ghost:hover{border-color:rgba(242,90,10,.55);color:#ff9b60}
.hero-stats{margin-top:42px;display:flex;gap:38px;flex-wrap:wrap}.hero-stats div{display:grid;gap:4px}.hero-stats strong{font-size:12px}.hero-stats span{font-size:9px;color:#72716e;letter-spacing:.12em}
.hero-visual{display:flex;justify-content:center;align-items:center;min-height:600px;position:relative}.logo-orbit{position:relative;width:min(500px,42vw);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center}.logo-core{width:50%;height:50%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(242,90,10,.11),rgba(10,10,10,.5) 64%,transparent);box-shadow:0 0 120px rgba(242,90,10,.10)}.floating-logo{width:90%;animation:floatLogo 5.5s ease-in-out infinite;filter:drop-shadow(0 20px 35px rgba(242,90,10,.18))}@keyframes floatLogo{0%,100%{transform:translateY(-6px) scale(1)}50%{transform:translateY(10px) scale(1.025)}}
.orbit{position:absolute;border:1px solid rgba(242,90,10,.34);border-radius:50%;inset:4%;animation:spin 18s linear infinite}.orbit:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange2);top:12%;left:18%;box-shadow:0 0 22px rgba(255,125,39,.9)}.orbit-b{inset:14%;animation-direction:reverse;animation-duration:13s;border-color:rgba(255,255,255,.12)}.orbit-c{inset:24%;animation-duration:9s;border-color:rgba(242,90,10,.19)}@keyframes spin{to{transform:rotate(360deg)}}
.orbit-label{position:absolute;font-size:9px;letter-spacing:.12em;color:#7d7c78}.l1{top:2%;left:45%}.l2{right:-2%;top:48%}.l3{bottom:3%;left:43%}.l4{left:-2%;top:48%}
.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.2em;color:#777;display:flex;gap:10px;align-items:center}.scroll-cue span{width:34px;height:1px;background:#555;position:relative;overflow:hidden}.scroll-cue span:after{content:"";position:absolute;inset:0;background:var(--orange);animation:cue 1.8s infinite}@keyframes cue{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.marquee-wrap{overflow:hidden;border-top:1px solid #1e1e1e;border-bottom:1px solid #1e1e1e;background:#090909}.marquee{display:flex;gap:20px;white-space:nowrap;padding:17px 0;width:max-content;animation:marquee 28s linear infinite}.marquee span{font-size:10px;letter-spacing:.14em;color:#bbb}.marquee i{color:var(--orange);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.section-index{position:absolute;top:110px;right:6vw;font-size:11px;color:#555;letter-spacing:.15em}
html[data-lang="ar"] .section-index{right:auto;left:6vw}
.split-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.split-copy h2,.section-heading h2,.national-copy h2,.founder-copy h2,.location-copy h2,.contact-copy h2{font-size:clamp(42px,5.2vw,78px);line-height:.98;letter-spacing:-.05em;margin:14px 0 22px}.split-copy p,.section-heading p,.national-copy p,.founder-copy p,.location-copy p,.contact-copy p{color:#a6a5a0;line-height:1.9;font-size:16px}
.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.principles-grid article:first-child{grid-column:1/-1}.tilt-card{background:linear-gradient(145deg,#111,#0b0b0b);border:1px solid #282828;padding:28px;min-height:210px;transform-style:preserve-3d;transition:border-color .25s,box-shadow .25s}.tilt-card:hover{border-color:rgba(242,90,10,.45);box-shadow:0 25px 60px rgba(0,0,0,.3)}.tilt-card small{color:var(--orange);letter-spacing:.12em}.tilt-card h3{font-size:22px}.tilt-card p{color:#979692;line-height:1.75}
.national-section{min-height:630px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#080808,#0d0b09 50%,#090909)}.national-backdrop{position:absolute;inset:0}.sun{position:absolute;width:440px;height:440px;border-radius:50%;right:9%;top:18%;background:radial-gradient(circle,rgba(242,90,10,.24),rgba(242,90,10,.04) 45%,transparent 70%);filter:blur(2px)}.city-lines{position:absolute;right:0;bottom:0;width:55%;height:50%;opacity:.28;background:linear-gradient(90deg,transparent,rgba(242,90,10,.05));clip-path:polygon(0 100%,8% 72%,14% 80%,21% 42%,26% 75%,34% 68%,41% 20%,45% 73%,54% 54%,61% 80%,71% 47%,78% 70%,84% 34%,91% 64%,100% 50%,100% 100%)}.national-copy{position:relative;z-index:2;max-width:850px}
.section-heading{max-width:930px;margin-bottom:50px}.architecture-flow{max-width:1050px;margin:0 auto;display:grid;gap:14px;position:relative}.flow-line{position:absolute;left:32px;top:36px;bottom:36px;width:1px;background:linear-gradient(var(--orange),rgba(242,90,10,.1))}.flow-step{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:center;padding:22px 26px;border:1px solid #252525;background:rgba(12,12,12,.72);backdrop-filter:blur(10px);transition:.25s}.flow-step:hover{transform:translateX(8px);border-color:rgba(242,90,10,.5);background:#100d0b}.flow-step b{font-size:22px;color:var(--orange);font-weight:300}.flow-step h3{margin:0 0 7px;font-size:16px;letter-spacing:.08em}.flow-step p{margin:0;color:#91908c;font-size:13px;line-height:1.7}
.ai-lab{background:linear-gradient(180deg,rgba(242,90,10,.028),transparent)}.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ai-card{min-height:260px;position:relative}.ai-card>span{color:#595957;font-size:11px}.ai-card h3{font-size:22px;margin:42px 0 12px}.ai-card p{font-size:14px}.ai-card i{position:absolute;bottom:20px;right:24px;font-style:normal;font-size:9px;letter-spacing:.14em;color:#ff8440}
.platform-list{border-top:1px solid #242424}.platform-row{display:grid;grid-template-columns:70px minmax(220px,1.1fr) 1.2fr auto;gap:25px;align-items:center;padding:25px 8px;border-bottom:1px solid #242424;transition:.25s}.platform-row:hover{background:linear-gradient(90deg,rgba(242,90,10,.08),transparent);padding-inline:18px}.platform-row span{color:var(--orange);font-size:10px}.platform-row h3{font-size:20px;margin:0}.platform-row p{color:#8d8c88;font-size:13px;line-height:1.6}.platform-row b{font-size:9px;color:#d57840;border:1px solid #4b2a1c;padding:5px 8px}
.research-section{overflow:hidden}.research-orbit{position:relative;max-width:950px;height:650px;margin:30px auto 0}.research-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:42px;font-weight:900;line-height:.8;color:white;background:radial-gradient(circle,rgba(242,90,10,.35),#0e0e0e 55%);border:1px solid rgba(242,90,10,.45);box-shadow:0 0 90px rgba(242,90,10,.16)}.research-center small{font-size:10px;letter-spacing:.16em;color:#ff9a60}.research-orbit:before,.research-orbit:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(242,90,10,.18);border-radius:50%}.research-orbit:before{width:520px;height:520px}.research-orbit:after{width:760px;height:760px}.rd-node{position:absolute;padding:14px 16px;border:1px solid #2a2a2a;background:#0d0d0d;font-size:13px;min-width:180px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.rd-node small{display:block;margin-top:6px;font-size:8px;color:#ff8a4b;letter-spacing:.08em}.n1{left:8%;top:18%}.n2{right:7%;top:20%}.n3{left:2%;top:55%}.n4{right:1%;top:58%}.n5{left:18%;bottom:4%}.n6{right:17%;bottom:2%}
.founder-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.founder-art{height:560px;position:relative;border:1px solid #282828;background:linear-gradient(145deg,#121212,#080808);overflow:hidden}.portrait-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(242,90,10,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(242,90,10,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent)}.founder-initial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:300px;font-weight:950;color:rgba(242,90,10,.13)}.founder-art>span{position:absolute;bottom:22px;left:22px;font-size:9px;letter-spacing:.16em;color:#9a9995}.founder-copy em{font-size:.55em;color:var(--orange)}
.capability-cloud{display:flex;gap:11px;flex-wrap:wrap}.capability-cloud span{padding:16px 18px;border:1px solid #2a2a2a;background:#0e0e0e;font-size:11px;letter-spacing:.06em;transition:.25s}.capability-cloud span:hover{border-color:rgba(242,90,10,.5);color:#ff9b61;transform:translateY(-3px)}
.location-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.location-radar{height:520px;position:relative;display:flex;align-items:center;justify-content:center}.lr-ring{position:absolute;border:1px solid rgba(242,90,10,.22);border-radius:50%}.r1{width:150px;height:150px}.r2{width:300px;height:300px}.r3{width:470px;height:470px}.lr-sweep{position:absolute;width:235px;height:235px;left:50%;top:50%;transform-origin:0 0;background:linear-gradient(20deg,rgba(242,90,10,.16),transparent 60%);clip-path:polygon(0 0,100% 0,0 100%);animation:sweep 5s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.lr-pin{z-index:2;color:#fff;font-size:11px;letter-spacing:.16em;background:#f25a0a;padding:8px 11px;box-shadow:0 0 30px rgba(242,90,10,.4)}
.contact-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;border:1px solid #292929;background:linear-gradient(145deg,#0e0e0e,#090909);padding:55px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form input,.contact-form textarea{background:#0a0a0a;border:1px solid #2c2c2c;color:#fff;padding:15px 16px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--orange)}.contact-form textarea,.contact-form button,.contact-form small{grid-column:1/-1}.contact-form small{color:#656460}
footer{border-top:1px solid #222;padding:42px clamp(24px,6vw,100px);background:#050505}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px;align-items:center}.footer-top img{width:180px}.footer-top strong{font-size:13px}.footer-top span,.footer-meta{font-size:10px;color:#8d8c88;letter-spacing:.08em}.footer-bottom{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #1d1d1d;font-size:9px;color:#666}.footer-bottom div{display:flex;gap:18px}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@media(max-width:1100px){.desktop-nav{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr}.hero-visual{min-height:520px}.logo-orbit{width:min(500px,75vw)}.split-section,.founder-layout,.location-section,.contact-shell{grid-template-columns:1fr}.ai-grid{grid-template-columns:1fr 1fr}.research-orbit{transform:scale(.86);transform-origin:center top}.platform-row{grid-template-columns:50px 1fr}.platform-row p,.platform-row b{grid-column:2}}
@media(max-width:700px){.topbar{height:70px}.brand{width:150px}.section{padding:92px 20px}.hero{padding-top:110px}.hero h1{font-size:50px}.hero-visual{min-height:390px}.logo-orbit{width:88vw}.principles-grid,.ai-grid{grid-template-columns:1fr}.principles-grid article:first-child{grid-column:auto}.platform-row{grid-template-columns:38px 1fr;padding:22px 0}.research-orbit{height:auto;display:grid;grid-template-columns:1fr;gap:10px;transform:none}.research-orbit:before,.research-orbit:after,.research-center{display:none}.rd-node{position:static}.founder-art{height:360px}.location-radar{height:360px}.r3{width:320px;height:320px}.r2{width:220px;height:220px}.contact-shell{padding:28px 20px}.contact-form{grid-template-columns:1fr}.contact-form>*{grid-column:1/-1}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}