/* مُولَّد آلياً من design.json — لا يُعدَّل يدوياً */
:root{--c-primary:#1565C0;--c-secondary:#0A2A5E;--c-accent:#1E90FF;--c-bg:#FFFFFF;--c-surface:#F3F8FD;--c-text:#0B1F3A;
--c-on-primary:#ffffff;--c-on-accent:#ffffff;--c-on-secondary:#ffffff;
--c-muted:color-mix(in srgb,var(--c-text) 62%,var(--c-bg));--c-border:color-mix(in srgb,var(--c-text) 14%,var(--c-bg));--c-tint:color-mix(in srgb,var(--c-primary) 8%,var(--c-bg));
--font-head:'Poppins',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;--font-body:'Inter',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;
--radius:14px;--radius-lg:24px;--container:1180px;--shadow-sm:0 2px 10px rgba(0,0,0,.06);--shadow-md:0 14px 40px rgba(0,0,0,.12);--header-h:76px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);font-size:17px;line-height:1.8;text-rendering:optimizeLegibility;overflow-x:hidden}
img,video,iframe{max-width:100%;display:block}
svg{display:block;max-width:100%}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.3;margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}h3{font-size:1.25rem}
p{margin:0 0 1em}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}
.container{width:min(100% - 2rem,var(--container));margin-inline:auto}
.section{padding-block:clamp(56px,9vw,104px)}
.section-head{max-width:720px;margin:0 auto 48px;text-align:center}
.eyebrow{display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.04em;color:var(--c-primary);background:var(--c-tint);padding:.3em 1em;border-radius:999px;margin-bottom:1rem}
.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700}.brand-logo{height:var(--logo-h,44px);width:auto;max-width:220px;object-fit:contain;display:block}
.text-muted{color:var(--c-muted)}.center{text-align:center}.row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85em 1.7em;border-radius:999px;font-weight:700;font-family:inherit;font-size:1rem;line-height:1.2;border:2px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.btn-primary{background:var(--c-primary);color:var(--c-on-primary)}
.btn-accent{background:var(--c-accent);color:var(--c-on-accent)}
.btn-outline{border-color:var(--c-primary);color:var(--c-primary);background:transparent}
.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}
.badge{display:inline-flex;align-items:center;padding:.2em .8em;border-radius:999px;background:var(--c-tint);color:var(--c-primary);font-size:.85rem;font-weight:600}
.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding-block:56px}}
.icon-circle{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--c-tint);color:var(--c-primary);flex:none}
.icon-circle>svg,.icon-circle>img{width:48%;height:48%;display:block;margin:0}
.float-btn{position:fixed;inset-block-end:20px;inset-inline-start:20px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;z-index:50;box-shadow:var(--shadow-md);color:#fff;border:0;cursor:pointer}
.float-btn>svg,.float-btn>img{width:52%;height:52%;display:block;margin:0}
.stack>*+*{margin-top:1rem}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.js .reveal.is-visible{opacity:1;transform:none}
[data-nav-toggle]{cursor:pointer}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}}