:root{--primary: #1e3a8a;--primary-light: #2563eb;--ink: #0f172a;--muted: #64748b;--bg: #ffffff;--soft: #f1f5f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}.container{width:min(960px,92%);margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-size:1.5rem;font-weight:800;color:var(--primary)}.nav{display:flex;gap:1.5rem}.nav a{color:var(--muted);text-decoration:none;font-weight:500}.nav a:hover{color:var(--primary)}.hero{padding:5rem 0 4rem;text-align:center;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.08),transparent 40%),radial-gradient(circle at 80% 80%,rgba(30,58,138,.08),transparent 40%)}.hero h1{font-size:clamp(1.9rem,5vw,3rem);font-weight:800;margin:0 0 1rem}.hero-sub{max-width:560px;margin:0 auto 2rem;color:var(--muted);font-size:1.05rem}.hero-actions{display:flex;justify-content:center;gap:1rem}.btn{display:inline-block;padding:.85rem 2rem;border-radius:12px;text-decoration:none;font-weight:700;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 20px #1e3a8a40}.btn-light{background:#fff;color:var(--primary);box-shadow:0 8px 20px #00000026}.features{padding:4rem 0;background:var(--soft)}.features h2{text-align:center;font-size:1.75rem;margin:0 0 2.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.feature-card{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:0 4px 16px #0f172a0f}.feature-icon{font-size:2rem;margin-bottom:.75rem}.feature-card h3{margin:0 0 .5rem;font-size:1.15rem}.feature-card p{margin:0;color:var(--muted);font-size:.95rem}.cta{padding:4.5rem 0;text-align:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff}.cta h2{margin:0 0 .75rem;font-size:1.75rem}.cta p{margin:0 auto 1.75rem;max-width:480px;opacity:.9}.site-footer{padding:1.5rem 0;text-align:center;color:var(--muted);font-size:.9rem}@media (max-width: 640px){.nav{gap:1rem}.hero{padding:3.5rem 0}}