@charset "UTF-8";:root{--color-navy-900: #081c33;--color-navy-800: #0b2545;--color-navy-700: #13315c;--color-navy-600: #1d4477;--color-teal-500: #0ea5a4;--color-teal-400: #2dd4bf;--color-teal-100: #d8f5f2;--color-gold-400: #e8b04b;--color-ink: #1e293b;--color-ink-soft: #475569;--color-surface: #ffffff;--color-surface-alt: #f4f7fb;--color-border: #e2e8f0;--font-sans: "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 3px rgba(8, 28, 51, .08);--shadow-md: 0 8px 24px rgba(8, 28, 51, .1);--shadow-lg: 0 18px 44px rgba(8, 28, 51, .16);--container: 1140px;--header-height: 72px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-surface);line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{max-width:100%;vertical-align:middle}a{color:var(--color-teal-500);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-navy-700)}h1,h2,h3,h4{color:var(--color-navy-800);line-height:1.3;margin:0 0 .6em;font-weight:800}p{margin:0 0 1em}.container{max-width:var(--container);margin-inline:auto;padding-inline:24px}.section{padding-block:88px}.section.section--alt{background:var(--color-surface-alt)}.section.section--dark{background:linear-gradient(135deg,var(--color-navy-900),var(--color-navy-700));color:#ffffffe0}.section.section--dark h2,.section.section--dark h3{color:#fff}.section-heading{max-width:720px;margin-block-end:48px}.section-heading .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;letter-spacing:.06em;color:var(--color-teal-500);text-transform:uppercase;margin-block-end:10px}.section-heading .eyebrow:before{content:"";display:inline-block;width:28px;height:3px;border-radius:2px;background:var(--color-teal-500)}.section-heading h2{font-size:clamp(1.7rem,3.4vw,2.4rem);margin-block-end:12px}.section-heading p{color:var(--color-ink-soft);font-size:1.06rem}.section--dark .section-heading p{color:#ffffffbf}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:999px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;border:2px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--color-teal-500);color:#fff;box-shadow:0 10px 24px #0ea5a459}.btn--primary:hover{background:var(--color-teal-400);color:var(--color-navy-900)}.btn--ghost{background:transparent;color:#fff;border-color:#ffffff73}.btn--ghost:hover{border-color:#fff;color:#fff;background:#ffffff14}.card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card h3,.card p,.card .why-num{padding-inline:28px}.card h3{margin-block-start:22px}.card p{margin-block-end:0}.card p:last-child{padding-block-end:28px}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--color-teal-400)}.card-icon{display:block;width:100%;height:190px;object-fit:cover}.card-icon:not(img){display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;margin:28px 28px 0;border-radius:var(--radius-sm);background:var(--color-teal-100);color:var(--color-teal-500)}.card-icon svg{width:28px;height:28px}.why-num{display:block;margin-block-start:28px}.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);font-weight:500;font-size:.95rem;color:var(--color-navy-700);box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease,background .2s ease}.chip:hover{transform:translateY(-2px);border-color:var(--color-teal-400);background:var(--color-teal-100)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.card,.chip{transition:none}}
