/* ZARBIATI bilingual SEO landing pages - palette harmonised with main site */
.seo-page{font-family:Manrope,'DM Sans',system-ui,sans-serif;color:#103149;background:#fff;margin:0}
.seo-page.arabic-page{font-family:Tajawal,Arial,sans-serif;font-size:17px}
.seo-page *{box-sizing:border-box}.seo-page a{text-decoration:none;color:inherit}.seo-page img{max-width:100%;height:auto;display:block}.seo-page .container{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.seo-topline{background:#081f37;color:#c6e8ee;text-align:center;padding:9px 16px;font-size:11px;letter-spacing:.4px;font-weight:700}
.seo-header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 22px rgba(10,41,61,.06)}.seo-header-row{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.seo-logo{display:flex;align-items:center;gap:12px;font-size:24px;color:#082d45!important;letter-spacing:1.5px}.seo-logo img{width:50px;height:50px;object-fit:contain;background:#edf9fc;border-radius:14px}.seo-header nav{display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:12px;font-weight:800;color:#526b78}.arabic-page .seo-header nav{font-size:15px}.seo-header nav a:hover{color:#079dad}.seo-header .seo-lang{border:1px solid #caeae9;border-radius:25px;padding:9px 15px;color:#078e9b}
.seo-hero,.seo-sub-hero{background:radial-gradient(ellipse at 78% 20%,#e8ffff,transparent 50%),linear-gradient(135deg,#e7f4f8,#f9fefe 56%,#fff);overflow:hidden}
.seo-hero-inner{min-height:580px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;padding-block:80px}.seo-hero h1,.seo-sub-hero h1{font-size:clamp(40px,5.1vw,67px);line-height:1.2;letter-spacing:-2.5px;color:#082b46;margin:18px 0 24px}.arabic-page .seo-hero h1,.arabic-page .seo-sub-hero h1{letter-spacing:0;line-height:1.35}.seo-hero h1 em{font-style:normal;color:#00aeba}.seo-hero p,.seo-sub-hero p{font-size:15px;line-height:2;color:#4e6c7c;max-width:650px}.arabic-page .seo-hero p,.arabic-page .seo-sub-hero p{font-size:18px;line-height:1.9}
.seo-kicker{display:inline-block;color:#049eaa;font-weight:900;letter-spacing:1.7px;font-size:11px;text-transform:uppercase}.arabic-page .seo-kicker{letter-spacing:0;font-size:15px}.seo-primary,.seo-outline{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:14px 24px;border-radius:11px;font-weight:800;font-size:13px}.arabic-page .seo-primary,.arabic-page .seo-outline{font-size:16px}.seo-primary{background:#06aebb;color:white!important;box-shadow:0 8px 24px rgba(6,174,187,.2)}.seo-primary:hover{background:#058b9d}.seo-outline{border:1px solid #a5d7dc;color:#17465d!important}.seo-hero-buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.seo-hero-image{max-width:600px;filter:drop-shadow(0 20px 35px rgba(14,66,85,.12))}
.seo-section-heading{max-width:720px}.seo-services-section,.seo-content-section,.seo-faq-section,.seo-other-section{padding-block:82px}.seo-section-heading h2,.seo-content-section h2,.seo-other-section h2,.seo-faq-section h2,.seo-local h2{font-size:clamp(29px,3.2vw,41px);color:#082b46;letter-spacing:-1px;line-height:1.3;margin:15px 0}.arabic-page h2{letter-spacing:0!important}.seo-section-heading p{color:#5e7787;line-height:1.95}.seo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.seo-card{background:white;border:1px solid #deebef;box-shadow:0 14px 35px rgba(15,50,68,.035);padding:26px;border-radius:18px;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;gap:5px}.seo-card:hover{transform:translateY(-5px);box-shadow:0 22px 42px rgba(15,50,68,.095)}.seo-card>span{font-size:24px;color:#06aebb}.seo-card h3{font-size:20px;line-height:1.5;margin:7px 0;color:#12344a}.seo-card p{color:#677e8b;font-size:13px;line-height:1.85;flex:1}.arabic-page .seo-card p{font-size:15px}.seo-card b{color:#0395a2;font-size:12px;margin-top:12px}.arabic-page .seo-card b{font-size:15px}
.seo-process{background:#082f49;color:#fff;padding:80px 0}.seo-process h2{font-size:clamp(30px,4vw,42px);max-width:680px}.seo-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}.seo-steps article{padding:26px 22px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.04)}.seo-steps b{color:#69dfe0}.seo-steps h3{font-size:19px}.seo-steps p{font-size:14px;line-height:1.8;color:#c6dfe9}
.seo-subgrid{min-height:415px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;padding-block:40px 65px}.seo-sub-hero h1{font-size:clamp(37px,4.5vw,59px)}.seo-sub-hero .seo-primary{margin-top:17px}.seo-sub-visual img{max-height:360px;filter:drop-shadow(0 20px 30px rgba(10,60,79,.12))}.seo-breadcrumb{padding-top:26px;font-size:12px;color:#66818e;display:flex;gap:12px;align-items:center}.seo-breadcrumb a:hover{color:#06aebb}
.seo-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.seo-explain{background:#f5fafb;border:1px solid #e1ecf0;border-radius:18px;padding:27px}.seo-explain-num{font-weight:900;color:#06b0ba}.seo-explain h3{line-height:1.45;font-size:19px;color:#163c55;margin:15px 0}.seo-explain p{font-size:13px;color:#5f7481;line-height:2}.arabic-page .seo-explain p{font-size:16px}
.seo-local{background:linear-gradient(130deg,#0e415b,#092c43);color:white;padding:60px 0}.seo-local h2{color:white}.seo-local p{line-height:1.9;color:#d2e7ed;max-width:800px}.seo-zone{display:inline-block;border:1px solid #80c9d0;padding:10px 15px;border-radius:40px;margin-top:16px;font-weight:700}
.seo-faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.seo-faq-list details{border:1px solid #dfebef;background:#fff;border-radius:16px;padding:22px 25px}.seo-faq-list summary{cursor:pointer;color:#163b52;font-weight:800;line-height:1.6;display:flex;justify-content:space-between;gap:12px}.seo-faq-list summary span{color:#08aeba}.seo-faq-list p{color:#647988;line-height:1.9;font-size:13px}.arabic-page .seo-faq-list p{font-size:16px}.seo-other-section{background:#f4fafb}.seo-other-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:23px}.seo-other-links a{display:flex;justify-content:space-between;align-items:center;gap:14px;background:white;border:1px solid #e0ecee;border-radius:13px;padding:15px 18px;color:#214458;font-weight:800;font-size:13px}.seo-other-links a:hover{color:#069cac;border-color:#5fced4}
.seo-contact{padding:72px 0;background:linear-gradient(120deg,#0b314c,#061e35);color:white}.seo-contact-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}.seo-contact h2{font-size:clamp(29px,3.5vw,40px);line-height:1.4;margin:12px 0}.seo-contact p{line-height:1.9;color:#c0d8e2}.seo-contact-links{display:flex;flex-direction:column;gap:12px}.seo-contact-links a{padding:18px 20px;border:1px solid #5e8ca0;border-radius:12px;font-weight:800;color:white}.seo-contact-links a:first-child{background:#06aebb;border-color:#06aebb}.seo-footer{background:#041a2c;color:#b9ced7;padding:28px 0;font-size:12px}.seo-footer>.container{display:flex;justify-content:space-between;gap:20px}.seo-footer a{color:#76e0e2}
@media(max-width:850px){.seo-hero-inner,.seo-subgrid,.seo-contact-inner{grid-template-columns:1fr}.seo-hero-inner{padding-block:55px;min-height:auto}.seo-hero-image{max-width:530px;margin-inline:auto}.seo-sub-visual img{max-height:260px;margin-inline:auto}.seo-cards,.seo-info-grid{grid-template-columns:repeat(2,1fr)}.seo-steps{grid-template-columns:repeat(2,1fr)}.seo-other-links{grid-template-columns:repeat(2,1fr)}.seo-header nav{gap:12px}}
@media(max-width:560px){.seo-page .container{width:calc(100% - 34px)}.seo-header-row{min-height:68px}.seo-logo{font-size:18px}.seo-logo img{width:38px;height:38px}.seo-header nav{font-size:10px;gap:9px}.seo-header nav a:nth-child(2){display:none}.seo-header .seo-lang{padding:7px 10px}.arabic-page .seo-header nav{font-size:13px}.seo-topline{font-size:9px}.seo-hero h1,.seo-sub-hero h1{font-size:40px;letter-spacing:-1.3px}.arabic-page .seo-hero h1,.arabic-page .seo-sub-hero h1{font-size:38px;line-height:1.4}.seo-hero p,.seo-sub-hero p{font-size:14px}.seo-hero-buttons>*{flex:1 1 100%}.seo-services-section,.seo-content-section,.seo-faq-section,.seo-other-section{padding-block:58px}.seo-cards,.seo-info-grid,.seo-steps,.seo-other-links,.seo-faq-list{grid-template-columns:1fr}.seo-card{padding:21px}.seo-process,.seo-contact{padding-block:57px}.seo-subgrid{padding-block:35px 45px}.seo-sub-hero h1{font-size:38px}.seo-footer>.container{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.seo-page *{scroll-behavior:auto!important;transition:none!important}}