:root{--navy:#0b1220;--navy-deep:#070d18;--navy-soft:#111c2e;--green:#6ee63f;--green-strong:#1db954;--white:#fff;--off-white:#f4f7f2;--ink:#101827;--muted:#647084;--line:rgba(11,18,32,.12);--line-dark:rgba(255,255,255,.14);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:var(--off-white);font-family:Tajawal,Segoe UI,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--green);outline-offset:4px}.skip-link{position:fixed;z-index:999;top:12px;right:12px;padding:12px 18px;color:var(--navy);background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}.section-inner{width:min(calc(100% - 48px),var(--max));margin:auto}.site-header{position:-webkit-sticky;position:sticky;z-index:100;top:0;display:flex;color:#fff;background:rgba(11,18,32,.97);border-bottom:1px solid var(--line-dark)}.nav-shell,.site-header{min-height:92px;align-items:center}.nav-shell{width:min(calc(100% - 48px),var(--max));margin:auto;display:grid;grid-template-columns:210px 1fr auto;grid-gap:32px;gap:32px}.brand{display:block;width:205px}.brand img{width:100%;height:auto;display:block}.nav-links{display:flex;justify-content:center;gap:32px}.back-link,.nav-links a{min-height:44px;display:inline-flex;align-items:center}.nav-links a:hover{color:var(--green)}.back-link{padding:8px 18px;border:1px solid var(--green);border-radius:12px;color:var(--navy);background:var(--green);font-weight:800}.hero{display:flex;padding:72px 0;color:#fff;background:var(--navy)}.hero,.hero-grid{align-items:center}.hero-grid{display:grid;grid-template-columns:.75fr 1.25fr;grid-gap:72px;gap:72px}.eyebrow{margin:0 0 14px;color:var(--green-strong);font-size:.9rem;font-weight:800}.hero .eyebrow{color:var(--green)}h1,h2{margin:0;line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(3.5rem,6vw,6.3rem)}h1 span{color:var(--green)}h2{font-size:clamp(2.25rem,4vw,3.8rem)}.hero-lede{max-width:620px;margin:24px 0;color:#bec9d8;font-size:1.12rem}.button{min-height:52px;display:inline-flex;align-items:center;padding:12px 24px;border-radius:12px;color:var(--navy);background:var(--green);font-weight:800}.hero-preview{width:100%;aspect-ratio:1.44/1;object-fit:cover;border:1px solid var(--line-dark);border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.section{padding:112px 0}.split{display:grid;grid-template-columns:1fr .8fr;align-items:center;grid-gap:80px;gap:80px}.split>p{max-width:610px;color:var(--muted);font-size:1.08rem}.experience-section{padding:96px 0 128px;color:#fff;background:var(--navy)}.section-heading{margin-bottom:36px}.scene-shell{position:relative;height:min(76dvh,760px);min-height:560px;overflow:hidden;border:1px solid var(--line-dark);border-radius:28px;background:#becbd0}.scene-shell canvas{display:block;pointer-events:none;touch-action:pan-y}.fallback,.scene-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:#becbd0}.scene-placeholder span{width:48px;height:48px;border:2px solid rgba(11,18,32,.18);border-top:2px solid var(--green-strong);border-radius:50%;animation:spin .9s linear infinite}.scene-placeholder p{position:absolute;margin-top:90px;color:var(--navy)}.fallback img{width:100%;height:100%;object-fit:cover}.fallback p,.scene-hint{position:absolute;z-index:4;margin:0;padding:9px 13px;color:#fff;background:rgba(11,18,32,.84)}.fallback p{bottom:24px}.scene-hint{right:24px;bottom:24px;font-size:.78rem}.model-loader{min-width:140px;padding:16px;color:#fff;background:rgba(11,18,32,.9);text-align:center}.model-loader span,.model-loader strong{display:block}.model-loader strong{color:var(--green);font-size:1.35rem}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin:40px 0 0;padding:0;list-style:none}.tech-grid li{min-height:92px;display:flex;align-items:center;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;font-weight:800}.performance{color:#fff;background:var(--navy-soft)}.performance h2{color:#fff}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-dark)}.metrics article{padding:24px 18px;border-bottom:1px solid var(--line-dark)}.metrics span,.metrics strong{display:block}.metrics strong{color:var(--green);font-size:1.35rem}.metrics span{color:#aab7c7;font-size:.85rem}.result{background:#e9efe9}footer{padding:48px 0;color:#94a2b5;background:var(--navy-deep)}footer .section-inner{display:flex;justify-content:space-between;gap:24px}footer a{color:var(--green);font-weight:800}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:900px){.nav-shell{grid-template-columns:1fr auto}.nav-links{display:none}.hero-grid,.split{grid-template-columns:1fr;gap:40px}.hero{padding:56px 0}.hero-preview{order:-1}.scene-shell{height:62dvh;min-height:500px}.tech-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.nav-shell,.section-inner{width:calc(100% - 32px)}.nav-shell,.site-header{min-height:72px}.brand{width:150px}.back-link{padding:6px 10px;font-size:.76rem}.hero{min-height:calc(100dvh - 72px)}h1{font-size:clamp(2.8rem,14vw,4.2rem)}.section{padding:80px 0}.experience-section{padding:72px 0 96px}.scene-shell{height:58dvh;min-height:430px;border-radius:18px}.scene-hint{right:12px;bottom:12px}.metrics,.tech-grid{grid-template-columns:1fr}footer .section-inner{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a,button{touch-action:manipulation}.eyebrow{color:#137a3a}.experience-section .eyebrow,.hero .eyebrow,.performance .eyebrow{color:var(--green)}.metrics span,.scene-hint{font-size:.875rem}footer a{min-width:44px;min-height:44px;display:inline-flex;align-items:center}@media (max-width:520px){.brand{min-height:44px;display:inline-flex;align-items:center}.back-link{min-width:44px;min-height:44px;justify-content:center}}.hero{position:relative;isolation:isolate;min-height:calc(100dvh - 92px);overflow:hidden;padding:48px 0;background:radial-gradient(ellipse 72% 64% at 20% 45%,rgba(37,79,109,.34),transparent 68%),radial-gradient(ellipse 48% 42% at 62% 5%,rgba(32,88,81,.18),transparent 70%),linear-gradient(145deg,#070d18,#0b1424 52%,#09111f)}.hero:before{content:"";inset:0;opacity:.11;background-image:linear-gradient(rgba(255,255,255,.24) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 0);background-size:52px 52px;transform:perspective(520px) rotateX(62deg) scale(1.6) translateY(27%);transform-origin:center bottom;-webkit-mask-image:linear-gradient(180deg,transparent 12%,#000 58%,#000);mask-image:linear-gradient(180deg,transparent 12%,#000 58%,#000)}.hero-beam,.hero:before{position:absolute;z-index:-1;pointer-events:none}.hero-beam{width:min(44vw,640px);height:130%;top:-24%;left:8%;opacity:.13;background:linear-gradient(90deg,transparent,#6ee63f 50%,transparent);filter:blur(30px);transform:rotate(18deg)}.hero-grid{position:relative;z-index:1;grid-template-columns:minmax(270px,.56fr) minmax(0,1.44fr);gap:clamp(28px,4vw,60px)}.hero-copy{max-width:430px;animation:hero-copy-in .52s cubic-bezier(.2,.8,.2,1) both}.hero h1{font-size:clamp(2.6rem,4.2vw,4.65rem);line-height:1.22;text-wrap:balance}.hero-lede{max-width:410px;margin:20px 0 0;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{justify-content:center;border:1px solid var(--green);transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button-secondary{color:#e4ebf3;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.24)}.button-secondary:hover{color:var(--green);border-color:rgba(110,230,63,.55)}.hero-tech{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none}.hero-tech li{padding:6px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#aebdcd;background:rgba(7,13,24,.42);font-size:.8rem;line-height:1.4}.hero-stage{position:relative;min-width:0;height:min(72dvh,680px);min-height:540px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:radial-gradient(circle at 45% 38%,rgba(84,112,132,.28),transparent 42%),linear-gradient(145deg,rgba(17,28,46,.88),rgba(7,13,24,.8));box-shadow:0 28px 90px rgba(0,0,0,.34);animation:hero-model-in .62s cubic-bezier(.2,.8,.2,1) 80ms both}.hero-stage .scene-shell{width:100%;height:100%;min-height:0;border:0;border-radius:0;background:transparent}.hero-stage .fallback,.hero-stage .scene-placeholder{background:#101b2b}.hero-stage .fallback img{opacity:.88}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-model-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:900px){.hero{min-height:auto;padding:28px 0 52px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-stage{order:-1;height:min(50dvh,410px);min-height:320px;border-radius:20px}.hero-copy{max-width:620px}}@media (max-width:520px){.hero{padding-top:16px}.hero:before{background-size:36px 36px}.hero-beam{width:76vw;left:-18%;opacity:.09}.hero-stage{height:300px;min-height:300px;border-radius:16px}.hero h1{font-size:clamp(2.15rem,10.4vw,2.65rem);line-height:1.3}.hero-lede{margin-top:14px;font-size:1rem}.hero-actions{margin-top:20px}.hero-actions .button{flex:1 1 150px;min-height:48px;padding-inline:16px}.hero-tech{margin-top:18px}}@media (prefers-reduced-motion:reduce){.hero-copy,.hero-stage{animation:none}.button:hover{transform:none}}