:root{--color-navy:#162a44;--color-blue:#7fb3ff;--color-lavender:#a78bfa;--color-mint:#a7e3c1;--color-text:#162a44;--color-muted:#4f5f75;--color-accent:#5b3fd6;--color-bg:#fff;--color-soft:#f4f6fb;--color-border:#e6eaf2;--color-chip:#efeafe;--color-on-navy:#fff;--color-on-navy-muted:#c4d0e2;--color-on-navy-faint:#ffffff12;--shadow-card:0 10px 30px -18px #162a4447;--shadow-lift:0 22px 50px -22px #162a4466;--shadow-phone:0 24px 44px -18px #162a448c;--gradient-glow:radial-gradient(circle at 25% 35%, #7fb3ff80, transparent 60%), radial-gradient(circle at 75% 55%, #a78bfa73, transparent 60%), radial-gradient(circle at 50% 95%, #a7e3c199, transparent 55%);--gradient-close:linear-gradient(120deg, #162a44, #2b3f7a 60%, #4b3a8f);--focus-ring:#a78bfa;--selection:#a7e3c1}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--color-lavender) var(--color-soft)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-text);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0 0 .5em}:lang(ar) :is(h1,h2,h3){font-family:var(--font-text);letter-spacing:0}h1{font-size:clamp(2.5rem,5.2vw,4.4rem);font-weight:700;line-height:1.07}h2{font-size:clamp(1.75rem,3vw,2.6rem);font-weight:700;line-height:1.15}h3{font-size:1.15rem;line-height:1.3}p{color:var(--color-muted);margin:0 0 1em}img{block-size:auto;max-inline-size:100%;display:block}::selection{background:var(--selection);color:var(--color-navy)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.wrap{inline-size:min(1200px,100% - 2*clamp(20px,5vw,72px));margin-inline:auto}.section{padding-block:clamp(64px,9vw,112px)}.section-head{text-align:center;max-inline-size:760px;margin-inline:auto}.section-head p{max-inline-size:62ch;margin-inline:auto}.pill{background:var(--color-navy);min-block-size:44px;color:var(--color-on-navy);border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-size:.95rem;font-weight:600;line-height:1.4;text-decoration:none;transition:background-color .2s,transform .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.pill:hover{background:var(--color-accent);transform:translateY(-1px)}.pill-lg{padding:15px 30px;font-size:1.02rem}.pill-mint{background:var(--color-mint);color:var(--color-navy)}.pill-mint:hover{background:var(--color-on-navy)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill{transition:none}.pill:hover{transform:none}}