/* Fluid compositions: native content over softly blended approved imagery. */
body{background:#fff}main{overflow:clip;background:radial-gradient(ellipse 75% 12% at 100% 28%,#e2f6ff80,transparent),radial-gradient(ellipse 85% 15% at 0 63%,#e5f7ff90,transparent)}
header{background:#ffffffed;box-shadow:0 2px 22px #08347805}
.hero-rebuilt{background:radial-gradient(ellipse at 2% 18%,#dff4ff 0,transparent 52%),linear-gradient(180deg,#f8fcff,#effaff 78%,#fff);padding-bottom:24px;isolation:isolate}
.hero-rebuilt:before{content:'';position:absolute;inset:-160px 28% auto -8%;height:320px;background:#ffffffb3;border-radius:0 0 65% 45%;transform:rotate(8deg);z-index:-1}
.hero-layout{display:block;padding:64px 0 110px;min-height:760px}
.hero-rebuilt .hero-copy{width:53%;position:relative;padding:0;z-index:2}
.hero-rebuilt h1{font-size:clamp(48px,4.7vw,68px);line-height:1.04}
.hero-rebuilt .hero-copy>p{max-width:460px}
.hero-visual{position:absolute;inset:0 -9% 0 38%;width:auto;display:block;z-index:1}
.hero-family{width:100%;height:100%;max-height:none;object-fit:cover;object-position:55% 38%;border-radius:0;mask-image:linear-gradient(90deg,transparent 0%,#000 25%),linear-gradient(180deg,transparent 0%,#000 9%,#000 76%,transparent 100%);mask-composite:intersect}
.hero-rebuilt .family-badge{bottom:105px;right:10%;padding:19px 25px;min-width:280px;transform:rotate(2deg);box-shadow:0 12px 32px #0757a21a}
.hero-rebuilt .family-badge>div>span{font-size:17px;font-weight:500}
.hero-rebuilt .family-badge small{font-size:12px}
.hero-reasons{max-width:425px;margin-top:28px;gap:12px}
.hero-reasons svg{width:24px;height:24px;stroke-width:1.4;color:#218cda}
.hero-reasons>div{gap:8px;color:#506a91}
.hero-reasons span{font-size:12px;line-height:1.4}
.hero-reasons br{display:none}
.comparison-wrap{margin-top:-66px}
.comparison-ribbon{background:#ffffffdc;box-shadow:0 8px 28px #0872b50c;padding:12px;border:1px solid #fff;border-radius:26px;align-items:stretch}
.without-club{background:linear-gradient(110deg,#fff4f7,#fff8fa);gap:16px;padding:18px}
.without-club>div{padding-left:16px}.with-club{background:linear-gradient(115deg,#e7f5ff,#def9ff);padding:16px 20px;min-width:255px}
.with-club small{display:block;font-size:16px;font-weight:500;line-height:1.45}.with-club strong{font-size:32px}.comparison-note{font-size:12px}
.section{position:relative;padding-block:70px}.pale,.plans{background:transparent}
.section:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:100vw;height:115%;left:50%;top:-8%;transform:translateX(-50%);background:radial-gradient(ellipse at 85% 45%,#e7f7ffb0,transparent 66%);border-radius:45% 0 48% 0}
.feature{gap:28px;position:relative;isolation:isolate}.feature>div:not(.asset-crop){position:relative;z-index:2}
.feature>.asset-crop{border-radius:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 84%,transparent);mask-composite:intersect;transform:scale(1.07)}
#telemedicina>.asset-crop,#clube .asset-crop{margin-left:-25px;width:calc(100% + 45px)}
.app-section>.asset-crop{transform:scale(1.03);mask-image:linear-gradient(180deg,transparent,#000 7%,#000 89%,transparent)}
#protecao>.asset-crop{border-radius:36% 28% 40% 24%;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 86%,transparent)}
.feature h2{line-height:1.12}.feature h2 em,.options-heading em,.plans h2 em{background:linear-gradient(100deg,#0784ff,#00aeda);background-clip:text;color:transparent}
.plan,.option-card,#telemedicina .checks li,#clube .checks li,#protecao .checks li{box-shadow:0 8px 25px #0a7cb609;border-color:#ddecf680;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;background:#ffffffed}
.plan.recommended{border-color:#00c5df;box-shadow:0 10px 36px #009dcd15}
.plan-grid{gap:24px}.plan{border-radius:28px}.plan li:before{font-weight:600}.plan-kicker{color:#597095}
.option-card{position:relative;display:block;overflow:hidden;min-height:340px;background:linear-gradient(110deg,#fff,#f5fbff)}
.option-card>.asset-crop{position:absolute;right:-3%;top:0;width:48%;height:100%;max-width:none;max-height:none;border-radius:0;mask-image:linear-gradient(90deg,transparent,#000 35%),linear-gradient(180deg,#000 65%,transparent);mask-composite:intersect}
.option-card>div:last-child{position:relative;width:72%;z-index:1}.option-card h3{max-width:310px}.option-card p{max-width:270px}.option-card .button{margin-top:12px}.option-card h3 em{display:block;font-size:1.25em;margin-top:10px}
.billing{position:relative;isolation:isolate;min-width:280px}.billing:before{content:'';position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:100px;background:linear-gradient(100deg,#007aff,#00cbd2);transform:translateX(100%);transition:transform .28s ease;z-index:-1}.billing.monthly:before{transform:translateX(0)}.billing button{flex:1;padding:10px 15px;transition:color .2s;background:transparent!important}.billing span{display:block;margin:0;font-size:12px}.billing button.active{background:transparent}.billing button:first-child{min-width:50%}
.button{background-size:140% 100%;transition:transform .2s ease,box-shadow .2s ease,background-position .25s ease;gap:12px}.button>span{transition:transform .2s ease}.button:active{transform:translateY(0) scale(.98)}
nav a,nav button{transition:color .2s}.nav-dropdown[open]>div,nav.open,dialog[open]{animation:soft-enter .22s ease both}
.faq details{transition:background .2s;padding-inline:15px;border-radius:14px}.faq details[open]{background:#f0f9ff}.faq details[open] p{animation:soft-enter .25s ease}.faq summary:after{transition:transform .2s}.faq details[open] summary:after{transform:rotate(180deg)}
.final-cta{position:relative;border-radius:8% 12% 0 0 / 24px 38px 0 0;background:linear-gradient(120deg,#0877f8,#00bcd3)}
@keyframes soft-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.reveal-pending{opacity:0;transform:translateY(18px)}.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .55s ease,transform .55s ease;transition-delay:var(--reveal-delay,0ms)}.price-changing{animation:soft-enter .3s ease}.hero-copy{animation:soft-enter .5s ease both}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.button:hover{filter:none;transform:translateY(-2px);background-position:100% 0;box-shadow:0 8px 20px #0087cf24}.button:hover>span{transform:translateX(3px)}.plan:hover,.option-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px #0877ad14}#telemedicina .checks li:hover,#clube .checks li:hover,#protecao .checks li:hover{transform:translateY(-3px)}}
@media(min-width:801px) and (max-width:1050px){.hero-layout{min-height:710px}.hero-rebuilt h1{font-size:49px}.hero-rebuilt .hero-copy{width:55%}.hero-rebuilt .hero-copy>p{max-width:400px}.hero-rebuilt .family-badge{right:8%;min-width:245px;padding:16px}.hero-rebuilt .family-badge b{font-size:37px}.without-club{gap:10px;padding:13px}.without-club>div{padding-left:10px}.with-club{min-width:210px;padding:13px}.without-club>b{font-size:15px}.option-card>div:last-child{width:85%}}
@media(max-width:800px){.hero-layout{display:flex;flex-direction:column;padding:26px 0 0;min-height:0;gap:0}.hero-rebuilt .hero-copy{width:100%}.hero-rebuilt h1{font-size:clamp(37px,8.2vw,56px);max-width:600px;line-height:1.06}.hero-rebuilt h1 br{display:inline}.hero-rebuilt h1 br:after{content:' '}.hero-rebuilt h1 em{display:inline}.hero-rebuilt .eyebrow{margin-bottom:15px}.hero-rebuilt .hero-copy>p{margin:16px 0 20px;max-width:560px}.hero-reasons{margin-top:20px;max-width:430px}.hero-reasons svg{width:22px;height:22px}.hero-reasons span{font-size:12px}.hero-visual{position:relative;inset:auto;width:calc(100% + 40px);max-width:640px;height:440px;margin:-4px -20px 0;align-self:center}.hero-family{object-position:50% 37%;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 75%,transparent);border-radius:0}.hero-rebuilt .family-badge{bottom:43px;right:24px;min-width:245px;transform:rotate(1deg);padding:14px 19px}.hero-rebuilt .family-badge>div>span{font-size:16px}.hero-rebuilt .family-badge small{font-size:12px}.comparison-wrap{margin-top:-18px}.comparison-ribbon{gap:8px;padding:9px}.with-club{min-width:0}.with-club>div{gap:18px}.with-club small{font-size:15px}.comparison-note{font-size:12px}.section{padding-block:44px}.feature{gap:12px}.feature>.asset-crop{width:100%;max-width:460px;transform:none;max-height:520px}#telemedicina>.asset-crop,#clube .asset-crop{width:100%;margin:0 auto}.app-section>.asset-crop{max-width:380px;transform:none}.feature h2{font-size:clamp(30px,7.2vw,40px)}.option-card{min-height:325px;padding:24px}.option-card>.asset-crop{width:44%;max-width:none;max-height:none}.option-card>div:last-child{width:80%}.option-card h3{font-size:25px}.option-card p{font-size:14px;max-width:225px}.option-card .button{font-size:14px}.plan-grid{gap:34px}.faq{gap:20px}.reveal-visible{transition-duration:.35s;transition-delay:0ms}.final-cta{border-radius:0}.billing{min-width:270px}}
@media(max-width:380px){.hero-rebuilt h1{font-size:36px}.hero-visual{height:390px}.hero-reasons{gap:7px}.hero-reasons>div{gap:5px}.with-club>div{gap:12px}.with-club b{font-size:16px}.with-club strong{font-size:26px}.without-club{padding:12px}.option-card>div:last-child{width:90%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}}
