:root{--purple:#6b2bd1;--deep:#1d1236;--gold:#f5bd35;--ink:#201a2b;--muted:#6f6879;--paper:#fff;--soft:#f8f5fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.8}a{text-decoration:none;color:inherit}.container{width:min(1120px,calc(100% - 36px));margin:auto}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;padding:20px 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.nav img{width:130px;height:auto;display:block}.nav-links{display:flex;align-items:center;gap:24px;color:#fff;font-weight:700}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:12px 24px;font-weight:800;transition:.2s}.nav-cta{background:var(--gold);color:var(--deep)}.hero{min-height:760px;position:relative;display:grid;align-items:center;overflow:hidden;background:var(--deep)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,13,55,.95) 0%,rgba(53,19,99,.78) 47%,rgba(22,15,38,.28) 100%),url('assets/hero.png') center/cover no-repeat}.hero:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(245,189,53,.35);border-radius:50%;top:-340px;right:-180px}.hero-content{position:relative;z-index:2;color:#fff;padding-top:100px;max-width:650px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#ffe29a;font-weight:800;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);padding:6px 14px;border-radius:999px}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.15;margin:22px 0 18px}.hero p{font-size:20px;color:#eee7f7;max-width:580px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn-primary{background:var(--gold);color:var(--deep)}.btn-secondary{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.08)}.availability{margin-top:26px;color:#d8cfe5;font-size:14px}.section{padding:90px 0}.section.soft{background:var(--soft)}.section-head{text-align:center;max-width:700px;margin:0 auto 46px}.section-head span{color:var(--purple);font-weight:900}.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.25;margin:8px 0}.section-head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #eee7f5;border-radius:24px;padding:28px;box-shadow:0 16px 42px rgba(63,33,91,.07)}.icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,var(--purple),#9256e8);color:#fff;display:grid;place-items:center;font-size:24px;margin-bottom:16px}.card h3{margin:0 0 8px;font-size:21px}.card p{color:var(--muted);margin:0}.steps{counter-reset:steps}.step{position:relative;padding-top:58px}.step:before{counter-increment:steps;content:counter(steps);position:absolute;top:0;right:0;width:42px;height:42px;border-radius:14px;background:var(--gold);color:var(--deep);font-weight:900;display:grid;place-items:center}.launch{background:linear-gradient(135deg,#29134d,#6b2bd1);color:#fff;border-radius:32px;padding:50px;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:30px;overflow:hidden;position:relative}.launch h2{font-size:38px;line-height:1.3;margin:0 0 12px}.launch p{color:#eee5fb;margin:0}.launch-badge{justify-self:end;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:22px;text-align:center}.launch-badge strong{display:block;color:var(--gold);font-size:24px}.founder{display:grid;grid-template-columns:120px 1fr;gap:26px;align-items:center;max-width:780px;margin:auto}.founder-mark{width:120px;height:120px;border-radius:32px;background:linear-gradient(145deg,var(--deep),var(--purple));display:grid;place-items:center;color:var(--gold);font-size:38px;font-weight:900}.founder h2{margin:0}.founder p{margin:6px 0;color:var(--muted)}.footer{background:#160e26;color:#ddd3e8;padding:52px 0 26px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer img{width:140px}.footer h3{color:#fff}.footer a{display:block;margin:7px 0;color:#ddd3e8}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:20px;text-align:center;color:#a89bb9;font-size:14px}.page-hero{background:linear-gradient(135deg,#1c1030,#6b2bd1);color:#fff;padding:120px 0 65px;text-align:center}.page-hero img{width:150px}.content{padding:60px 0;max-width:900px;margin:auto}.content h2{color:var(--deep);margin-top:32px}.content p,.content li{color:#51495c}.notice{background:#fff7df;border-right:4px solid var(--gold);padding:18px;border-radius:14px}.contact-box{background:var(--soft);border-radius:24px;padding:28px}.form-grid{display:grid;gap:14px}.form-grid input,.form-grid textarea{width:100%;padding:14px 16px;border:1px solid #ded5e9;border-radius:12px;font:inherit}.form-grid button{border:0;cursor:pointer}.mini-nav{background:#fff;padding:14px 0;border-bottom:1px solid #eee}.mini-nav .nav-links{color:var(--ink)}
@media(max-width:820px){.nav-links a:not(.nav-cta){display:none}.hero{min-height:700px}.hero:before{background:linear-gradient(180deg,rgba(30,13,58,.68),rgba(35,14,66,.94)),url('assets/hero.png') 58% center/cover no-repeat}.hero-content{text-align:center;margin:auto}.hero p{font-size:17px}.actions{justify-content:center}.grid{grid-template-columns:1fr}.launch{grid-template-columns:1fr;text-align:center;padding:34px 24px}.launch-badge{justify-self:center}.founder{grid-template-columns:1fr;text-align:center}.founder-mark{margin:auto}.footer-grid{grid-template-columns:1fr;text-align:center}.footer img{margin:auto}.nav img{width:105px}.section{padding:65px 0}}
.screens-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start;max-width:940px;margin:auto}.screen-card{background:#171024;border-radius:34px;padding:9px;box-shadow:0 25px 55px rgba(32,16,54,.18);position:relative}.screen-card:before{content:"";position:absolute;top:14px;left:50%;transform:translateX(-50%);width:72px;height:18px;border-radius:999px;background:#171024;z-index:2}.screen-card img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;object-position:top;border-radius:27px}.screen-label{text-align:center;margin-top:15px;font-weight:900;color:var(--deep)}
@media(max-width:820px){.screens-wrap{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 5px 30px;gap:18px}.screen-item{min-width:78%;scroll-snap-align:center}}