@font-face{font-family:Readex;src:url(/site/fonts/readex-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Readex;src:url(/site/fonts/readex-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{
  --navy:#0B1A3A;--navy2:#13306B;--gold:#FFC531;--orange:#F4A340;
  --ink:#16181D;--muted:#5B6270;--line:#E3E6EC;--tint:#F5F7FB;--bg:#fff;--card:#fff;
  --radius:18px;--shadow:0 10px 30px rgba(11,26,58,.08);
}
@media (prefers-color-scheme:dark){:root{
  --ink:#EEF0F4;--muted:#A6ADBA;--line:#263049;--tint:#0F1830;--bg:#0A1226;--card:#111C38;--shadow:none;
}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.8 Readex,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{line-height:1.35;margin:0;font-weight:700}
.wrap{max-width:1140px;margin:0 auto;padding:0 16px}
.narrow{max-width:780px}
.center{text-align:center}
.skip{position:absolute;inset-inline-start:-999px}
.skip:focus{inset-inline-start:16px;top:8px;z-index:9;background:var(--gold);color:#000;padding:8px 14px;border-radius:10px}
.ic{width:28px;height:28px;flex:none}

/* الرأس */
.top{position:sticky;top:0;z-index:5;background:rgba(11,26,58,.92);backdrop-filter:saturate(1.4) blur(10px);color:#fff}
.top .wrap{display:flex;align-items:center;gap:20px;height:62px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:22px}
.brand img{border-radius:10px;background:#fff}
.top nav{display:flex;gap:22px;margin-inline-start:auto;font-size:15px}
.top nav a{text-decoration:none;opacity:.85}
.top nav a:hover{opacity:1;color:var(--gold)}
@media (max-width:720px){.top nav{display:none}.top .btn-sm{margin-inline-start:auto}}

/* الأزرار */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border-radius:14px;font-weight:700;text-decoration:none;font-size:17px;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--gold);color:#111;box-shadow:0 8px 24px rgba(255,197,49,.35)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.4);color:#fff}
.btn-sm{min-height:38px;padding:0 18px;font-size:15px;background:var(--gold);color:#111;border-radius:11px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.center .ctas{justify-content:center}
.cta-note{font-size:14px;opacity:.75;margin:12px 0 0}
a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:8px}

/* البطل */
.hero{background:radial-gradient(1200px 600px at 85% -10%,#21479a 0,transparent 60%),linear-gradient(160deg,var(--navy) 0,var(--navy2) 100%);color:#fff;padding:56px 0 64px;overflow:hidden}
.hero-sm{padding:40px 0 48px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.eyebrow{color:var(--gold);font-weight:700;font-size:15px;margin:0 0 10px}
.hero h1{font-size:clamp(30px,5vw,50px)}
.hero h1 em{font-style:normal;color:var(--gold)}
.lead{font-size:clamp(17px,2vw,20px);opacity:.88;margin:18px 0 0;max-width:620px}
.ticks{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:15px}
.ticks li{display:flex;align-items:center;gap:6px}
.ticks .ic{width:18px;height:18px;color:var(--gold)}
.hero-phones{display:flex;justify-content:center;gap:16px}
.hero-phones .shot{width:46%;max-width:260px;border-radius:26px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.hero-phones .shot:nth-child(2){margin-top:48px}
.hero-phones.one .shot{width:70%;max-width:300px}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-phones .shot{width:44%}}

/* شريط المزايا */
.strip{background:var(--gold);color:#111}
.strip-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:16px;padding-bottom:16px;text-align:center}
.strip b{display:block;font-size:19px}
.strip span{font-size:14px;opacity:.75}
@media (max-width:600px){.strip-row{grid-template-columns:repeat(2,1fr);row-gap:14px}}

/* الأقسام */
.sec{padding:72px 0}
.alt{background:var(--tint)}
.h2{font-size:clamp(25px,3.4vw,36px);margin-bottom:10px}
.h3{font-size:20px;margin-bottom:14px}
.sub{color:var(--muted);font-size:18px;margin:0 0 32px;max-width:720px}
.center .sub,.sub.center{margin-inline:auto}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.card .ic{color:var(--orange);margin-bottom:10px}
.card h3{font-size:18px;margin-bottom:6px}
.card p{margin:0;color:var(--muted);font-size:15.5px}

/* الصوت */
.voice{background:linear-gradient(180deg,var(--tint),var(--bg))}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.bubbles{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.bubbles li{background:var(--card);border:1px solid var(--line);border-radius:18px 18px 4px 18px;padding:14px 18px;font-weight:700;box-shadow:var(--shadow)}
.phones-2{display:flex;gap:16px;justify-content:center}
.phones-2 .shot{width:46%;max-width:250px;border-radius:24px;box-shadow:0 18px 44px rgba(11,26,58,.22)}
.phones-2 .shot:nth-child(2){margin-top:40px}

/* الأنشطة */
.acts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.act{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-decoration:none;transition:border-color .15s,transform .15s}
.act:hover{border-color:var(--orange);transform:translateY(-2px)}
.act .ic{color:var(--orange);margin-top:3px}
.act b{display:block;font-size:17px}
.act small{display:block;color:var(--muted);font-size:14px;line-height:1.6;margin-top:2px}

/* الخطوات */
.steps{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.steps li{counter-increment:s;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.steps li::before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--gold);font-weight:700;margin-bottom:10px}
.steps b{display:block;font-size:18px}
.steps span{color:var(--muted);font-size:15.5px}
@media (max-width:760px){.steps{grid-template-columns:1fr}}

/* الأسعار */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}
.plan{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.plan.hot{border:2px solid var(--gold);box-shadow:0 14px 40px rgba(255,197,49,.22)}
.plan h3{font-size:20px}
.price{font-size:26px;font-weight:700;margin:8px 0 12px}
.price small{font-size:14px;color:var(--muted);font-weight:400}
.plan ul{margin:0;padding-inline-start:20px;color:var(--muted)}
@media (max-width:860px){.plans{grid-template-columns:1fr}}

/* الأسئلة */
.faq{display:grid;gap:10px;margin-top:20px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px 20px}
.faq summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--orange);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq p{margin:0 0 16px;color:var(--muted)}

/* الخاتمة */
.final{background:linear-gradient(160deg,var(--navy),var(--navy2));color:#fff;padding:72px 0}
.final .sub{color:rgba(255,255,255,.8)}
.store{margin:22px 0 0;font-size:15px;opacity:.85}
.store a{display:inline-flex;align-items:center;gap:6px;color:var(--gold)}
.store .ic{width:16px;height:16px}

.crumbs{font-size:14px;color:var(--muted);padding-top:14px;padding-bottom:14px}
.crumbs a{text-decoration:none}
.crumbs + .hero{margin-top:0}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips a{border:1px solid var(--line);border-radius:999px;padding:8px 16px;text-decoration:none;font-size:15px;background:var(--card)}
.chips a:hover{border-color:var(--orange)}

/* التذييل */
.foot{background:#070F22;color:#C9CFDA;padding:48px 0 28px;font-size:15px}
.foot-brand{display:flex;gap:14px;align-items:flex-start;max-width:420px}
.foot-brand img{border-radius:10px;background:#fff}
.foot-brand b{color:#fff;font-size:19px}
.foot-brand p{margin:4px 0 0}
.foot-cols{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:24px;margin-top:28px}
.foot h2{font-size:15px;color:#fff;margin-bottom:8px}
.foot-cols a{display:block;text-decoration:none;padding:3px 0;opacity:.85}
.foot-cols a:hover{opacity:1;color:var(--gold)}
.copy{margin:32px 0 0;font-size:13px;opacity:.6}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}