@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
:root{--navy:#07182d;--navy2:#0b2545;--gold:#e9b949;--cream:#f7f3e8;--white:#fff;--muted:#98a9bd;--line:#dfe6ed}*{box-sizing:border-box}body{margin:0;font-family:Tajawal,Arial,sans-serif;color:#10233b;background:#fbfcfd;line-height:1.8}a{text-decoration:none;color:inherit}header{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:28px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 8px 30px #07182d22}.brand{display:flex;align-items:center;font-size:22px;font-weight:800;letter-spacing:.5px}.brand span{color:#fff}.brand b{color:var(--gold);margin-right:4px}nav{display:flex;gap:24px;margin-inline:auto}nav a{font-size:14px;color:#dce5ef}nav a:hover{color:var(--gold)}.nav-cta,.button{padding:10px 20px;border-radius:8px;font-weight:700;display:inline-block}.nav-cta{border:1px solid var(--gold);color:var(--gold)}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{background:radial-gradient(circle at 20% 10%,#174b78 0,transparent 34%),linear-gradient(125deg,var(--navy),#0b2949);color:#fff;padding:95px max(8vw,28px) 85px;min-height:330px;display:flex;flex-direction:column;justify-content:center}.hero.home{min-height:600px;background:radial-gradient(circle at 15% 25%,#1d5b8f 0,transparent 27%),radial-gradient(circle at 80% 70%,#5e491a55 0,transparent 25%),linear-gradient(125deg,#061426,#0a294a)}.hero h1{font-size:clamp(38px,6vw,76px);line-height:1.15;max-width:850px;margin:12px 0}.hero>p:not(.eyebrow){font-size:20px;color:#c8d5e3;max-width:680px}.eyebrow{color:var(--gold)!important;font-weight:700;letter-spacing:1.5px;font-size:13px!important}.actions{display:flex;gap:12px;margin-top:20px}.button.gold{background:var(--gold);color:#142238}.button.ghost{border:1px solid #ffffff66;color:#fff}.trust{display:grid;grid-template-columns:repeat(4,1fr);padding:22px max(8vw,28px);background:#fff;border-bottom:1px solid var(--line);text-align:center;font-weight:700}.trust span+span{border-right:1px solid var(--line)}main>section:not(.hero):not(.trust),main>article{padding:85px max(8vw,28px)}h2{font-size:clamp(26px,3vw,42px);line-height:1.3;margin:.3em 0}p{color:#53667a}.grid,.price-grid,.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.grid article,.price,.posts a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 14px 40px #0b254508}.grid article>b{color:var(--gold);font-size:24px}.split{display:grid!important;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.device-art{height:360px;border-radius:22px;background:linear-gradient(145deg,#102f52,#061426);display:grid;place-items:center;position:relative;overflow:hidden}.screen{width:70%;aspect-ratio:16/9;border:8px solid #1b2735;background:linear-gradient(135deg,#0d3d69,#142f4a);display:grid;place-items:center;font-size:46px;font-weight:800;color:#fff;box-shadow:0 30px 50px #0008}.screen b{color:var(--gold);margin-top:-80px}.glow{position:absolute;width:220px;height:220px;background:#e9b94933;filter:blur(45px);border-radius:50%;bottom:-80px}.text-link{font-weight:700;color:#0e4c79}.cta{margin:20px max(8vw,28px) 90px;padding:40px!important;border-radius:18px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center}.cta h2{margin:0}.cta p{color:#b9c8d8}.price-grid{grid-template-columns:repeat(4,1fr)}.price span,.posts span{font-size:13px;color:#8a6a1f;font-weight:700}.price a,.posts b,.inline-cta a{display:inline-block;margin-top:15px;color:#0e527f;font-weight:800}.price.featured{border:2px solid var(--gold);transform:translateY(-8px)}.note{padding:0 max(8vw,28px) 80px;text-align:center}.posts a:hover{transform:translateY(-4px);transition:.2s}.faq{max-width:920px;margin:auto}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 24px;margin:12px}.faq summary{font-weight:800;cursor:pointer}.contact-card{max-width:820px;margin:0 auto}.contact-card>div{background:#fff;border:1px solid var(--line);border-right:5px solid var(--gold);border-radius:18px;padding:45px}.article{max-width:900px;margin:auto;font-size:18px}.article h2{margin-top:1.4em}.article li{margin-bottom:10px;color:#53667a}.meta{font-size:14px;color:#8190a0}.inline-cta{background:var(--cream);border-radius:14px;padding:24px;margin-top:40px}.inline-cta h3{margin:0}footer{background:#061426;color:#fff;padding:60px max(8vw,28px) 25px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}footer div{display:flex;flex-direction:column;align-items:flex-start}footer p,footer a{color:#aebed0;margin:4px 0}footer h3{margin-top:0;color:var(--gold)}footer small{grid-column:1/-1;border-top:1px solid #ffffff1c;padding-top:20px;color:#7f92a6}.floating{position:fixed;left:22px;bottom:22px;background:#25d366;color:#073918;border-radius:999px;padding:12px 18px;font-weight:800;box-shadow:0 12px 30px #0004;z-index:15}@media(max-width:800px){header{height:68px}.menu{display:block;margin-right:auto}header nav{display:none;position:absolute;top:68px;right:0;left:0;background:var(--navy);padding:20px;flex-direction:column}header nav.open{display:flex}.nav-cta{display:none}.hero,.hero.home{min-height:460px;padding-top:65px}.hero h1{font-size:42px}.trust{grid-template-columns:1fr 1fr;gap:14px}.trust span+span{border:0}.split{grid-template-columns:1fr;gap:30px}.grid,.price-grid,.posts{grid-template-columns:1fr}.price.featured{transform:none}.cta{display:block}.cta .button{margin-top:15px}.device-art{height:280px}footer{grid-template-columns:1fr 1fr}.floating{font-size:13px}}