@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#192843;--muted:#64738a;--navy:#102846;--blue:#176dbd;--sky:#edf6fd;--pale:#f7f9fc;--border:#e4eaf1;--green:#0f9b72;--white:#fff;--shadow:0 18px 44px rgba(31,55,89,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#fff;color:var(--ink);font:500 16px/1.75 Tajawal,'Arial',sans-serif;direction:rtl;overflow-x:hidden}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.22;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5.8vw,5.15rem);font-weight:900}h2{font-size:clamp(2.1rem,3.7vw,3.2rem);font-weight:900}h3{font-size:1.24rem;font-weight:800}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:3px}[hidden]{display:none!important}img{max-width:100%;height:auto}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.section{padding:92px 0}.eyebrow{color:#1677bd;font-size:.84rem;font-weight:900;letter-spacing:.01em;display:inline-block;margin-bottom:11px}.eyebrow.light{color:#a5e3f4}.button{appearance:none;border:0;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 23px;border-radius:12px;font-size:1rem;font-weight:800;text-align:center;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-primary{background:#1d76c5;color:white;box-shadow:0 10px 24px rgba(23,109,189,.18)}.button-primary:hover{background:#0d5ea9}.button-outline{border:1px solid #cbd8e6;color:#174571;background:white}.button-outline:hover{border-color:#1b71b8;background:#f8fcff}.button.full{display:flex;width:100%}.button-white{color:#0d477d;background:white}.button-ghost{color:white;border:1px solid #ffffff69;background:transparent}.text-link{font-weight:900;color:#1774bb}.text-link:hover{text-decoration:underline}.topbar{background:#0d2947;color:#ebf5ff;font-size:.81rem}.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:15px}.topbar a{font-weight:800;color:white}.site-header{position:sticky;top:0;z-index:100;background:#ffffffee;backdrop-filter:blur(18px);border-bottom:1px solid #e9edf2}.header-inner{height:84px;display:flex;align-items:center;gap:27px}.brand{display:flex;align-items:center;gap:11px;line-height:1.15;color:#123b64;font-size:1.06rem;font-weight:900;flex-shrink:0}.brand small{display:block;margin-top:6px;color:#8291a1;font-size:.71rem;font-weight:700}.brand-icon{display:block;width:43px;height:43px;color:#1582c9}.brand-icon svg{height:100%;width:100%}.desktop-nav{display:flex;align-items:center;gap:23px;margin-inline:auto;white-space:nowrap;font-size:.91rem;font-weight:800}.desktop-nav a:hover{color:#166ba9}.header-cta{display:flex;gap:9px}.header-cta .button{padding:10px 16px;font-size:.87rem}.menu-toggle{display:none;appearance:none;border:1px solid #dbe7ee;border-radius:10px;background:white;padding:11px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;background:#103b65;margin:4px 0}.mobile-nav{display:none;background:white;padding:0 24px 20px;border-top:1px solid #e7eef5}.mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid #edf0f5;font-weight:800}.hero{position:relative;background:linear-gradient(120deg,#fafdfc 0%,#f2f8fd 56%,#eaf5fc 100%);isolation:isolate;overflow:hidden}.hero:before{content:'';position:absolute;width:750px;height:750px;left:-230px;top:-380px;background:radial-gradient(circle,#d8ecfa,transparent 65%);z-index:-1}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:35px;align-items:center;min-height:640px;padding-top:55px;padding-bottom:55px}.hero-text{padding:30px 0}.hero-pill{color:#126698;background:#e3f3fc;border:1px solid #cce6f6;padding:7px 13px;border-radius:40px;display:inline-flex;gap:9px;align-items:center;font-size:.82rem;font-weight:900;margin-bottom:25px}.pulse{width:8px;height:8px;border-radius:50%;background:#129e80;box-shadow:0 0 0 4px #bceadd}.hero h1{max-width:780px;margin:0 0 22px;color:#142e4c}.hero h1 span{color:#1974b7}.hero-sub{font-size:1.2rem;max-width:640px;line-height:1.85;margin-bottom:28px}.hero-sub strong{color:#274967}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions .button{padding:15px 24px}.trust-strip{display:flex;gap:32px;margin-top:40px;padding-top:22px;border-top:1px solid #d9e7ef}.trust-strip div{display:grid;gap:1px}.trust-strip b{font-size:1rem;font-weight:900;color:#183b59}.trust-strip span{font-size:.79rem;color:#6d8191}.hero-disclosure{font-size:.77rem;margin:25px 0 0;color:#82919e}.hero-visual{min-width:0}.hero-art{position:relative;min-height:460px;border-radius:40px;background:linear-gradient(145deg,#d9eaf9 0%,#effaff 70%);border:1px solid #e4f0f8;display:flex;justify-content:center;align-items:center;isolation:isolate;overflow:hidden}.hero-art-orbit{position:absolute;width:400px;height:400px;border:1px solid #c1e1f5;border-radius:50%;left:-70px;top:12px;box-shadow:0 0 0 45px #ffffff45,0 0 0 100px #ffffff31}.router-shadow{position:absolute;bottom:75px;width:260px;height:30px;background:#83b0d0;opacity:.23;filter:blur(19px);border-radius:50%}.router-hero{position:relative;z-index:1;width:min(94%,470px);object-fit:contain;filter:drop-shadow(0 28px 20px rgba(22,63,104,.1));animation:float 6s ease-in-out infinite}.art-tag{position:absolute;top:42px;right:32px;z-index:2;background:white;padding:9px 17px;border-radius:11px;box-shadow:var(--shadow);font-size:.82rem;font-weight:900;color:#1d648a}.art-tag span{color:#00a886;margin-right:8px}.hero-art-badge{position:absolute;z-index:2;bottom:36px;left:22px;display:flex;align-items:center;gap:10px;border-radius:14px;background:#ffffffed;padding:13px 15px;box-shadow:0 13px 38px rgba(20,59,104,.1)}.hero-art-badge .signal-icon{background:#e2f7ee;color:#188e63;border-radius:9px;width:33px;height:33px;display:grid;place-items:center;font-size:1.8rem}.hero-art-badge strong,.hero-art-badge small{display:block;line-height:1.4}.hero-art-badge strong{font-size:.78rem}.hero-art-badge small{font-size:.7rem;color:#728798}.value-bar{background:white;border-bottom:1px solid #e9eef3}.value-items{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#43637c;font-weight:800;font-size:.88rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading.center{text-align:center;display:block}.section-heading h2{margin-bottom:11px}.section-heading p{margin-bottom:0}.package-section{background:#fff}.filter-bars{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 0 25px}.filter-set{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-set>span{font-size:.79rem;font-weight:800;color:#637791;padding-inline-end:7px}.filter{border:1px solid #e0e8f1;background:#fff;color:#42607d;padding:9px 17px;border-radius:8px;font-size:.86rem;font-weight:800;cursor:pointer;transition:.2s}.filter.active,.filter:hover{background:#143a60;color:#fff;border-color:#143a60}.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.package-card{border:1px solid #e2e9f0;border-radius:19px;overflow:hidden;background:white;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}.package-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.package-visual{height:176px;background:linear-gradient(137deg,#edf6ff,#f8fcff);position:relative;display:grid;place-items:center;overflow:hidden}.package-visual.mobily{background:linear-gradient(137deg,#f0f9f6,#f7fafa)}.package-visual img{width:74%;height:137px;object-fit:contain;filter:drop-shadow(0 13px 10px #426d9b12)}.mini-tags{position:absolute;top:12px;right:11px;left:11px;display:flex;justify-content:space-between;gap:7px;z-index:2}.mini-tags span{background:#fffffff0;border:1px solid #e6edf3;color:#124d7e;border-radius:30px;padding:3px 11px;font-size:.72rem;font-weight:900}.mini-tags span:last-child{color:#48778b}.package-body{padding:21px 19px 18px;display:flex;flex-direction:column;flex:1}.connection-label{font-size:.74rem;font-weight:900;color:#1989a3;margin:0 0 7px}.package-body h3{font-size:1.14rem;margin:0 0 7px;min-height:54px}.plan-speed{font-size:.86rem;margin-bottom:10px}.price-row{display:flex;gap:9px;align-items:baseline;margin:4px 0 16px;flex-wrap:wrap}.price-row strong{font-weight:900;color:#104b78;font-family:Tajawal,Arial;font-size:1.95rem;line-height:1}.price-row span{font-size:.76rem;color:#718498}.price-row .price-enquiry{font-size:1.16rem}.package-features{margin:0 0 16px;padding:0;list-style:none;border-top:1px solid #eef2f5;padding-top:13px;min-height:77px}.package-features li{font-size:.82rem;color:#526981;margin:5px 0;position:relative;padding-right:20px}.package-features li:before{content:'✓';position:absolute;right:0;color:#159d7d;font-weight:900}.package-note{font-size:.74rem;color:#8291a0;margin:0 0 9px;line-height:1.55;min-height:58px}.checked-date{font-size:.67rem;color:#8598a8;margin:0 0 8px}.package-body>.button{margin-top:auto;font-size:.85rem;padding:11px 13px}.source-link{display:block;color:#41739c;margin:10px auto 0;font-size:.76rem;font-weight:800;text-align:center}.source-link:hover{text-decoration:underline}.prices-disclaimer{margin:23px 0 0;font-size:.8rem;color:#7f91a3}.compare-section{background:#f5f9fc}.compare-layout{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:stretch;gap:22px}.compare-title{padding:19px 10px}.compare-title h2 span{color:#157ec5}.compare-card{padding:30px 28px;border:1px solid #e1eaf0;background:#fff;border-radius:18px}.compare-card h3{margin:13px 0 10px}.compare-card p{margin:0;font-size:.93rem}.compare-icon{width:52px;height:52px;border-radius:15px;background:#e9f6ff;display:grid;place-items:center;color:#1e79b9;font-size:2rem;font-weight:800}.coverage-section{background:#edf6fd}.coverage-layout{display:grid;grid-template-columns:1fr .85fr;gap:8%;align-items:center}.coverage-layout h2{max-width:500px}.coverage-layout p{font-size:1.03rem;max-width:550px}.coverage-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.coverage-points span{background:#fff;border:1px solid #d7eaf7;border-radius:20px;padding:5px 11px;font-size:.81rem;font-weight:800;color:#195d85}.coverage-form,.form-card{padding:30px;border:1px solid #dae7ee;border-radius:21px;background:white;box-shadow:0 12px 32px #214f7510}.coverage-form label,.lead-form label:not(.consent){display:block;font-size:.84rem;font-weight:900;margin:0 0 5px;color:#254361}.coverage-form input,.coverage-form select,.lead-form input:not([type=checkbox]),.lead-form select{appearance:none;display:block;background:#fafcfe;border:1px solid #dce6ef;border-radius:10px;padding:11px 13px;width:100%;color:#1b3e5f;margin-bottom:14px;min-height:49px}.coverage-form input:focus,.coverage-form select:focus,.lead-form input:focus{border-color:#1b84c8;outline:2px solid #a8dffc}.form-footnote{font-size:.72rem;color:#8297a7;margin:11px 0 0}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px}.step-card{padding:28px 24px;border-radius:16px;background:#fff;border:1px solid #e3eaf1;box-shadow:0 5px 22px #29466507}.step-card b{font-size:2.5rem;line-height:1;color:#d2e9f8}.step-card h3{margin:19px 0 8px}.step-card p{font-size:.91rem;margin:0}.faq-section{background:#f6f9fb}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-layout>.faq-list{min-width:0}.faq-list details{background:white;border:1px solid #e1e9ef;padding:19px 22px;border-radius:12px;margin-bottom:10px}.faq-list summary{cursor:pointer;font-weight:900;color:#234461;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:1.55rem;color:#3288c4}.faq-list details[open] summary:after{content:'−'}.faq-list p{margin:12px 0 0;font-size:.89rem}.closing-cta{background:#0f4776;color:#fff;padding:57px 0;background-image:radial-gradient(circle at 15% 15%,#1b68a2 0,transparent 35%)}.closing-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.closing-cta h2{font-size:2.35rem;margin-bottom:8px}.closing-cta p{color:#d9ebfa;margin:0}.cta-actions{display:flex;gap:11px;flex-wrap:wrap}.site-footer{background:#fff;padding-top:62px;color:#244660}.footer-grid{display:grid;grid-template-columns:2fr .8fr .9fr 1fr;gap:47px;padding-bottom:46px}.footer-grid h3{font-size:1rem;margin-bottom:16px}.footer-grid a{display:block;font-size:.86rem;color:#526d82;margin-bottom:9px}.footer-grid a:hover{color:#1475ba}.footer-brand strong{display:block;font-weight:900;font-size:1.25rem;margin-bottom:13px}.footer-brand p{font-size:.88rem}.footer-disclosure{font-size:.78rem!important;color:#8597a5}.footer-grid>div:last-child p{font-size:.8rem}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding:20px 0;border-top:1px solid #e9eef2;color:#8798a8;font-size:.74rem}.floating-wa{position:fixed;bottom:20px;left:23px;z-index:80;width:57px;height:57px;border-radius:20px;display:grid;place-items:center;background:#1fb576;color:#fff;box-shadow:0 9px 26px #1592604f;transition:transform .2s}.floating-wa:hover{transform:translateY(-4px)}.subpage-hero{background:linear-gradient(115deg,#f3fafe,#e8f3fb);padding:64px 0}.subpage-hero h1{font-size:clamp(2.2rem,4vw,3.5rem);margin:0 0 15px}.subpage-hero p:not(.breadcrumbs){max-width:700px;margin:0;font-size:1.08rem}.breadcrumbs{font-size:.83rem;margin-bottom:30px;color:#7a91a2}.breadcrumbs a{color:#267db6}.inner-content{background:#fff}.inner-content h2{font-size:1.8rem;margin-top:30px}.inner-content p{font-size:1.04rem;line-height:1.95}.narrow{max-width:850px}.legal-text h2{font-size:1.45rem;margin-top:32px}.legal-review{background:#fff6df;padding:15px 20px;border-radius:11px;border:1px solid #f9e2a7;font-size:.9rem!important}.provider-note{background:#f3f8fd;border-right:4px solid #2685c8;padding:14px 21px;border-radius:10px;margin-bottom:26px;color:#4f6e84;font-size:.9rem}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.contact-options{margin:25px 0}.contact-options a{display:block;padding:13px 15px;border:1px solid #dce9f2;margin-bottom:10px;border-radius:10px;color:#1d649b;font-weight:900}.form-card h3{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.consent{display:flex;gap:11px;align-items:flex-start;font-size:.82rem;color:#526b80;line-height:1.6;margin:6px 0 20px}.consent input{margin-top:7px;accent-color:#197abc}.consent a{color:#0c73bf;text-decoration:underline}.honeypot{position:absolute;left:-9999px;opacity:0}.form-success,.form-error{border-radius:10px;padding:13px 16px;margin-top:17px;font-size:.85rem}.form-success{background:#e7f9f0;color:#08694d}.form-error{background:#ffebea;color:#bc312b}.single-plan{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:50px}.single-description{padding:30px 0}.empty-plans{padding:40px;text-align:center;background:#f3f8fb;border-radius:15px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:1140px){.desktop-nav{gap:13px;font-size:.85rem}.header-cta .call-btn{display:none}.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-inner{gap:18px}}
@media(max-width:920px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;margin-right:auto}.mobile-nav:not([hidden]){display:block}.hero-grid{grid-template-columns:1fr 1fr;min-height:550px}.hero h1{font-size:3.4rem}.hero-art{min-height:370px}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-layout{grid-template-columns:1fr 1fr}.compare-title{grid-column:1/-1}.coverage-layout{gap:25px}.steps-grid{grid-template-columns:repeat(2,1fr)}.faq-layout{gap:30px}.footer-grid{grid-template-columns:1.4fr 1fr;gap:25px}}
@media(max-width:660px){html{scroll-padding-top:75px}.container{width:calc(100% - 32px)}.topbar-inner{justify-content:center}.topbar-inner>span{display:none}.site-header .header-inner{height:69px}.brand{font-size:.9rem}.brand-icon{width:38px;height:38px}.section{padding:63px 0}.hero-grid{grid-template-columns:1fr;gap:9px;padding:34px 0 35px}.hero h1{font-size:clamp(2.55rem,9vw,3.45rem)}.hero-text{padding:0}.hero-sub{font-size:1.02rem}.trust-strip{gap:17px;margin-top:27px}.trust-strip b{font-size:.85rem}.trust-strip span{font-size:.7rem}.hero-disclosure{margin-top:17px}.hero-art{min-height:290px;border-radius:22px}.router-hero{width:69%;max-height:260px}.hero-art-badge{bottom:12px;left:9px;padding:8px}.art-tag{top:15px;right:14px;font-size:.7rem}.value-items{min-height:initial;padding:15px 0;gap:7px 20px;justify-content:flex-start}.value-items span{font-size:.77rem}.section-heading{align-items:start;flex-direction:column;gap:9px}.filter-bars{gap:14px;padding-top:0}.filter-set{width:100%;gap:6px}.filter{padding:7px 11px;font-size:.8rem}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.package-visual{height:142px}.package-visual img{height:105px;width:85%}.mini-tags{top:6px;right:6px;left:6px}.mini-tags span{font-size:.58rem;padding:2px 6px}.package-body{padding:14px 12px 13px}.package-body h3{font-size:.95rem;min-height:50px}.plan-speed{font-size:.76rem}.connection-label{font-size:.65rem}.price-row{gap:4px}.price-row strong{font-size:1.55rem}.price-row span{font-size:.65rem}.price-row .price-enquiry{font-size:.98rem}.package-features{min-height:70px}.package-features li,.package-note{font-size:.7rem}.package-note{min-height:66px}.package-body>.button{font-size:.72rem;padding:10px 8px;white-space:normal}.source-link{font-size:.66rem}.compare-layout,.coverage-layout,.faq-layout,.contact-layout{grid-template-columns:1fr}.compare-title{grid-column:auto}.coverage-form,.form-card{padding:20px}.steps-grid{gap:11px}.step-card{padding:19px 17px}.step-card b{font-size:2rem}.step-card h3{font-size:1rem}.step-card p{font-size:.82rem}.faq-layout{gap:18px}.closing-inner{align-items:start;flex-direction:column;gap:18px}.closing-cta h2{font-size:2rem}.footer-grid{grid-template-columns:1fr 1fr;gap:23px}.footer-grid .footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:7px}.form-row{grid-template-columns:1fr;gap:0}.subpage-hero{padding:45px 0}.single-plan{grid-template-columns:1fr}}
@media(max-width:385px){.package-grid{grid-template-columns:1fr}.package-visual{height:180px}.package-visual img{height:140px}.package-body h3{min-height:0}.package-note{min-height:0}.hero-actions .button{padding:11px 13px;font-size:.84rem}.trust-strip{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.router-hero{animation:none}*,*:before,*:after{transition:none!important}}


/* ============================================================
   Premium Palette v1.1 — Calm Navy / Deep Teal / Porcelain
   Independent home internet representative | Riyadh
   All elements retain accessible contrast and readable RTL.
   ============================================================ */
:root {
  --ink:#172B3E;
  --muted:#607386;
  --navy:#172D43;
  --blue:#127981;
  --sky:#EFF8F5;
  --pale:#F8FAF8;
  --border:#E2EAE8;
  --green:#128669;
  --white:#FFFFFF;
  --accent:#0D7B80;
  --accent-dark:#075E65;
  --accent-soft:#E4F5F0;
  --sand:#F7F4ED;
  --champagne:#B79B6C;
  --shadow:0 16px 42px rgba(17,48,60,.08);
}
body{background:#FFFFFF;color:var(--ink);line-height:1.8}
h1,h2,h3{letter-spacing:0;color:var(--ink)}
h1{font-size:clamp(2.8rem,5vw,4.6rem);line-height:1.18}
h2{font-size:clamp(1.9rem,3vw,2.9rem);line-height:1.26}
p{color:var(--muted)}
.container{width:min(1220px,calc(100% - 56px))}
.section{padding:94px 0}
.eyebrow{color:#08747B;font-size:.82rem;letter-spacing:0;font-weight:900}
.eyebrow.light{color:#A6DFD8}
.button{border-radius:13px;min-height:47px;padding:12px 22px;font-weight:900;transition:transform .22s ease,background .22s ease,border .22s ease,box-shadow .22s ease}
.button:focus-visible,.filter:focus-visible,.menu-toggle:focus-visible,a:focus-visible{outline:3px solid #8CD1CD;outline-offset:3px}
.button-primary{background:var(--accent);color:#FFF;box-shadow:0 9px 22px rgba(13,123,128,.16)}
.button-primary:hover{background:var(--accent-dark);box-shadow:0 13px 28px rgba(13,123,128,.19)}
.button-outline{color:#17384A;background:#FFF;border:1px solid #D7E4E2;box-shadow:0 2px 10px rgba(25,58,72,.02)}
.button-outline:hover{border-color:var(--accent);background:#F5FBF9}
.button-white{background:white;color:#0C6067;border:1px solid white}
.button-ghost{background:transparent;color:white;border:1px solid rgba(255,255,255,.38)}
.button-ghost:hover{background:rgba(255,255,255,.08)}
.text-link{color:#08747B;text-underline-offset:4px}
.topbar{background:#132A3D;color:#D4E5E7;font-size:.78rem}
.topbar-inner{min-height:37px}
.topbar a{color:#F9FFFF}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #E8EFEC;box-shadow:0 5px 30px rgba(22,52,61,.03)}
.header-inner{height:82px;gap:23px}
.brand{color:#153244;gap:12px;font-size:1.04rem}
.brand small{color:#7C8E97;font-size:.71rem}
.brand-icon{color:var(--accent);width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#EAF7F3}
.brand-icon svg{width:42px;height:42px}
.desktop-nav{gap:21px;color:#304657;font-size:.87rem}
.desktop-nav a:hover{color:var(--accent)}
.header-cta .button{font-size:.84rem;border-radius:11px;padding:10px 16px}
.menu-toggle{border-color:#DAE7E3;background:#F9FCFB}
.menu-toggle span{background:#1C4E57}
.mobile-nav{border-top-color:#E6EFEB}
.mobile-nav a{color:#294757;border-bottom-color:#ECF2EF}
/* Editorial hero — a soft, spacious visual rather than saturated banners */
.hero{background:linear-gradient(120deg,#FFFFFF 4%,#F4FAF7 48%,#EBF6F3 100%)}
.hero:before{width:740px;height:740px;left:-230px;top:-360px;background:radial-gradient(circle,rgba(182,228,216,.45),transparent 66%)}
.hero:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:#E1EDE9;pointer-events:none}
.hero-grid{grid-template-columns:1.07fr .93fr;gap:49px;min-height:610px;padding-top:54px;padding-bottom:54px}
.hero-text{padding:18px 0}
.hero-pill{color:#166D70;background:#FFFFFF;border:1px solid #CFE9E1;padding:8px 16px;font-size:.82rem;box-shadow:0 7px 23px rgba(37,105,101,.045);margin-bottom:25px}
.pulse{background:#178B68;box-shadow:0 0 0 4px #D8F2E7}
.hero h1{color:#152E40;margin-bottom:24px;max-width:670px}
.hero h1 span{color:#0C8585}
.hero-sub{font-size:1.15rem;line-height:1.9;max-width:610px;color:#596D7E}
.hero-sub strong{color:#264559}
.hero-actions{gap:11px}
.hero-actions .button{padding:14px 24px;border-radius:13px}
.trust-strip{gap:29px;border-top:1px solid #DDECE7;margin-top:38px;padding-top:21px}
.trust-strip b{color:#244150;font-size:.94rem}
.trust-strip span{color:#738992;font-size:.77rem}
.hero-disclosure{color:#758792;font-size:.75rem;margin-top:24px;max-width:630px}
.hero-art{min-height:440px;border-radius:32px;background:radial-gradient(circle at 49% 45%,#FFFFFF 0%,#F3FBF8 37%,#DDEFE9 100%);border:1px solid #D4EAE2;box-shadow:0 30px 65px rgba(33,92,86,.055)}
.hero-art-orbit{border-color:rgba(50,149,135,.18);box-shadow:0 0 0 44px rgba(255,255,255,.34),0 0 0 99px rgba(255,255,255,.2)}
.router-shadow{background:#619F97;opacity:.2}
.router-hero{width:min(86%,420px);filter:drop-shadow(0 27px 26px rgba(23,70,76,.17))}
.art-tag{top:30px;right:29px;background:rgba(255,255,255,.96);border:1px solid #E1EEEA;color:#1B6470;box-shadow:0 9px 23px rgba(24,67,75,.07);border-radius:12px}
.art-tag span{color:#0D8882}
.hero-art-badge{bottom:30px;left:20px;border:1px solid #E0ECE8;background:rgba(255,255,255,.96);box-shadow:0 11px 29px rgba(23,73,74,.085)}
.hero-art-badge .signal-icon{background:#E1F5EC;color:#0B806D}
.value-bar{border-bottom:1px solid #E8EFEC;background:#FFFFFF}
.value-items{min-height:78px;color:#46646D}
.value-items span{padding:7px 0}
/* Package layout — brand identity is secondary to clarity of offer */
.package-section{background:#FFFFFF}
.section-heading{margin-bottom:30px}
.section-heading h2{color:#172F42}
.section-heading p{line-height:1.8}
.filter-bars{padding:10px 0 27px;border-bottom:1px solid #E7EFEB;margin-bottom:25px}
.filter-set{gap:8px}
.filter-set>span{color:#607A82}
.filter{border:1px solid #DBE7E3;background:#F9FCFA;color:#42606B;border-radius:11px;padding:9px 18px}
.filter:hover{border-color:var(--accent);background:#E7F5F0;color:#146F73}
.filter.active,.filter.active:hover{background:#173A4A;color:#FFFFFF;border-color:#173A4A;box-shadow:0 6px 15px rgba(23,58,74,.1)}
.package-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.package-card{border:1px solid #E2EAE7;border-radius:21px;box-shadow:0 5px 19px rgba(36,76,79,.025);transition:box-shadow .25s,transform .25s,border-color .25s}
.package-card:hover{border-color:#BBDDD4;box-shadow:0 20px 36px rgba(18,68,77,.105);transform:translateY(-4px)}
.package-visual{height:207px;background:linear-gradient(150deg,#F0F9F7,#F7FBF9);border-bottom:1px solid #EFF2F0}
.package-visual.mobily{background:linear-gradient(150deg,#F0F9F7,#F9FBF7)}
.package-card[data-brand="zain"] .package-visual{background:linear-gradient(143deg,#F5F5FB,#F4FAF9)}
.package-visual:after{content:'';width:165px;height:165px;border-radius:50%;border:1px solid rgba(91,160,148,.13);position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);pointer-events:none}
.package-visual img{height:163px;width:74%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 12px 13px rgba(31,74,86,.12))}
.mini-tags{top:14px;right:14px;left:14px;z-index:3}
.mini-tags span{border:1px solid #DFE9E5;background:rgba(255,255,255,.95);color:#365A61;border-radius:30px;padding:4px 12px;font-size:.74rem}
.package-card[data-brand="zain"] .mini-tags span:first-child{background:#F7F0FA;color:#74458A;border-color:#E9DCEE}
.package-card[data-brand="mobily"] .mini-tags span:first-child{background:#EAF6F2;color:#0E7167;border-color:#D4EAE3}
.mini-tags span:last-child{color:#657985}
.package-body{padding:25px 23px 21px}
.connection-label{font-size:.76rem;color:#0E7E7E;margin-bottom:10px}
.package-body h3{font-size:1.18rem;line-height:1.5;margin-bottom:6px;min-height:52px}
.plan-speed{font-size:.86rem;color:#778993;margin-bottom:15px}
.price-row{margin:5px 0 20px;gap:10px;align-items:center;min-height:39px}
.price-row strong{font-size:2rem;color:#19384A;letter-spacing:0}
.price-row span{font-size:.8rem;color:#6D838B}
.price-row .price-enquiry{font-size:1.16rem;color:#08787A}
.package-features{border-top:1px solid #EDF1EF;padding-top:15px;margin-bottom:13px;min-height:67px}
.package-features li{color:#4D6570;font-size:.81rem;line-height:1.6}
.package-features li:before{color:#149079}
.package-note{color:#81919B;font-size:.76rem;min-height:46px;margin-bottom:12px}
.checked-date{color:#84969B}
.package-body>.button{font-size:.87rem;padding:12px 15px;min-height:46px;margin-top:auto}
.source-link{font-size:.73rem;color:#43777C;margin-top:13px}
.prices-disclaimer{color:#6D818B;font-size:.79rem;line-height:1.8}
/* Calm separated sections */
.compare-section{background:#F8FAF8}
.compare-layout{gap:22px;grid-template-columns:1.2fr 1fr 1fr}
.compare-title{padding:20px 12px}
.compare-title h2 span{color:#0B8080}
.compare-card{border-radius:19px;border-color:#E4ECE8;padding:31px 27px;box-shadow:0 7px 20px rgba(26,68,72,.025)}
.compare-card h3{color:#1B3948}
.compare-icon{background:#E7F4EF;color:#08767A;border-radius:14px}
.coverage-section{background:linear-gradient(120deg,#ECF7F3,#F5FAF7)}
.coverage-layout{gap:7%}
.coverage-points span{border:1px solid #D3E8E0;color:#225D60;background:#FFFFFF;border-radius:26px;padding:6px 13px}
.coverage-form,.form-card{border:1px solid #DFEAE5;border-radius:21px;box-shadow:0 17px 37px rgba(35,93,84,.065);padding:32px;background:#FFFFFF}
.coverage-form label,.lead-form label:not(.consent){color:#284758}
.coverage-form input,.coverage-form select,.lead-form input:not([type=checkbox]),.lead-form select{border:1px solid #DEE9E5;background:#FCFDFC;color:#203B49;border-radius:11px;min-height:49px}
.coverage-form input:focus,.coverage-form select:focus,.lead-form input:focus{border-color:#0D8581;outline:3px solid #D8F3EB}
.form-footnote{color:#82969C}
.steps-grid{gap:18px}
.step-card{border:1px solid #E2EBE7;border-radius:19px;box-shadow:0 7px 23px rgba(27,66,73,.035);padding:29px 25px}
.step-card b{color:#B8DCD4;font-size:2.45rem}
.step-card h3{color:#183949}
.faq-section{background:#F8FAF9}
.faq-list details{border:1px solid #E0E9E5;border-radius:14px;padding:20px 24px;margin-bottom:11px;box-shadow:0 4px 13px rgba(27,71,74,.02)}
.faq-list summary{color:#263E4D}
.faq-list summary:after{color:#0F7D7D}
.faq-list details[open]{border-color:#C8E4DA}
.closing-cta{background:#183B4C;background-image:radial-gradient(circle at 12% 24%,rgba(33,127,127,.42),transparent 39%),linear-gradient(125deg,#133547,#1E4655);padding:60px 0}
.closing-cta h2{color:#FFFFFF}
.closing-cta p{color:#D5E6E7}
.site-footer{padding-top:67px;color:#263F4D;background:#FFFFFF}
.footer-grid{border-bottom:none}
.footer-brand strong{color:#183849}
.footer-grid h3{color:#223E4D}
.footer-grid a{color:#617682}
.footer-grid a:hover{color:#06777C}
.footer-disclosure{color:#82929C}
.footer-bottom{border-top:1px solid #E6EEEA;color:#748A94}
.floating-wa{border-radius:18px;background:#159F72;box-shadow:0 12px 25px rgba(17,137,102,.23)}
.floating-wa:hover{background:#0D8660}
.subpage-hero{background:linear-gradient(120deg,#F7FBF8,#E8F6F1)}
.subpage-hero h1{color:#193A49}
.breadcrumbs,.breadcrumbs a{color:#497C81}
.inner-content{background:#FFFFFF}
.legal-review{background:#FBF7ED;border-color:#EEDCB6}
.provider-note{background:#F2F9F6;border-right-color:#16857E;color:#4D6D74}
.contact-options a{border-color:#DCEAE4;color:#15787D;border-radius:12px}
.consent input{accent-color:#0F7D79}
.consent a{color:#0B7D80}
.form-success{background:#E7F5ED;color:#176A4E}
.form-error{background:#FDECE8;color:#AE382F}
.empty-plans{background:#F2F8F5}
@media(max-width:1140px){.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-inner{gap:15px}.desktop-nav{gap:14px}}
@media(max-width:1000px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:20px}.hero h1{font-size:clamp(2.6rem,4.4vw,3.8rem)}.compare-layout{grid-template-columns:1fr 1fr}.compare-title{grid-column:1/-1}}
@media(max-width:920px){.hero-grid{grid-template-columns:1fr 1fr;min-height:0}.hero-art{min-height:360px}.menu-toggle{border-radius:11px}}
@media(max-width:720px){.hero-grid{grid-template-columns:1fr;gap:23px;padding:37px 0 42px}.hero-art{min-height:310px}.hero-text{padding:0}.hero h1{font-size:clamp(2.55rem,8.2vw,3.65rem)}.hero-sub{font-size:1rem}.trust-strip{margin-top:29px}.hero-disclosure{margin-top:18px}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.package-visual{height:165px}.package-visual img{height:125px}.package-body{padding:18px 16px}.package-body h3{font-size:1.03rem;min-height:50px}.mini-tags{right:8px;left:8px;top:9px}.mini-tags span{font-size:.65rem;padding:3px 8px}.package-features li{font-size:.75rem}.package-note{font-size:.72rem}.section{padding:68px 0}.compare-layout{grid-template-columns:1fr}.coverage-layout,.faq-layout,.contact-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}}
@media(max-width:600px){.container{width:calc(100% - 34px)}.brand{font-size:.91rem}.header-inner{height:70px}.hero-art{border-radius:24px}.hero-actions .button{padding:12px 16px}.art-tag{top:15px;right:13px}.hero-art-badge{bottom:13px;left:10px}.value-items{padding:14px 0;gap:9px}.value-items span{width:calc(50% - 9px);font-size:.73rem}.section-heading{margin-bottom:20px}.package-grid{grid-template-columns:1fr;gap:17px;max-width:460px;margin-inline:auto}.package-card{border-radius:20px}.package-visual{height:196px}.package-visual img{height:155px;width:68%}.mini-tags{right:14px;left:14px;top:13px}.mini-tags span{font-size:.73rem;padding:4px 10px}.package-body{padding:23px 21px}.package-body h3{min-height:0;font-size:1.13rem}.price-row strong{font-size:2rem}.package-features,.package-note{min-height:0}.package-features li{font-size:.83rem}.package-note{font-size:.78rem}.package-body>.button{font-size:.87rem;padding:13px}.filter-bars{gap:14px;padding-bottom:20px}.filter-set{width:100%;gap:7px}.filter{font-size:.83rem;padding:8px 13px}.steps-grid{grid-template-columns:repeat(2,1fr)}.step-card{padding:20px 17px}.faq-list details{padding:18px}.closing-cta{padding:51px 0}.closing-cta h2{font-size:2rem}.coverage-form,.form-card{padding:23px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid .footer-brand{grid-column:1/-1}}
@media(max-width:385px){.hero-actions{gap:8px}.hero-actions .button{padding:11px 14px;font-size:.86rem}.trust-strip{gap:12px}.value-items span{font-size:.68rem}.package-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.router-hero{animation:none}}
/* Keep tall router product photo inside its visual composition at every width. */
.hero-art{height:440px;min-height:0}
.router-hero{width:auto;max-width:74%;height:auto;max-height:335px;object-fit:contain}
@media(max-width:920px){.hero-art{height:360px}.router-hero{max-height:280px}}
@media(max-width:720px){.hero-art{height:310px}.router-hero{max-height:250px}}
@media(max-width:600px){.hero-art{height:290px}.router-hero{max-height:245px}}