.page-hero{padding-block:80px 40px;background:linear-gradient(180deg,#f3f8fb,#fff)}
.page-hero h1{font-size:clamp(32px,4vw,54px);font-weight:800;letter-spacing:-1.6px;max-width:900px;margin-bottom:18px}
.page-hero p{font-size:18px;max-width:760px}
.crumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);padding-top:22px}
.crumbs a{color:var(--blue)}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.card{display:block;border:1px solid var(--line);border-radius:6px;padding:26px 24px;transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-3px);border-color:var(--cyan)}
.card h3{font-size:22px;margin-bottom:10px;color:var(--navy)}
.card .more{color:var(--blue);font-weight:700;font-size:13px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.ticks{list-style:none;padding:0;margin:0}
.ticks li{padding:10px 0 10px 30px;position:relative;color:var(--muted);border-bottom:1px solid var(--line)}
.ticks li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{font-weight:700;font-size:18px;cursor:pointer;color:var(--navy);font-family:Manrope,'Noto Sans Arabic',sans-serif}
.faq summary::marker{color:var(--blue)}
.faq p{margin:12px 0 0}
.cta{background:var(--navy);color:#fff;padding-block:70px}
.cta h2{color:#fff}.cta p{color:#b9d3e2}
.cta .actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.cta .btn{background:var(--cyan);color:var(--navy)}
.cta .btn.outline{background:transparent;border-color:#ffffff55;color:#fff}
.footer-nav{display:flex;flex-wrap:wrap;gap:10px 18px}
.langbtn{font-weight:700;color:var(--navy)}
@media(max-width:800px){.cards,.two-col{grid-template-columns:1fr;gap:22px}.page-hero{padding-block:50px 26px}}