.wifi{background-image:url('../images/modern/feature-wifi.png?v=20260902')}.movies{background-image:url('../images/modern/feature-streaming.png?v=20260902')}.games{background-image:url('../images/modern/feature-gaming.png?v=20260902')}.work{background-image:url('../images/modern/feature-work.png?v=20260902')}
.feature{background-position:center 42%;transition:transform .35s ease,box-shadow .35s ease}.feature:hover{transform:translateY(-5px);box-shadow:0 22px 50px #071b3a26}.feature:before{background:linear-gradient(0deg,#061933f5 2%,#06193399 43%,#06193310 100%)}
.plan-visual{height:174px;position:relative;overflow:hidden;padding:24px;color:#fff;background:radial-gradient(ellipse at 90% 90%,#087cf070,transparent 65%),linear-gradient(130deg,#112c59,#145baa);display:flex;align-items:center;isolation:isolate}
.plan-visual.cloud{background:radial-gradient(ellipse at 90% 90%,#1673dc80,transparent 65%),linear-gradient(130deg,#101f43,#244b88)}
.plan-visual.api{background:radial-gradient(ellipse at 90% 90%,#0cb8c660,transparent 65%),linear-gradient(130deg,#07364b,#096d7b)}
.plan-visual:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(#bceaff 1px,transparent 1px),linear-gradient(90deg,#bceaff 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000)}
.plan-heading{position:relative;z-index:1;max-width:calc(100% - 132px)}
.plan-heading small{display:block;color:#a8d8ff;font-size:9px;letter-spacing:.12em;font-weight:800;text-transform:uppercase}
.plan-heading b{display:block;margin:8px 0;font-size:25px;letter-spacing:-.04em;line-height:1.1}
.plan-caption{display:block;color:#d9eafe;font-size:11px;line-height:1.5;max-width:130px}
.plan-art{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:142px;height:124px;fill:none;stroke:#c1e9ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 12px 10px #03163344)}
.plan-art .device{fill:#102f5899;stroke:#b8e5ff}
.plan-art .signal{stroke:#80e7ff;stroke-width:3}
.plan-art .connector{stroke:#72d7ea;stroke-width:2;stroke-dasharray:5 5}
.plan-art .light{fill:#7bf5d2;stroke:none}

.support{background:radial-gradient(circle at 80% 10%,#d9f4ff 0,transparent 28%),#eef6fd}.support .section-head{margin-bottom:38px}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px;align-items:stretch;max-width:1040px;margin:auto}.contact-panel,.contact-form{border-radius:26px;padding:38px}.contact-panel{background:linear-gradient(150deg,#06182f,#0a2c51);color:#fff;box-shadow:0 24px 65px #071b3a2b}.contact-panel h3,.contact-form h3{font-size:27px;margin:12px 0}.contact-panel p{color:#bed0e3}.contact-kicker{color:#5edbff;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.contact-item{display:flex;align-items:center;gap:14px;margin-top:18px}.contact-item i{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#0b4162;color:#6be2ff;font-style:normal}.contact-item small,.contact-item strong{display:block}.contact-item small{font-size:11px;color:#8fb1ce;margin-bottom:3px}.contact-item strong{font-size:15px;overflow-wrap:anywhere}.contact-shortcut{margin-top:28px;min-height:48px;padding:0 15px;border:1px solid #ffffff2b;border-radius:12px;display:flex;align-items:center;justify-content:space-between;font-weight:800}.contact-shortcut:hover{background:#ffffff0c}.contact-form{background:#fff;border:1px solid #dae6f2;box-shadow:0 24px 65px #071b3a17}.contact-form>p{margin-top:-3px;color:#64748b;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin-top:22px}.form-grid label{font-size:12px;font-weight:800;color:#19314e}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:7px;border:1px solid #cfdeec;background:#f7fafd;border-radius:11px;padding:13px 14px;color:#10233f;font:inherit;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#168cf3;box-shadow:0 0 0 3px #168cf31b}.form-grid .full{grid-column:1/-1}.form-grid textarea{resize:vertical}.submit-contact{border:0;width:100%;margin-top:15px;cursor:pointer}.form-note{display:block;color:#718196;margin-top:10px;text-align:center}
@media(max-width:820px){.hero-bg{background-position:68% center}.hero-bg:after{background:linear-gradient(90deg,#061934f7 0%,#08234ddd 58%,#08234d66)}.feature{background-position:center}.contact-grid{grid-template-columns:1fr}.contact-panel,.contact-form{padding:26px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.plan-visual{height:155px}.support .section-head{text-align:left;margin-left:0}}

/* Movimento e experiência de velocidade */
.hero-dots{bottom:62px}.nav nav>a:not(.nav-cta){position:relative}.nav nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:linear-gradient(90deg,#087cf0,#27c7f5);transition:right .25s ease}.nav nav>a:not(.nav-cta):hover:after{right:0}.btn,.nav-cta,.quick-grid a,.contact-shortcut,.contact-item{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn:hover,.nav-cta:hover{transform:translateY(-3px);box-shadow:0 16px 34px #087cf04a}.quick-grid a:hover{transform:translateY(-5px);background:#f5faff;box-shadow:0 13px 30px #071b3a13}.feature{opacity:.72;transform:translateY(24px)}.feature.in-view{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .65s ease,box-shadow .35s ease}.feature.in-view:hover{transform:translateY(-7px) scale(1.012)}.feature:hover:before{background:linear-gradient(0deg,#061933f7 0%,#0619338c 50%,#06193308 100%)}.feature:hover h3{transform:translateX(7px)}.feature h3{transition:transform .3s ease}.plan{transition:transform .3s ease,box-shadow .3s ease}.plan:hover{transform:translateY(-9px);box-shadow:0 28px 58px #0005}
.speed-experience{position:relative;overflow:hidden;background:linear-gradient(135deg,#06162f 0%,#083477 55%,#087cf0 130%);color:#fff;padding:110px 0}.speed-experience:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 20%,#53e6ff55 0 2px,transparent 3px),radial-gradient(circle at 72% 35%,#fff5 0 1px,transparent 2px),radial-gradient(circle at 85% 70%,#53e6ff44 0 2px,transparent 3px);background-size:190px 170px,130px 150px,230px 210px;animation:stars-drift 18s linear infinite}.speed-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:76px;align-items:center}.speed-copy h2{max-width:650px}.speed-copy>p{color:#c6dbef;font-size:17px;line-height:1.7;max-width:650px}.rocket-stage{height:500px;position:relative;display:grid;place-items:center;border-radius:42px;background:radial-gradient(circle,#0ea5e930 0,transparent 65%);perspective:700px}.rocket{width:175px;position:relative;z-index:3;filter:drop-shadow(0 30px 28px #00152e99);animation:rocket-float 3.2s ease-in-out infinite}.flame{transform-origin:center top;animation:flame-pulse .22s ease-in-out infinite alternate}.orbit{position:absolute;border:1px solid #69e4ff4d;border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:390px;height:150px;animation:orbit-glow 3s ease-in-out infinite}.orbit-two{width:300px;height:390px;transform:rotate(28deg);animation:orbit-glow 3s 1s ease-in-out infinite}.speed-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#68e6ff,transparent);left:5%;width:90%;animation:line-pass 2.6s linear infinite}.l1{top:22%}.l2{top:54%;animation-delay:.8s}.l3{top:78%;animation-delay:1.6s}.experience-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.experience-points article{display:flex;gap:13px;padding:18px;border:1px solid #ffffff20;border-radius:17px;background:#ffffff0c;transition:transform .3s ease,background .3s ease,border-color .3s ease}.experience-points article:hover{transform:translateY(-5px);background:#ffffff16;border-color:#62dfff70}.experience-points i{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:#19a7ef;color:#fff;font-style:normal;font-size:18px}.experience-points strong,.experience-points span{display:block}.experience-points span{color:#bcd2e7;font-size:13px;line-height:1.5;margin-top:5px}.speed-btn{background:#fff;color:#0874da}.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s ease}.reveal.in-view{opacity:1;transform:none}
@keyframes rocket-float{0%,100%{transform:translateY(8px) rotate(-2deg)}50%{transform:translateY(-16px) rotate(2deg)}}@keyframes flame-pulse{from{transform:scaleY(.82)}to{transform:scaleY(1.15)}}@keyframes orbit-glow{0%,100%{opacity:.35}50%{opacity:1;box-shadow:0 0 32px #43dcff35}}@keyframes line-pass{0%{transform:translateX(-70%);opacity:0}40%{opacity:1}100%{transform:translateX(70%);opacity:0}}@keyframes stars-drift{to{background-position:190px 170px,-130px 150px,230px -210px}}@keyframes orbit-spin{to{transform:rotate(346deg)}}
@media(max-width:820px){.hero-dots{bottom:25px}.speed-experience{padding:76px 0}.speed-grid{grid-template-columns:1fr;gap:20px}.rocket-stage{height:340px;order:2}.rocket{width:125px}.orbit-one{width:290px;height:110px}.orbit-two{width:220px;height:290px}.experience-points{grid-template-columns:1fr}.speed-copy h2{font-size:38px}.feature{opacity:1;transform:none}.reveal{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.rocket,.flame,.orbit,.speed-line,.speed-experience:before,.plan:hover .plan-orbit{animation:none!important}.feature,.reveal{opacity:1;transform:none}}

/* Barra informativa em tempo real e superfícies com mais profundidade */
.topbar .live-info{height:auto;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:22px}.today,.visitor{display:flex;align-items:center;gap:13px;white-space:nowrap}.today strong{color:#fff;text-transform:uppercase;letter-spacing:.065em;font-size:10px}.today #live-date{color:#7cdbff;text-transform:capitalize}.today time{min-width:70px;color:#fff;font-weight:800;font-variant-numeric:tabular-nums}.visitor{font-size:11px}.visitor span{color:#91abc8}.visitor b{color:#fff;font-variant-numeric:tabular-nums}.visitor a{color:#7cdbff;font-weight:800}.visitor a:hover{color:#fff}
body{background:#eef6fd}.quick{background:linear-gradient(180deg,#fff 0%,#edf6ff 100%)}#beneficios{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,#52d9ff20 0 2px,transparent 3px),radial-gradient(circle at 88% 72%,#087cf018 0 2px,transparent 3px),linear-gradient(135deg,#f5faff 0%,#e9f5ff 52%,#f7fbff 100%);background-size:145px 145px,190px 190px,auto}#beneficios:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,#fff8 42.2% 42.35%,transparent 42.55% 100%)}#beneficios .wrap{position:relative}.plans-section{box-shadow:inset 0 1px #ffffff1f}.support{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 15%,#54dfff24 0,transparent 28%),radial-gradient(circle at 91% 70%,#087cf01c 0,transparent 31%),linear-gradient(145deg,#eaf5ff,#f8fbff)}.support:before{content:"";position:absolute;width:480px;height:480px;border:1px solid #168cf316;border-radius:50%;right:-270px;top:-220px}.support .wrap{position:relative}
@media(max-width:1100px){.topbar .live-info{padding-top:7px;padding-bottom:7px}.today #live-date{display:none}}
@media(max-width:820px){.topbar .live-info{min-height:58px;display:grid;grid-template-columns:1fr auto;gap:3px 12px}.today{display:grid;grid-template-columns:1fr auto;gap:2px 8px;white-space:normal}.today strong{grid-column:1/-1;font-size:9px}.today time{font-size:12px}.visitor{display:grid;gap:2px;text-align:right;white-space:nowrap}.visitor a{display:none}.site-header .nav nav{top:132px}}
@media(max-width:480px){.visitor{font-size:9px}.today strong{letter-spacing:.025em}.topbar .wrap{padding-left:15px;padding-right:15px}}

/* Leitura simplificada da barra e contador no rodapé */
.topbar .live-info>strong{color:#fff;text-transform:uppercase;letter-spacing:.065em;font-size:10px}.topbar .today{display:flex;align-items:center;gap:12px}.topbar .today #live-date{display:inline;color:#7cdbff;font-weight:800}.topbar .today time{min-width:70px}.copyright-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-visitor{display:flex;align-items:center;gap:7px;color:#91abc8}.footer-visitor b{color:#fff;font-variant-numeric:tabular-nums}.footer-visitor i{width:1px;height:13px;background:#ffffff30;margin:0 5px}
@media(max-width:820px){.topbar .live-info{min-height:48px;display:flex;gap:12px}.topbar .live-info>strong{font-size:8px;line-height:1.3;max-width:190px}.topbar .today{margin-left:auto;display:flex;gap:7px;white-space:nowrap}.topbar .today #live-date,.topbar .today time{font-size:10px}.site-header .nav nav{top:122px}.copyright-row{align-items:flex-start;flex-direction:column}.footer-visitor{flex-wrap:wrap}}

/* Faixa de transição entre velocidade e planos */
.trust-strip{position:relative;background:linear-gradient(135deg,#fff 0%,#f2f8ff 100%);padding:82px 0;border-top:1px solid #ffffff33;border-bottom:1px solid #dceafa;overflow:hidden}.trust-strip:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid #168cf315;left:-250px;top:-265px}.trust-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}.trust-intro h2{font-size:clamp(32px,3.2vw,46px);margin:12px 0 16px}.trust-intro p{color:#64748b;line-height:1.7;max-width:500px}.trust-items{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.trust-items article{min-height:190px;padding:25px 21px;border:1px solid #d9e7f5;border-radius:21px;background:#fff;box-shadow:0 16px 36px #071b3a0c;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.trust-items article:hover{transform:translateY(-7px);border-color:#9ddaff;box-shadow:0 22px 42px #087cf01c}.trust-items i{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#087cf0,#26c5f5);color:#fff;font-style:normal;font-weight:800;box-shadow:0 10px 22px #087cf036}.trust-items strong,.trust-items span{display:block}.trust-items strong{margin-top:20px;font-size:16px}.trust-items span{margin-top:8px;color:#64748b;font-size:13px;line-height:1.55}
@media(max-width:980px){.trust-grid{grid-template-columns:1fr;gap:34px}.trust-items article{min-height:170px}}
@media(max-width:650px){.trust-strip{padding:66px 0}.trust-items{grid-template-columns:1fr}.trust-items article{min-height:0;display:flex;gap:16px;align-items:flex-start}.trust-items strong{margin-top:1px}.trust-intro h2{font-size:34px}}


/* Logo containment and focused plan carousel. */
.brand{min-width:0}.brand-frame{flex:none;overflow:hidden;min-width:0;min-height:0}
.brand-frame img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.experience-points i svg,.trust-items i svg{width:24px;height:24px;flex:none}
.plan{display:flex;flex-direction:column;background:#102747;isolation:isolate}
.plan-body{display:flex;flex-direction:column;flex:1;background:#fff;min-width:0}
.plan-body .btn{margin-top:auto}.plan h3{overflow-wrap:anywhere}
.plans-shell{position:relative;padding:0 62px}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:18px;overflow:hidden;padding:28px 0 34px;scroll-snap-type:none;align-items:stretch}
.plans>.plan{grid-row:1;grid-column:2;min-width:0;transform:scale(.91);transition:transform .32s ease,opacity .32s ease}
.plans>.plan[data-position="current"]{grid-column:2;transform:scale(1);z-index:2}
.plans>.plan[data-position="left"]{grid-column:1}.plans>.plan[data-position="right"]{grid-column:3}
.plans>.plan[data-position="hidden"]{display:none}.plans>.loading{grid-column:1/-1}
.plan-controls[hidden]{display:none}
.plan-controls .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #7bdfff;background:#087cf0;color:white;padding:0;cursor:pointer;z-index:3}
.plan-controls .prev{left:0}.plan-controls .next{right:0}.plan-controls .slider-arrow span{display:none}
.plan-controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}
.plan-controls button:focus-visible,.plans:focus-visible{outline:3px solid #8ae8ff;outline-offset:3px}
.plans-summary{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;color:#d9eaff}
.all-plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.all-plans-grid .plan{min-width:0}.all-plans-section{scroll-margin-top:140px}
@media(min-width:821px){.plans .plan-visual{padding:18px}.plans .plan-art{width:112px;right:4px}.plans .plan-heading{max-width:calc(100% - 98px)}.plans .plan-heading b{font-size:22px}.plans .plan-body{padding:22px}.plans .price b{font-size:38px}}
@media(max-width:820px){.brand-frame{width:72px;height:48px}.brand-frame img{width:100%;height:100%}.plans-shell{padding:0 48px}.plans{grid-template-columns:minmax(0,1fr)}.plans>.plan[data-position="current"]{grid-column:1}.plans>.plan[data-position="left"],.plans>.plan[data-position="right"]{display:none}.plan-controls .slider-arrow{width:38px;height:38px}.all-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.all-plans-grid{grid-template-columns:minmax(0,1fr)}.plans-shell{padding:0 36px}.plan-controls .slider-arrow{width:30px;height:38px}.plans .plan-body{padding:18px}.plans .plan-visual{padding:18px;height:160px}.plans .plan-art{width:105px;right:2px}.plans .plan-heading{max-width:calc(100% - 88px)}.plans .plan-heading b{font-size:21px}.plans .price b{font-size:36px}.topbar .live-info{flex-wrap:wrap;justify-content:center;padding-top:7px;padding-bottom:7px}.topbar .today{margin-left:0}}
@media(prefers-reduced-motion:reduce){.plans>.plan{transition:none}.plan:hover{transform:none}}

.plans{position:relative}
.plans>.plan-ghost{z-index:1}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.plans>.plan:not(.plan-ghost){transition:translate .25s ease,box-shadow .25s ease}.plans>.plan:not(.plan-ghost):hover{translate:0 -9px;box-shadow:0 28px 58px #0006}.all-plans-grid .plan:hover{transform:translateY(-9px)}}

.back-to-top{position:fixed;right:26px;bottom:90px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#087cf0;color:#fff;border:1px solid #81dfff;z-index:40;box-shadow:0 8px 24px #0003}.back-to-top svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.back-to-top:hover{background:#1260b3}.back-to-top:focus-visible{outline:3px solid #7bddff;outline-offset:3px}.catalog-contact{text-align:center;padding:0 20px 70px;background:#071b3a}

.mobile-plan-hint{display:none}
@media(max-width:820px){
 .mobile-plan-hint:not([hidden]){display:block;text-align:center;color:#d5ecff;font-size:14px;margin:0 0 4px}
 .mobile-plan-hint span{font-size:22px;vertical-align:middle;margin-left:6px}
 .plans-shell{padding:0}
 .plans{grid-template-columns:minmax(0,1fr);padding:24px 34px 30px;gap:0}
 .plans>.plan[data-position="current"]{grid-column:1}
 .plans>.plan[data-position="left"],.plans>.plan[data-position="right"]{display:flex;grid-column:1;pointer-events:none}
 .plans>.plan[data-position="left"]{transform:translateX(calc(-100% - 12px)) scale(.94)}
 .plans>.plan[data-position="right"]{transform:translateX(calc(100% + 12px)) scale(.94)}
 .plan-controls .slider-arrow{width:44px;height:44px;box-shadow:0 4px 16px #001b4799}
 .plan-controls .prev{left:0}.plan-controls .next{right:0}
 .plans-summary{gap:14px}.plans-summary>.btn{min-height:48px}
}

/* Perspective wheel: cards keep their dimensions throughout each turn. */
#plans.plans{display:grid;grid-template-columns:minmax(0,1fr);padding:12px 0 22px;overflow:hidden;align-items:stretch;isolation:isolate}
#plans.plans>.plan{display:flex;grid-area:1/1;width:32%;max-width:350px;justify-self:center;min-width:0;transform-origin:center;backface-visibility:hidden;transition:box-shadow .25s ease;pointer-events:auto}
#plans.plans>.plan[data-position="hidden"]{visibility:hidden;pointer-events:none}
#plans.plans>.plan:hover{translate:none;box-shadow:0 22px 42px #0006}
@media(max-width:820px){
 #plans.plans{padding:8px 0 16px}
 #plans.plans>.plan{width:72%;max-width:310px}
 #plans.plans .plan-body{padding:18px}
 #plans.plans .plan-visual{height:140px}
 #plans.plans .price b{font-size:34px}
 .plans-shell .plan-controls .slider-arrow{width:40px;height:40px}
}

#plans{touch-action:pan-y pinch-zoom;user-select:none}#plans .plan[data-position="left"],#plans .plan[data-position="right"]{cursor:pointer}#plans .plan[data-position="current"]{cursor:grab}#plans.is-dragging,#plans.is-dragging .plan{cursor:grabbing}

.plan-visual.combo{background:linear-gradient(130deg,#29215d,#6644ad)}.plan-visual.rural{background:linear-gradient(130deg,#073e40,#137d69)}.plan-visual.fiber{background:linear-gradient(130deg,#093357,#086ea6)}.plan-visual.rural .plan-heading b{font-size:21px}

.plan-visual.support{background:linear-gradient(130deg,#123a4b,#13788c)}.plan-visual.license{background:linear-gradient(130deg,#36214f,#7151a5)}.plan-visual.regulatory{background:linear-gradient(130deg,#183e49,#357a79)}.plan-visual.regulatory .plan-heading b{font-size:18px}

/* Phone experiences and subscriber access */
.hero-content h1{font-size:clamp(34px,4vw,56px);line-height:1.12;max-width:620px}
.hero-content .eyebrow{display:block;max-width:560px;line-height:1.7}
.phone-experience{background:linear-gradient(180deg,#f3f9ff,#fff);overflow:hidden}
.phone-gallery{position:relative;display:flex;align-items:center;justify-content:center;max-width:820px;margin:0 auto;min-height:460px}
.showcase-phone,.subscriber-phone{position:relative;width:250px;height:460px;border:8px solid #172b42;border-radius:38px;background:#102039;box-shadow:0 24px 50px #102b4530;overflow:hidden;flex-shrink:0}
.showcase-phone:after,.subscriber-phone:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:96px;height:18px;border-radius:0 0 14px 14px;background:#172b42;z-index:5}
.showcase-phone{z-index:2}.phone-scene{position:absolute;inset:0;opacity:0;transform:scale(1.06);transition:opacity .8s ease,transform 1.2s ease;pointer-events:none}
.phone-scene.active{opacity:1;transform:scale(1)}.phone-scene img{width:100%;height:100%;object-fit:cover}
.phone-scene:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#06182bec)}
.phone-scene strong{position:absolute;z-index:1;bottom:34px;left:20px;right:20px;color:#fff;font-size:26px;line-height:1.2}
.phone-wing{width:30%;height:340px;object-fit:cover;border-radius:20px;box-shadow:0 14px 34px #08294e20}
.wing-left{margin-right:-26px;transform:rotate(-5deg)}.wing-right{margin-left:-26px;transform:rotate(5deg)}
.phone-navigation{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:26px;flex-wrap:wrap}
.phone-dot{width:12px;height:12px;padding:0;border:0;border-radius:50%;background:#b5cbe2;cursor:pointer}.phone-dot.active{background:#087ff3}
.phone-pause{border:1px solid #c5d8eb;border-radius:20px;background:white;color:#173452;padding:7px 14px;font:inherit;font-size:13px;cursor:pointer;margin-left:8px}
.subscriber-section{padding:80px 0;background:radial-gradient(ellipse at 75% 50%,#155b9c,#071d39 70%);color:white}
.subscriber-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.subscriber-copy h2{font-size:clamp(30px,3vw,44px);line-height:1.15;margin:16px 0 22px}
.subscriber-copy p{color:#c1d7ee;max-width:520px;line-height:1.7}
.subscriber-copy ul{padding:0;list-style:none;margin:24px 0 30px;display:grid;gap:12px;color:#def0ff}
.subscriber-copy li:before{content:"✓";color:#4be0ed;margin-right:12px}
.subscriber-copy .btn{gap:14px}
.subscriber-phone{display:block;justify-self:center;text-decoration:none;color:#fff;width:270px;height:488px;transition:transform .25s,box-shadow .25s}
.subscriber-phone:hover{transform:translateY(-6px);box-shadow:0 30px 60px #0005}
.demo-central{padding:24px 14px 16px;font-size:12px;background:#101a2b;height:100%;box-sizing:border-box}
.demo-toolbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px}.demo-toolbar b{font-size:18px}
.demo-welcome{color:#8cabc5;margin-bottom:16px}.demo-welcome strong{display:block;font-size:20px;color:white;margin-top:4px}
.demo-tile{border:1px solid #15595d;background:#112e38;padding:15px;border-radius:14px}
.demo-tile>span{color:#40dcb5;font-size:10px;letter-spacing:1px}.demo-tile strong{display:block;margin:8px 0;font-size:15px}.demo-tile small{color:#83ddc7}
.demo-invoice{margin-top:14px;background:#1a2740;border:1px solid #304365;border-radius:14px;padding:16px}
.invoice-symbol{float:right;color:#64cfff;font-size:30px}.demo-invoice strong{font-size:18px}.demo-invoice p{color:#b2c7df;line-height:1.5}
.demo-action{display:block;background:#087ff3;border-radius:8px;padding:10px;text-align:center;font-weight:700}
.demo-help{padding:16px 0;color:#adcae8}.demo-caption{display:block;text-align:center;color:#92a7bf;font-size:10px}
.phone-dot:focus-visible,.phone-pause:focus-visible,.subscriber-phone:focus-visible{outline:3px solid #00b6ee;outline-offset:5px}
@media(max-width:700px){.hero-content h1{font-size:36px;max-width:440px}.hero-content .eyebrow{font-size:11px;max-width:360px}.subscriber-grid{grid-template-columns:1fr;gap:36px}.subscriber-section{padding:54px 0}.subscriber-copy .btn{width:100%}.phone-gallery{min-height:390px}.showcase-phone{width:218px;height:400px}.phone-wing{position:absolute;width:40%;height:290px}.wing-left{left:0}.wing-right{right:0}.phone-scene strong{font-size:23px}.subscriber-phone{width:260px}.phone-experience .section-head h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.phone-scene,.subscriber-phone{transition:none}}

/* Clear invoice shortcuts and a more compact opening banner. */
.hero{min-height:530px;align-items:start}
.hero-content{padding-top:66px;padding-bottom:128px}
.hero-discover{position:absolute;z-index:3;bottom:62px;left:max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:14px;color:#d5edff;font-size:13px;text-decoration:none}
.hero-discover span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff60;border-radius:50%;font-size:19px}
.hero .hero-dots{bottom:32px}
.nav-invoice{color:#087ff3;font-weight:700;white-space:nowrap}
.invoice-guide{border-left:3px solid #43d8f3;padding:12px 18px;background:#ffffff09;border-radius:0 10px 10px 0;margin-top:22px;max-width:540px}
.invoice-guide p{font-size:14px;margin:7px 0 0}
#central-assinante,#atendimento,#beneficios{scroll-margin-top:140px}
@media(min-width:821px) and (max-width:1180px){.nav nav{gap:14px}.nav .brand>span[data-name]{max-width:180px;font-size:12px}.nav nav a{font-size:12px}.nav .nav-cta{padding:12px}}
@media(max-width:820px){.hero{min-height:510px}.hero-content{padding:44px 0 120px}.hero-discover{left:24px;right:24px;bottom:65px;font-size:12px}.hero .hero-dots{bottom:28px}#central-assinante,#atendimento,#beneficios{scroll-margin-top:125px}}

/* Keep slider markers clear of the shortcut cards. */
.quick{margin-top:0;padding:28px 0 8px}
.hero .hero-dots{bottom:24px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:24px;background:#04152b70;gap:10px}
.hero-discover{bottom:84px}
.phone-wing,.showcase-phone{transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s,box-shadow .45s}
.phone-dot{transition:transform .25s,background .25s;box-shadow:0 0 0 7px transparent}
@media(hover:hover) and (pointer:fine){
 .phone-wing:hover{transform:translateY(-12px) rotate(0) scale(1.06);filter:brightness(1.15);box-shadow:0 26px 45px #08294e38;z-index:1}
 .showcase-phone:hover{transform:translateY(-10px) scale(1.035);box-shadow:0 32px 65px #102b4550}
 .phone-dot:hover{transform:scale(1.45);background:#087ff3}
}
@media(max-width:820px){.quick{padding:22px 0 6px}.quick-grid{border-radius:16px}.hero .hero-dots{bottom:18px}.hero-discover{bottom:78px}}
@media(prefers-reduced-motion:reduce){.phone-wing,.showcase-phone,.phone-dot{transition:none}}

.phone-gallery{isolation:isolate}.phone-gallery .showcase-phone{z-index:4}.phone-scene img[src*='feature-streaming.png']{object-position:left center}

.signup-picker{width:min(880px,calc(100% - 32px));max-height:85vh;border:0;border-radius:22px;padding:28px;color:#10294a;background:#f5faff;box-sizing:border-box}
.signup-picker::backdrop{background:#03152bcc;backdrop-filter:blur(4px)}
.signup-picker-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.signup-picker h2{font-size:28px;margin:0}.signup-picker-head p{color:#536b85}
.signup-picker-head button{background:#e3effb;border:0;border-radius:50%;font-size:26px;width:40px;height:40px;flex-shrink:0;cursor:pointer}
.signup-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.signup-picker-list article{padding:20px;background:white;border:1px solid #d5e5f4;border-radius:16px}.signup-picker-list h3{overflow-wrap:anywhere;font-size:18px;margin:0 0 12px}.signup-picker-list .btn{display:block;text-align:center;margin-top:18px}
@media(min-width:821px){.nav nav{gap:18px}.nav .brand>span[data-name]{max-width:250px}.nav nav a{font-size:13px}}
@media(max-width:600px){.signup-picker{padding:20px}.signup-picker-list{grid-template-columns:1fr}}