@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#0d0c0a;--surface:#191612;--gold:#d7aa68;--cream:#f8f3e9;--muted:#aca092;--line:#40372c;--green:#68d3a1;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 12%,#7a572827,transparent 30%),var(--bg);color:var(--cream);font-family:"Noto Sans Arabic",sans-serif;overflow-x:hidden}.nav{height:82px;max-width:1280px;margin:auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between}.nav>a:last-child{color:var(--muted);text-decoration:none}.brand{display:flex;gap:12px;align-items:center;color:var(--cream);text-decoration:none;font-family:"Space Grotesk",sans-serif;letter-spacing:.12em}.brand>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:23px}.brand small{display:block;color:var(--gold);font-size:8px}.hero{max-width:1280px;min-height:760px;margin:auto;padding:70px 40px;display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:60px}.eyebrow{color:var(--gold);font:600 11px "Space Grotesk",sans-serif;letter-spacing:.2em}.hero h1{font-size:clamp(52px,7vw,96px);line-height:1.08;margin:16px 0 24px;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--gold)}.lead{max-width:630px;color:var(--muted);font-size:18px;line-height:2}.actions{display:flex;gap:12px;margin-top:32px}.download,.secondary{min-height:60px;padding:12px 24px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;font-weight:800;transition:.22s var(--ease)}.download{background:var(--gold);color:#17120b;box-shadow:0 18px 50px #d7aa6826}.download:hover{background:#f0d19c;transform:translateY(-2px)}.download small{font-weight:500;font-size:11px;opacity:.7}.secondary{border:1px solid var(--line);color:var(--cream)}.compatibility{color:#7f7569;font-size:12px}.phone-stage{position:relative;display:grid;place-items:center;height:650px}.phone-stage img,.showcase img{position:relative;width:min(360px,80vw);max-height:640px;object-fit:cover;object-position:top;border-radius:44px;border:8px solid #25211c;box-shadow:0 45px 110px #000,0 0 0 1px #6d583c}.orbit{position:absolute;width:560px;height:560px;border:1px solid #d7aa6830;border-radius:50%;animation:float 7s ease-in-out infinite}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;background:var(--gold);box-shadow:0 0 30px var(--gold)}.orbit:before{width:10px;height:10px;top:70px;right:70px}.orbit:after{width:6px;height:6px;bottom:80px;left:60px}@keyframes float{50%{transform:translateY(-14px) rotate(8deg)}}.features{max-width:1200px;margin:20px auto 120px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden}.features article{padding:34px;border-left:1px solid var(--line);background:#15120f}.features article:last-child{border:0}.features b,.steps span{color:var(--gold);font:600 13px "Space Grotesk",sans-serif}.features h2{font-size:21px}.features p,.showcase p,.showcase li,.steps p{color:var(--muted);line-height:1.9}.showcase{max-width:1180px;margin:0 auto 130px;display:grid;grid-template-columns:1fr 420px;gap:90px;align-items:center}.showcase h2,.setup h2{font-size:clamp(38px,5vw,66px);line-height:1.25;margin:14px 0}.showcase img{width:390px;max-height:700px}.showcase li{margin:8px}.setup{padding:110px max(24px,calc((100vw - 1180px)/2));background:#15120f;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:45px 0}.steps article{padding:24px;border:1px solid var(--line);border-radius:18px;background:#0f0d0b}.steps span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--gold)}.steps h3{font-size:18px}.centered{width:max-content;margin:auto}footer{display:flex;justify-content:center;gap:10px;padding:28px;color:#7f7569;font-size:12px;background:#0b0a08}footer a{color:#a88a5e}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center;padding-top:45px}.lead{margin:auto}.actions{justify-content:center}.phone-stage{height:620px}.showcase{grid-template-columns:1fr;text-align:center;padding:0 24px}.showcase img{margin:auto}.showcase ul{text-align:right}.steps{grid-template-columns:1fr 1fr}.features{margin-inline:24px}}
@media(max-width:700px){.nav{height:72px;padding:12px 18px}.nav>a:last-child{display:none}.hero{padding:45px 18px 70px;gap:20px;min-height:auto}.hero h1{font-size:48px}.lead{font-size:15px}.actions{display:grid}.phone-stage{height:560px}.phone-stage img{width:285px;max-height:540px;border-radius:34px}.orbit{width:390px;height:390px}.features{grid-template-columns:1fr;margin-bottom:85px}.features article{border-left:0;border-bottom:1px solid var(--line)}.showcase{grid-template-columns:1fr;gap:40px;margin-bottom:90px}.showcase img{width:285px;border-radius:34px}.setup{padding:75px 18px}.steps{grid-template-columns:1fr}.download.centered{width:100%}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}