/* Signal Nest refresh: network identities are original type treatments, not carrier artwork. */
:root{background:#f5f7f9;color:#102339}
.site-header{background:#fff;color:#12253a;border-bottom:1px solid #e5ecf0}
.header-inner{min-height:77px}
.brand-mark{background:#0b2035;color:#4ce4d5}
.brand-word>span{color:#0cae9e}
.brand-word small{color:#66828b}
.header-link{border-color:#cbdce1;color:#173a4b}
.header-link:hover,.header-link:focus-visible{background:#e7f8f5}
.header-link span{color:#099b8d}
.hero-stage{background:#0b2035;color:#fff;position:relative;overflow:hidden}
.hero-stage:before{content:"";position:absolute;top:-270px;left:-240px;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,#185d69a0 0,transparent 67%);pointer-events:none}
.networks-heading{position:relative;display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:37px;margin-bottom:18px}
.networks-heading h2{font-size:21px;line-height:1.5;letter-spacing:-.4px;margin:2px 0 0}
.networks-heading p{max-width:380px;color:#acc4ce;font-size:11px;line-height:1.8;margin:0}
.network-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.network-tile{min-height:104px;border-radius:17px;background:#fff;color:#172c3b;display:grid;grid-template-columns:54px 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:12px;padding:14px 15px;box-shadow:0 14px 30px #0715214d;border:1px solid #dae5e9}
.network-tile:is(button,a){text-align:right;transition:transform .16s,box-shadow .16s,border-color .16s}
.network-tile:is(button,a):hover,.network-tile:is(button,a):focus-visible{transform:translateY(-3px);border-color:#40cfba;box-shadow:0 19px 32px #07152169}
.network-tile.is-active{border-color:#2bdac2;box-shadow:0 0 0 2px #40decb6b,0 14px 30px #0715214d}
.network-tile.is-active small{color:#087f70;font-weight:900}
.network-tile small{font-size:10px;color:#647d88;align-self:start;line-height:1.2}
.network-name{font-family:Arial,Tahoma,sans-serif;letter-spacing:-.5px;font-size:18px;font-weight:800;align-self:end;line-height:1.3;white-space:nowrap}
.network-graphic{grid-row:span 2;height:54px;width:54px;border-radius:13px;display:grid;place-items:center;position:relative;overflow:hidden}
.network-we{border-color:#cbbbea}
.network-we .network-name{color:#513281}
.graphic-we{background:#f2eefe;color:#58338f;font:bold 22px Arial,sans-serif;letter-spacing:-2px}
.graphic-we i{position:absolute;bottom:6px;width:25px;height:3px;border-radius:8px;background:#e48c37}
.graphic-we b{z-index:1}
.network-vodafone .network-name{color:#c91e34}
.graphic-vodafone{background:#feebee}
.graphic-vodafone i{height:27px;width:27px;border:7px solid #df263a;border-radius:50%;transform:rotate(-30deg)}
.network-orange .network-name{color:#e07620}
.graphic-orange{background:#fff0df}
.graphic-orange i{height:26px;width:26px;border:5px solid #f58220;border-radius:7px;transform:rotate(15deg)}
.network-etisalat .network-name{color:#118765}
.network-etisalat.is-active{border-color:#25b88d}
.graphic-etisalat{background:#e5f5ee;color:#078968;font:bold 29px Arial,sans-serif;letter-spacing:-2px}
.graphic-etisalat span{color:#b7a039}
.hero{position:relative;min-height:397px;padding-block:51px 60px;gap:40px}
.hero h1{font-size:clamp(39px,5vw,67px);margin:12px 0 14px;color:#fff}
.hero h1 em{color:#45e2d2}
.hero-copy>p{color:#bfd2d8;max-width:480px;font-size:15px}
.hero-eyebrow{color:#67e0d1}
.hero-eyebrow .pulse{background:#40e6cc;box-shadow:0 0 0 5px #276263}
.hero-cta{display:inline-flex;align-items:center;gap:20px;background:#42e0ce;color:#082536;font-weight:900;font-size:13px;padding:11px 22px;border-radius:10px;margin-top:24px;transition:transform .15s,background .15s}
.hero-cta:hover,.hero-cta:focus-visible{background:#b0fff3;transform:translateY(-2px)}
.hero-facts{color:#a9c5cc;margin-top:20px}
.hero-art{height:305px;background:radial-gradient(circle at 55% 52%,#205667 0,#164056 46%,#0e2b40 81%);border:1px solid #275166;border-radius:34px}
.orbit{border-color:#3b7d85}
.signal-symbol{background:#092031;box-shadow:0 25px 45px #00121b9e,0 0 0 14px #75dace20}
.floating-tag{background:#f9ffff;border-color:#dbece9}
.calculator-band{background:#ecf4f5;border-top:1px solid #dce9ea;border-bottom:1px solid #dce9ea}
.calculator-card{color:#163448}
.section-heading p,.range-ends,.calc-note{color:#67818f}
.eyebrow.light{color:#079d91}
.control-label span{background:#fff;border-color:#c8dfe0;color:#077f76}
.control-label input{color:#15384b}
.recommend-card{background:#fff;box-shadow:0 12px 35px #163b4417;border:1px solid #d7e8e7}
.no-match{background:#fffdf5}
.plans-section{padding-top:60px}
.plan-card{border-color:#dce7e9}
.plan-card.featured{border-color:#20b7a6}
.compare-panel{background:#eaf3f4}
.operator-mark.operator-etisalat{border-color:#bde5d3;color:#078765;background:#f3fcf7}
.operator-mark.operator-etisalat .operator-word{font-size:19px;letter-spacing:-1.5px}
.operator-mark.operator-etisalat .operator-accent{background:#b9a434}
.plan-card .plan-name-emerald{font-family:Arial,Tahoma,sans-serif;letter-spacing:-.4px;font-size:24px;margin:16px 0 8px;direction:ltr;text-align:right}
.plan-card .plan-name-emerald+.plan-mb{margin-top:0}
.network-grid a small{text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px){
  .network-tile{grid-template-columns:45px 1fr;column-gap:8px;padding:11px;min-height:86px}
  .network-graphic{width:45px;height:45px}
  .network-name{font-size:15px}
  .network-tile small{font-size:9px}
}
@media(max-width:650px){
  .networks-heading{padding-top:27px;display:block;margin-bottom:14px}
  .networks-heading h2{font-size:19px}
  .networks-heading p{margin-top:5px;font-size:10px}
  .network-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .network-tile{min-height:78px;border-radius:13px;padding:10px;grid-template-columns:40px 1fr;column-gap:7px}
  .network-graphic{width:40px;height:40px;border-radius:10px}
  .network-name{font-size:14px}
  .network-tile small{font-size:9px}
  .graphic-we{font-size:18px}.graphic-vodafone i,.graphic-orange i{transform:scale(.75)}.graphic-etisalat{font-size:23px}
  .hero{padding-block:42px 33px;gap:26px}
  .hero h1{font-size:clamp(39px,9.5vw,55px)}
  .hero-copy>p{font-size:13px}
  .hero-cta{margin-top:18px}
  .hero-art{height:205px}
  .plans-section{padding-top:47px}
}
@media(max-width:360px){.network-name{font-size:12px}.network-tile{grid-template-columns:36px 1fr}.network-graphic{height:36px;width:36px}}

/* Selecting Etisalat changes the full visual identity while keeping Signal Nest credited. */
.brand-carrier,.carrier-emblem{display:none}
body[data-theme="etisalat"]{background:#f2f8f4;color:#14392e;transition:background-color .25s,color .25s}
body[data-theme="etisalat"] .site-header{background:#fff;border-bottom-color:#d8e8dd}
body[data-theme="etisalat"] .brand-mark,body[data-theme="etisalat"] .brand-word{display:none}
body[data-theme="etisalat"] .brand-carrier{display:flex;align-items:center;gap:9px;direction:ltr}
.brand-carrier>strong{height:46px;min-width:55px;display:grid;place-items:center;background:#087a58;color:#fff;border-radius:13px;font:900 31px/1 Arial,sans-serif;letter-spacing:-4px;padding:0 7px 0 3px}
.brand-carrier>strong span,.carrier-emblem>span span{color:#dbd478}
.brand-carrier>span{direction:rtl;text-align:right;color:#075b44;font-size:20px;font-weight:900;line-height:1.15}
.brand-carrier small{display:block;color:#597c6d;font-size:10px;font-weight:700;margin-top:4px}
body[data-theme="etisalat"] .header-link{border-color:#b9d8c5;color:#075d44}
body[data-theme="etisalat"] .header-link span{color:#078359}
body[data-theme="etisalat"] .header-link:hover,body[data-theme="etisalat"] .header-link:focus-visible{background:#e6f5eb}
body[data-theme="etisalat"] .hero-stage{background:linear-gradient(130deg,#05291f 0%,#064934 58%,#116f49 100%)}
body[data-theme="etisalat"] .hero-stage:before{background:radial-gradient(circle,#2e9c5f83 0,transparent 68%)}
body[data-theme="etisalat"] .networks-heading p{color:#c1dfca}
body[data-theme="etisalat"] .network-tile.is-active{border-color:#22ae77;box-shadow:0 0 0 2px #27ba8061,0 14px 30px #001d124d}
body[data-theme="etisalat"] .network-tile.is-active small{color:#087755}
body[data-theme="etisalat"] .hero h1 em{color:#dce183}
body[data-theme="etisalat"] .hero-copy>p{color:#d6e9dc}
body[data-theme="etisalat"] .hero-eyebrow{color:#b5edbd}
body[data-theme="etisalat"] .hero-eyebrow .pulse{background:#d3dc72;box-shadow:0 0 0 5px #78b47450}
body[data-theme="etisalat"] .hero-cta{background:#cae589;color:#12432d}
body[data-theme="etisalat"] .hero-cta:hover,body[data-theme="etisalat"] .hero-cta:focus-visible{background:#ebf6b6}
body[data-theme="etisalat"] .hero-facts{color:#bad9c3}
body[data-theme="etisalat"] .fact-dot{background:#d4dd80}
body[data-theme="etisalat"] .hero-art{background:radial-gradient(circle at 52% 44%,#208e60 0,#086642 38%,#06402f 76%);border-color:#4ca574}
body[data-theme="etisalat"] .orbit{border-color:#8ecb9370}
body[data-theme="etisalat"] .signal-symbol{display:none}
body[data-theme="etisalat"] .carrier-emblem{width:200px;height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:#f8fff7;box-shadow:0 0 0 13px #c6e5b235,0 20px 45px #002c1d99;color:#078353;position:relative;z-index:1}
.carrier-emblem>span{font:900 91px/.85 Arial,sans-serif;letter-spacing:-13px;padding-right:14px}
.carrier-emblem strong{font-size:25px;line-height:1.3;margin-top:6px}
.carrier-emblem small{font:700 11px Arial,sans-serif;color:#5f826c;margin-top:2px}
body[data-theme="etisalat"] .floating-tag{border-color:#bde0bc;color:#144b34}
body[data-theme="etisalat"] .floating-tag span{color:#0a9a61}
body[data-theme="etisalat"] .calculator-band{background:#e7f1e9;border-color:#d4e7d7}
body[data-theme="etisalat"] .calculator-card{color:#174b38}
body[data-theme="etisalat"] .eyebrow.light,body[data-theme="etisalat"] .eyebrow.dark{color:#087a51}
body[data-theme="etisalat"] .section-heading p,body[data-theme="etisalat"] .range-ends,body[data-theme="etisalat"] .calc-note{color:#597c68}
body[data-theme="etisalat"] .control-label span{border-color:#a9d1b5;color:#087c53}
body[data-theme="etisalat"] .control-label input{color:#164a36}
body[data-theme="etisalat"] input[type=range]{accent-color:#078c59}
body[data-theme="etisalat"] .recommend-card{border-color:#bee0c8;box-shadow:0 12px 35px #164b281c}
body[data-theme="etisalat"] .recommend-label,body[data-theme="etisalat"] .plan-badge{color:#086f4b;background:#dcf4df}
body[data-theme="etisalat"] .recommend-stat{border-color:#d8ecda}
body[data-theme="etisalat"] .recommend-bottom{border-color:#d4e9d5}
body[data-theme="etisalat"] .primary-btn{background:#087d52}
body[data-theme="etisalat"] .primary-btn:hover,body[data-theme="etisalat"] .primary-btn:focus-visible{background:#075d40}
body[data-theme="etisalat"] .plan-card{border-color:#d9e9dc}
body[data-theme="etisalat"] .plan-card.featured{border-color:#16a36a;box-shadow:0 0 0 2px #42ad702c,0 10px 25px #0b412513}
body[data-theme="etisalat"] .plan-detail strong{color:#174a36}
body[data-theme="etisalat"] .outline-btn{color:#087b52;border-color:#a6d8b5}
body[data-theme="etisalat"] .outline-btn:hover,body[data-theme="etisalat"] .outline-btn:focus-visible{background:#e4f5e7}
body[data-theme="etisalat"] .compare-btn[aria-pressed=true]{border-color:#0b945d;background:#e0f4e4;color:#086947}
body[data-theme="etisalat"] .compare-btn:hover,body[data-theme="etisalat"] .compare-btn:focus-visible{border-color:#0b945d}
body[data-theme="etisalat"] .compare-panel{background:#e5f2e8;border-color:#d2e7d6}
body[data-theme="etisalat"] .text-button,body[data-theme="etisalat"] .best-value{color:#087650}
body[data-theme="etisalat"] .site-footer{background:#052d22;color:#c2dfc8}
body[data-theme="etisalat"] .footer-dot{color:#d5e481}
@media(max-width:650px){
  .brand-carrier>strong{height:39px;min-width:45px;font-size:26px;border-radius:10px}
  .brand-carrier>span{font-size:16px}
  .brand-carrier small{font-size:8px}
  body[data-theme="etisalat"] .carrier-emblem{width:145px;height:145px}
  .carrier-emblem>span{font-size:63px;letter-spacing:-10px;padding-right:10px}
  .carrier-emblem strong{font-size:19px}
  .carrier-emblem small{font-size:9px}
}

/* WE has its own full-page theme and wordmark. */
.brand-we,.we-emblem{display:none}
body[data-theme="we"]{background:#f7f4fb;color:#29203d}
body[data-theme="we"] .site-header{background:#fff;border-bottom-color:#e6dcf0}
body[data-theme="we"] .brand-mark,body[data-theme="we"] .brand-word{display:none}
body[data-theme="we"] .brand-we{display:flex;align-items:center;gap:11px;direction:ltr}
.brand-we>strong{position:relative;height:46px;min-width:67px;display:grid;place-items:center;border-radius:12px;background:#f0eaf8;color:#563089;font:900 27px/1 Arial,sans-serif;letter-spacing:-3px;padding-right:3px}
.brand-we>strong i{position:absolute;bottom:5px;left:21px;width:26px;height:3px;border-radius:5px;background:#ed8e29}
.brand-we>span{direction:rtl;text-align:right;color:#4e2b80;font-size:18px;font-weight:900;line-height:1.15}
.brand-we small{display:block;color:#806c96;font-size:10px;font-weight:700;margin-top:5px}
body[data-theme="we"] .header-link{border-color:#d6c8e6;color:#4f2a80}
body[data-theme="we"] .header-link span{color:#a25717}
body[data-theme="we"] .header-link:hover,body[data-theme="we"] .header-link:focus-visible{background:#f4eefa}
body[data-theme="we"] .hero-stage{background:linear-gradient(130deg,#211332 0%,#432369 55%,#67338a 100%)}
body[data-theme="we"] .hero-stage:before{background:radial-gradient(circle,#a05cb469 0,transparent 69%)}
body[data-theme="we"] .networks-heading p{color:#dac7e8}
body[data-theme="we"] .network-tile.is-active{border-color:#8753b7;box-shadow:0 0 0 2px #ad77d76b,0 14px 30px #120a1e52}
body[data-theme="we"] .network-tile.is-active small{color:#61318d}
body[data-theme="we"] .hero h1 em{color:#ffbd6a}
body[data-theme="we"] .hero-copy>p{color:#e4d4ed}
body[data-theme="we"] .hero-eyebrow{color:#f5c6e6}
body[data-theme="we"] .hero-eyebrow .pulse{background:#ffab4d;box-shadow:0 0 0 5px #b5775a61}
body[data-theme="we"] .hero-cta{background:#f2a34b;color:#271337}
body[data-theme="we"] .hero-cta:hover,body[data-theme="we"] .hero-cta:focus-visible{background:#ffd59b}
body[data-theme="we"] .hero-facts{color:#d5bfe4}
body[data-theme="we"] .fact-dot{background:#f4a34d}
body[data-theme="we"] .hero-art{background:radial-gradient(circle at 50% 45%,#7a48a4 0,#502b7e 43%,#2c174b 80%);border-color:#9563b6}
body[data-theme="we"] .orbit{border-color:#bd8bd054}
body[data-theme="we"] .signal-symbol{display:none}
body[data-theme="we"] .we-emblem{width:200px;height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:#fff;box-shadow:0 0 0 13px #eac4f32b,0 20px 45px #1609279c;color:#59358b;position:relative;z-index:1}
.we-emblem strong{font:900 82px/.95 Arial,sans-serif;letter-spacing:-10px;padding-right:9px}
.we-emblem i{display:block;width:72px;height:6px;border-radius:10px;background:#ed8a2a;margin:2px 0 9px}
.we-emblem span{font-size:17px;line-height:1.15;font-weight:900}
.we-emblem small{font-size:10px;color:#745f88;margin-top:4px}
body[data-theme="we"] .floating-tag{border-color:#e8d9ed;color:#442467}
body[data-theme="we"] .floating-tag span{color:#b36a25}
body[data-theme="we"] .calculator-band{background:#f0eaf6;border-color:#e5d8ef}
body[data-theme="we"] .calculator-card{color:#39235a}
body[data-theme="we"] .eyebrow.light,body[data-theme="we"] .eyebrow.dark{color:#693c95}
body[data-theme="we"] .section-heading p,body[data-theme="we"] .range-ends,body[data-theme="we"] .calc-note{color:#765f89}
body[data-theme="we"] .control-label span{border-color:#d6c2e4;color:#693b92}
body[data-theme="we"] .control-label input{color:#3a2457}
body[data-theme="we"] input[type=range]{accent-color:#6e3d99}
body[data-theme="we"] .recommend-card{border-color:#dfcee9;box-shadow:0 12px 35px #3b1b531c}
body[data-theme="we"] .recommend-label,body[data-theme="we"] .plan-badge{color:#63378c;background:#efe2f7}
body[data-theme="we"] .no-match .recommend-label,body[data-theme="etisalat"] .no-match .recommend-label{color:#7e5f17;background:#f8e9b7}
body[data-theme="we"] .recommend-stat{border-color:#eee3f2}
body[data-theme="we"] .recommend-bottom{border-color:#e6d9ee}
body[data-theme="we"] .primary-btn{background:#60358e}
body[data-theme="we"] .primary-btn:hover,body[data-theme="we"] .primary-btn:focus-visible{background:#462168}
body[data-theme="we"] .plan-card{border-color:#e8ddec}
body[data-theme="we"] .plan-card.featured{border-color:#8850ac;box-shadow:0 0 0 2px #a577c02e,0 10px 25px #391b5215}
body[data-theme="we"] .operator-mark{border-color:#decbe9;color:#593287;background:#fbf8ff}
body[data-theme="we"] .plan-detail strong{color:#3e2859}
body[data-theme="we"] .outline-btn{color:#60358e;border-color:#ccb1df}
body[data-theme="we"] .outline-btn:hover,body[data-theme="we"] .outline-btn:focus-visible{background:#f5eaf9}
body[data-theme="we"] .compare-btn[aria-pressed=true]{border-color:#8d5bb0;background:#f1e4fa;color:#60358e}
body[data-theme="we"] .compare-btn:hover,body[data-theme="we"] .compare-btn:focus-visible{border-color:#8d5bb0}
body[data-theme="we"] .compare-panel{background:#efe8f5;border-color:#e2d4ed}
body[data-theme="we"] .text-button,body[data-theme="we"] .best-value{color:#66358e}
body[data-theme="we"] .site-footer{background:#28153c;color:#decdea}
body[data-theme="we"] .footer-dot{color:#f3a14a}
@media(max-width:650px){
  .brand-we>strong{height:39px;min-width:52px;font-size:22px;border-radius:10px}
  .brand-we>strong i{left:15px;width:22px}
  .brand-we>span{font-size:15px}
  .brand-we small{font-size:9px}
  body[data-theme="we"] .we-emblem{width:145px;height:145px}
  .we-emblem strong{font-size:56px;letter-spacing:-8px}
  .we-emblem i{width:52px;height:4px;margin:1px 0 6px}
  .we-emblem span{font-size:14px}
}
