:root{--navy:#08123d;--blue:#122372;--electric:#5d79ff;--white:#f7f8ff;--muted:#aeb7da;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--navy)}
body{font-family:Inter,Arial,Helvetica,sans-serif;color:var(--white);overflow-x:hidden}
.page{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;padding:clamp(24px,4vw,58px) clamp(24px,7vw,108px);overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(47,71,180,.26),transparent 34%),linear-gradient(145deg,#07103a 0%,#0b174c 56%,#07102f 100%)}
.grid{position:absolute;z-index:-3;inset:0;opacity:.24;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent 8%,#000 48%,transparent 100%);transform:perspective(600px) rotateX(60deg) scale(1.5);transform-origin:bottom}
.page::after{content:"";position:absolute;z-index:-2;width:min(58vw,750px);aspect-ratio:1;border:1px solid rgba(120,143,255,.18);border-radius:50%;right:-14vw;top:50%;transform:translateY(-50%);box-shadow:0 0 0 70px rgba(91,121,255,.035),0 0 0 140px rgba(91,121,255,.025)}
.glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(6px);opacity:.7}.glow-one{width:9px;height:9px;background:#7f94ff;box-shadow:0 0 34px 14px #657fff;right:17%;top:30%}.glow-two{width:5px;height:5px;background:white;box-shadow:0 0 28px 10px #657fff;left:8%;bottom:18%}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:clamp(170px,22vw,280px);height:auto}.status{display:flex;align-items:center;gap:10px;color:#cbd2ed;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.status span{width:7px;height:7px;border-radius:50%;background:#6f89ff;box-shadow:0 0 0 5px rgba(111,137,255,.12);animation:pulse 2.2s ease-in-out infinite}
.hero{width:min(780px,80vw);margin:auto 0;padding:clamp(70px,10vh,130px) 0}.eyebrow{display:flex;align-items:center;gap:12px;color:#b9c5ff;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow i{display:block;width:38px;height:2px;background:#7189ff}
h1{margin:24px 0;font-size:clamp(42px,6.1vw,88px);line-height:1.02;letter-spacing:-.045em;font-weight:740}h1 em{font-style:normal;color:#8194f5}
.lead{max-width:650px;margin:0;color:var(--muted);font-size:clamp(17px,1.5vw,21px);line-height:1.65}
.service-line{display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin-top:38px;color:#f0f2ff;font-size:13px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.service-line b{color:#647ceb;font-size:15px}
.arabic{display:inline-block;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);color:#8f99bc;font-family:Tahoma,Arial,sans-serif;font-size:13px;letter-spacing:.02em}
footer{display:flex;justify-content:space-between;gap:24px;padding-top:22px;border-top:1px solid var(--line);color:#7781a8;font-size:12px;letter-spacing:.04em}footer p{margin:0}footer span{color:#aeb7d7}
@keyframes pulse{0%,100%{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:700px){.page{padding:24px}.topbar{align-items:flex-start}.logo{width:170px}.status{max-width:120px;justify-content:flex-end;text-align:right;font-size:9px}.hero{width:100%;padding:76px 0 66px}h1{font-size:clamp(42px,13vw,64px)}.lead{font-size:16px}.service-line{gap:9px;font-size:11px}.page::after{width:100vw;right:-62vw}footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.status span{animation:none}}