:root{--ink:#090d14;--deep:#07151d;--cyan:#29b9c6;--cyan-soft:#b9eef0;--paper:#fcffff;--muted:#74878a;--line:rgba(41,185,198,.18);--max:1012px;--ease:cubic-bezier(.2,.75,.25,1);--font-body:"Open Sans",Arial,sans-serif;--font-text:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif;--font-display:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--ink);color:#f7ffff;font-family:var(--font-body);line-height:1.5;text-rendering:optimizeLegibility}body,button{font-family:inherit}a{color:inherit;text-decoration:none}button{border:0}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.section-light{background:var(--paper);color:#101820}.section-dark{background:var(--ink)}.eyebrow{margin:0 0 22px;color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.eyebrow--dark{color:#24a9b6}.section-intro{max-width:700px}.section-intro h2,.spotlight h2,.about h2,.client h2{margin:0;font-size:clamp(2.3rem,5vw,4.15rem);line-height:1.02;letter-spacing:-.065em}.section-intro h2 em,.spotlight h2 em,.about h2 em,.client h2 em{color:var(--cyan);font-style:normal}.button{display:inline-flex;align-items:center;gap:25px;padding:16px 28px;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transition:transform .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease)}.button:hover{transform:translateY(-3px)}.button span{font-size:1rem}.button--primary{background:var(--cyan);color:#071017}.button--primary:hover{background:#a5ebea;box-shadow:0 12px 24px rgba(41,185,198,.18)}.button--outline{border:1px solid #bfd7d8;color:#163138}.button--outline:hover{border-color:var(--cyan);color:#078b98}.button--dark{background:var(--ink);color:#fff}.button--dark:hover{background:#19353d}
.header{position:absolute;z-index:5;top:33px;left:0;width:100%}.header__inner{display:flex;align-items:center;justify-content:space-between;padding:13px 12px 13px 27px;background:rgba(8,37,45,.9);border:1px solid rgba(41,185,198,.14);border-radius:2px;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center}.brand img{display:block}.navigation{display:flex;align-items:center;gap:30px;color:#d7e9e9;font-size:.8rem;font-weight:700}.navigation a{transition:color .25s var(--ease)}.navigation a:hover,.navigation .is-active{color:var(--cyan-soft)}.navigation span{color:var(--cyan)}.navigation__client{padding:16px 28px;border:1px solid rgba(41,185,198,.7);color:#fff!important;text-transform:uppercase;letter-spacing:.05em}.menu-button{display:none;background:transparent;padding:8px}.menu-button span{display:block;width:24px;height:2px;margin:4px;background:#fff}
.hero{position:relative;isolation:isolate;min-height:733px;padding-top:113px;overflow:hidden;background:linear-gradient(90deg,rgba(9,13,20,.98) 20%,rgba(9,13,20,.57) 99%),url("../hero.webp") center/cover no-repeat}.hero__texture{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 82% 58%,rgba(24,132,145,.22),transparent 38%);pointer-events:none}.hero__grid{display:grid;grid-template-columns:1fr 1fr;min-height:477px;align-items:center}.hero__copy{padding-top:5px}.hero h1{max-width:560px;margin:0;font-size:clamp(3.4rem,6vw,5.9rem);line-height:.9;letter-spacing:-.075em;text-transform:uppercase}.hero h1 strong{color:var(--cyan-soft)}.hero h1 span{font-weight:400;color:#d3f3f2}.hero__lead{max-width:510px;margin:45px 0 37px;color:#edf8f7;font-size:.95rem}.hero__visual{position:relative;display:grid;place-items:center;min-height:480px}.hero__visual img{position:relative;z-index:1;width:100%;filter:drop-shadow(0 30px 42px rgba(0,0,0,.32));opacity:.16;mix-blend-mode:screen;animation:float 7s ease-in-out infinite}.hero__halo{position:absolute;border:1px solid rgba(40,193,202,.22);border-radius:50%;transform:rotate(-23deg)}.hero__halo--one{width:480px;height:620px}.hero__halo--two{width:330px;height:490px;border-color:rgba(40,193,202,.12)}@keyframes float{50%{transform:translateY(-8px)}}.trust-bar{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:26px 0 32px}.trust-bar>div{display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;column-gap:12px;padding-left:23px;border-right:1px solid var(--line)}.trust-bar>div:first-child{padding-left:0}.trust-bar>div:last-child{border:0}.trust-bar b{grid-row:1/3;color:var(--cyan);font-size:1.5rem}.trust-bar strong{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.trust-bar small{color:var(--muted);font-size:.7rem}
.plans{padding:116px 0 124px;background-image:linear-gradient(rgba(252,255,255,.84),rgba(252,255,255,.84)),url("../bg-lines.svg");background-size:auto,cover}.section-intro--center{text-align:center;margin-inline:auto}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:58px}.plan-card{position:relative;padding:30px 27px 28px;background:#fff;border:1px solid #d9e5e5;box-shadow:0 15px 40px rgba(10,46,54,.06);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}.plan-card:hover{transform:translateY(-7px);border-color:var(--cyan);box-shadow:0 22px 50px rgba(10,46,54,.13)}.plan-card--featured{border-top:4px solid var(--cyan)}.plan-card__tag{position:absolute;top:0;right:0;padding:8px 12px;background:var(--cyan);color:var(--ink);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.plan-card__number{color:#18a4b1;font-size:.68rem;font-weight:800;letter-spacing:.15em}.plan-card h3{margin:29px 0 14px;color:#1d2c33;font-size:1.6rem;letter-spacing:-.05em}.plan-card>p{min-height:67px;margin:0;color:#64787b;font-size:.78rem}.plan-card__price{display:grid;grid-template-columns:auto 1fr;align-items:end;margin:24px 0 18px}.plan-card__price small,.plan-card__price span{color:#809195;font-size:.62rem}.plan-card__price small{grid-column:1/-1}.plan-card__price strong{color:#25aeb9;font-size:1.95rem;line-height:1}.plan-card__speed{padding:16px 0;border-block:1px solid #e1ebea;color:#1d3035;font-size:.85rem}.plan-card__speed b{font-size:1.55rem}.plan-card__speed small{float:right;padding-top:7px;color:#678084;font-size:.65rem}.plan-card ul{display:grid;gap:9px;margin:22px 0 27px;padding:0;list-style:none;color:#5d7276;font-size:.72rem}.plan-card li::before{content:"✓";margin-right:8px;color:var(--cyan)}
.spotlight{padding:120px 0}.spotlight p:not(.eyebrow),.about p:not(.eyebrow),.client p:not(.eyebrow){max-width:450px;color:var(--muted);font-size:.9rem}.spotlight .button{margin-top:22px}
.services{padding:0 0 120px}
.difference{padding:115px 0}.difference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:58px}.difference-card{border-top:1px solid var(--line);padding:18px 12px 20px}.difference-card img{display:block;width:100%;height:155px;margin-bottom:18px;object-fit:cover;filter:saturate(.75);transition:transform .45s var(--ease),filter .45s}.difference-card:hover img{transform:scale(1.025);filter:saturate(1.1)}.difference-card p{margin:0;color:var(--muted);font-size:.74rem}.about{padding:125px 0}.about__grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:95px}.about__image{position:relative;min-height:390px;overflow:hidden;background:#0a2028}.about__image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.62}.about__image span,.about__image small{position:relative;z-index:1;display:block}.about__image span{padding:150px 0 0 55px;color:#d5f4f2;font-size:7rem;font-weight:800;line-height:.8;letter-spacing:-.14em}.about__image small{margin:25px 0 0 145px;color:#c2eded;font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.about__grid p:not(.eyebrow){max-width:570px;color:#617579;font-size:.88rem}.about .button{margin-top:18px}.client{padding:120px 0}.client__grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:100px}
.footer{padding:76px 0 24px;background:#061017;color:#a6bdbf}.footer p{font-size:.8rem}.footer__label{color:var(--cyan);font-size:.62rem!important;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.footer a:not(.brand){display:block;margin:8px 0;color:#d8e9e8;font-size:.8rem}.footer__bottom{display:flex;justify-content:space-between;padding-top:21px;border-top:1px solid var(--line);font-size:.68rem}.footer__bottom a{color:var(--cyan)}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.motion-ready .reveal.is-visible{opacity:1;transform:none}
@media(max-width:850px){.container{width:calc(100% - 34px)}.header{top:14px}.header__inner{padding:12px 15px 12px 18px}.menu-button{display:block}.navigation{position:absolute;top:calc(100% + 8px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:#0b2028;border:1px solid var(--line)}.navigation.is-open{display:flex}.navigation a{padding:13px 10px}.navigation__client{text-align:center;margin-top:6px}.hero{padding-top:100px;min-height:760px}.hero__grid,.about__grid,.client__grid{grid-template-columns:1fr;gap:45px}.hero__grid{align-content:center}.hero__visual{min-height:240px}.hero__visual img{width:80%}.hero__halo--one{width:280px;height:360px}.hero__halo--two{width:190px;height:280px}.trust-bar{grid-template-columns:1fr;gap:0}.trust-bar>div,.trust-bar>div:first-child{padding:17px 0;border-right:0;border-bottom:1px solid var(--line)}.plan-grid{grid-template-columns:1fr;gap:16px}.plans{padding:90px 0}.spotlight,.difference,.about,.client{padding:90px 0}.services{padding-bottom:90px}.difference-grid{grid-template-columns:1fr 1fr;gap:8px}.difference-card{min-height:225px}.about__image{min-height:310px}.about__image span{padding-top:110px;font-size:5rem}.about__image small{margin-left:105px}.footer__bottom{flex-direction:column;gap:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero__visual img,.button,.plan-card{animation:none;transition:none}}
.hero .eyebrow{margin-bottom:30px}.hero h1{max-width:540px;font-size:clamp(3.1rem,4.05vw,3.35rem);line-height:1.02}
@media(max-width:850px){.hero .eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(3rem,12vw,4.1rem)}}
.hero__grid{align-items:start}.hero__copy{padding-top:28px}.hero__visual img{opacity:1}
@media(max-width:850px){.hero__grid{align-content:start}.hero__copy{padding-top:30px}}
.hero__visual img{width:615px;max-width:none;height:auto!important;max-height:485px;object-fit:contain;transform:translateY(-63px)}.hero__halo{display:none}.trust-bar{position:relative;z-index:2}
@media(max-width:850px){.hero__visual img{width:100%;max-width:100%;max-height:340px;transform:translateY(-18px)}}
.header__inner{padding-left:8px}.navigation{gap:24px}.navigation__client{width:220px;padding-inline:12px;text-align:center}.hero h1{letter-spacing:-.04em}.hero__visual img{transform:translate(60px,-63px)}
@media(max-width:850px){.header__inner{padding-left:18px}.navigation{gap:0}.navigation__client{width:auto}.hero__visual img{transform:translateY(-18px)}}
.navigation{width:620px;justify-content:space-between;gap:0}.navigation__client{flex:0 0 220px}.hero h1{transform:scaleX(1.2);transform-origin:left center}
@media(max-width:850px){.navigation{width:auto}.navigation__client{flex:initial}.hero h1{transform:none}}

/* Ajustes de alinhamento da segunda dobra com a referência visual. */
.plans{padding-top:72px}
.section-intro--center{max-width:850px}
.section-intro--center h2{font-size:clamp(2.45rem,4.35vw,3.35rem);line-height:1.02}
.section-intro--center h2{font-size:clamp(2.25rem,3.8vw,3rem);line-height:.95}
.plan-card{display:flex;flex-direction:column;padding-top:17px;background:linear-gradient(115deg,#1c3940 0%,#25aeb9 100%) 0 0/100% 80px no-repeat,#fff}
.plan-card__number{order:0;align-self:center;color:#fff}
.plan-card h3{order:1;align-self:center;margin:12px 0 22px;color:#fff;text-align:center}
.plan-card__price{order:2}
.plan-card__speed{order:3}
.plan-card>p{order:4}
.plan-card ul{order:5}
.plan-card .button{order:6;align-self:flex-start}
.plan-card__tag{z-index:1}
@media(max-width:850px){.plans{padding-top:80px}.section-intro--center h2{font-size:clamp(2.3rem,10vw,3.2rem)}}

/* Primeira dobra: proporções e composição da referência desktop. */
@media(min-width:851px){
  :root{--max:1276px}
  .header{top:41px}
  .header__inner{padding:17px 20px 17px 15px}
  .navigation{width:680px;font-size:.95rem}
  .navigation__client{flex-basis:224px}
  .hero{min-height:851px;padding-top:181px}
  .hero__grid{width:min(1061px,calc(100% - 48px));min-height:531px}
  .hero h1{color:#b9eef0}
  .hero h1 strong,.hero h1 span{color:#b9eef0}
  .hero__lead{width:510px;max-width:510px}
  .hero .button{padding-inline:41px}
  .trust-bar{width:min(1003px,calc(100% - 48px));min-height:118px;padding:10px 0;border:0;border-radius:4px;background:linear-gradient(105deg,rgba(5,25,33,.94),rgba(14,63,72,.94))}
  .trust-bar>div{align-items:center;grid-template-columns:38px 1fr;padding-left:40px;border-right:1px solid rgba(185,238,240,.22)}
  .trust-bar>div:first-child{padding-left:40px}
  .trust-bar b{font-size:1.45rem}
  .trust-bar strong{font-size:1.1rem;letter-spacing:0;color:#b9dfe1}
  .trust-bar small{display:none}
}

/* Métricas tipográficas locais da identidade V8, sem depender de CDN. */
@font-face{font-family:"Zalando-Sans";src:url("../ZalandoSans-VariableFont_wdthwght.ttf") format("truetype");font-display:swap;font-weight:100 900}
@font-face{font-family:"Zalando-Sans-Expanded";src:url("../ZalandoSansExpanded-VariableFont_wght.ttf") format("truetype");font-display:swap;font-weight:100 900}

/* O site original usa uma linha de 80%/1012px no desktop convencional. */
@media(min-width:851px) and (max-width:1400px){
  :root{--max:1012px}
  .header{top:34px}
  .header__inner{padding:14px 12px 14px 8px}
  .navigation{width:620px;font-size:.8rem}
  .navigation__client{flex-basis:220px;padding-inline:12px}
  .hero{min-height:733px;padding-top:113px}
  .hero__grid{width:min(1012px,calc(100% - 48px));min-height:477px}
  .hero h1{font-size:48px;letter-spacing:0;transform:none}
  .hero__lead{width:510px;max-width:510px}
  .hero .button{padding-inline:22px}
  .hero__visual img{transform:translate(-100px,-100px)}
  .trust-bar{width:min(1012px,calc(100% - 48px));min-height:118px;margin-top:30px;padding:10px 0}
}

@media(min-width:851px) and (max-width:1400px){
  .hero__lead{margin-bottom:43px}
  .hero__visual img{transform:translate(-45px,-65px)}
  .trust-bar{grid-template-columns:34.5% 29.5% 36%}
  .trust-bar>div,.trust-bar>div:first-child{grid-template-columns:32px 1fr;column-gap:12px;padding-left:37px}
  .trust-bar>div:first-child{padding-left:72px}
  .trust-bar>div img{display:block;width:32px;height:32px}
}

@media(min-width:1401px){
  .hero h1{font-size:48px;letter-spacing:0;transform:none}
  .hero__visual img{transform:translate(-18px,-66px)}
}
.trust-bar>div img{grid-row:1/3}
@keyframes hero-device-drop{
  0%{opacity:1;transform:translate(var(--hero-device-x),calc(var(--hero-device-y) - 150px))}
  72%{opacity:1;transform:translate(var(--hero-device-x),calc(var(--hero-device-y) + 7px))}
  100%{opacity:1;transform:translate(var(--hero-device-x),var(--hero-device-y))}
}
@media(min-width:851px){
  .hero__visual img{--hero-device-x:-18px;--hero-device-y:-66px;animation:hero-device-drop 1.15s cubic-bezier(.18,.72,.22,1) .1s both}
}
@media(min-width:851px) and (max-width:1400px){
  .hero__visual img{--hero-device-x:-60px;--hero-device-y:-64px}
}
@media(max-width:850px){
  .hero__visual img{--hero-device-x:0px;--hero-device-y:-18px;animation:hero-device-drop 1s cubic-bezier(.18,.72,.22,1) .1s both}
}
@media(prefers-reduced-motion:reduce){
  .hero__visual img{animation:none;transform:translate(var(--hero-device-x),var(--hero-device-y))}
}

@media(min-width:1200px){
  .plans .container{width:min(80%,1086px)}
  .section-intro--center{max-width:1060px}
  .section-intro--center h2{font-size:3rem;line-height:.95}
  .plan-grid{gap:32px;margin-top:38px}
  .plan-card__number{font-size:0;letter-spacing:0}
  .plan-card__number::after{content:"Plano";font-size:.9rem;letter-spacing:0}
  .plan-card__price{grid-template-columns:1fr;justify-items:center;text-align:center;margin:12px 0 18px}
  .plan-card__price small:first-child{grid-column:1}
  .plan-card__price strong{font-size:2.1rem}
  .plan-card__price>span:not(.plan-card__normal){grid-column:1;width:105px;line-height:1.25}
  .plan-card__normal{grid-column:1;margin-top:5px;color:#809195!important;font-size:.72rem!important;white-space:nowrap}
  .plan-card>p{order:3;min-height:82px;text-align:center}
  .plan-card__speed{order:4;text-align:center}
  .plan-card__speed small{float:none;margin-left:4px}
  .plan-card ul{order:5;text-align:center}
  .plan-card li::before{display:block;margin:0 0 8px}
  .plan-card__price{grid-template-columns:auto auto;column-gap:3px;align-items:end}
  .plan-card__price small:first-child{display:none}
  .plan-card__price strong{grid-column:1;line-height:1}
  .plan-card__price>span:not(.plan-card__normal){grid-column:2;width:105px;color:#26353a;font-size:.82rem;font-weight:600;line-height:1.18;text-align:left}
  .plan-card__normal{grid-column:1/-1;margin-top:8px}
  .plan-card>p{min-height:112px;margin:0;padding:42px 20px 0;border-top:1px solid rgba(41,185,198,.18);text-align:center;line-height:1.18;position:relative}
  .plan-card>p::before,.plan-card__speed::before{content:"✓";display:block;color:var(--cyan);font-size:1rem;font-weight:800;line-height:1}
  .plan-card>p::before{position:absolute;top:14px;left:50%;transform:translateX(-50%)}
  .plan-card__speed{padding:0 0 16px;border:0;line-height:1.15}
  .plan-card__speed::before{margin:0 0 14px}
  .plan-card ul{margin:0;padding-top:0;gap:13px}
  .plan-card{padding-inline:16px}
  .plan-card__normal{margin-top:16px}
  .plan-card__price{margin-bottom:26px}
  .plan-card>p{min-height:93px}
  .plan-card__speed{padding-bottom:1px}
}
@media(min-width:1200px){
  .plan-card{padding-top:80px}
  .plan-card__number{position:absolute;top:13px;left:0;width:100%;text-align:center}
  .plan-card h3{position:absolute;top:38px;left:0;width:100%;margin:0}
  .plan-card__price{margin-top:37px}
  .plan-card__price strong{font-size:2.25rem;transform:translateY(-4px)}
  .plan-card__normal{font-size:.75rem!important}
  .plan-card>p{font-size:.86rem;color:#4b5d62}
  .plan-card ul{font-size:.78rem}
}
@media(min-width:851px){
  .navigation__plans{display:inline-flex;align-items:center;gap:8px}
  .navigation__plans>span{display:inline-block;width:7px;height:7px;border-right:2px solid var(--cyan-soft);border-bottom:2px solid var(--cyan-soft);transform:translateY(-2px) rotate(45deg)}
  .trust-bar>div{display:flex;align-items:center;gap:12px}
  .trust-bar>div img{flex:0 0 32px;grid-row:auto}
  .trust-bar strong{line-height:1.1}
}

/* Divisor, estados do CTA e realce do card conforme a referência visual. */
@keyframes plan-divider-grow{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}

.plan-card>p{border-top:0!important}
.plan-card>p::after{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:radial-gradient(ellipse at center,
    rgba(38,180,191,.96) 0%,
    rgba(38,180,191,.67) 27%,
    rgba(38,180,191,.23) 65%,
    transparent 100%);
  transform:scaleX(0);
  transform-origin:center;
  animation:plan-divider-grow .95s cubic-bezier(.2,.75,.25,1) .2s forwards;
}

.plan-card:hover{
  background:
    linear-gradient(115deg,#1c3940 0%,#25aeb9 100%) 0 0/100% 80px no-repeat,
    radial-gradient(circle at 65% 22%,rgba(38,180,191,.2),transparent 62%),
    #fff;
}

.plan-card .button{
  background:var(--ink);
  border-color:var(--ink);
  border-radius:4px;
  color:var(--cyan);
}
.plan-card .button span{display:none}
.plan-card .button:hover{
  background:var(--cyan);
  border-color:var(--cyan);
  color:var(--ink);
  box-shadow:0 12px 24px rgba(41,185,198,.2);
}

@media(max-width:850px){
  .plan-card:hover{
    background:
      linear-gradient(115deg,#1c3940 0%,#25aeb9 100%) 0 0/100% 63px no-repeat,
      radial-gradient(circle at 65% 22%,rgba(38,180,191,.2),transparent 62%),
      #fff;
  }
}

@media(prefers-reduced-motion:reduce){
  .plan-card>p::after{
    animation:none;
    transform:scaleX(1);
  }
}
.button{border-radius:4px}
.hero .button span{display:none}
@media(min-width:851px){.hero .button{width:243px;justify-content:center}}
@media(min-width:1200px){
  .plan-card__number{top:8px}
  .plan-card h3{top:29px}
  .plan-card__price>span:not(.plan-card__normal){transform:translateY(8px)}
  .plan-card__normal{transform:translateY(7px)}
  .plan-card__price{margin-bottom:30px}
}

@media(max-width:850px){
  .plans .container{width:min(337px,calc(100% - 32px))}
  .plan-grid{width:100%;margin-inline:auto}
  .plan-card{min-height:780px;padding:63px 26px 28px;background:linear-gradient(115deg,#1c3940 0%,#25aeb9 100%) 0 0/100% 63px no-repeat,#fff}
  .plan-card__number{position:absolute;top:-2px;left:0;width:100%;font-size:0;letter-spacing:0;text-align:center}
  .plan-card__number::after{content:"Plano";font-size:.9rem;letter-spacing:0}
  .plan-card h3{position:absolute;top:18px;left:0;width:100%;margin:0;color:#fff;font-size:1.55rem;text-align:center}
  .plan-card__price{grid-template-columns:auto auto;justify-content:center;column-gap:3px;align-items:end;margin:30px 0 24px;text-align:center}
  .plan-card__price small:first-child{display:none}
  .plan-card__price strong{grid-column:1;font-size:2.15rem;line-height:1}
  .plan-card__price>span:not(.plan-card__normal){grid-column:2;width:105px;color:#26353a;font-size:.82rem;font-weight:600;line-height:1.18;text-align:left;transform:translateY(7px)}
  .plan-card__normal{grid-column:1/-1;margin-top:14px;color:#809195!important;font-size:.75rem!important;transform:translateY(5px)}
  .plan-card>p{order:3;min-height:104px;margin:0;padding:42px 10px 0;border-top:1px solid rgba(41,185,198,.18);color:#4b5d62;font-size:.86rem;line-height:1.15;text-align:center;position:relative}
  .plan-card>p::before,.plan-card__speed::before{content:"✓";display:block;color:var(--cyan);font-size:1rem;font-weight:800;line-height:1}
  .plan-card>p::before{position:absolute;top:14px;left:50%;transform:translateX(-50%)}
  .plan-card__speed{order:4;padding:0 0 16px;border:0;line-height:1.15;text-align:center}
  .plan-card__speed::before{margin:0 0 14px}
  .plan-card__speed small{float:none;margin-left:4px}
  .plan-card ul{order:5;margin:0;padding-top:0;gap:13px;font-size:.78rem;text-align:center}
  .plan-card li::before{display:block;margin:0 0 8px}
  .plan-card .button{order:6;width:229px;justify-content:center;margin-inline:auto;padding:15px 20px;background:var(--ink);border:0;color:var(--cyan)}
  .plan-card .button span{display:none}
}

/* Composição do preço: valor em primeiro plano e condição em uma linha própria. */
.plan-card__price{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  gap:0;
  margin:24px 0 18px!important;
  text-align:center;
}
.plan-card__amount{
  display:flex;
  align-items:baseline;
  justify-content:center;
  width:auto!important;
  column-gap:7px;
  line-height:1;
}
.plan-card__currency{
  color:#26353a!important;
  font-size:1rem!important;
  font-weight:700;
  line-height:1;
}
.plan-card__amount strong{
  color:var(--cyan);
  font-size:2.35rem!important;
  font-weight:800;
  line-height:.9;
  letter-spacing:-.055em;
  transform:none!important;
}
.plan-card__term{
  display:block!important;
  width:auto!important;
  margin-top:10px;
  color:#26353a!important;
  font-size:14px!important;
  font-weight:600;
  line-height:1.12!important;
  text-align:center!important;
  transform:none!important;
  white-space:nowrap;
}
.plan-card__normal{
  align-self:center;
  width:auto!important;
  margin-top:13px!important;
  color:#809195!important;
  font-size:14px!important;
  line-height:1.2!important;
  transform:none!important;
  white-space:nowrap;
}

@media(min-width:1200px){
  .plan-card__price{margin:37px 0 30px!important}
  .plan-card__currency{font-size:.9rem!important}
  .plan-card__amount strong{font-size:2.25rem!important}
}

@media(max-width:850px){
  .plan-card__price{margin:30px 0 24px!important}
  .plan-card__currency{font-size:1rem}
  .plan-card__amount strong{font-size:2.35rem!important}
  .plan-card__term{margin-top:9px;font-size:.76rem!important}
}

/* Cabeçalho em fluxo: acompanha a página e preserva o bloco translúcido da referência. */
.header{
  position:absolute!important;
  top:33px!important;
}
.header__inner{
  border:1px solid rgba(91,218,225,.24);
  border-radius:6px;
  background:rgba(8,37,45,.72);
  box-shadow:0 16px 36px rgba(2,17,24,.2);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}
@media(max-width:850px){
  .header{top:14px!important}
  .header__inner{border-radius:6px;background:rgba(8,37,45,.76)}
  .navigation{
    border-radius:6px;
    background:rgba(11,32,40,.78);
    backdrop-filter:blur(18px) saturate(135%);
    -webkit-backdrop-filter:blur(18px) saturate(135%);
  }
}

/* O CTA encerra o card sempre no eixo central, com respiro após os benefícios. */
.plan-card .button{
  align-self:center!important;
  justify-content:center;
  margin-inline:auto!important;
  text-align:center;
}
@media(max-width:850px){
  .plan-card{padding-bottom:40px}
}

/* Ritmo vertical dos benefícios conforme o card de referência. */
.plan-card__speed{
  padding-bottom:14px!important;
}
.plan-card__speed::before{
  margin-bottom:0!important;
}
.plan-card ul{
  gap:25px!important;
  font-size:.86rem!important;
  line-height:1.05;
}
.plan-card .button{
  margin-top:41px!important;
}

/* Um único tratamento visual para todos os checks do card. */
.plan-card>p::before,
.plan-card__speed::before,
.plan-card li::before{
  content:"✓";
  display:block;
  width:1rem;
  height:1rem;
  color:var(--cyan)!important;
  font-size:1rem!important;
  font-style:normal;
  font-weight:800!important;
  line-height:1rem!important;
  text-align:center;
}
.plan-card>p::before{
  position:absolute;
  top:14px;
  left:50%;
  margin:0!important;
  transform:translateX(-50%);
}
.plan-card__speed::before{
  margin:0 auto!important;
}
.plan-card li::before{
  margin:0 auto 8px!important;
}

/* Cabeçalho fixo: permanece visível durante toda a rolagem. */
.header{
  position:fixed!important;
  top:20px!important;
  z-index:20;
}
@media(min-width:1401px){
  .header{top:26px!important}
}
@media(max-width:850px){
  .header{top:14px!important}
}
.plans,
.spotlight,
.services,
.difference,
.about,
.client{
  scroll-margin-top:120px;
}

/* Título dos planos: preto e com a quebra visual da referência. */
.section-intro--center h2,
.section-intro--center h2 em{
  color:#050b11;
}
.plans-title-break{display:block}
@media(max-width:850px){
  .plans-title-break{display:none}
}

/* Tipografia alinhada às famílias e pesos realmente usados no site original. */
body{
  font-family:var(--font-body);
  font-weight:500;
}
.hero h1,
.section-intro--center h2,
.spotlight h2,
.about h2,
.client h2,
.navigation a,
.navigation__client,
.button,
.trust-bar strong,
.plan-card h3,
.plan-card__number,
.plan-card__amount strong{
  font-family:var(--font-display)!important;
}
.hero h1,
.section-intro--center h2,
.spotlight h2,
.about h2,
.client h2{
  font-weight:500;
}
.navigation,
.navigation a{
  font-weight:500!important;
}
.navigation__client,
.button{
  font-weight:600!important;
}
.navigation__client{
  letter-spacing:normal!important;
  line-height:23.8px!important;
}
.header .navigation a.navigation__client{
  font-weight:600!important;
}
.eyebrow,
.plan-card>p,
.plan-card__speed,
.plan-card ul,
.plan-card__term,
.plan-card__normal,
.plan-card__currency,
.plan-card>p::before,
.plan-card__speed::before,
.plan-card li::before{
  font-family:var(--font-text)!important;
}
.eyebrow{font-weight:700}
.plan-card__amount strong{font-weight:700!important}
@media(min-width:851px){
  .section-intro--center h2{
    font-size:40px!important;
    line-height:40px!important;
    letter-spacing:normal!important;
  }
}

/* Oferta em destaque: painel claro com chamada escura e preço do plano Apex. */
.spotlight{
  padding:50.6px 0;
  color:var(--ink);
}
.spotlight .container{width:min(1080px,80%)}
.spotlight__panel{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:5.5%;
  padding:24px;
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(696deg,#b9dfe2 0%,#fff 100%);
  box-shadow:0 12px 24px -6px rgba(39,180,191,.16);
}
.spotlight__pitch{
  display:flex;
  flex-direction:column;
  align-items:normal;
  justify-content:normal;
  gap:8px 30px;
  min-height:265px;
  margin:0;
  padding:38.55px;
  border-radius:32px;
  background:linear-gradient(90deg,#24343d 2%,#243b44 32%,#1f8992 100%);
}
.spotlight__pitch h2{
  align-self:stretch;
  height:106px;
  margin:0;
  padding-bottom:10px;
  color:#b9dfe2;
  font-size:32px;
  font-weight:500;
  line-height:32px;
  letter-spacing:normal;
}
.spotlight__pitch h2 em{
  color:inherit;
  font-family:inherit!important;
  font-style:italic;
}
.spotlight__pitch h2 em strong{
  color:inherit;
  font-family:inherit!important;
  font-size:inherit;
  font-style:inherit;
  font-weight:700;
  line-height:inherit;
}
.spotlight__pitch .button{
  width:243px;
  margin-top:10px;
  padding:14px 32px;
  background:#27b4bf!important;
  border-radius:4px;
  border:1px solid #27b4bf;
  justify-content:center;
  color:#090d14!important;
  font-size:14px;
  font-weight:600;
  line-height:23.8px;
  letter-spacing:normal!important;
  white-space:nowrap;
}
.spotlight__offer{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:8px 30px;
  min-height:245.6px;
  margin-top:19.3px;
  padding:0;
}
.spotlight__offer .eyebrow{
  margin:24px 0 16px;
  color:#27b4bf!important;
  font-size:14px;
  font-weight:600;
  line-height:18.2px;
  letter-spacing:2px;
}
.spotlight__offer h3{
  margin:0 0 16px;
  padding-bottom:10px;
  color:#090d14;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:32px;
  font-weight:700;
  line-height:32px;
  letter-spacing:normal;
}
.spotlight__price{
  display:block;
  height:26.2px;
  margin:0 0 8px;
  color:#27b4bf;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:32px;
  font-weight:700;
  line-height:19.2px;
}
.spotlight__currency{
  color:#24343d;
  font-family:inherit!important;
  font-size:13px;
  font-weight:700;
  line-height:19.2px;
}
.spotlight__price strong{
  color:inherit;
  font-family:inherit!important;
  font-size:inherit;
  font-weight:700;
  line-height:inherit;
  letter-spacing:normal;
}
.spotlight__term{
  color:#24343d;
  font-family:inherit!important;
  font-size:13px;
  font-weight:700;
  line-height:19.2px;
  white-space:nowrap;
}
.spotlight__normal{
  margin:0 0 8px;
  padding-bottom:10px;
  color:#666!important;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px!important;
  font-weight:300;
  line-height:14px;
}
@media(max-width:850px){
  .spotlight{padding:64px 0}
  .spotlight .container{width:calc(100% - 34px)}
  .spotlight__panel{grid-template-columns:1fr;row-gap:24px;min-height:0;border-radius:20px}
  .spotlight__pitch{min-height:0;padding:34px 28px;border-radius:24px}
  .spotlight__offer{min-height:0;margin-top:0;padding:0 4px 14px}
  .spotlight__offer h3{font-size:28px;line-height:28px}
}

/* Serviços: três faixas independentes, reproduzindo a composição original. */
.services{
  display:flow-root;
  padding:0 0 120px;
}
.services__rows{
  width:min(1080px,80%);
  margin-inline:auto;
}
.service-row{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:5.5%;
  width:100%;
  overflow:hidden;
  border-radius:4px;
  color:#666;
  font-size:14px;
  line-height:23.8px;
}
.service-row--mesh{
  margin-top:25.3px;
  margin-bottom:12.64px;
  padding:25.3px;
  background-image:url("../anuncio.webp");
  background-position:0 50%;
  background-repeat:no-repeat;
  background-size:cover;
}
.service-row--phone{
  margin-top:-2.64px;
  margin-bottom:12.64px;
  padding:25.3px 25.3px 0;
  background-image:linear-gradient(90deg,rgba(185,223,226,0) 23%,#b9dfe2 23%,#b9dfe2 100%),url("../bg-phone.svg");
  background-position:0 50%,0 50%;
  background-repeat:no-repeat,no-repeat;
  background-size:cover,cover;
}
.service-row--business{
  margin-top:-2.64px;
  margin-bottom:12.64px;
  padding:50.6px 25.3px 25.3px;
  background-image:linear-gradient(90deg,#b9dfe2 21%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%),url("../bgempresas.webp");
  background-position:0 50%,0 50%;
  background-repeat:no-repeat,no-repeat;
  background-size:cover,cover;
}
.service-row__copy,
.service-row__visual{
  min-width:0;
}
.service-row__copy h2{
  margin:0 0 16px;
  padding:0 0 10px;
  color:#090d14;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:32px;
  font-weight:500;
  line-height:32px;
  letter-spacing:normal;
}
.service-row__copy>p:not(.service-row__price){
  margin:0 0 24px;
  color:#24343d;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-weight:400;
  line-height:23.8px;
}
.service-row__price{
  height:61.6px;
  margin:24px 0;
  color:#090d14;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:32px;
  font-weight:700;
  line-height:23.8px;
}
.service-row__price span{
  color:#fff;
  font-family:inherit!important;
  font-size:13px;
  font-weight:700;
  line-height:19.2px;
}
.service-row__features{
  display:flex;
  flex-direction:column;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
  color:#24343d;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-weight:500;
  line-height:18.2px;
}
.service-row__features li{
  display:flex;
  align-items:center;
  min-height:23.7px;
}
.service-row__features img{
  flex:0 0 18.5px;
  width:18.5px;
  height:18.5px;
  margin-right:15px;
  object-fit:contain;
}
.service-row__visual{
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
}
.service-row__visual img{
  display:block;
  height:auto;
  max-width:100%;
}
.service-row--mesh .service-row__visual img{
  width:320px;
}
.service-row--phone .service-row__visual{
  justify-content:center;
}
.service-row--phone .service-row__visual img{
  width:254.4px;
}
.service-row--phone .service-row__copy{
  padding-top:19.2px;
}
.service-row--business .service-row__visual{
  min-height:1px;
}
@media(max-width:850px){
  .services{padding-bottom:90px}
  .services__rows{width:calc(100% - 34px)}
  .service-row,
  .service-row--mesh,
  .service-row--phone,
  .service-row--business{
    display:flex;
    flex-direction:column;
    gap:0;
    margin-top:18px;
    margin-bottom:0;
    padding:24px;
  }
  .service-row--mesh .service-row__visual{order:-1;margin-bottom:24px}
  .service-row--mesh .service-row__visual img,
  .service-row--phone .service-row__visual img{width:min(320px,100%);margin-inline:auto}
  .service-row--phone .service-row__copy{padding-top:28px}
  .service-row--business{padding-top:32px}
  .service-row--business .service-row__visual{display:none}
}

/* Ajustes finais aferidos contra as faixas originais em 1280px. */
.service-row{
  box-shadow:0 12px 24px -6px rgba(39,180,191,.24);
}
.service-row__features li{
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-weight:500;
}
.service-row__price span{
  line-height:23.8px;
}

/* O cabeçalho acompanha a rolagem e mantém as mesmas proporções do original. */
.header{
  top:24px!important;
  padding-top:10.1px;
}
.header__inner{
  padding:3.78px 10.1px;
  border:0;
  border-radius:4px;
  background:linear-gradient(96deg,rgba(9,13,20,.8) 0%,rgba(17,64,73,.88) 100%);
  box-shadow:none;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.brand img{
  width:130px;
  height:auto;
}
.navigation{
  width:616.8px;
  height:76px;
  align-items:stretch;
  justify-content:space-between;
  gap:0;
}
.navigation a{
  display:flex;
  align-items:center;
  font-size:14px;
  line-height:14px;
}
.navigation__client{
  width:223.8px;
  flex:0 0 223.8px;
  height:53.8px;
  align-self:center;
  justify-content:center;
  padding:14px 32px;
  border-radius:4px;
  white-space:nowrap;
}
@media(max-width:850px){
  .header{
    top:14px!important;
    padding-top:0;
  }
  .header__inner{padding:12px 15px 12px 18px}
  .brand img{width:135px}
  .navigation{
    width:auto;
    height:auto;
    align-items:stretch;
  }
  .navigation a{font-size:.8rem}
  .navigation__client{height:auto;width:auto;padding:13px 10px}
}

/* Diferenciais: composição aferida diretamente na seção original. */
.difference{
  min-height:1071.5px;
  padding:50.5938px 0;
  background-color:#090d14;
  background-image:linear-gradient(rgba(9,13,20,.88) 0%,rgba(9,13,20,.8) 100%),url("../diff-background.webp");
  background-position:50% 100%,50% 100%;
  background-repeat:no-repeat;
  background-size:cover;
  color:#666;
}
.difference .container{
  width:min(1012px,calc(100% - 48px));
}
.difference__intro{
  width:100%;
  max-width:none;
  height:134.7969px;
  margin:0;
  padding:25.2969px 0;
  text-align:center;
}
.difference__intro .eyebrow{
  margin:0;
  color:#27b4bf;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-weight:600;
  letter-spacing:2px;
  line-height:18.2px;
  text-align:center;
}
.difference__intro h2{
  margin:16px 0 0;
  padding:0 0 10px;
  color:#b9dfe2;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:40px;
  font-weight:500;
  letter-spacing:normal;
  line-height:40px;
  text-align:center;
}
.difference__intro h2 strong{
  color:#b9dfe2;
  font-family:inherit!important;
  font-weight:700;
}
.difference-grid{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  width:100%;
  height:430.6875px;
  margin:0;
  padding:25.2969px 0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0);
  border-radius:4px;
  gap:0;
}
.difference-grid--secondary{
  height:404.8438px;
}
.difference-card{
  position:relative;
  display:flex;
  flex:0 0 229.765625px;
  flex-direction:column;
  width:229.765625px;
  height:378.09375px;
  min-height:0;
  margin:0 30.296875px 0 0;
  padding:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:4px;
  background:linear-gradient(rgba(36,52,61,.8) 1%,rgba(36,52,61,0) 100%);
  box-shadow:6px 6px 32px rgba(255,255,255,0);
  color:#666;
  transition:border-color .35s var(--ease),transform .35s var(--ease),background-color .35s var(--ease);
}
.difference-card:last-child{
  margin-right:0;
}
.difference-grid--secondary .difference-card{
  height:352.25px;
}
.difference-card img{
  position:absolute;
  z-index:0;
  top:-30.4375px;
  left:-96.4375px;
  display:block;
  width:269.6484375px;
  height:269.6484375px;
  max-width:none;
  margin:0;
  object-fit:contain;
  transition:transform .5s var(--ease),filter .5s var(--ease);
}
.difference-card p{
  position:relative;
  z-index:1;
  width:100%;
  margin:auto 0 0;
  color:#b9dfe2;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:21px;
  font-weight:600;
  line-height:27.3px;
}
.difference-card:hover{
  transform:translateY(-4px);
  border-color:rgba(39,180,191,.55);
  background:linear-gradient(rgba(36,52,61,.9) 1%,rgba(36,52,61,.08) 100%);
}
.difference-card:hover img{
  transform:scale(1.025);
  filter:brightness(1.06);
}
@media(max-width:850px){
  .difference{
    min-height:0;
    padding:64px 0 90px;
    background-position:center top;
  }
  .difference .container{width:calc(100% - 34px)}
  .difference__intro{
    height:auto;
    padding:25px 0 32px;
  }
  .difference__intro .eyebrow{text-align:left}
  .difference__intro h2{
    margin-top:16px;
    font-size:clamp(2.3rem,9vw,3.2rem);
    line-height:1;
    text-align:left;
  }
  .difference-grid,
  .difference-grid--secondary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    height:auto;
    padding:0;
    border:0;
    gap:12px;
  }
  .difference-grid--secondary{margin-top:12px}
  .difference-card,
  .difference-grid--secondary .difference-card{
    width:100%;
    height:290px;
    margin:0;
    padding:18px;
  }
  .difference-card img{
    top:-25px;
    left:50%;
    width:230px;
    height:230px;
    transform:translateX(-50%);
  }
  .difference-card p{font-size:17px;line-height:22px}
}

/* Empresas conectadas: carrossel responsivo com rolagem nativa e snap. */
.difference,
.brands{
  background-attachment:fixed;
}
.brands{
  position:relative;
  padding:48px 0 58px;
  overflow:hidden;
  background-color:#090d14;
  background-image:linear-gradient(rgba(9,13,20,.88) 0%,rgba(9,13,20,.8) 100%),url("../diff-background.webp");
  background-position:50% 100%,50% 100%;
  background-repeat:no-repeat;
  background-size:cover;
  color:#666;
}
.brands .container{
  width:min(1080px,calc(100% - 48px));
}
.brands__rule{
  width:100%;
  height:1px;
  margin:0 0 58px;
  background:rgba(185,223,226,.2);
}
.brands__intro{
  margin:0 0 33px;
  text-align:center;
}
.brands__intro .eyebrow{
  margin:0;
  color:#27b4bf;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-weight:600;
  letter-spacing:2px;
  line-height:18.2px;
  text-align:center;
  text-transform:uppercase;
}
.brand-carousel{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 36px;
  align-items:center;
  gap:12px;
  width:100%;
}
.brand-carousel__viewport{
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  padding:10px;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  touch-action:pan-x;
  overscroll-behavior-x:contain;
  cursor:grab;
}
.brand-carousel__viewport::-webkit-scrollbar{display:none}
.brand-carousel__viewport.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.brand-carousel__track{
  display:flex;
  gap:16px;
  width:max-content;
  min-width:100%;
}
.brand-carousel__slide{
  position:relative;
  display:grid;
  flex:0 0 168px;
  place-items:center;
  width:168px;
  height:136px;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
.brand-carousel__slide img{
  display:block;
  width:168px;
  height:136px;
  max-width:100%;
  border-radius:12px;
  object-fit:contain;
  box-shadow:0 10px 24px rgba(0,0,0,.2);
  transform:none;
  transform-origin:center;
  transition:transform .35s var(--ease),filter .35s var(--ease),opacity .35s var(--ease);
}
.brand-carousel__slide:hover img,
.brand-carousel__slide:focus-within img{
  position:relative;
  z-index:1;
  transform:scale(1.05);
  filter:brightness(1.06);
  box-shadow:0 10px 24px rgba(0,0,0,.2);
}
.brand-carousel__button{
  display:grid;
  place-items:center;
  width:36px;
  height:48px;
  padding:0;
  border:1px solid rgba(185,223,226,.24);
  border-radius:6px;
  background:rgba(9,13,20,.56);
  color:#b9dfe2;
  font-family:Arial,sans-serif;
  font-size:34px;
  line-height:1;
  opacity:0;
  cursor:pointer;
  transition:opacity .25s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease);
}
.brand-carousel__button span{
  display:grid;
  width:16px;
  height:16px;
  place-items:center;
  font-size:0;
  line-height:0;
  transform:none;
}
.brand-carousel__button span::before{
  display:block;
  width:8px;
  height:8px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
  content:"";
  transform:rotate(45deg);
}
.brand-carousel__button--prev span::before{
  transform:rotate(-135deg);
}
.brand-carousel:hover .brand-carousel__button,
.brand-carousel:focus-within .brand-carousel__button{opacity:1}
.brand-carousel__button:hover:not(:disabled){
  border-color:#27b4bf;
  background:#27b4bf;
  color:#091016;
  transform:scale(1.04);
}
.brand-carousel__button:disabled{cursor:not-allowed;opacity:0}
.brand-carousel__dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  min-height:18px;
  margin-top:15px;
}
.brand-carousel__dot{
  width:6px;
  height:6px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#203843;
  cursor:pointer;
  transition:width .25s var(--ease),height .25s var(--ease),background-color .25s var(--ease),box-shadow .25s var(--ease);
}
.brand-carousel__dot[aria-selected="true"]{
  width:8px;
  height:8px;
  background:#27b4bf;
  box-shadow:0 0 0 3px rgba(39,180,191,.12);
}
.brand-carousel__dot:focus-visible,
.brand-carousel__button:focus-visible,
.brand-carousel__viewport:focus-visible{
  outline:2px solid #27b4bf;
  outline-offset:3px;
}
@media(max-width:850px){
  .difference,
  .brands{background-attachment:scroll}
  .brands{padding:45px 0 64px;background-position:center top}
  .brands .container{width:calc(100% - 34px)}
  .brands__rule{margin-bottom:45px}
  .brands__intro{margin-bottom:28px}
  .brand-carousel{grid-template-columns:28px minmax(0,1fr) 28px;gap:7px}
  .brand-carousel__viewport{padding:10px}
  .brand-carousel__track{gap:12px}
  .brand-carousel__slide,
  .brand-carousel__slide img{
    flex-basis:148px;
    width:148px;
    height:122px;
  }
  .brand-carousel__button{width:28px;height:42px;font-size:28px;opacity:1}
  .brand-carousel__dots{margin-top:13px}
}
@media(max-width:420px){
  .brand-carousel__slide,
  .brand-carousel__slide img{
    flex-basis:136px;
    width:136px;
    height:112px;
  }
}
@media(prefers-reduced-motion:reduce){
  .brand-carousel__viewport{scroll-behavior:auto}
  .brand-carousel__slide img,.brand-carousel__button,.brand-carousel__dot{transition:none}
}

/* Sobre: composição alinhada à seção original, com imagem quadrada e checklist sobreposto. */
.about{
  padding:50.5938px 0 0;
  background-color:#fcffff;
  background-image:none;
}
.about .container{
  width:min(1012px,calc(100% - 48px));
}
.about__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:5.5%;
  min-height:692.828px;
  padding:25.2969px 0;
}
.about__image{
  width:100%;
  min-height:0;
  margin:38.25px 0 27.828px;
  overflow:visible;
  background:transparent;
}
.about__image > img:first-child{
  position:relative;
  inset:auto;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  object-fit:contain;
  opacity:1;
  mix-blend-mode:normal;
}
.about__image .about__checklist{
  position:relative;
  inset:auto;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,max-content);
  align-items:center;
  justify-content:space-between;
  column-gap:8px;
  width:100%;
  min-height:64px;
  margin:-10.422px 0 0;
  padding:0 12px;
  border-radius:4px;
  background:#fff;
  opacity:1;
  transform:scale(1.14);
  transform-origin:50% 0;
  box-shadow:0 12px 22px rgba(39,180,191,.16);
}
.about__checklist-item{
  display:flex;
  min-width:0;
  align-items:center;
  gap:5px;
  color:#090d14;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:8.25px;
  font-weight:700;
  letter-spacing:-.015em;
  line-height:1.1;
  white-space:nowrap;
}
.about__check-icon{
  display:grid;
  flex:0 0 13px;
  width:13px;
  height:13px;
  place-items:center;
  border-radius:3px;
  background:rgba(38,180,191,.5);
  color:#26b4bf;
  font-family:Arial,sans-serif!important;
  font-size:9px;
  font-weight:800;
  line-height:1;
}
.about__content{
  min-height:642.234px;
  margin:0;
  padding:0;
}
.about__content .eyebrow{
  margin:38.25px 0 16px;
  color:#27b4bf!important;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-weight:600;
  letter-spacing:2px;
  line-height:18.2px;
  text-transform:uppercase;
}
.about__content h2{
  margin:0 0 27.828px;
  padding:0 0 10px;
  color:#090d14;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:36px;
  font-weight:600;
  letter-spacing:normal;
  line-height:46.8px;
}
.about__copy{
  margin:0 0 40px;
  color:rgba(36,52,61,.64);
}
.about__copy p{
  max-width:none!important;
  margin:0;
  padding:0 0 14px;
  color:inherit!important;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px!important;
  font-weight:500;
  line-height:23.8px;
}
.about__copy p strong,
.client__intro h2 strong{
  color:inherit;
  font-family:inherit!important;
  font-weight:700;
}
.about__copy p:last-child{
  padding-bottom:0;
}
.about__content .button{
  display:inline-block;
  width:167.484px;
  min-width:0;
  box-sizing:border-box;
  height:51.7969px;
  margin:0;
  padding:14px 32px;
  border:0;
  border-radius:4px;
  background:#090d14!important;
  color:#27b4bf!important;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-weight:600!important;
  letter-spacing:normal;
  line-height:23.8px;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
}
.about__content .button:hover{
  background:#27b4bf!important;
  color:#090d14!important;
}
@media(max-width:850px){
  .about{padding:64px 0 0}
  .about .container{width:calc(100% - 34px)}
  .about__grid{
    grid-template-columns:1fr;
    gap:0;
    min-height:0;
    padding:25px 0 64px;
  }
  .about__image{
    width:min(484px,100%);
    margin:0 auto 55px;
  }
  .about__content{min-height:0}
  .about__content .eyebrow{margin:0 0 16px}
  .about__content h2{
    font-size:clamp(2.3rem,9vw,3.2rem);
    line-height:1.04;
  }
}

/* Diferenciais: todas as ilustrações têm o mesmo hover, com redução suave de 10%. */
.difference-card img{
  z-index:0;
  transform-origin:center;
  transition:transform .55s ease-in-out,filter .55s ease-in-out;
}
.difference-card:hover img,
.difference-card:focus-within img{
  transform:translateX(12px) scale(.8);
  filter:brightness(1.08);
}
@media(max-width:850px){
  .difference-card:hover img,
  .difference-card:focus-within img{
    transform:translateX(calc(-50% + 10px)) scale(.8);
  }
}

/* O último card usa a arte clara original e texto escuro. */
.difference-card--text{
  background-image:url("../footer-background.webp");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.difference-card--text p{
  padding-top:82.6875px;
  color:#090d14;
}
.difference-card--text:hover{
  background-image:url("../footer-background.webp");
}

/* Área do cliente: painel sobreposto com a mesma composição do original. */
.client{
  position:relative;
  min-height:533.5938px;
  padding:50.5938px 0 0;
  background:#fcffff;
  color:#090d14;
  scroll-margin-top:120px;
}
.client__grid{
  position:relative;
  inset:24px auto auto 0;
  z-index:1;
  display:flex;
  align-items:stretch;
  flex-wrap:nowrap;
  width:min(1012px,calc(100% - 48px));
  min-height:457.7188px;
  margin:25.2969px auto 0;
  padding:25.2969px;
  overflow:hidden;
  border-radius:4px;
  background-color:#24343d;
  background-image:url("../bg-gradient.svg");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  column-gap:2%;
}
.client__intro,
.client__column{
  flex:0 0 23.5%;
  min-width:0;
}
.client__intro{
  align-self:stretch;
  padding:4% 2% 6% 0;
  color:#fff;
}
.client__intro .eyebrow{
  margin:0 0 16px;
  color:#27b4bf!important;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-weight:600;
  letter-spacing:2px;
  line-height:18.2px;
  text-transform:uppercase;
}
.client__intro h2{
  margin:0 0 16px;
  padding:0 0 10px;
  color:#b9dfe2;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:24px!important;
  font-weight:500;
  letter-spacing:normal;
  line-height:24px!important;
}
.client__intro>p:not(.eyebrow){
  margin:0 0 40px;
  color:#fff!important;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px!important;
  font-weight:400;
  line-height:23.8px;
}
.client__intro>p:not(.eyebrow) b{
  font-family:inherit!important;
  font-weight:700;
}
.client__intro .button{
  display:inline-block;
  width:auto;
  min-width:0;
  height:53.7969px;
  margin:10px 0;
  padding:14px 24px;
  border:1px solid #27b4bf;
  border-radius:4px;
  background:#27b4bf!important;
  color:#090d14!important;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-weight:600!important;
  letter-spacing:normal;
  line-height:23.8px;
  text-align:left;
  text-transform:uppercase;
  white-space:nowrap;
  transition:transform .3s var(--ease),background-color .3s ease,box-shadow .3s ease;
}
.client__intro .button:hover,
.client__intro .button:focus-visible,
.speed-test__content .button:hover,
.speed-test__content .button:focus-visible{
  background:#1ecbd9!important;
  box-shadow:0 0 24px rgba(39,180,191,.24);
  transform:translateY(-3px);
}
.client__column{
  display:flex;
  flex-direction:column;
  align-self:stretch;
  transform:translateX(24px);
}
.client__column.reveal{
  transform:translateX(24px) translateY(20px);
}
.client__column.reveal.is-visible{
  transform:translateX(24px);
}
.client__option{
  display:flex;
  flex:0 0 106.25px;
  align-items:center;
  min-height:106.25px;
  margin:0 0 24px;
  padding:23px 13.5469px;
  border-bottom:1px solid #27b4bf;
  background:rgba(36,52,61,.64);
  color:#b9dfe2;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:16px;
  font-weight:700;
  line-height:16px;
  text-align:left;
  transition:background-color .3s ease,color .3s ease;
}
.client__option:hover,
.client__option:focus-visible{
  background:#27b4bf;
  color:#090d14;
}
.client__option:focus-visible,
.client__intro .button:focus-visible,
.speed-test__content .button:focus-visible{
  outline:2px solid #b9dfe2;
  outline-offset:3px;
}
@media(max-width:980px){
  .client{
    min-height:0;
  }
  .client__grid{
    width:calc(100% - 34px);
    min-height:0;
    flex-wrap:wrap;
    row-gap:40px;
    padding:4%;
  }
  .client__intro,
  .client__column{
    flex-basis:calc(50% - 1%);
  }
  .client__column{
    transform:none;
  }
  .client__column.reveal,
  .client__column.reveal.is-visible{
    transform:none;
  }
}
@media(max-width:767px){
  .client{
    padding-top:50px;
  }
  .client__grid{
    top:12px;
    margin-top:25px;
    padding:8%;
    row-gap:24px;
  }
  .client__intro,
  .client__column{
    flex-basis:100%;
  }
  .client__intro{
    padding:0;
  }
  .client__column{
    align-self:auto;
  }
}

/* Banner de teste de velocidade: seção escura abaixo do painel do cliente. */
.speed-test{
  min-height:300.5625px;
  padding:50.5938px 0;
  background-color:#fff;
  background-image:linear-gradient(#090d14 4%,rgba(9,13,20,.83) 98%,rgba(9,13,20,.83) 100%),url("../speed-background.webp");
  background-position:center,center;
  background-repeat:no-repeat;
  background-size:cover;
  color:#fff;
  scroll-margin-top:120px;
}
.speed-test__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  width:min(1012px,calc(100% - 48px));
  min-height:199.375px;
  margin:0 auto;
  padding:25.2969px 0;
  column-gap:5.5%;
}
.speed-test__title{
  width:100%;
  margin:4.78125px 0 0;
}
.speed-test__title h2{
  margin:0;
  padding:0 0 10px;
  color:#fff;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:40px!important;
  font-weight:500;
  letter-spacing:normal;
  line-height:40px!important;
  text-transform:uppercase;
}
.speed-test__content{
  width:100%;
  padding-top:9.5625px;
}
.speed-test__content p{
  margin:0 0 27.8281px;
  color:#fff!important;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px!important;
  font-weight:400;
  line-height:23.8px;
}
.speed-test__content .button{
  display:inline-block;
  width:auto;
  min-width:0;
  height:53.7969px;
  margin:0 0 10px;
  padding:14px 24px;
  border:1px solid #27b4bf;
  border-radius:4px;
  background:#27b4bf!important;
  color:#090d14!important;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-weight:600!important;
  letter-spacing:normal;
  line-height:23.8px;
  text-align:left;
  text-transform:uppercase;
  white-space:nowrap;
  transition:transform .3s var(--ease),background-color .3s ease,box-shadow .3s ease;
}
@media(max-width:980px){
  .speed-test{
    min-height:0;
    padding:50px 0;
  }
  .speed-test__grid{
    width:calc(100% - 34px);
    min-height:0;
    column-gap:24px;
  }
  .speed-test__title h2{
    font-size:clamp(2rem,5vw,2.5rem)!important;
    line-height:1!important;
  }
}
@media(max-width:767px){
  .speed-test__grid{
    grid-template-columns:1fr;
    row-gap:24px;
    padding:25px 0;
  }
  .speed-test__title,
  .speed-test__content{
    margin:0;
    padding:0;
  }
}

/* Rodapé: mesma composição, tipografia e hierarquia do rodapé oficial. */
.footer{
  min-height:552.9375px;
  padding:50.5938px 0 0;
  background-color:#fff;
  background-image:linear-gradient(rgba(255,255,255,.56) 1%,rgba(242,242,242,.88) 100%),url("../footer-background.webp");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  color:rgba(36,52,61,.64);
  font:500 14px/23.8px "Open Sans",Arial,sans-serif;
}
.footer__main{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  width:min(1012px,calc(100% - 48px));
  height:403.1719px;
  margin:0 auto;
  padding:25.2969px 0;
  column-gap:3%;
}
.footer__brand,
.footer__column{
  min-width:0;
}
.footer__brand{
  color:rgba(36,52,61,.64);
}
.footer a.footer__logo{
  display:block;
  width:160px;
  height:auto;
  margin:0 0 15.1719px;
}
.footer__logo{
  display:block;
  width:160px;
  height:auto;
  margin:0 0 15.1719px;
}
.footer__logo img{
  display:block;
  width:160px;
  height:auto;
}
.footer__brand>p{
  margin:0 0 40px;
  color:rgba(36,52,61,.64)!important;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px!important;
  font-weight:400;
  line-height:23.8px;
}
.footer__social{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin:0;
  background:#24343d;
  color:#fff;
  transition:background-color .3s ease,transform .3s ease;
}
.footer a.footer__social{margin:0}
.footer__social:hover,
.footer__social:focus-visible{
  background:#27b4bf;
  transform:translateY(-2px);
}
.footer__social svg{
  display:block;
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}
.footer__social-dot{
  fill:currentColor;
  stroke:none;
}
.footer__column h2{
  color:#090d14;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:21px!important;
  font-weight:700;
  line-height:23.8px!important;
}
.footer__plans h2{
  margin:0 0 24px;
  padding:0;
}
.footer__contact h2,
.footer__location h2{
  margin:0 0 15.1719px;
  padding:0 0 24px;
}
.footer__plans ul,
.footer__details{
  list-style:none;
  margin:0;
  padding:0;
}
.footer__plans li,
.footer__details li{
  height:23.7969px;
  margin:0 0 15.1719px;
}
.footer__plans li:last-child,
.footer__details li:last-child{
  margin-bottom:0;
}
.footer .footer__plans li a,
.footer .footer__details a{
  display:flex;
  align-items:center;
  height:23.7969px;
  color:rgba(36,52,61,.64);
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px!important;
  font-weight:500;
  line-height:23.8px;
  transition:color .25s ease;
}
.footer .footer__plans li a,
.footer .footer__details a{
  color:#666;
}
.footer__plans li a::before{
  display:block;
  flex:0 0 32px;
  color:#27b4bf;
  content:"»";
  font-family:Arial,sans-serif;
  font-size:16px;
  line-height:23.8px;
  text-align:left;
}
.footer__plans li a:hover,
.footer__plans li a:focus-visible,
.footer__details a:hover,
.footer__details a:focus-visible{
  color:#27b4bf;
}
.footer__label{
  margin:0 0 15.1719px;
  color:#27b4bf!important;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:12px!important;
  font-weight:600;
  letter-spacing:4px;
  line-height:23.8px;
  text-transform:uppercase;
}
.footer__contact .footer__details:first-of-type li:last-child{
  height:55.7969px;
  padding-bottom:32px;
}
.footer__details svg,
.footer__location address>svg{
  display:block;
  flex:0 0 32px;
  width:32px;
  height:23.7969px;
  margin:0 15px 0 0;
  padding:4px 8px;
  fill:none;
  stroke:#27b4bf;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.7;
}
.footer__location address{
  display:flex;
  align-items:flex-start;
  margin:0;
  color:rgba(36,52,61,.64);
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:23.8px;
}
.footer .footer__location address{color:#666}
.footer__location address>svg{
  height:23.7969px;
  padding-top:4px;
  padding-bottom:4px;
  align-self:flex-start;
}
.footer__location address span{
  display:block;
}
.footer__bottom{
  display:grid;
  grid-template-columns:47.25% 47.25%;
  column-gap:5.5%;
  align-items:flex-start;
  width:min(1012px,calc(100% - 48px));
  height:67.1719px;
  margin:32px auto 0;
  padding:16px 0;
  border-top:1px solid rgba(255,255,255,.24);
  color:rgba(36,52,61,.64);
  font-size:14px;
  line-height:23.8px;
}
.footer__bottom>p{
  width:auto;
  margin:0;
  padding-top:4px;
  color:rgba(36,52,61,.64)!important;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px!important;
  font-weight:500;
  line-height:23.8px;
}
.footer .footer__bottom>p,
.footer .footer__bottom>div{color:#666}
.footer .footer__bottom>p{color:#666!important}
.footer__bottom>p a{
  display:inline!important;
  margin:0!important;
  color:inherit;
  font-size:inherit!important;
  text-decoration:underline;
}
.footer__bottom>div{
  display:flex;
  width:auto;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-weight:500;
  line-height:23.8px;
}
.footer__developer{
  display:inline-block;
  padding:4.2px 14px;
  border:1px solid #fff;
  border-radius:4px;
  color:#27b4bf;
  -webkit-text-fill-color:#27b4bf;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  line-height:23.8px;
  transition:background-color .3s ease;
}
.footer a.footer__developer{
  display:inline-block;
  margin:0;
  font-size:14px!important;
  color:#27b4bf!important;
  -webkit-text-fill-color:#27b4bf!important;
}
.footer a.footer__developer:hover,
.footer a.footer__developer:focus-visible{
  background-color:#27b4bf;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.footer__social:focus-visible,
.footer__plans a:focus-visible,
.footer__details a:focus-visible,
.footer__developer:focus-visible{
  outline:2px solid #27b4bf;
  outline-offset:3px;
}

@media(max-width:980px){
  .footer{
    min-height:0;
    padding-top:50px;
  }
  .footer__main{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:calc(100% - 34px);
    height:auto;
    row-gap:40px;
    padding:25px 0;
  }
  .footer__brand{
    grid-column:1/-1;
  }
  .footer__bottom{
    display:flex;
    width:calc(100% - 34px);
    height:auto;
    min-height:67px;
    align-items:flex-start;
    flex-direction:column;
    gap:16px;
    padding:16px 0 24px;
  }
  .footer__bottom>p,
  .footer__bottom>div{
    width:100%;
  }
  .footer__bottom>div{
    justify-content:flex-start;
  }
}
@media(max-width:767px){
  .footer__main{
    grid-template-columns:1fr;
  }
  .footer__brand,
  .footer__column{
    grid-column:auto;
  }
}

/* Política de privacidade: reprodução da composição oficial com tipografia local. */
.privacy-page{
  background:#090d14;
  color:#b9dfe2;
}
.privacy-page .header{
  position:fixed;
  z-index:20;
}
.privacy-page__main{
  overflow:hidden;
  background:#090d14;
}
.privacy-page__section{
  padding:151.78px 0 50.5938px;
  background:#090d14 url("../bg-gradient.svg") center/cover no-repeat;
}
.privacy-page__content{
  width:min(1012px,calc(100% - 48px));
  margin:0 auto;
  color:#b9dfe2;
  font:500 14px/23.8px "Zalando-Sans",Helvetica,Arial,Lucida,sans-serif;
}
.privacy-page__content h1,
.privacy-page__content h2{
  margin:0;
  padding:0 0 10px;
  color:#27b4bf;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif;
  font-weight:500;
}
.privacy-page__content h1{
  font-size:30px;
  line-height:30px;
}
.privacy-page__content h2{
  font-size:26px;
  line-height:26px;
}
.privacy-page__content p{
  margin:0;
  padding:0 0 14px;
  color:#b9dfe2;
  font:500 14px/23.8px "Zalando-Sans",Helvetica,Arial,Lucida,sans-serif;
}
.privacy-page__content > p:last-child{
  padding-bottom:0;
}
.privacy-page__content ul{
  margin:0;
  padding:0 0 14px 14px;
  color:#b9dfe2;
  font:500 14px/26px "Zalando-Sans",Helvetica,Arial,Lucida,sans-serif;
}
.privacy-page__content li{
  margin:0;
  padding:0;
  line-height:26px;
}
.privacy-page__content li p{
  margin:0;
  padding:0;
  color:#b9dfe2;
  font:500 14px/26px "Zalando-Sans",Helvetica,Arial,Lucida,sans-serif;
}
.privacy-page__content b{
  font-weight:700;
}
.privacy-page__content i{
  font-style:italic;
}

@media(max-width:850px){
  .privacy-page__section{
    padding:135px 0 45px;
  }
  .privacy-page__content{
    width:calc(100% - 34px);
    font-size:15px;
    line-height:25px;
  }
  .privacy-page__content h1{
    font-size:27px;
    line-height:30px;
  }
  .privacy-page__content h2{
    font-size:22px;
    line-height:26px;
  }
  .privacy-page__content p,
  .privacy-page__content li p{
    font-size:15px;
    line-height:25px;
  }
  .privacy-page__content ul,
  .privacy-page__content li{
    line-height:27px;
  }
  .privacy-page__content li p{
    line-height:27px;
  }
}

/* Microinterações: movimento curto, brilho discreto e feedback tecnológico. */
@property --plan-border-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}

@media (prefers-reduced-motion:no-preference){
  .header__inner{
    transition:background .45s ease,box-shadow .45s ease,transform .45s var(--ease);
  }
  .header__inner:hover{
    transform:translateY(2px);
    background:linear-gradient(96deg,rgba(9,13,20,.86) 0%,rgba(17,76,85,.92) 100%);
    box-shadow:0 12px 34px rgba(0,0,0,.18),0 0 0 1px rgba(39,180,191,.08);
  }
  .navigation a:not(.navigation__client){
    position:relative;
  }
  .navigation a:not(.navigation__client)::after{
    position:absolute;
    right:0;
    top:calc(50% + 11px);
    bottom:auto;
    left:0;
    height:1px;
    background:#27b4bf;
    content:"";
    transform:translateY(-50%) scaleX(0);
    transform-origin:left center;
    transition:transform .3s var(--ease);
  }
  .navigation a:not(.navigation__client):hover::after,
  .navigation a:not(.navigation__client):focus-visible::after{
    transform:translateY(-50%) scaleX(1);
  }
  .navigation__client{
    transition:background .35s ease,color .35s ease,box-shadow .35s ease,transform .35s var(--ease);
  }
  .navigation__client:hover,
  .navigation__client:focus-visible{
    transform:translateY(-2px);
    background:rgba(39,180,191,.12);
    box-shadow:0 0 22px rgba(39,180,191,.16);
  }

  .button{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    will-change:transform;
  }
  .button::after{
    position:absolute;
    top:-30%;
    bottom:-30%;
    left:0;
    width:30%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);
    content:"";
    pointer-events:none;
    transform:translateX(-180%) skewX(-18deg);
    transition:transform .7s var(--ease);
    z-index:-1;
  }
  .button:hover::after,
  .button:focus-visible::after{
    transform:translateX(470%) skewX(-18deg);
  }
  .button:active{transform:translateY(-1px) scale(.985)}

  .plan-card{
    overflow:hidden;
  }
  .plan-card::before{
    position:absolute;
    top:0;
    right:18%;
    left:18%;
    height:2px;
    background:linear-gradient(90deg,transparent,#27b4bf,transparent);
    content:"";
    opacity:0;
    transform:scaleX(.25);
    transition:opacity .35s ease,transform .45s var(--ease);
  }
  .plan-card::after{
    position:absolute;
    z-index:3;
    inset:-1px;
    padding:1px;
    border-radius:inherit;
    background:conic-gradient(
      from var(--plan-border-angle),
      transparent 0deg 72deg,
      rgba(39,180,191,.08) 78deg,
      #b9eef0 86deg,
      #27b4bf 91deg,
      rgba(39,180,191,.08) 99deg,
      transparent 108deg 360deg
    );
    content:"";
    opacity:0;
    pointer-events:none;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask-composite:exclude;
    filter:drop-shadow(0 0 5px rgba(39,180,191,.55));
    transition:opacity .35s ease;
  }
  @keyframes plan-border-sweep{
    to{--plan-border-angle:360deg}
  }
  .plan-card:hover::before,
  .plan-card:focus-within::before{
    opacity:1;
    transform:scaleX(1);
  }
  .plan-card:hover::after,
  .plan-card:focus-within::after{
    opacity:1;
    animation:plan-border-sweep 2.8s linear infinite;
  }
  .plan-card__speed{
    transition:background-color .35s ease,border-color .35s ease;
  }
  .plan-card:hover .plan-card__speed,
  .plan-card:focus-within .plan-card__speed{
    background:rgba(39,180,191,.035);
    border-color:rgba(39,180,191,.34);
  }
  .plan-card li,
  .service-row__features li,
  .footer__plans li a,
  .footer__details a{
    transition:color .25s ease,transform .25s var(--ease);
  }
  .plan-card li:hover{transform:translateX(4px);color:#24343d}

  .spotlight__panel:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 34px -8px rgba(39,180,191,.24);
  }
  .spotlight__pitch{
    transition:background .55s ease,box-shadow .55s ease;
  }
  .spotlight__panel:hover .spotlight__pitch{
    background:linear-gradient(90deg,#24343d 2%,#243f48 32%,#208f98 100%);
    box-shadow:inset 0 0 0 1px rgba(185,223,226,.08);
  }

  .spotlight__panel,
  .service-row{
    transition:transform .45s var(--ease),box-shadow .45s ease;
  }
  .service-row:hover,
  .service-row.reveal:hover,
  .service-row:focus-within,
  .service-row.reveal:focus-within{
    transform:translateY(-3px);
    box-shadow:0 18px 30px -8px rgba(39,180,191,.28);
  }
  .service-row__visual img{
    transform-origin:center;
    transition:transform .65s var(--ease),filter .65s ease;
  }
  .service-row:hover .service-row__visual img,
  .service-row:focus-within .service-row__visual img{
    filter:brightness(1.025) saturate(1.04);
    transform:scale(1.2);
  }
  .service-row__features li:hover{
    color:#078e99;
    transform:translateX(4px);
  }

  .difference-card::after{
    position:absolute;
    right:24px;
    bottom:0;
    left:24px;
    height:1px;
    background:linear-gradient(90deg,transparent,#27b4bf,transparent);
    content:"";
    opacity:0;
    transform:scaleX(.35);
    transition:opacity .35s ease,transform .45s var(--ease);
  }
  .difference-card:hover::after,
  .difference-card:focus-within::after{
    opacity:.8;
    transform:scaleX(1);
  }
  .difference-card--text:hover{
    box-shadow:0 12px 26px rgba(39,180,191,.18);
  }

  .brand-carousel__slide img{
    will-change:transform;
  }
  .brand-carousel__button:hover:not(:disabled){
    box-shadow:0 0 18px rgba(39,180,191,.2);
  }
  .brand-carousel__dot[aria-selected="true"]{
    animation:carousel-pulse 2.4s ease-in-out infinite;
  }
  @keyframes carousel-pulse{
    50%{box-shadow:0 0 0 5px rgba(39,180,191,.06)}
  }

  .about__image,
  .client__grid{
    transition:box-shadow .5s ease,transform .5s var(--ease);
  }
  .about__image:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 34px -12px rgba(39,180,191,.25);
  }
  .about__image > img:first-child{
    transition:transform .65s var(--ease),filter .65s ease;
  }
  .about__image:hover > img:first-child{
    filter:saturate(1.04) brightness(1.015);
    transform:scale(1.018);
  }
  .about__image .about__checklist{
    transition:filter .5s ease,transform .5s var(--ease);
  }
  .about__image:hover .about__checklist{
    filter:drop-shadow(0 14px 25px rgba(39,180,191,.23));
    transform:scale(1.155);
  }

  .client__grid:hover{
    box-shadow:0 18px 34px -12px rgba(39,180,191,.28);
  }
  .client__option{
    transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,transform .3s var(--ease);
  }
  .client__option:hover,
  .client__option:focus-visible{
    box-shadow:0 0 20px rgba(39,180,191,.14);
    transform:translateX(4px);
  }

  .footer__social{
    transition:background-color .3s ease,transform .35s var(--ease);
  }
  .footer__plans li a:hover,
  .footer__details a:hover{
    transform:translateX(3px);
  }
}

/* Todas as áreas claras da home compartilham a mesma base visual. */
.plans,
.spotlight,
.services,
.about,
.client{
  background-color:#fcffff;
  background-image:linear-gradient(rgba(252,255,255,.72),rgba(252,255,255,.72)),url("../bg-lines.svg")!important;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

/* Refinamento mobile: leitura confortável, áreas de toque maiores e zero overflow horizontal. */
@media(max-width:850px){
  html,
  body{
    min-width:0;
    overflow-x:hidden;
  }
  .container{
    width:calc(100% - 32px);
  }
  .header{
    left:0;
    width:100%;
  }
  .header__inner{
    min-height:62px;
    padding:9px 12px 9px 16px;
  }
  .brand img{
    width:min(135px,42vw);
  }
  .menu-button{
    display:grid;
    width:44px;
    height:44px;
    place-items:center;
    margin:0;
    padding:8px;
    border:1px solid rgba(185,223,226,.2);
    border-radius:6px;
  }
  .menu-button>span:not(.sr-only){
    display:block;
    width:22px;
    height:2px;
    margin:2px 0;
    background:#fff;
  }
  .menu-button .sr-only{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
  .navigation{
    top:calc(100% + 10px);
    max-height:calc(100vh - 100px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:8px;
  }
  .navigation a{
    min-height:48px;
    align-items:center;
  }

  .hero{
    min-height:0;
    padding:104px 0 34px;
  }
  .hero__grid{
    min-height:0;
    gap:22px;
  }
  .hero__copy{
    padding-top:16px;
  }
  .hero h1{
    font-size:clamp(2.8rem,12vw,4rem);
    line-height:.96;
  }
  .hero__lead{
    margin:26px 0;
    font-size:.9rem;
  }
  .hero .button{
    width:min(243px,100%);
    justify-content:center;
  }
  .hero__visual{
    min-height:220px;
    margin-top:-4px;
  }
  .hero__visual img{
    width:min(100%,380px);
    max-height:300px;
    transform:translateY(-10px);
  }
  .trust-bar{
    width:100%;
    min-height:0;
    margin-top:20px;
    padding:0;
  }
  .trust-bar>div{
    grid-template-columns:28px 1fr;
    padding:15px 0;
  }
  .trust-bar>div img{
    width:24px;
    height:24px;
  }
  .trust-bar strong{font-size:.72rem}
  .trust-bar small{font-size:.68rem}

  .plans{
    padding:72px 0 78px;
  }
  .plans .container{
    width:calc(100% - 32px);
    max-width:337px;
  }
  .section-intro--center h2{
    font-size:clamp(2.15rem,9.5vw,3.2rem);
    line-height:1.02;
  }
  .plan-grid{
    gap:18px;
  }
  .plan-card{
    padding-inline:20px;
  }
  .plan-card .button{
    width:min(229px,100%);
  }

  .spotlight{
    padding:48px 0;
  }
  .spotlight .container{
    width:calc(100% - 32px);
  }
  .spotlight__panel{
    row-gap:20px;
    padding:16px;
  }
  .spotlight__pitch{
    padding:28px 22px;
  }
  .spotlight__pitch h2{
    height:auto;
    min-height:0;
    font-size:clamp(1.7rem,8.5vw,2rem);
    line-height:1.02;
  }
  .spotlight__pitch .button{
    width:min(243px,100%);
    max-width:100%;
  }
  .spotlight__offer{
    padding:0 6px 10px;
  }
  .spotlight__offer h3{
    font-size:clamp(1.55rem,8vw,2rem);
    line-height:1.05;
  }
  .spotlight__price{
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:baseline;
    width:100%;
    height:auto;
    line-height:1;
  }
  .spotlight__price strong{
    font-size:clamp(1.9rem,10vw,2.35rem);
    line-height:1;
  }
  .spotlight__term{
    grid-column:1/-1;
    margin-top:4px;
    white-space:normal;
    line-height:1.2;
  }

  .services{
    padding-bottom:72px;
  }
  .services__rows{
    width:calc(100% - 32px);
  }
  .service-row,
  .service-row--mesh,
  .service-row--phone,
  .service-row--business{
    margin-top:16px;
    padding:20px;
    border-radius:8px;
  }
  .service-row__copy h2{
    font-size:clamp(1.7rem,8vw,2rem);
    line-height:1.04;
    padding-bottom:4px;
  }
  .service-row__copy>p:not(.service-row__price){
    margin-bottom:18px;
    font-size:.88rem;
    line-height:1.45;
  }
  .service-row__price{
    height:auto;
    margin:18px 0;
    font-size:2.15rem;
  }
  .service-row__features{
    font-size:.86rem;
    line-height:1.3;
  }
  .service-row__features li{
    align-items:flex-start;
    min-height:28px;
  }
  .service-row__features img{
    flex-basis:16px;
    width:16px;
    height:16px;
    margin-right:10px;
    margin-top:3px;
  }
  .service-row--mesh .service-row__visual{
    order:-1;
    margin-bottom:16px;
  }
  .service-row--mesh .service-row__visual img,
  .service-row--phone .service-row__visual img{
    width:min(100%,320px);
    max-height:360px;
    object-fit:contain;
  }
  .service-row--phone .service-row__visual img{
    max-height:420px;
  }
  .service-row--phone .service-row__copy{
    padding-top:12px;
    background:#b9dfe2;
  }

  .difference{
    padding:72px 0 80px;
  }
  .difference__intro{
    padding:10px 0 28px;
  }
  .difference__intro h2{
    font-size:clamp(2.1rem,10vw,3rem);
  }
  .difference-grid,
  .difference-grid--secondary{
    gap:10px;
  }
  .difference-card,
  .difference-grid--secondary .difference-card{
    height:260px;
    padding:14px;
  }
  .difference-card img{
    top:-18px;
    width:200px;
    height:200px;
  }
  .difference-card p{
    font-size:1rem;
    line-height:1.15;
  }

  .brands{
    padding:54px 0 68px;
  }
  .brands__rule{
    margin-bottom:40px;
  }

  .about__image .about__checklist{
    transform:scale(1.02);
  }
  .about__checklist-item{
    gap:5px;
    font-size:clamp(7.4px,1.65vw,10px);
  }
  .about__check-icon{
    flex-basis:10px;
    width:10px;
    height:10px;
    border-radius:2px;
    font-size:7px;
  }
  .about__content h2{
    font-size:clamp(2.2rem,9vw,3rem);
    line-height:1.05;
  }
  .about__copy p{
    font-size:.9rem!important;
    line-height:1.55;
  }
  .about__content .button{
    width:min(200px,100%);
  }

  .client{
    padding-top:54px;
  }
  .client__grid{
    top:8px;
    margin-top:16px;
    padding:24px;
    border-radius:8px;
  }
  .client__intro>p:not(.eyebrow){
    margin-bottom:26px;
  }
  .client__option{
    min-height:80px;
    margin-bottom:14px;
    padding:18px;
    font-size:1rem;
    line-height:1.15;
  }

  .speed-test{
    padding:64px 0;
  }
  .speed-test__grid{
    width:calc(100% - 32px);
    row-gap:20px;
  }
  .speed-test__title h2{
    font-size:clamp(2rem,9vw,2.6rem)!important;
  }
}

@media(max-width:360px){
  .hero h1{
    font-size:clamp(2.4rem,10.5vw,3.2rem);
    letter-spacing:-.05em;
  }
  .difference-grid,
  .difference-grid--secondary{
    grid-template-columns:1fr;
  }
  .difference-card,
  .difference-grid--secondary .difference-card{
    height:250px;
  }
  .plan-card{
    padding-inline:16px;
  }
}

/* O fundo do teste de velocidade permanece estático em qualquer estado. */
.speed-test{
  transition:none!important;
}
.speed-test:hover{
  background-position:center,center;
}

/* Rodapé: cada contato mantém o ícone e o texto na mesma linha. */
.footer .footer__details a span{
  display:inline;
  min-width:0;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
}
.footer__location address span,
.footer__bottom>div span{
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
}

/* Instagram: área clicável transparente e sem sombra. */
.footer a.footer__social,
.footer a.footer__social:hover,
.footer a.footer__social:focus-visible{
  display:grid;
  place-items:center;
  background:transparent!important;
  box-shadow:none!important;
}
.footer a.footer__social{
  color:#24343d;
}
.footer a.footer__social:hover,
.footer a.footer__social:focus-visible{
  color:#27b4bf;
}

/* Planos: a seta e o nome ficam sempre na mesma linha. */
.footer .footer__plans li a{
  margin:0;
}

/* Hero no mobile: os três diferenciais ocupam a mesma faixa, em coluna. */
@media(max-width:850px){
  .trust-bar{
    display:flex;
    width:calc(100% - 32px);
    flex-direction:column;
    gap:0;
  }
  .trust-bar>div,
  .trust-bar>div:first-child{
    display:grid;
    width:100%;
    min-height:64px;
    align-items:center;
    padding:15px 0;
  }
}

/* Cards mobile: cria respiro igual entre a borda e o cabeçalho do plano. */
@media(max-width:850px){
  .plan-card__number{
    top:6px;
  }
  .plan-card h3{
    top:27px;
  }
}

/* Telefonia no mobile: imagem e conteúdo formam duas áreas bem separadas. */
@media(max-width:850px){
  .service-row--phone .service-row__visual{
    height:320px;
    min-height:320px;
    margin-bottom:0;
    overflow:hidden;
  }
  .service-row--phone .service-row__visual img{
    width:100%;
    height:100%;
    max-height:none;
    object-fit:cover;
    object-position:center 20%;
  }
  .service-row--phone .service-row__copy{
    padding:24px 0 26px;
  }
  .service-row--phone .service-row__copy h2{
    margin-top:0;
  }
}

/* Neutraliza estilos legados de spans da ilustração para a nova faixa em código. */
.about__checklist-item > span{
  position:static;
  z-index:auto;
  display:inline;
  margin:0;
  padding:0;
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
}
.about__checklist-item > .about__check-icon{
  display:grid;
  flex:0 0 13px;
  width:13px;
  height:13px;
  place-items:center;
  padding:0;
  border-radius:3px;
  background:rgba(38,180,191,.5);
  color:#26b4bf;
  font-family:Arial,sans-serif!important;
  font-size:9px;
  font-weight:800;
  line-height:1;
}
@media(max-width:850px){
  .about__checklist-item > .about__check-icon{
    flex-basis:10px;
    width:10px;
    height:10px;
    border-radius:2px;
    font-size:7px;
  }
}

/* Margens do painel do cliente conforme a composição desktop de referência. */
@media(min-width:981px){
  .client__grid{
    width:min(1080px,calc(100% - 48px));
    min-height:495px;
    padding:50px;
  }
}

/* Em telas estreitas, cada benefício mantém ícone e texto na mesma linha. */
@media(max-width:850px){
  .about__image,
  .about__image .about__checklist{
    min-width:0;
  }
  .about__image .about__checklist{
    grid-template-columns:1fr;
    justify-content:stretch;
    row-gap:7px;
    width:100%;
    padding:12px 16px;
  }
  .about__checklist-item{
    width:max-content;
    max-width:100%;
  }
}

/* Checklist mobile: aumenta a leitura sem quebrar a linha de cada item. */
@media(max-width:850px){
  .about__image .about__checklist{
    row-gap:8px;
    padding:13px 16px;
  }
  .about__checklist-item{
    gap:8px;
    font-size:11px;
    line-height:1.2;
  }
  .about__checklist-item > .about__check-icon{
    flex-basis:12px;
    width:12px;
    height:12px;
    font-size:8px;
  }
}

/* Menu mobile: painel opaco e CTA com altura normal. */
@media(max-width:850px){
  .navigation{
    background:#0b2028!important;
    border:1px solid rgba(91,218,225,.28);
    box-shadow:0 16px 32px rgba(2,17,24,.34);
  }
  .navigation a:not(.navigation__client){
    min-height:48px;
    height:48px;
  }
  .navigation__client{
    flex:0 0 auto;
    width:auto;
    min-height:48px;
    height:48px;
    align-self:flex-start;
    margin-top:6px;
    margin-left:10px;
    padding:12px 16px;
    background:#123943!important;
    border:1px solid rgba(91,218,225,.72);
    display:flex;
    align-items:center;
    justify-content:center;
  }
}

/* Telefonia mobile: foto integral e conteúdo em painel azul independente. */
@media(max-width:850px){
  .service-row--phone{
    padding:0;
    background:#0b2028;
    border-radius:8px;
  }
  .service-row--phone .service-row__visual{
    width:100%;
    height:320px;
    min-height:320px;
    margin:0;
    border-radius:8px 8px 0 0;
  }
  .service-row--phone .service-row__visual img{
    display:block;
    width:100%;
    height:100%;
    max-height:none;
    object-fit:cover;
    object-position:center 20%;
  }
  .service-row--phone .service-row__copy{
    width:100%;
    margin:0;
    padding:42px 28px 40px;
    border-radius:0 0 8px 8px;
    background:#b9dfe2;
  }
}

/* O zoom do banner Mesh pode ultrapassar o card sem ser recortado pelo contêiner. */
.service-row--mesh{
  overflow:visible;
}
.service-row--mesh:hover,
.service-row--mesh:focus-within{
  z-index:2;
}

/* Manchete do hero alinhada às métricas tipográficas do banner original. */
@media(min-width:851px){
  .hero h1{
    width:510px;
    max-width:100%;
    padding-bottom:10px;
    color:#b9dfe2!important;
    font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
    font-size:48px!important;
    font-weight:500!important;
    line-height:1.1em!important;
    letter-spacing:normal!important;
    text-transform:uppercase;
    transform:none!important;
  }
  .hero h1 strong{
    color:inherit!important;
    font-family:inherit!important;
    font-weight:700!important;
  }
}
@media(max-width:850px){
  .hero h1{
    width:330px;
    max-width:100%;
    color:#b9dfe2!important;
    font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
    font-size:32px!important;
    font-weight:500!important;
    line-height:1.1em!important;
    letter-spacing:normal!important;
    text-transform:uppercase;
    transform:none!important;
  }
  .hero h1 strong{
    color:inherit!important;
    font-family:inherit!important;
    font-weight:700!important;
  }
}

/* Página Quem somos: mesma identidade visual da home, com a narrativa da referência. */
.about-page{
  background:#090d14;
  color:#f7ffff;
}
.about-page .header{
  position:fixed;
  z-index:20;
}
.about-page__main{
  background:#090d14;
  overflow:hidden;
}
.about-page__hero{
  min-height:534px;
  padding:151px 0 92px;
  background:
    radial-gradient(ellipse at 50% 52%,rgba(22,91,102,.12),transparent 42%),
    #090d14;
}
.about-page__hero-inner{
  width:min(891px,calc(100% - 48px));
  text-align:center;
}
.about-page__rule{
  height:1px;
  margin:0 0 45px;
  background:rgba(185,223,226,.16);
}
.about-page__hero .eyebrow{
  margin-bottom:31px;
  color:#29b9c6;
  font-family:"Zalando-Sans",Helvetica,Arial,sans-serif!important;
  font-size:14px;
  letter-spacing:4px;
}
.about-page__hero h1,
.about-history__header h2,
.about-purpose__header .eyebrow{
  color:#b9dfe2;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,sans-serif!important;
  font-weight:500;
  text-transform:uppercase;
}
.about-page__hero h1{
  margin:0;
  font-size:48px;
  line-height:1.08;
  letter-spacing:.01em;
}
.about-page__hero h1 span{
  color:#b9eef0;
}
.about-page__quote{
  margin:34px 0 0;
  color:#b9dfe2;
  font-family:"Zalando-Sans",Helvetica,Arial,sans-serif!important;
  font-size:18px;
  line-height:1.4;
}
.about-story{
  min-height:832px;
  padding:50px 0;
  background:
    radial-gradient(ellipse at 78% 70%,rgba(28,105,116,.1),transparent 35%),
    #090d14;
}
.about-story__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5.5%;
  min-height:732px;
}
.about-story__content{
  display:flex;
  min-width:0;
  flex-direction:column;
}
.about-story h2{
  max-width:478px;
  margin:0 0 30px;
  padding:0 0 10px;
  color:#b9dfe2;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,sans-serif!important;
  font-size:36px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:.005em;
}
.about-story__copy{
  color:#f0f7f7;
  font-family:"Zalando-Sans",Helvetica,Arial,sans-serif!important;
  font-size:14px;
  font-weight:600;
  line-height:1.7;
}
.about-story__copy p{
  margin:0;
  padding:0 0 14px;
}
.about-story__copy p:last-child{padding-bottom:0}
.about-story__copy strong{
  color:#fff;
  font-weight:800;
}
.about-story blockquote{
  margin:30px 0 0;
  padding:24px 25px;
  border-radius:4px;
  background:linear-gradient(105deg,#b9dfe2 0%,#75cbd2 100%);
  color:#0a1a20;
  font-family:"Zalando-Sans",Helvetica,Arial,sans-serif!important;
  font-size:14px;
  font-weight:600;
  line-height:1.7;
}
.about-story__visual{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:center;
  padding-top:131px;
}
.about-story__visual img{
  display:block;
  width:100%;
  max-width:520px;
  height:auto;
  object-fit:contain;
}
.about-history{
  padding:39px 0 0;
  background:
    radial-gradient(ellipse at 18% 65%,rgba(20,79,89,.12),transparent 35%),
    #090d14;
}
.about-history__header{
  min-height:172px;
  text-align:center;
}
.about-history__header .eyebrow{
  margin-bottom:25px;
  color:#29b9c6;
  font-family:"Zalando-Sans",Helvetica,Arial,sans-serif!important;
  font-size:14px;
  letter-spacing:4px;
}
.about-history__header h2{
  max-width:930px;
  margin:0 auto;
  font-size:32px;
  line-height:1.1;
  letter-spacing:.01em;
}
.about-history__timeline-wrap{
  position:relative;
}
.about-history__timeline{
  position:relative;
  z-index:1;
  display:grid;
  margin:0;
  row-gap:60px;
  padding:20px 6px 19px;
  list-style:none;
}
.about-history__timeline::before{
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:4px;
  border-radius:4px;
  background:#29b9c6;
  content:"";
  transform:translateX(-50%);
}
.about-history__item{
  display:grid;
  grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);
  align-items:center;
  min-height:0;
}
.about-history__item:nth-child(1){height:184px}
.about-history__item:nth-child(2){height:236px}
.about-history__item:nth-child(n+3){height:208px}
.about-history__card{
  position:relative;
  z-index:2;
  width:100%;
  max-width:416px;
  padding:29px 30px 28px;
  border:1px solid rgba(116,175,184,.17);
  border-radius:5px;
  background:linear-gradient(135deg,rgba(24,37,47,.98),rgba(12,24,32,.98));
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}
.about-history__item:nth-child(odd) .about-history__card{grid-column:1}
.about-history__item:nth-child(even) .about-history__card{grid-column:3;justify-self:start}
.about-history__item:nth-child(odd) .about-history__card{margin-left:45px}
.about-history__card h3{
  margin:0 0 24px;
  color:#29b9c6;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,sans-serif!important;
  padding-bottom:10px;
  font-size:22px;
  font-weight:600;
  line-height:1.3;
}
.about-history__card p{
  margin:0;
  color:#edf7f7;
  font-family:"Zalando-Sans",Helvetica,Arial,sans-serif!important;
  font-size:14px;
  font-weight:500;
  line-height:1.7;
}
.about-history__date{
  position:relative;
  z-index:2;
  color:#29b9c6;
  font-family:"Zalando-Sans",Helvetica,Arial,sans-serif!important;
  font-size:15px;
  font-weight:800;
  letter-spacing:1.4px;
  line-height:1.2;
  text-transform:uppercase;
}
.about-history__item:nth-child(odd) .about-history__date{
  grid-column:3;
  padding-left:0;
}
.about-history__item:nth-child(even) .about-history__date{
  grid-column:1;
  text-align:right;
}
.about-history__marker{
  position:relative;
  z-index:3;
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  justify-self:center;
  border:3px solid #29b9c6;
  border-radius:50%;
  background:#13242c;
  box-shadow:0 0 0 4px #090d14;
}
.about-history__marker::after{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#29b9c6;
  content:"";
}
.about-purpose{
  padding:78px 0 50px;
  background:#090d14;
}
.about-purpose__header{
  padding:40px 0 36px;
  border-top:1px solid rgba(185,223,226,.16);
  text-align:center;
}
.about-purpose__header .eyebrow{
  margin:0;
  font-size:32px;
  line-height:1.1;
  letter-spacing:.01em;
}
.about-purpose__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px;
}
.about-purpose__card{
  min-height:295px;
  padding:28px 24px;
  border:1px solid rgba(116,175,184,.18);
  background:rgba(9,18,25,.24);
}
.about-purpose__card svg{
  display:block;
  width:38px;
  height:38px;
  margin-bottom:29px;
  fill:none;
  stroke:#29b9c6;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.7;
}
.about-purpose__card p{
  margin:0;
  color:#d8eeee;
  font-family:"Zalando-Sans",Helvetica,Arial,sans-serif!important;
  font-size:14px;
  font-weight:600;
  line-height:1.7;
}

/* Páginas de planos: oferta individual com o mesmo sistema visual da home. */
.plan-detail-page{
  background:var(--ink);
}
.plan-detail__hero{
  position:relative;
  isolation:isolate;
  min-height:535px;
  padding:164px 0 74px;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 86% 45%,rgba(39,180,191,.22),transparent 30%),
    linear-gradient(180deg,#0a1820 0%,#090d14 100%);
}
.plan-detail__hero::before{
  position:absolute;
  z-index:-1;
  inset:0;
  background:url("../bg-lines.svg") center/cover no-repeat;
  content:"";
  opacity:.2;
}
.plan-detail__hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  align-items:center;
  gap:8%;
}
.plan-detail__eyebrow{
  margin-bottom:20px;
}
.plan-detail__hero h1{
  margin:0;
  color:#b9dfe2;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,sans-serif!important;
  font-size:clamp(3.3rem,6vw,5.3rem);
  font-weight:600;
  line-height:.92;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.plan-detail__speed{
  margin:24px 0 0;
  color:#fff;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,sans-serif!important;
  font-size:clamp(1.2rem,2vw,1.7rem);
  font-weight:600;
  line-height:1.2;
}
.plan-detail__description{
  max-width:540px;
  margin:21px 0 0;
  color:#d8e9e8;
  font-family:"Zalando-Sans",Helvetica,Arial,sans-serif!important;
  font-size:15px;
  line-height:1.65;
}
.plan-detail__price{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-top:28px;
  color:#fff;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,sans-serif!important;
}
.plan-detail__price span:first-child{
  font-size:15px;
  font-weight:700;
}
.plan-detail__price strong{
  color:var(--cyan);
  font-size:clamp(2.8rem,5vw,4rem);
  font-weight:800;
  line-height:.9;
  letter-spacing:-.065em;
}
.plan-detail__price span:last-child{
  color:#d8e9e8;
  font-family:"Zalando-Sans",Helvetica,Arial,sans-serif!important;
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}
.plan-detail__normal{
  margin:12px 0 0;
  color:#9db5b7;
  font-size:12px;
}
.plan-detail__hero .button{
  margin-top:28px;
}
.plan-detail__audience{
  min-height:272px;
  padding:34px 34px 30px;
  border:1px solid rgba(41,185,198,.3);
  border-radius:4px;
  background:linear-gradient(135deg,rgba(24,42,51,.92),rgba(9,27,35,.82));
  box-shadow:0 18px 40px rgba(0,0,0,.16);
}
.plan-detail__audience .eyebrow{
  margin-bottom:23px;
  font-size:12px;
  letter-spacing:3px;
}
.plan-detail__audience-list{
  display:grid;
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
  color:#e7f8f7;
  font-family:"Zalando-Sans",Helvetica,Arial,sans-serif!important;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}
.plan-detail__audience-list li{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.plan-detail__audience-list li::before{
  flex:0 0 auto;
  margin-top:3px;
  color:var(--cyan);
  content:"✓";
  font-weight:800;
}
.plan-detail__included{
  padding:89px 0 100px;
  background:
    radial-gradient(ellipse at 18% 30%,rgba(39,180,191,.12),transparent 34%),
    #090d14;
}
.plan-detail__section-header{
  max-width:680px;
  margin:0 auto;
  text-align:center;
}
.plan-detail__section-header h2,
.plan-detail__closing h2{
  margin:0;
  color:#b9dfe2;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,sans-serif!important;
  font-size:clamp(2rem,4vw,3rem);
  font-weight:600;
  line-height:1.05;
  letter-spacing:-.035em;
}
.plan-detail__included-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:15px;
  margin:53px 0 0;
  padding:0;
  list-style:none;
}
.plan-detail__included-card{
  min-height:230px;
  padding:24px 18px 20px;
  border-top:1px solid rgba(41,185,198,.38);
  background:rgba(24,37,47,.52);
}
.plan-detail__included-card svg{
  display:block;
  width:35px;
  height:35px;
  margin-bottom:29px;
  fill:none;
  stroke:var(--cyan);
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.6;
}
.plan-detail__included-card h3{
  margin:0 0 12px;
  color:#b9dfe2;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,sans-serif!important;
  font-size:16px;
  font-weight:600;
  line-height:1.15;
}
.plan-detail__included-card p{
  margin:0;
  color:#d8eeee;
  font-family:"Zalando-Sans",Helvetica,Arial,sans-serif!important;
  font-size:12px;
  line-height:1.55;
}
.plan-detail__services{
  padding-top:1px;
  background-image:linear-gradient(rgba(252,255,255,.82),rgba(252,255,255,.82)),url("../bg-lines.svg");
  background-size:auto,cover;
}
.plan-detail__closing{
  padding:105px 0 112px;
  background:
    radial-gradient(ellipse at 82% 40%,rgba(39,180,191,.19),transparent 33%),
    #090d14;
}
.plan-detail__closing-inner{
  text-align:center;
}
.plan-detail__closing .eyebrow{
  margin-bottom:22px;
}
.plan-detail__closing p:not(.eyebrow){
  max-width:570px;
  margin:24px auto 0;
  color:#d8eeee;
  font-family:"Zalando-Sans",Helvetica,Arial,sans-serif!important;
  font-size:15px;
  line-height:1.6;
}
.plan-detail__closing .button{
  margin-top:29px;
}
@media(prefers-reduced-motion:no-preference){
  .plan-detail__audience,
  .plan-detail__included-card{
    transition:transform .35s var(--ease),border-color .35s ease,box-shadow .35s ease;
  }
  .plan-detail__audience:hover,
  .plan-detail__included-card:hover{
    transform:translateY(-4px);
    border-color:rgba(41,185,198,.65);
    box-shadow:0 14px 30px rgba(0,0,0,.2);
  }
}
@media(max-width:850px){
  .plan-detail__hero{
    min-height:0;
    padding:145px 0 65px;
  }
  .plan-detail__hero-grid{
    grid-template-columns:1fr;
    gap:40px;
  }
  .plan-detail__hero h1{
    font-size:clamp(3rem,15vw,4.25rem);
  }
  .plan-detail__description{
    font-size:14px;
  }
  .plan-detail__price strong{
    font-size:3rem;
  }
  .plan-detail__audience{
    min-height:0;
    padding:28px 24px 26px;
  }
  .plan-detail__included{
    padding:67px 0 77px;
  }
  .plan-detail__section-header{
    text-align:left;
  }
  .plan-detail__section-header h2,
  .plan-detail__closing h2{
    font-size:clamp(1.9rem,8.4vw,2.55rem);
  }
  .plan-detail__included-grid{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:35px;
  }
  .plan-detail__included-card{
    min-height:0;
    padding:22px 20px 24px;
  }
  .plan-detail__included-card svg{
    margin-bottom:19px;
  }
  .plan-detail__services{
    padding-top:1px;
  }
  .plan-detail__closing{
    padding:77px 0 85px;
  }
}
@media (prefers-reduced-motion:no-preference){
  .about-page__hero h1,
  .about-page__quote{
    animation:about-page-rise .8s var(--ease) both;
  }
  .about-page__quote{animation-delay:.08s}
  .about-history__card,
  .about-purpose__card{
    transition:transform .35s var(--ease),border-color .35s ease,box-shadow .35s ease;
  }
  .about-history__card:hover,
  .about-purpose__card:hover{
    transform:translateY(-4px);
    border-color:rgba(41,185,198,.55);
    box-shadow:0 14px 30px rgba(0,0,0,.2);
  }
}
@keyframes about-page-rise{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:none}
}
@media(max-width:850px){
  .about-page__hero{
    min-height:478px;
    padding:150px 0 58px;
  }
  .about-page__hero-inner{
    width:calc(100% - 34px);
  }
  .about-page__rule{margin-bottom:31px}
  .about-page__hero .eyebrow{
    margin-bottom:23px;
    font-size:11px;
    letter-spacing:2.5px;
  }
  .about-page__hero h1{
    font-size:clamp(24px,7.2vw,31px);
    line-height:1.1;
  }
  .about-page__quote{
    margin-top:27px;
    font-size:13px;
    line-height:1.45;
  }
  .about-story{
    min-height:0;
    padding:50px 0 64px;
  }
  .about-story__grid{
    grid-template-columns:1fr;
    gap:0;
    min-height:0;
  }
  .about-story h2{
    max-width:none;
    margin-bottom:31px;
    font-size:clamp(28px,8.5vw,34px);
    line-height:1.12;
  }
  .about-story__copy{
    font-size:14px;
    line-height:1.7;
  }
  .about-story blockquote{
    margin-top:13px;
    padding:22px 20px;
    font-size:13px;
  }
  .about-story__visual{
    padding-top:38px;
  }
  .about-story__visual img{width:100%}
  .about-history{
    padding-top:64px;
  }
  .about-history__header{
    min-height:0;
    padding-bottom:39px;
  }
  .about-history__header .eyebrow{
    margin-bottom:20px;
    font-size:11px;
    letter-spacing:2.5px;
  }
  .about-history__header h2{
    font-size:clamp(24px,7.8vw,32px);
    line-height:1.12;
  }
  .about-history__timeline::before{
    left:15px;
    transform:none;
  }
  .about-history__item{
    grid-template-columns:32px minmax(0,1fr);
    gap:14px;
    align-items:start;
    min-height:0;
    padding:24px 0 30px;
  }
  .about-history__item:nth-child(1),
  .about-history__item:nth-child(2),
  .about-history__item:nth-child(n+3){
    height:auto;
  }
  .about-history__item .about-history__marker{
    grid-column:1;
    grid-row:1 / span 2;
    margin-top:2px;
  }
  .about-history__item .about-history__card,
  .about-history__item:nth-child(odd) .about-history__card,
  .about-history__item:nth-child(even) .about-history__card{
    grid-column:2;
    grid-row:2;
    justify-self:stretch;
    max-width:none;
    margin-left:0;
    padding:23px 20px;
  }
  .about-history__item .about-history__date,
  .about-history__item:nth-child(odd) .about-history__date,
  .about-history__item:nth-child(even) .about-history__date{
    grid-column:2;
    grid-row:1;
    padding:7px 0 0;
    text-align:left;
    font-size:12px;
    letter-spacing:1px;
  }
  .about-history__card h3{
    margin-bottom:16px;
    font-size:18px;
  }
  .about-history__card p{
    font-size:13px;
    line-height:1.65;
  }
  .about-purpose{
    padding:78px 0 40px;
  }
  .about-purpose__header{
    padding:34px 0 29px;
  }
  .about-purpose__header .eyebrow{
    font-size:clamp(24px,7.8vw,32px);
  }
  .about-purpose__grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  .about-purpose__card{
    min-height:0;
    padding:24px 20px 27px;
  }
  .about-purpose__card svg{
    margin-bottom:22px;
  }
  .about-purpose__card p{
    font-size:13px;
    line-height:1.65;
  }
}

/* Menu de planos: acesso direto às seis páginas sem perder o menu compacto. */
.navigation__plans-menu{
  position:relative;
  display:flex;
  align-items:center;
}
.navigation__plans-menu > .navigation__plans{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font-family:var(--font-display)!important;
  font-size:.8rem;
  font-weight:500!important;
  line-height:1.5;
  cursor:pointer;
}
.navigation__plans-menu > .navigation__plans:hover,
.navigation__plans-menu > .navigation__plans:focus-visible{
  color:var(--cyan-soft);
}
.navigation__plans-menu > .navigation__plans > span{
  display:inline-block;
  width:7px;
  height:7px;
  border-right:2px solid var(--cyan-soft);
  border-bottom:2px solid var(--cyan-soft);
  transform:translateY(-2px) rotate(45deg);
  transition:transform .25s var(--ease);
}
.navigation__plans-menu > .navigation__plans::after{
  position:absolute;
  right:0;
  bottom:-11px;
  left:0;
  height:1px;
  background:#27b4bf;
  content:"";
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .3s var(--ease);
}
.navigation__plans-menu:hover > .navigation__plans::after,
.navigation__plans-menu:focus-within > .navigation__plans::after,
.navigation__plans-menu > .navigation__plans.is-active::after{
  transform:scaleX(1);
}
.navigation__plans-menu:hover > .navigation__plans > span,
.navigation__plans-menu:focus-within > .navigation__plans > span,
.navigation__plans-menu.is-open > .navigation__plans > span{
  transform:translateY(1px) rotate(225deg);
}
.navigation__submenu{
  position:absolute;
  z-index:30;
  top:calc(100% + 13px);
  left:50%;
  display:grid;
  min-width:190px;
  padding:8px;
  border:1px solid rgba(91,218,225,.3);
  border-radius:4px;
  background:#0b2028;
  box-shadow:0 16px 32px rgba(2,17,24,.34);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-6px);
  transition:opacity .25s ease,transform .25s var(--ease),visibility .25s ease;
  visibility:hidden;
}
.navigation__plans-menu::after{
  position:absolute;
  top:100%;
  right:-12px;
  left:-12px;
  height:13px;
  content:"";
}
.navigation__plans-menu:hover .navigation__submenu,
.navigation__plans-menu:focus-within .navigation__submenu,
.navigation__plans-menu.is-open .navigation__submenu{
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%,0);
  visibility:visible;
}
.navigation__submenu a{
  display:flex;
  align-items:center;
  min-height:36px;
  padding:9px 12px;
  border-radius:2px;
  color:#d7e9e9;
  font-size:.78rem;
  white-space:nowrap;
}
.navigation__submenu a:hover,
.navigation__submenu a:focus-visible{
  background:rgba(39,180,191,.14);
  color:#fff;
}
.navigation__submenu a::after{
  display:none!important;
}

@media(max-width:850px){
  .navigation__plans-menu{
    display:block;
    width:100%;
  }
  .navigation__plans-menu > .navigation__plans{
    display:flex;
    width:100%;
    min-height:48px;
    height:48px;
    padding:13px 10px;
  }
  .navigation__plans-menu > .navigation__plans::after{
    display:none;
  }
  .navigation__submenu{
    position:static;
    min-width:0;
    padding:0 0 5px 14px;
    border:0;
    border-radius:0;
    background:rgba(3,18,24,.55);
    box-shadow:none;
    opacity:0;
    transform:none;
    visibility:hidden;
  }
  .navigation__plans-menu.is-open .navigation__submenu,
  .navigation__plans-menu:focus-within .navigation__submenu{
    opacity:1;
    transform:none;
    visibility:visible;
  }
  .navigation__submenu a{
    min-height:40px;
    height:auto!important;
    padding:10px 12px;
    font-size:.76rem;
  }
  .navigation__plans-menu::after{
    display:none;
  }
}
@media(min-width:851px){
  .navigation__plans-menu > .navigation__plans{
    font-size:14px;
    line-height:14px;
  }
}

/* Planos: composição do Apex oficial, com oferta lateral e benefícios abaixo. */
.plan-detail__hero{
  min-height:504px;
  padding:152px 0 51px;
  background:#090d14;
}
.plan-detail__hero::before{
  display:none;
}
.plan-detail__hero-top{
  display:grid;
  grid-template-columns:353px minmax(0,1fr);
  gap:52px;
  min-height:301px;
  margin:0 25px;
}
.plan-detail__identity{
  padding-top:29px;
}
.plan-detail__identity .plan-detail__eyebrow{
  margin:0 0 29px;
  font-size:14px;
  line-height:23.8px;
  letter-spacing:4px;
}
.plan-detail__identity h1{
  margin:0 0 22px;
  padding:0 0 10px;
  color:#b9dfe2;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:48px;
  font-weight:500;
  line-height:52.8px;
  letter-spacing:normal;
  text-transform:uppercase;
}
.plan-detail__identity .plan-detail__speed{
  margin:0;
  padding:0 0 10px 2px;
  color:#27b4bf;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:21px;
  font-weight:500;
  line-height:21px;
  letter-spacing:normal;
}
.plan-detail__offer{
  align-self:start;
  min-height:234px;
  height:234px;
  padding:60px 58px 26px;
  border:1px solid #24343d;
  border-radius:4px;
  background:linear-gradient(108deg,rgba(36,52,61,0) 0%,#24343d 100%);
}
.plan-detail__offer .plan-detail__price{
  display:flex;
  align-items:baseline;
  gap:4px;
  height:26px;
  margin:0;
  color:#fff;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  white-space:nowrap;
}
.plan-detail__offer .plan-detail__price span:first-child{
  color:#fff;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:13px;
  font-weight:700;
  line-height:19.2px;
}
.plan-detail__offer .plan-detail__price strong{
  color:#27b4bf;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:32px;
  font-weight:700;
  line-height:19.2px;
  letter-spacing:normal;
}
.plan-detail__offer .plan-detail__price span:last-child{
  color:#fff;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:13px;
  font-weight:700;
  line-height:19.2px;
}
.plan-detail__offer .plan-detail__normal{
  margin:16px 0 0;
  padding:0 0 10px;
  color:#b9dfe2;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-weight:300;
  line-height:14px;
}
.plan-detail__offer .button{
  display:inline-flex;
  justify-content:center;
  width:243px;
  height:54px;
  margin-top:25px;
  padding:14px 32px;
  border:1px solid #27b4bf;
  border-radius:4px;
  font-size:14px;
  letter-spacing:normal!important;
  line-height:23.8px;
  white-space:nowrap;
}
.plan-detail__experience{
  padding:42.4px 0 60.7px;
  background:#090d14 url("../bg-card.svg") center/contain no-repeat;
}
.plan-detail__description-panel{
  display:flex;
  min-height:162px;
  align-items:center;
  justify-content:center;
}
.plan-detail__description-panel h2{
  max-width:583px;
  margin:0 auto;
  padding:0 0 10px;
  color:#b9dfe2;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:32px;
  font-weight:500;
  line-height:32px;
  letter-spacing:normal;
  text-align:center;
}
.plan-detail__experience .plan-detail__audience{
  min-height:844px;
  margin-top:60px;
  padding:94px 80px 60px;
  border:0;
  border-radius:4px;
  background:
    linear-gradient(90deg,rgba(36,52,61,1) 0%,rgba(36,52,61,.64) 42%,rgba(36,52,61,0) 75%),
    url("../ai-programs-used-server-room-ensure-optimal-system-performance-scaled.webp") center/cover no-repeat;
  box-shadow:none;
}
.plan-detail__experience .plan-detail__audience .eyebrow{
  margin:0 0 16px;
  font-size:14px;
  line-height:23.8px;
  letter-spacing:4px;
}
.plan-detail__experience .plan-detail__audience-list{
  display:flex;
  width:min(400px,100%);
  flex-direction:column;
  gap:0;
  margin:0;
  padding:0;
}
.plan-detail__experience .plan-detail__audience-list li{
  display:flex;
  min-height:114px;
  align-items:flex-start;
  padding:16px 0;
  color:#b9dfe2;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:16px;
  font-weight:700;
  line-height:25.6px;
}
.plan-detail__experience .plan-detail__audience-list li::before{
  flex:0 0 24px;
  margin:0 23px 0 0;
  color:#27b4bf;
  content:"✓";
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:16px;
  font-weight:700;
  line-height:25.6px;
}
.plan-detail__services{
  padding:0 0 50.6px;
  background:#090d14 url("../bg-card.svg") center/contain no-repeat;
}
.plan-detail__services .services__rows{
  width:min(1012px,calc(100% - 48px));
}
.plan-detail__services .service-row{
  box-shadow:none;
}
.plan-detail__included{
  padding:50.6px 0 60px;
  background:#090d14;
}
.plan-detail__included-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:42px 34px;
  margin:0;
}
.plan-detail__included-card{
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.plan-detail__included-card:hover{
  box-shadow:none;
}
.plan-detail__included-card svg{
  margin-bottom:18px;
}
.plan-detail__included-card h3{
  font-size:16px;
  line-height:25.6px;
}
.plan-detail__included-card p{
  font-size:13px;
  line-height:1.55;
}
.plan-detail__closing{
  padding:64px 0 85px;
}

@media(max-width:850px){
  .plan-detail__hero{
    min-height:0;
    padding:128px 0 48px;
  }
  .plan-detail__hero-top{
    grid-template-columns:1fr;
    gap:30px;
    min-height:0;
    margin:0;
  }
  .plan-detail__identity{
    padding:20px 0 0;
  }
  .plan-detail__identity h1{
    font-size:clamp(2.7rem,13vw,3.5rem);
    line-height:1;
  }
  .plan-detail__identity .plan-detail__speed{
    font-size:18px;
    line-height:21px;
  }
  .plan-detail__offer{
    align-self:stretch;
    min-height:0;
    height:auto;
    padding:30px 24px 28px;
  }
  .plan-detail__offer .plan-detail__price{
    min-width:0;
    height:auto;
    min-height:26px;
    flex-wrap:wrap;
    row-gap:2px;
    white-space:normal;
  }
  .plan-detail__offer .plan-detail__price span:last-child{
    flex:0 0 100%;
  }
  .plan-detail__offer .plan-detail__price strong{
    font-size:clamp(2.35rem,12vw,3.1rem);
  }
  .plan-detail__offer .plan-detail__price span:last-child{
    font-size:12px;
  }
  .plan-detail__offer .button{
    width:min(243px,100%);
    margin-top:18px;
  }
  .plan-detail__experience{
    padding:48px 0 44px;
    background-size:auto 100%;
  }
  .plan-detail__description-panel{
    min-height:0;
    padding:0 0 18px;
  }
  .plan-detail__description-panel h2{
    max-width:100%;
    font-size:clamp(1.85rem,8.4vw,2.35rem);
    line-height:1.06;
  }
  .plan-detail__experience .plan-detail__audience{
    min-height:0;
    margin-top:26px;
    padding:48px 22px 42px;
    background-position:center;
  }
  .plan-detail__experience .plan-detail__audience-list li{
    min-height:0;
    padding:14px 0;
    font-size:14px;
    line-height:22px;
  }
  .plan-detail__experience .plan-detail__audience-list li::before{
    flex-basis:21px;
    margin-right:14px;
    font-size:14px;
    line-height:22px;
  }
  .plan-detail__services{
    padding-bottom:42px;
    background-size:auto 100%;
  }
  .plan-detail__services .services__rows{
    width:calc(100% - 32px);
  }
  .plan-detail__included{
    padding:48px 0 52px;
  }
  .plan-detail__included-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .plan-detail__closing{
    padding:58px 0 72px;
  }
}

@media(min-width:851px){
  .plan-detail__experience{
    padding-bottom:60.7px;
  }
  .plan-detail__services .service-row--phone{
    margin-top:54.94px;
  }
  .plan-detail__services .service-row--business{
    margin-top:59.899px;
  }
}

/* Fechamento do plano: grade e CTA no mesmo ritmo da página oficial. */
.plan-detail__included{
  padding:50.594px 0;
}
.plan-detail__included-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:183px 173.391px;
  gap:16px;
  margin:0;
}
.plan-detail__included-card{
  height:100%;
  min-height:0;
  padding:28px 24px 24px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:4px;
  background:linear-gradient(rgba(36,52,61,.8) 1%,rgba(36,52,61,0) 100%);
}
.plan-detail__included-card svg{
  width:18px;
  height:18px;
  margin-bottom:28px;
}
.plan-detail__included-card h3{
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  margin:0;
  font-size:16px;
  line-height:20.8px;
}
.plan-detail__included-card--closing{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:24px;
  background:
    linear-gradient(rgba(36,52,61,.8) 1%,rgba(36,52,61,0) 100%),
    url("../03-2.webp") center/cover no-repeat;
}
.plan-detail__included-card--closing p{
  margin:0;
  color:#090d14;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:21px;
  font-weight:600;
  line-height:27.3px;
  text-transform:uppercase;
}
.plan-detail__included-cta{
  display:flex;
  min-height:73.797px;
  align-items:flex-start;
  margin-top:16px;
}
.plan-detail__included-cta .button{
  width:243px;
  height:54px;
  justify-content:center;
  border-radius:4px;
  font-size:14px;
  letter-spacing:normal!important;
  line-height:23.8px;
}

@media(max-width:850px){
  .plan-detail__included{
    padding:48px 0 52px;
  }
  .plan-detail__included-grid{
    grid-template-columns:1fr;
    grid-template-rows:none;
    gap:28px;
  }
  .plan-detail__included-card{
    height:auto;
    min-height:0;
    padding:24px 18px 20px;
    border:1px solid rgba(255,255,255,.08);
  }
  .plan-detail__included-card--closing{
    min-height:173px;
    padding:24px;
  }
  .plan-detail__included-cta{
    min-height:0;
    margin-top:24px;
  }
  .plan-detail__included-cta .button{
    width:min(243px,100%);
  }
}

/* Planos com composição oficial compacta na área "Ideal para". */
[data-plan-page]:not([data-plan-page="v8-apex"]) .plan-detail__description-panel{
  min-height:0;
  align-items:flex-start;
}
[data-plan-page]:not([data-plan-page="v8-apex"]) .plan-detail__audience{
  height:532.765px;
  min-height:532.765px;
  padding:94px 80px 60px;
}
[data-plan-page="v8-start"] .plan-detail__audience{
  background:
    linear-gradient(90deg,rgba(36,52,61,1) 0%,rgba(36,52,61,.64) 42%,rgba(36,52,61,0) 75%),
    url("../full-shot-woman-holding-laptop-scaled.webp") center/cover no-repeat;
}
[data-plan-page="v8-drive"] .plan-detail__audience{
  background:
    linear-gradient(90deg,rgba(36,52,61,1) 0%,rgba(36,52,61,.64) 42%,rgba(36,52,61,0) 75%),
    url("../happy-freelance-worker-using-computer-while-working-home-scaled.webp") center/cover no-repeat;
}
[data-plan-page="v8-boost"] .plan-detail__audience{
  background:
    linear-gradient(90deg,rgba(36,52,61,1) 0%,rgba(36,52,61,.64) 42%,rgba(36,52,61,0) 75%),
    url("../professional-gamer-with-long-hair-puts-his-headphones-with-mic-starts-playing-shooter-game-personal-computer-scaled.webp") center/cover no-repeat;
}
[data-plan-page="v8-turbo"] .plan-detail__audience{
  background:
    linear-gradient(90deg,rgba(36,52,61,1) 0%,rgba(36,52,61,.64) 42%,rgba(36,52,61,0) 75%),
    url("../young-gamer-having-fun-with-action-video-games-competition-playing-online-game-championship-caucasian-woman-enjoying-rpg-play-tournament-live-stream-gaming-modern-computer-scaled.webp") center/cover no-repeat;
}
[data-plan-page="v8-nitro"] .plan-detail__audience{
  background:
    linear-gradient(90deg,rgba(36,52,61,1) 0%,rgba(36,52,61,.64) 42%,rgba(36,52,61,0) 75%),
    url("../couple-using-their-modern-devices-while-home-together-scaled.webp") center/cover no-repeat;
}
[data-plan-page]:not([data-plan-page="v8-apex"]) .plan-detail__audience-list{
  width:400px;
  gap:16px;
}
[data-plan-page]:not([data-plan-page="v8-apex"]) .plan-detail__audience-list li{
  min-height:88.594px;
  height:auto;
  padding:25.5px 34px 35.5px;
  border:1px solid #b9dfe2;
  border-radius:4px;
  background:rgba(9,13,20,.88);
  color:#b9dfe2;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:16px;
  font-weight:700;
  line-height:25.6px;
  gap:0;
}
[data-plan-page]:not([data-plan-page="v8-apex"]) .plan-detail__audience-list li::before{
  flex-basis:32px;
  margin:0 15px 0 0;
  line-height:25.6px;
}

@media(min-width:851px){
  [data-plan-page="v8-boost"] .plan-detail__hero{
    min-height:495.8125px;
  }
  [data-plan-page="v8-boost"] .plan-detail__hero-top{
    min-height:292.8125px;
  }
  [data-plan-page="v8-boost"] .plan-detail__audience{
    height:558.359375px;
    min-height:558.359375px;
  }
  [data-plan-page="v8-nitro"] .plan-detail__audience{
    height:558.359375px;
    min-height:558.359375px;
  }
  [data-plan-page="v8-apex"] .plan-detail__audience-list{
    gap:16px;
  }
  [data-plan-page="v8-apex"] .plan-detail__audience-list li{
    display:flex;
    align-items:flex-start;
    min-height:88.594px;
    height:auto;
    padding:25.5px 34px 35.5px;
    border:1px solid #b9dfe2;
    border-radius:4px;
    background:rgba(9,13,20,.88);
    color:#b9dfe2;
    font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
    font-size:16px;
    font-weight:700;
    line-height:25.6px;
    gap:0;
  }
  [data-plan-page="v8-apex"] .plan-detail__audience-list li::before{
    flex:0 0 32px;
    margin:0 15px 0 0;
    color:#27b4bf;
    content:"✓";
    font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
    font-size:16px;
    font-weight:700;
    line-height:25.6px;
  }
}

@media(max-width:850px){
  [data-plan-page]:not([data-plan-page="v8-apex"]) .plan-detail__audience{
    height:auto;
    min-height:0;
    padding:48px 22px 42px;
  }
  [data-plan-page]:not([data-plan-page="v8-apex"]) .plan-detail__audience-list{
    width:100%;
  }
  [data-plan-page]:not([data-plan-page="v8-apex"]) .plan-detail__audience-list li{
    height:auto;
    min-height:76px;
    padding:20px 18px;
    font-size:14px;
    line-height:22px;
  }
}

/* As páginas de planos mantêm a continuidade escura entre a experiência e os serviços. */
.plan-detail__services{
  background:#090d14 url("../bg-card.svg") center/contain no-repeat!important;
}

/* Página de contato: informações, formulário e localização na mesma composição do original. */
.contact-page{
  background:#090d14;
  color:#f7ffff;
}
.contact-page .header{
  position:fixed;
  z-index:20;
}
.contact-page__main{
  overflow:hidden;
  background:#090d14;
}
.contact-page__section{
  padding:151.78px 0 50.5938px;
  background:#090d14 url("../bg-gradient.svg") center/cover no-repeat;
}
.contact-page__primary{
  display:grid;
  grid-template-columns:minmax(0,371.39px) minmax(0,584.92px);
  align-items:start;
  gap:55.66px;
  padding-bottom:64px;
}
.contact-page__info{
  height:659.48px;
  padding:22.36px 0 30.36px;
}
.contact-page__info h1{
  margin:0 0 8px;
  color:#27b4bf;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:40px;
  font-weight:500;
  line-height:52px;
  text-transform:uppercase;
}
.contact-page__info h1 span{
  color:#b9dfe2;
}
.contact-page__lead{
  max-width:371.39px;
  margin:0 0 40px;
  color:#b9dfe2;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-weight:500;
  line-height:23.8px;
}
.contact-page__group{
  margin:0;
}
.contact-page__group--support{
  margin-top:40px;
}
.contact-page__group h2{
  margin:0 0 16px;
  color:#27b4bf;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:12px;
  font-weight:600;
  letter-spacing:4px;
  line-height:23.8px;
  text-transform:uppercase;
}
.contact-page__details{
  display:grid;
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
}
.contact-page__details a{
  display:flex;
  align-items:center;
  min-height:23.8px;
  color:#b9dfe2;
  font-family:"Zalando-Sans",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-weight:500;
  line-height:23.8px;
  transition:color .25s var(--ease);
}
.contact-page__details a:hover,
.contact-page__details a:focus-visible{
  color:#fff;
}
.contact-page__details svg{
  display:block;
  flex:0 0 32px;
  width:32px;
  height:23.8px;
  margin-right:15px;
  padding:4px 8px;
  fill:none;
  stroke:#27b4bf;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.7;
}
.contact-page__form-panel{
  display:flex;
  height:659.48px;
  flex-direction:column;
  padding:40.4688px 40.4688px 20.2344px;
  border:1px solid #24343d;
  border-radius:4px;
  background:linear-gradient(108deg,rgba(36,52,61,0) 0%,#24343d 100%);
}
.contact-form{
  display:flex;
  flex-direction:column;
  width:100%;
}
.contact-form__field{
  display:block;
  margin:0 0 14px;
  color:#b9dfe2;
  font-family:"Zalando-Sans-Expanded",Helvetica,Arial,Lucida,sans-serif!important;
  font-size:14px;
  font-weight:500;
  line-height:23.8px;
}
.contact-form__field--message{
  margin-bottom:21.8px;
}
.contact-form__field input,
.contact-form__field textarea{
  display:block;
  width:100%;
  margin:0;
  border:1px solid #24343d;
  border-radius:3px;
  background:#24343d;
  color:#fff;
  font:400 14px/1.4 "Zalando-Sans",Helvetica,Arial,Lucida,sans-serif;
  outline:none;
  transition:border-color .25s ease,background-color .25s ease;
}
.contact-form__field input{
  height:46px;
  padding:14px 2px;
}
.contact-form__field textarea{
  height:190px;
  min-height:190px;
  padding:14px 4px;
  resize:vertical;
}
.contact-form__field input:focus,
.contact-form__field textarea:focus{
  border-color:#27b4bf;
  background:#2b424c;
}
.contact-form__privacy{
  display:flex;
  min-height:47.8px;
  align-items:flex-start;
  gap:4px;
  color:#b9dfe2;
  font:500 14px/23.8px "Open Sans",Arial,sans-serif;
}
.contact-form__privacy input{
  flex:0 0 18px;
  width:18px;
  height:18px;
  margin:3px 0 0;
  accent-color:#27b4bf;
}
.contact-form__privacy a{
  color:#b9dfe2;
  text-decoration:underline;
}
.contact-form__privacy a:hover,
.contact-form__privacy a:focus-visible{
  color:#fff;
}
.contact-form .button{
  align-self:flex-start;
  width:107.73px;
  height:48px;
  justify-content:center;
  margin:14px 0 0;
  padding:16px 24px;
}
.contact-page__map-wrap{
  height:456.8px;
  margin-top:60px;
}
.contact-page__map{
  height:450px;
  overflow:hidden;
  background:#e5e2df;
}
.contact-page__map iframe{
  display:block;
  width:100%;
  height:450px;
  border:0;
}

/* Timeline interativa: o progresso acompanha a leitura e ativa cada marco. */
.about-history__timeline{
  --timeline-progress:0;
}
.about-history__timeline::after{
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  z-index:0;
  width:4px;
  border-radius:4px;
  background:rgba(41,185,198,.18);
  content:"";
  transform:translateX(-50%);
}
.about-history__timeline::before{
  top:0;
  bottom:auto;
  left:50%;
  z-index:1;
  width:4px;
  height:100%;
  border-radius:4px;
  background:linear-gradient(180deg,#8be7e8 0%,#29b9c6 44%,#1297a6 100%);
  box-shadow:0 0 16px rgba(41,185,198,.28);
  content:"";
  transform:translateX(-50%) scaleY(var(--timeline-progress));
  transform-origin:top center;
  transition:transform .18s linear;
}
.about-history__card,
.about-history__date,
.about-history__marker{
  transition:transform .45s var(--ease),border-color .45s ease,box-shadow .45s ease,color .45s ease,background-color .45s ease;
}
.about-history__card{
  overflow:hidden;
}
.about-history__card::before{
  position:absolute;
  top:-1px;
  right:24px;
  left:24px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,transparent,#29b9c6,transparent);
  content:"";
  opacity:.2;
  transform:scaleX(.22);
  transform-origin:left center;
  transition:opacity .45s ease,transform .55s var(--ease);
}
.about-history__card > *{
  position:relative;
  z-index:1;
}
.about-history__item.is-timeline-active .about-history__card,
.about-history__card:hover,
.about-history__card:focus-within{
  border-color:rgba(41,185,198,.72);
  box-shadow:0 16px 34px rgba(0,0,0,.24),0 0 0 1px rgba(41,185,198,.08);
  transform:translateY(-4px);
}
.about-history__item.is-timeline-active .about-history__card::before,
.about-history__card:hover::before,
.about-history__card:focus-within::before{
  opacity:1;
  transform:scaleX(1);
}
.about-history__item.is-timeline-active .about-history__card h3{
  color:#b9eef0;
}
.about-history__item.is-timeline-active .about-history__date{
  color:#b9eef0;
  text-shadow:0 0 16px rgba(41,185,198,.34);
}
.about-history__marker{
  transition:transform .5s var(--ease),border-color .5s ease,box-shadow .5s ease,background-color .5s ease;
}
.about-history__marker::after{
  transition:transform .45s var(--ease),box-shadow .45s ease,background-color .45s ease;
}
.about-history__item.is-timeline-active .about-history__marker{
  border-color:#b9eef0;
  background:#1a4650;
  box-shadow:0 0 0 4px #090d14,0 0 0 8px rgba(41,185,198,.16),0 0 26px rgba(41,185,198,.42);
  transform:scale(1.13);
}
.about-history__item.is-timeline-active .about-history__marker::after{
  background:#b9eef0;
  box-shadow:0 0 10px rgba(185,238,240,.9);
  transform:scale(1.22);
}

@keyframes about-timeline-card-in{
  from{opacity:0;filter:blur(3px);transform:translateY(18px) scale(.975)}
  to{opacity:1;filter:blur(0);transform:none}
}
@keyframes about-timeline-date-in{
  from{opacity:0;transform:translateX(-12px)}
  to{opacity:1;transform:none}
}
@keyframes about-timeline-marker-in{
  0%{opacity:0;transform:scale(.35)}
  70%{opacity:1;transform:scale(1.16)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes about-timeline-marker-pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.16)}
}
@media(prefers-reduced-motion:no-preference){
  .motion-ready .about-history__item .about-history__card,
  .motion-ready .about-history__item .about-history__date,
  .motion-ready .about-history__item .about-history__marker{
    opacity:0;
  }
  .motion-ready .about-history__item.is-visible .about-history__card{
    animation:about-timeline-card-in .72s var(--ease) .06s both;
  }
  .motion-ready .about-history__item.is-visible .about-history__date{
    animation:about-timeline-date-in .58s var(--ease) .14s both;
  }
  .motion-ready .about-history__item.is-visible .about-history__marker{
    animation:about-timeline-marker-in .62s var(--ease) .22s both;
  }
  .motion-ready .about-history__item.is-timeline-active.is-visible .about-history__marker::after{
    animation:about-timeline-marker-pulse 2.4s ease-in-out .7s infinite;
  }
}

@media(max-width:850px){
  .contact-page__section{
    padding:128px 0 52px;
  }
  .contact-page__primary{
    grid-template-columns:1fr;
    gap:32px;
    padding-bottom:40px;
  }
  .contact-page__info{
    height:auto;
    padding:0;
  }
  .contact-page__info h1{
    font-size:clamp(34px,11vw,42px);
    line-height:1.15;
  }
  .contact-page__lead{
    max-width:none;
    margin-bottom:32px;
  }
  .contact-page__group--support{
    margin-top:32px;
  }
  .contact-page__form-panel{
    height:auto;
    min-height:0;
    padding:28px 20px 24px;
  }
  .contact-form__field textarea{
    height:160px;
    min-height:160px;
  }
  .contact-form__field--message{
    margin-bottom:14px;
  }
  .contact-page__map-wrap{
    height:300px;
    margin-top:0;
  }
  .contact-page__map,
  .contact-page__map iframe{
    height:300px;
  }
}

@media(max-width:850px){
  .about-history__timeline::after{
    left:15px;
    transform:none;
  }
  .about-history__timeline::before{
    left:15px;
    transform:scaleY(var(--timeline-progress));
    transform-origin:top center;
  }
  .about-history__item.is-timeline-active .about-history__card,
  .about-history__card:hover,
  .about-history__card:focus-within{
    transform:translateY(-2px);
  }
}

@media(prefers-reduced-motion:reduce){
  .about-history__timeline::before{
    transform:translateX(-50%) scaleY(1);
    transition:none;
  }
  .about-history__card,
  .about-history__date,
  .about-history__marker,
  .about-history__card::before,
  .about-history__marker::after{
    transition:none;
  }
}

@media(max-width:850px) and (prefers-reduced-motion:reduce){
  .about-history__timeline::after{
    transform:none;
  }
  .about-history__timeline::before{
    transform:scaleY(1);
  }
}

/* Microinterações das páginas de planos: sinais, superfícies e benefícios com feedback tecnológico. */
@keyframes plan-signal-sweep{
  0%,42%{opacity:0;transform:translateX(-150%) skewX(-18deg)}
  54%{opacity:.45}
  76%,100%{opacity:0;transform:translateX(510%) skewX(-18deg)}
}
@keyframes plan-offer-sheen{
  from{transform:translateX(-145%) skewX(-18deg)}
  to{transform:translateX(430%) skewX(-18deg)}
}
@keyframes plan-card-sheen{
  from{transform:translateX(-120%) skewX(-18deg)}
  to{transform:translateX(520%) skewX(-18deg)}
}
@keyframes plan-audience-scan{
  0%,38%{opacity:0;transform:translateY(-135%)}
  50%{opacity:.28}
  70%,100%{opacity:0;transform:translateY(510%)}
}
@keyframes plan-benefit-in{
  from{opacity:0;transform:translateX(-14px)}
  to{opacity:1;transform:none}
}
@keyframes plan-icon-pulse{
  0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(41,185,198,0))}
  50%{transform:scale(1.12);filter:drop-shadow(0 0 8px rgba(41,185,198,.46))}
}

@media(prefers-reduced-motion:no-preference){
  .plan-detail__hero{
    isolation:isolate;
  }
  .plan-detail__hero::before{
    display:none;
    background:none;
  }
  .plan-detail__hero::after{
    content:none;
    display:none;
    animation:none;
  }
  .motion-ready .plan-detail :where(.reveal){
    filter:blur(4px);
    transform:translateY(18px);
    transition:opacity .72s var(--ease),filter .72s ease,transform .72s var(--ease);
  }
  .motion-ready .plan-detail :where(.reveal.is-visible){
    filter:none;
    transform:none;
  }
  .motion-ready .plan-detail__hero .reveal:nth-child(2){
    transition-delay:.12s;
  }
  .plan-detail__identity{
    position:relative;
  }
  .plan-detail__identity::after{
    content:none;
  }
  .plan-detail__identity:hover::after,
  .plan-detail__identity:focus-within::after{
    content:none;
    transform:none;
  }
  .plan-detail__identity h1{
    transition:color .35s ease,text-shadow .35s ease;
  }
  .plan-detail__identity:hover h1,
  .plan-detail__identity:focus-within h1{
    color:#d7f8f7;
    text-shadow:0 0 22px rgba(39,180,191,.2);
  }

  .plan-detail__offer{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    transition:background .45s ease,border-color .45s ease,box-shadow .45s ease,transform .45s var(--ease);
  }
  .plan-detail__offer::before{
    content:none;
    display:none;
    animation:none;
  }
  .plan-detail__offer:hover,
  .plan-detail__offer:focus-within{
    border-color:rgba(39,180,191,.72);
    background:linear-gradient(108deg,rgba(36,52,61,.2) 0%,#264d55 100%);
    box-shadow:0 16px 34px -12px rgba(39,180,191,.34),inset 0 0 0 1px rgba(185,238,240,.06);
    transform:translateY(-5px);
  }
  .plan-detail__offer:hover::before,
  .plan-detail__offer:focus-within::before{
    animation:none;
    content:none;
  }
  .plan-detail__offer .plan-detail__price strong{
    transition:filter .35s ease,text-shadow .35s ease,transform .35s var(--ease);
  }
  .plan-detail__offer:hover .plan-detail__price strong,
  .plan-detail__offer:focus-within .plan-detail__price strong{
    filter:brightness(1.14);
    text-shadow:0 0 18px rgba(39,180,191,.48);
    transform:translateX(2px);
  }

  .plan-detail__experience .plan-detail__audience{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    transition:border-color .45s ease,box-shadow .45s ease,transform .45s var(--ease),background-position .8s var(--ease);
  }
  .plan-detail__experience .plan-detail__audience::before{
    position:absolute;
    inset:0;
    z-index:-1;
    background:radial-gradient(circle at 18% 22%,rgba(185,238,240,.13),transparent 25%);
    content:"";
    opacity:.7;
    pointer-events:none;
    transition:opacity .45s ease;
  }
  .plan-detail__experience .plan-detail__audience::after{
    position:absolute;
    top:-35%;
    right:0;
    left:0;
    z-index:0;
    height:26%;
    background:linear-gradient(180deg,transparent,rgba(185,238,240,.12),transparent);
    content:"";
    opacity:0;
    pointer-events:none;
    animation:plan-audience-scan 10s ease-in-out 1.8s infinite;
  }
  .plan-detail__experience .plan-detail__audience:hover,
  .plan-detail__experience .plan-detail__audience:focus-within{
    border-color:rgba(39,180,191,.4);
    box-shadow:0 20px 42px -18px rgba(39,180,191,.34);
    transform:translateY(-4px);
    background-position:52% center;
  }
  .plan-detail__experience .plan-detail__audience:hover::before,
  .plan-detail__experience .plan-detail__audience:focus-within::before{
    opacity:1;
  }
  .plan-detail__experience .plan-detail__audience > *{
    position:relative;
    z-index:1;
  }
  .plan-detail__experience .plan-detail__audience-list li{
    position:relative;
    overflow:hidden;
    transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s var(--ease),color .35s ease;
  }
  .plan-detail__experience .plan-detail__audience-list li::after{
    position:absolute;
    top:-35%;
    bottom:-35%;
    left:0;
    width:18%;
    background:linear-gradient(90deg,transparent,rgba(185,238,240,.22),transparent);
    content:"";
    opacity:0;
    pointer-events:none;
    transform:translateX(-180%) skewX(-18deg);
  }
  .plan-detail__experience .plan-detail__audience-list li:hover,
  .plan-detail__experience .plan-detail__audience-list li:focus-within{
    border-color:#27b4bf;
    background:rgba(16,45,53,.94);
    box-shadow:0 10px 22px -12px rgba(39,180,191,.65),inset 0 0 0 1px rgba(185,238,240,.08);
    color:#d9f8f7;
    transform:translateX(6px);
  }
  .plan-detail__experience .plan-detail__audience-list li:hover::after,
  .plan-detail__experience .plan-detail__audience-list li:focus-within::after{
    opacity:0;
    animation:none;
    content:none;
  }
  .plan-detail__experience .plan-detail__audience-list li::before{
    transition:color .35s ease,filter .35s ease,transform .35s var(--ease);
  }
  .plan-detail__experience .plan-detail__audience-list li:hover::before,
  .plan-detail__experience .plan-detail__audience-list li:focus-within::before{
    color:#b9eef0;
    filter:drop-shadow(0 0 6px rgba(39,180,191,.65));
    transform:scale(1.14);
  }
  .motion-ready .plan-detail__experience .plan-detail__audience.is-visible .plan-detail__audience-list li{
    animation:none;
  }

  .plan-detail__services .service-row{
    isolation:isolate;
    transition:transform .45s var(--ease),box-shadow .45s ease,filter .45s ease;
  }
  .plan-detail__services .service-row::after{
    position:absolute;
    z-index:4;
    inset:0;
    border:1px solid rgba(39,180,191,.42);
    border-radius:inherit;
    content:"";
    opacity:0;
    pointer-events:none;
    transition:opacity .4s ease,box-shadow .4s ease;
  }
  .plan-detail__services .service-row:hover::after,
  .plan-detail__services .service-row:focus-within::after{
    opacity:1;
    box-shadow:inset 0 0 22px rgba(39,180,191,.08),0 0 24px rgba(39,180,191,.12);
  }
  .plan-detail__services .service-row:hover .service-row__copy,
  .plan-detail__services .service-row:focus-within .service-row__copy{
    transform:translateX(3px);
  }
  .plan-detail__services .service-row__copy{
    transition:transform .45s var(--ease);
  }
  .plan-detail__services .service-row__features img{
    transition:filter .35s ease,transform .35s var(--ease);
  }
  .plan-detail__services .service-row__features li:hover img,
  .plan-detail__services .service-row__features li:focus-within img{
    filter:drop-shadow(0 0 5px rgba(39,180,191,.55));
    transform:scale(1.14);
  }

  .plan-detail__included-card{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    transition:transform .4s var(--ease),border-color .4s ease,background .4s ease,box-shadow .4s ease;
  }
  .plan-detail__included-card::before{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    z-index:-1;
    width:22%;
    background:linear-gradient(90deg,transparent,rgba(185,238,240,.12),transparent);
    content:"";
    opacity:0;
    pointer-events:none;
    transform:translateX(-170%) skewX(-18deg);
  }
  .plan-detail__included-card > *{
    position:relative;
    z-index:1;
  }
  .plan-detail__included-card:hover,
  .plan-detail__included-card:focus-within{
    border-color:rgba(39,180,191,.72);
    background:linear-gradient(rgba(39,180,191,.14),rgba(36,52,61,.06) 100%);
    box-shadow:0 16px 32px -16px rgba(39,180,191,.42),inset 0 0 0 1px rgba(185,238,240,.06);
    transform:translateY(-6px);
  }
  .plan-detail__included-card:hover::before,
  .plan-detail__included-card:focus-within::before{
    opacity:0;
    animation:none;
    content:none;
  }
  .plan-detail__included-card svg{
    transition:filter .4s ease,transform .4s var(--ease),stroke .4s ease;
  }
  .plan-detail__included-card:hover svg,
  .plan-detail__included-card:focus-within svg{
    stroke:#b9eef0;
    animation:plan-icon-pulse 1.8s ease-in-out infinite;
  }
}

@media(prefers-reduced-motion:reduce){
  .plan-detail__hero::after,
  .plan-detail__experience .plan-detail__audience::after,
  .plan-detail__experience .plan-detail__audience-list li::after,
  .plan-detail__included-card::before,
  .plan-detail__included-card svg{
    animation:none;
  }
}

/* Mantém o conjunto "Ideal para" geometricamente centralizado no painel. */
@media(min-width:851px){
  .plan-detail__experience .plan-detail__audience{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-top:60px;
    padding-bottom:60px;
  }
}

/* Garante contraste no card final quando a superfície azul entra em hover. */
.plan-detail__included-card--closing p{
  transition:color .35s ease;
}
.plan-detail__included-card--closing:hover p,
.plan-detail__included-card--closing:focus-within p{
  color:#fff;
}

/* Link de privacidade: contraste forte no rodapé claro, inclusive ao passar o mouse. */
.footer .footer__bottom>p a,
.footer .footer__bottom>p a:hover,
.footer .footer__bottom>p a:focus-visible{
  color:#326a70!important;
  -webkit-text-fill-color:#326a70!important;
  text-decoration-color:#326a70;
}