:root { --navy:#071a42; --navy-2:#0d2c62; --blue:#0d8fce; --cyan:#31d7f4; --green:#8ed400; --ink:#112245; --muted:#5e6d86; --surface:#f5f8fc; --line:#dce5f1; --white:#fff; --radius:22px; --shadow:0 18px 45px rgba(7,26,66,.12); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:88px; }
body { margin:0; color:var(--ink); background:#fff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.container { width:min(1160px,calc(100% - 40px)); margin-inline:auto; }
.skip-link { position:fixed; left:18px; top:-50px; z-index:100; padding:10px 15px; background:#fff; color:var(--navy); border-radius:8px; }.skip-link:focus { top:18px; }
.topbar { color:#dcecff; background:#0b7cae; font-size:.84rem; }.topbar-content { min-height:37px; display:flex; align-items:center; justify-content:space-between; gap:18px; }.topbar a { font-weight:750; }
.site-header { position:sticky; top:0; z-index:50; color:var(--ink); background:#fff; box-shadow:0 4px 18px rgba(7,26,66,.12); }.nav-wrap { min-height:76px; display:flex; align-items:center; gap:28px; }.brand { display:flex; align-items:center; flex:0 0 auto; }.brand-logo-frame { display:block; width:222px; height:56px; overflow:hidden; }.brand-logo-frame img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.main-nav { display:flex; gap:24px; margin-left:auto; font-size:.9rem; font-weight:750; color:#24446c; }.main-nav a { transition:color .2s; }.main-nav a:hover,.main-nav a:focus { color:#087db7; }.nav-actions { display:flex; align-items:center; gap:15px; }.portal-link { font-size:.82rem; font-weight:800; color:#1a5980; }.button { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:0 22px; border:1px solid transparent; border-radius:999px; background:var(--green); color:#06224a; font-weight:850; line-height:1; cursor:pointer; box-shadow:0 8px 20px rgba(142,212,0,.22); transition:transform .2s,box-shadow .2s,background .2s; }.button:hover,.button:focus { transform:translateY(-2px); box-shadow:0 13px 24px rgba(142,212,0,.3); }.button-small { min-height:38px; padding:0 16px; font-size:.78rem; }.menu-toggle { display:none; }
.section { padding:104px 0; }.section-dark { color:#fff; background:var(--navy); }.hero { position:relative; min-height:600px; overflow:hidden; display:flex; align-items:center; isolation:isolate; }.hero:after { content:""; position:absolute; inset:0; z-index:-2; background:radial-gradient(circle at 73% 45%,#0c6fc5 0,transparent 27%),linear-gradient(118deg,#061737 13%,#092c69 60%,#087bac); }.hero-light { position:absolute; width:55vw; height:10px; border-radius:999px; background:linear-gradient(90deg,transparent,var(--cyan),transparent); filter:blur(2px); opacity:.75; transform:rotate(-23deg); z-index:-1; }.hero-light-one { top:31%; left:37%; }.hero-light-two { top:68%; left:42%; opacity:.35; }
.hero-grid { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:35px; }.eyebrow { margin:0 0 15px; color:#087db7; font-size:.74rem; font-weight:900; letter-spacing:1.8px; }.eyebrow-light { color:var(--cyan); }.hero h1 { max-width:650px; margin:0; font-size:clamp(2.7rem,5vw,5.25rem); line-height:.98; letter-spacing:-.065em; }.hero h1 em { color:var(--cyan); font-style:normal; }.hero-text { max-width:560px; margin:26px 0; color:#d3e7ff; font-size:1.08rem; }.hero-actions { display:flex; gap:24px; align-items:center; }.text-link { display:inline-flex; gap:10px; align-items:center; color:#087db7; font-weight:850; }.text-link span { font-size:1.3rem; }.text-link-light { color:#fff; }.hero-points { display:flex; flex-wrap:wrap; gap:15px 28px; padding:0; margin:46px 0 0; list-style:none; color:#bed7ef; font-size:.86rem; }.hero-points li:before { content:"✓"; margin-right:8px; color:var(--green); font-weight:900; }
.hero-visual { position:relative; min-height:370px; }.hero-brand-sphere { position:absolute; top:50%; left:50%; z-index:2; width:250px; height:auto; filter:drop-shadow(0 0 30px rgba(49,215,244,.34)); transform:translate(-50%,-50%); }.orbit { position:absolute; left:50%; top:50%; border:1px solid rgba(136,239,255,.54); border-radius:50%; transform:translate(-50%,-50%) rotate(-24deg); }.orbit-one { width:390px; height:160px; }.orbit-two { width:320px; height:290px; transform:translate(-50%,-50%) rotate(25deg); opacity:.55; }.orbit-three { width:500px; height:215px; opacity:.25; }.node { position:absolute; z-index:3; width:13px; aspect-ratio:1; border-radius:50%; background:var(--green); box-shadow:0 0 18px var(--green); }.node-a { top:15%; left:17%; }.node-b { bottom:15%; right:11%; background:var(--cyan); box-shadow:0 0 18px var(--cyan); }.node-c { top:28%; right:13%; background:#fff; box-shadow:0 0 18px #fff; }
.offers-section { padding:72px 0; background:#f7fbfd; }.offers-heading { display:flex; align-items:center; justify-content:space-between; gap:40px; margin-bottom:26px; }.offers-heading h2 { max-width:650px; margin:0; color:var(--navy); font-size:clamp(2rem,3.5vw,3.15rem); line-height:1.04; letter-spacing:-.06em; }.offers-heading>p { max-width:360px; margin:0; color:var(--muted); font-size:.94rem; }.offer-carousel { position:relative; }.offer-viewport { overflow:hidden; border-radius:var(--radius); background:#dce7ed; box-shadow:var(--shadow); }.offer-slides { position:relative; aspect-ratio:16/5; }.offer-slide { position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity .45s ease; }.offer-slide:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,21,53,.82) 0,rgba(4,21,53,.58) 35%,rgba(4,21,53,0) 67%); pointer-events:none; }.offer-slide.is-active { z-index:1; opacity:1; pointer-events:auto; }.offer-slide>a,.offer-slide picture,.offer-slide img { display:block; width:100%; height:100%; }.offer-slide img { object-fit:cover; }.offer-copy { position:absolute; top:50%; left:clamp(24px,5vw,68px); z-index:2; display:grid; max-width:min(43%,510px); gap:9px; color:#fff; transform:translateY(-50%); text-shadow:0 2px 12px rgba(0,0,0,.28); }.offer-copy strong { font-size:clamp(1.55rem,3vw,3rem); line-height:1.02; letter-spacing:-.055em; }.offer-copy span { max-width:390px; color:#e0f6ff; font-size:clamp(.83rem,1.3vw,1.05rem); font-weight:650; line-height:1.35; }.offer-action { position:absolute; left:clamp(24px,5vw,68px); bottom:22px; z-index:2; display:inline-flex; align-items:center; gap:9px; padding:10px 15px; border-radius:999px; color:#fff; background:rgba(6,23,55,.88); box-shadow:0 6px 17px rgba(0,0,0,.2); font-size:.82rem; font-weight:850; transition:background .2s,transform .2s; }.offer-slide>a:hover .offer-action,.offer-slide>a:focus .offer-action { background:#087db7; transform:translateY(-2px); }.offer-action b { color:var(--cyan); font-size:1rem; }.carousel-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:16px; }.carousel-dots { display:flex; gap:8px; }.carousel-dots button { width:9px; height:9px; padding:0; border:0; border-radius:99px; background:#a3c7d5; cursor:pointer; transition:width .2s,background .2s; }.carousel-dots button.is-active { width:30px; background:#087db7; }.carousel-dots button:focus-visible,.carousel-button:focus-visible { outline:3px solid var(--green); outline-offset:3px; }.carousel-arrows { display:flex; gap:8px; }.carousel-button { display:grid; width:38px; height:38px; place-items:center; border:1px solid #afd6e4; border-radius:50%; color:#07567e; background:#fff; cursor:pointer; font-size:1.15rem; transition:background .2s,color .2s,transform .2s; }.carousel-button:hover { color:#fff; background:#087db7; transform:translateY(-1px); }
.coverage-section { padding:52px 0; color:#fff; background:linear-gradient(110deg,#087aa9,#0fbaeb); }.coverage-grid { display:grid; grid-template-columns:.75fr 1.25fr; align-items:center; gap:65px; }.coverage-section h2 { margin:0 0 12px; font-size:clamp(1.75rem,3vw,2.3rem); line-height:1.08; letter-spacing:-.055em; }.coverage-section p { margin:0; color:#e7fbff; }.cities-panel { padding:19px; border:1px solid rgba(255,255,255,.29); border-radius:18px; background:rgba(2,86,132,.21); }.cities-label { margin:0 0 11px!important; color:#dff9ff!important; font-size:.74rem; font-weight:900; letter-spacing:1.4px; text-transform:uppercase; }.cities-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }.city-option { min-height:42px; padding:8px 10px; border:1px solid rgba(255,255,255,.58); border-radius:9px; color:#06315d; background:rgba(255,255,255,.95); font-size:.77rem; font-weight:800; line-height:1.14; cursor:pointer; transition:transform .18s,background .18s,color .18s,border-color .18s; }.city-option:hover,.city-option:focus { border-color:#fff; color:#fff; background:#08689a; transform:translateY(-1px); outline:none; }.city-option.is-selected { color:#063058; border-color:var(--green); background:var(--green); box-shadow:0 5px 14px rgba(43,99,4,.2); }.city-option.is-selected:after { content:" ✓"; }.coverage-help { display:inline-flex; align-items:center; gap:7px; margin-top:15px; color:#e6fbff; font-size:.8rem; font-weight:750; }.coverage-help:hover,.coverage-help:focus { color:#fff; text-decoration:underline; }.plans-context { max-width:760px; margin:0 auto 28px; padding:14px 18px; border:1px solid #9cdaea; border-radius:13px; color:#075275; background:#e9faff; font-size:1rem; font-weight:800; text-align:center; }.plans-context strong { color:#087db7; }
.section-heading { max-width:720px; }.center-heading { text-align:center; margin:0 auto 46px; }.section-heading h2,.rural-copy h2,.portal-card h2,.faq-wrap h2,.about-grid h2 { margin:0; color:var(--navy); font-size:clamp(2rem,3.6vw,3.25rem); line-height:1.04; letter-spacing:-.06em; }.section-heading>p:last-child { margin:17px 0 0; color:var(--muted); }.plans-section { background:#fff; }.plans-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:17px; }.plan-card { position:relative; min-height:400px; display:flex; flex-direction:column; padding:27px 23px 22px; border:1px solid var(--line); border-radius:var(--radius); background:#fff; box-shadow:0 7px 25px rgba(7,26,66,.06); transition:transform .25s,box-shadow .25s,border-color .25s; }.plan-card:hover { transform:translateY(-7px); border-color:#94d7ed; box-shadow:var(--shadow); }.plan-card.is-featured { color:#fff; border-color:transparent; background:linear-gradient(160deg,#0d2d68,#087bb6); box-shadow:0 18px 42px rgba(9,101,170,.23); }.plan-badge { position:absolute; top:-12px; right:19px; padding:5px 10px; border-radius:999px; color:#06244a; background:var(--green); font-size:.64rem; letter-spacing:.8px; font-weight:900; }.plan-kicker { margin:0; color:#0788c6; font-size:.72rem; font-weight:900; letter-spacing:1.3px; }.is-featured .plan-kicker { color:#80e8fb; }.plan-speed { margin:15px 0 5px; font-size:3.7rem; line-height:.86; font-weight:900; letter-spacing:-.09em; }.plan-speed small { margin-left:4px; font-size:.9rem; letter-spacing:0; }.plan-price { min-height:42px; margin:0; color:var(--navy); font-size:1.05rem; font-weight:800; }.is-featured .plan-price { color:#fff; }.plan-price strong { font-size:1.35rem; }.plan-features { display:grid; gap:10px; padding:20px 0; margin:15px 0 auto; border-top:1px solid var(--line); list-style:none; color:#53627b; font-size:.84rem; }.is-featured .plan-features { border-color:rgba(255,255,255,.2); color:#d8edff; }.plan-features li:before { content:"✓"; margin-right:8px; color:#03a7dc; font-weight:900; }.is-featured .plan-features li:before { color:var(--green); }.plan-card .button { width:100%; min-height:43px; font-size:.84rem; }.plans-note { margin:22px 0 0; color:#65738a; text-align:center; font-size:.76rem; }
.benefits-section { padding:34px 0; background:var(--surface); }.benefits-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; }.benefits-grid article { position:relative; padding-left:48px; }.benefit-number { position:absolute; top:-2px; left:0; color:#91cfe8; font-size:1.05rem; font-weight:900; }.benefits-grid h3 { margin:0 0 6px; font-size:1rem; }.benefits-grid p { margin:0; color:var(--muted); font-size:.84rem; }
.lifestyle-section { padding-bottom:86px; }.lifestyle-grid { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:9%; }.lifestyle-image { margin:0; height:390px; overflow:hidden; border-radius:var(--radius); box-shadow:var(--shadow); }.lifestyle-image img,.rural-visual img,.business-image img { display:block; width:100%; height:100%; object-fit:cover; }.lifestyle-copy { max-width:470px; }.lifestyle-copy h2 { margin:0; color:var(--navy); font-size:clamp(2rem,3.4vw,3rem); line-height:1.05; letter-spacing:-.06em; }.lifestyle-copy>p:not(.eyebrow) { margin:18px 0 20px; color:var(--muted); }.routine-tags { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px; }.routine-tags span { padding:5px 10px; border:1px solid #b8dce9; border-radius:999px; color:#08709f; background:#f4fcff; font-size:.73rem; font-weight:850; }.rural-section { overflow:hidden; background:linear-gradient(120deg,#eaf8ef,#f7fcf8); }.rural-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:8%; }.rural-copy { max-width:510px; }.rural-copy>p:not(.eyebrow) { color:var(--muted); }.rural-visual { height:370px; margin:0; overflow:hidden; border-radius:var(--radius); box-shadow:var(--shadow); }.check-list { display:grid; gap:10px; padding:0; margin:25px 0 30px; list-style:none; font-weight:700; }.check-list li:before { content:"✓"; margin-right:10px; color:#087db7; }.button-outline { color:#0874ab; background:transparent; border-color:#0c91ca; box-shadow:none; }.button-outline:hover,.button-outline:focus { background:#e6f8ff; box-shadow:none; }
.business-section { background:linear-gradient(125deg,#061737,#092b63); }.business-intro { display:grid; grid-template-columns:1fr .78fr; gap:8%; align-items:center; }.business-heading h2 { color:#fff; }.business-heading>p:last-child { color:#bcd4ef; }.business-image { height:270px; margin:0; overflow:hidden; border:1px solid rgba(124,215,241,.34); border-radius:18px; box-shadow:0 18px 45px rgba(0,0,0,.2); }.business-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin:40px 0 31px; }.business-card { min-height:170px; padding:24px; border:1px solid rgba(124,215,241,.24); border-radius:16px; background:rgba(255,255,255,.04); }.business-card .business-icon { display:grid; place-items:center; width:38px; height:38px; margin-bottom:19px; border-radius:11px; color:var(--cyan); background:rgba(49,215,244,.13); font-size:1.2rem; font-weight:900; }.business-card h3 { margin:0 0 7px; color:#fff; font-size:1rem; }.business-card p { margin:0; color:#bed2eb; font-size:.83rem; }.button-green { color:#06244a; }
.support-section { background:var(--surface); }.support-grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:54px; align-items:start; }.portal-card { padding:42px; border-radius:var(--radius); color:#fff; background:linear-gradient(145deg,#0b8cc8,#0d2b65); box-shadow:var(--shadow); }.portal-card h2 { color:#fff; }.portal-card>p:not(.eyebrow) { color:#d4efff; }.portal-card .button { margin-top:18px; }.faq-wrap details { border-bottom:1px solid var(--line); }.faq-wrap summary { position:relative; padding:18px 34px 18px 0; cursor:pointer; font-weight:800; list-style:none; }.faq-wrap summary::-webkit-details-marker { display:none; }.faq-wrap summary:after { content:"+"; position:absolute; right:4px; top:12px; color:#087db7; font-size:1.45rem; font-weight:400; }.faq-wrap details[open] summary:after { content:"–"; }.faq-wrap details p { margin:0 0 19px; color:var(--muted); font-size:.91rem; }
.about-section { border-top:1px solid var(--line); }.about-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:10%; }.about-text { max-width:610px; color:var(--muted); }.about-text p:first-child { margin-top:0; }.about-text .text-link { margin-top:12px; }
.site-footer { padding:56px 0 0; color:#c0d4ec; background:#061737; }.footer-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:45px; }.brand-footer { color:#fff; }.site-footer h3 { margin:4px 0 15px; color:#fff; font-size:.9rem; }.site-footer p { margin:12px 0; font-size:.84rem; }.site-footer a:not(.brand) { display:block; margin:8px 0; font-size:.84rem; }.site-footer a:not(.brand):hover { color:var(--cyan); }.footer-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:42px; padding:18px 0; border-top:1px solid rgba(191,220,250,.17); color:#8ea8c6; font-size:.75rem; }.footer-bottom a { color:#bcecf7; }
.floating-whatsapp { position:fixed; right:18px; bottom:18px; z-index:35; isolation:isolate; display:flex; align-items:center; gap:9px; overflow:hidden; padding:7px 10px 7px 16px; border-radius:999px; color:#fff; background:#128c7e; box-shadow:0 10px 26px rgba(4,51,24,.3); font-size:.75rem; font-weight:850; animation:whatsapp-pulse 5.5s ease-in-out infinite; }.floating-whatsapp:before { content:""; position:absolute; top:-90%; bottom:-90%; left:-36%; z-index:0; width:19%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent); transform:skewX(-24deg) translateX(-260%); animation:whatsapp-shine 5.5s ease-in-out infinite; }.floating-whatsapp-label,.floating-whatsapp-icon { position:relative; z-index:1; }.floating-whatsapp-icon { display:grid; width:30px; aspect-ratio:1; place-items:center; border-radius:50%; background:#25d366; box-shadow:0 2px 7px rgba(0,0,0,.15); }.floating-whatsapp-icon img { display:block; width:19px; height:19px; }.floating-whatsapp:hover,.floating-whatsapp:focus { animation-play-state:paused; transform:translateY(-2px); box-shadow:0 14px 30px rgba(4,83,35,.35); }.floating-whatsapp:hover:before,.floating-whatsapp:focus:before { animation-play-state:paused; }
@keyframes whatsapp-shine { 0%,62% { opacity:0; transform:skewX(-24deg) translateX(-260%); } 68% { opacity:.9; } 84% { opacity:0; transform:skewX(-24deg) translateX(800%); } 100% { opacity:0; transform:skewX(-24deg) translateX(800%); } }
@keyframes whatsapp-pulse { 0%,62%,100% { box-shadow:0 10px 26px rgba(4,51,24,.3); } 72% { box-shadow:0 12px 31px rgba(37,211,102,.54); } }
@media (max-width:1050px) { .nav-wrap{gap:18px}.main-nav{gap:16px}.portal-link{display:none}.plans-grid{grid-template-columns:repeat(2,1fr)}.plan-card{min-height:340px}.coverage-grid{gap:34px}.cities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lifestyle-grid,.business-intro{gap:38px}.business-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:760px) { .container{width:min(100% - 32px,620px)}.topbar-content{min-height:34px;justify-content:center}.topbar-content span{display:none}.nav-wrap{min-height:68px}.brand-logo-frame{width:179px;height:46px}.nav-actions{margin-left:auto}.nav-actions .button{display:none}.menu-toggle{display:grid;grid-template-columns:20px auto;align-items:center;gap:4px 8px;padding:8px 0;border:0;color:var(--ink);background:none;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:#1b4f78;grid-column:1}.menu-toggle b{grid-column:2;grid-row:1/4;font-size:.7rem}.main-nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;gap:0;padding:11px 16px 18px;background:#fff;border-top:1px solid var(--line);box-shadow:0 12px 22px rgba(7,26,66,.1)}.main-nav.is-open{display:flex}.main-nav a{padding:13px 0;border-bottom:1px solid var(--line)}.hero{min-height:615px;padding:65px 0 44px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(2.65rem,13vw,4.2rem)}.hero-text{font-size:1rem}.hero-visual{min-height:235px;margin-top:-15px}.hero-brand-sphere{width:165px}.orbit-one{width:290px;height:115px}.orbit-two{width:210px;height:205px}.orbit-three{width:340px;height:140px}.hero-points{margin-top:32px;font-size:.77rem}.offers-section{padding:58px 0}.offers-heading{display:block;margin-bottom:23px}.offers-heading>p{margin-top:13px}.offer-slides{aspect-ratio:4/3}.offer-slide:after{background:linear-gradient(0deg,rgba(4,21,53,.88) 0,rgba(4,21,53,.52) 48%,rgba(4,21,53,0) 78%)}.offer-slide img{object-position:center}.offer-copy{top:auto;right:18px;bottom:75px;left:18px;max-width:none;gap:6px;transform:none}.offer-copy strong{font-size:clamp(1.5rem,7vw,2.2rem)}.offer-copy span{font-size:.83rem}.offer-action{left:18px;bottom:16px;padding:9px 12px;font-size:.73rem}.coverage-section{padding:46px 0}.coverage-grid,.lifestyle-grid,.rural-grid,.business-intro,.support-grid,.about-grid{grid-template-columns:1fr;gap:34px}.lifestyle-section{padding-bottom:62px}.lifestyle-image{height:280px;order:2}.cities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-option{min-height:47px;font-size:.78rem}.plans-context{font-size:.9rem}.section{padding:76px 0}.section-heading h2,.lifestyle-copy h2,.rural-copy h2,.portal-card h2,.faq-wrap h2,.about-grid h2{font-size:2.25rem}.plans-grid{grid-template-columns:1fr}.plan-card{min-height:0}.benefits-grid{grid-template-columns:1fr 1fr;gap:27px 13px}.rural-visual{height:260px;order:2}.business-image{height:235px;order:2}.business-grid{grid-template-columns:1fr}.portal-card{padding:30px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom{flex-direction:column;margin-top:30px}.floating-whatsapp-label{display:none}.floating-whatsapp{padding:8px}.floating-whatsapp-icon{width:32px}.floating-whatsapp-icon img{width:20px;height:20px}.site-footer{padding-top:45px} }
@media (prefers-reduced-motion:reduce) { .floating-whatsapp,.floating-whatsapp:before { animation:none; } }
@media (max-width:390px) { .hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.benefits-grid{grid-template-columns:1fr}.plan-speed{font-size:3.3rem} }
.plan-channel-logos { display:flex; align-items:center; justify-content:center; gap:9px; min-height:38px; margin:0 0 14px; padding:4px 0; }.plan-channel-logos img { display:block; width:auto; height:28px; object-fit:contain; }.plan-channel-logos .channel-logo-band { height:25px; }
@media (max-width:760px) { .plan-channel-logos { gap:8px; min-height:36px; padding:3px 0; }.plan-channel-logos img { height:26px; }.plan-channel-logos .channel-logo-band { height:24px; } }
.cities-grid a.city-option { display:flex; align-items:center; justify-content:center; text-align:center; }
@media (max-width:760px) { .nav-actions { display:none; }.menu-toggle { margin-left:auto; } }