@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");
:root{--navy:#092653;--teal:#079ba7;--pale:#eef7f8;--text:#13283d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"IBM Plex Sans Arabic", "Noto Sans Arabic", Arial, sans-serif;color:var(--text);background:#f7fafb;line-height:1.75}a{text-decoration:none;color:inherit}.shell{width:min(1140px,92%);margin:auto}.header{background:#fff;border-bottom:1px solid #e2e8ee}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;color:var(--navy);line-height:1.2}.brand small{display:block;color:var(--teal);font-size:13px}.brandmark{display:grid;place-items:center;width:45px;height:45px;border:2px solid var(--teal);border-radius:14px;color:var(--teal)}nav{display:flex;gap:20px;font-size:14px}nav a:hover{color:var(--teal)}.hero{background:linear-gradient(125deg,#071d41,#0a3960);color:#fff;padding:75px 0}.hero h1{font-size:clamp(29px,4vw,54px);line-height:1.35;max-width:800px;margin:10px 0}.hero p{max-width:700px;color:#d6edf0}.eyebrow{color:#68e3e5;font-weight:bold}.button{display:inline-block;background:var(--teal);color:#fff;border-radius:10px;padding:11px 20px;font-weight:bold}.button.secondary{background:#e6f3f4;color:var(--navy)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:55px 0}.section h2{font-size:29px;margin:0 0 8px;color:var(--navy)}.muted{color:#64748b}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}.card{background:#fff;border:1px solid #e3eaee;border-radius:18px;padding:24px;box-shadow:0 8px 24px #0a27470b}.card h3{color:var(--navy);margin:6px 0}.tag{display:inline-block;background:var(--pale);color:#057782;padding:4px 10px;border-radius:20px;font-size:12px}.meta{font-size:13px;color:#667789}.card .button{margin-top:12px}.panel{background:#fff;border:1px solid #e3eaee;border-radius:18px;padding:30px;margin:30px 0}.notice{background:#fff7e8;border:1px solid #f1d5a4;padding:15px;border-radius:12px;color:#75500c}.detail{max-width:830px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.feature{padding:16px;background:#fff;border-radius:12px;border:1px solid #e4ecee}footer{background:var(--navy);color:#fff;padding:35px 0;margin-top:45px}footer p,footer small{color:#c3d9e2}@media(max-width:720px){.grid{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column;padding:14px 0}nav{gap:14px;flex-wrap:wrap}.hero{padding:52px 0}}

.logo-img{width:55px;height:55px;object-fit:contain;border-radius:9px}.subhead{font-size:12px;color:#55748a}.button:hover{filter:brightness(1.08)}.brand{font-size:16px}.notice{margin-top:20px}
/* Typography refinement — October 2026 */
html{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{font-size:15.5px;line-height:1.9;font-weight:400}
h1,h2,h3,.brand,.button,.eyebrow{font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Arial,sans-serif}
.hero h1{font-weight:700;line-height:1.5;letter-spacing:-.035em}
.section h2{font-weight:700;line-height:1.55;letter-spacing:-.025em}
.card h3{font-size:19px;line-height:1.65;font-weight:700}
.brand{font-weight:700;line-height:1.5;letter-spacing:-.015em}
.brand small{font-family:Manrope,Arial,sans-serif;font-weight:700;letter-spacing:.07em;font-size:10px;margin-top:3px}
nav{font-weight:600;font-size:14px}
.button{font-weight:600;letter-spacing:0;padding:12px 22px}
.eyebrow{font-size:13px;font-weight:600;line-height:1.9}
.tag{font-weight:600;font-size:12px}
.meta,footer small{font-size:12.5px}
.hero p{font-size:17px;line-height:2}
@media(max-width:720px){body{font-size:15px}.hero h1{font-size:clamp(28px,7vw,38px)}.hero p{font-size:15.5px}}

/* v1.2 conversion and accessibility */
:root{--focus:#ffca65}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}nav a{padding:8px 2px}.section-intro{max-width:720px}.filterbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.field{display:block;width:100%;border:1px solid #c9d9e1;background:white;border-radius:12px;padding:13px 15px;font:inherit;color:var(--text)}.filterbar .field{max-width:380px}.field-label{font-weight:600;display:block;margin:0 0 5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .wide{grid-column:1/-1}.section-soft{background:#edf6f7}.contact-panel{background:#fff;border:1px solid #dce9eb;border-radius:20px;padding:28px;max-width:840px}.smallprint{font-size:13px;color:#52697b}.button{border:0;cursor:pointer;font:inherit;font-weight:600}.button:disabled{opacity:.5;cursor:not-allowed}.empty{padding:20px;border:1px dashed #b3cbd0;border-radius:12px}.faq details{background:#fff;border:1px solid #e1e9ee;border-radius:12px;padding:14px 18px;margin-bottom:12px}.faq summary{font-weight:700;cursor:pointer;color:var(--navy)}.faq p{margin-bottom:0}.header{position:relative;z-index:2}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.hero{background:radial-gradient(ellipse at 10% 20%,#14657966,transparent 42%),linear-gradient(125deg,#071d41,#0a3960)}.hero .eyebrow{display:inline-block;border:1px solid #ffffff35;border-radius:50px;padding:6px 14px}.card{display:flex;flex-direction:column}.card .button{align-self:flex-start;margin-top:auto}.card .meta{margin-bottom:18px}@media(max-width:720px){.form-grid{grid-template-columns:1fr}.contact-panel{padding:18px}.brand small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}