:root{--navy:#0B2545;--navy2:#13315C;--orange:#F29F05;--orange2:#C98200;--ink:#1d2433;--muted:#5b6475;--bg:#F6F7F9;--card:#fff;--line:#e3e6eb;--wa:#1fa855;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"IBM Plex Sans Arabic",Inter,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.75;font-size:17px}
img,svg{max-width:100%}a{color:var(--navy2)}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
section.wrap{margin:56px auto}
h1,h2,h3{line-height:1.35;margin:0 0 .5em}h1{font-size:clamp(28px,4.5vw,46px);font-weight:800}h2{font-size:clamp(22px,3vw,30px);font-weight:800;color:var(--navy)}h3{font-size:19px}
.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:8px;top:8px;background:#fff;padding:8px;z-index:99}
.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.bar{display:flex;align-items:center;gap:16px;min-height:70px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}.logo b{display:block;font-size:20px;font-weight:800;line-height:1.1}.logo small{display:block;font-size:12px;color:var(--muted)}
.nav{display:flex;gap:4px;flex-wrap:wrap;margin-inline-start:auto}.nav a{text-decoration:none;color:var(--ink);padding:6px 10px;border-radius:8px;font-weight:600;font-size:15px}.nav a:hover{background:var(--bg);color:var(--orange2)}
.nav .lang{border:1px solid var(--line)}
.menu{display:none;margin-inline-start:auto;background:none;border:1px solid var(--line);border-radius:8px;font-size:22px;padding:2px 10px;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:999px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font:inherit;font-weight:700;background:var(--orange);color:#fff;transition:.15s}
.btn:hover{background:var(--orange2)}.btn.wa{background:var(--wa)}.btn.wa:hover{filter:brightness(.92)}
.btn.light{background:#fff;color:var(--navy)}.btn.ghost{background:transparent;color:var(--navy);border:2px solid var(--navy)}.btn.sm{padding:6px 16px;font-size:15px}
.cta{white-space:nowrap}
.hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:72px 0 64px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset-inline-end:-120px;top:-80px;width:420px;height:420px;border-radius:50%;background:var(--orange);opacity:.14}
.hero h1{max-width:780px}.lead{font-size:clamp(17px,2vw,20px);max-width:760px;opacity:.95}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.badges{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:28px 0 0}.badges li{background:rgba(255,255,255,.12);padding:6px 14px;border-radius:999px;font-size:15px}
.phero{background:#fff;border-bottom:1px solid var(--line);padding:36px 0}.phero .wrap{display:flex;gap:22px;align-items:flex-start}.phero .lead{color:var(--muted)}
.ic{display:inline-flex;color:var(--orange2);background:#fff4e6;border-radius:12px;padding:10px}.ic.big{padding:16px;flex:none}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px;margin:0 auto;max-width:1180px;font-size:14px;color:var(--muted)}
.crumbs li+li:before{content:"/";margin-inline-end:6px;opacity:.5}.crumbs a{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;transition:.15s}
a.card:hover{border-color:var(--orange);box-shadow:0 8px 24px rgba(11,37,69,.10);transform:translateY(-2px)}
.card h3{margin:6px 0 0;color:var(--navy)}.card p{margin:0;color:var(--muted);font-size:15px;flex:1}.card .more{color:var(--orange2);font-weight:700;font-size:15px}
.prod{border-top:4px solid var(--orange)}.pfoot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.unit{font-size:14px;color:var(--muted)}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}.steps .n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--orange);color:#fff;font-weight:800;margin-bottom:8px}
.steps p,.why p{margin:0;color:var(--muted)}
.band{background:var(--navy);color:#fff;padding:56px 0}.band h2{color:#fff}.whys{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.why{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:20px}.why p{color:#cfd8e6}.why h3{color:var(--orange)}
.brands{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.brands span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 26px;font-weight:800;color:var(--navy);letter-spacing:.5px}
.prose{max-width:860px}.prose p{color:#333b4a}
.govs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.govs li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-size:15px}
.faq{max-width:860px}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:0 18px}
.faq summary{cursor:pointer;font-weight:700;padding:14px 0;color:var(--navy)}.faq details p{margin:0 0 14px;color:var(--muted)}
.quote{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 24px!important;max-width:860px}
.qform{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qform label{display:flex;flex-direction:column;font-weight:600;font-size:15px;gap:4px}
.qform input,.qform select,.qform textarea{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.qform input:focus,.qform select:focus,.qform textarea:focus{outline:2px solid var(--orange);border-color:transparent}
.full{grid-column:1/-1}.hint{margin:0;font-size:14px;color:var(--muted)}
.foot{background:#081b33;color:#c3cddc;padding:44px 0 20px;margin-top:64px}.foot a{color:#fff;text-decoration:none}.foot ul{list-style:none;padding:0;margin:8px 0}.foot li{margin:4px 0}
.cols{display:grid;grid-template-columns:2fr 1.5fr 1.5fr;gap:28px}.fbrand{font-size:22px;color:#fff}.foot b{color:#fff}
.copy{border-top:1px solid rgba(255,255,255,.1);margin-top:24px;padding-top:16px;font-size:14px}
.wa-float{position:fixed;bottom:18px;inset-inline-start:18px;background:var(--wa);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:60}
@media (max-width:900px){.menu{display:block}.nav{display:none;position:absolute;top:70px;inset-inline:0;background:#fff;flex-direction:column;padding:8px 16px 16px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.cta{display:none}.cols{grid-template-columns:1fr}}
@media (max-width:600px){.qform{grid-template-columns:1fr}.phero .wrap{flex-direction:column}.hero{padding:48px 0}.logo small{display:none}}
.logo img{height:43px;width:auto}.logo small{border-inline-start:2px solid var(--orange);padding-inline-start:10px;max-width:150px;line-height:1.35}
.foot img{height:46px;width:auto;margin-bottom:8px}.legal{font-size:14px;opacity:.85}
.hero:after{background:var(--orange);opacity:.08}.ic{background:#FEF3DC}
.mail{font-weight:700;color:var(--orange2);word-break:break-all}