*{box-sizing:border-box}
:root{
  --purple:#9b00d7;
  --purple-2:#bd00f5;
  --purple-dark:#170020;
  --purple-card:#28102f;
  --teal:#05c6c8;
  --teal-2:#00b6ba;
  --teal-dark:#008f91;
  --navy:#082f4d;
  --green:#008850;
  --green-dark:#006c42;
  --text:#101114;
  --muted:#6b6e75;
  --line:#e7e8eb;
  --soft:#f7f8fa;
  --radius:18px;
  --shadow:0 18px 48px rgba(18,21,31,.10);
}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Inter",Arial,sans-serif;
  color:var(--text);
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
.container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(15px);
  border-bottom:1px solid rgba(0,0,0,.055);
}
.nav-wrap{height:72px;display:flex;align-items:center;gap:34px}
.brand{font-weight:800;color:#a600d9;font-size:18px;letter-spacing:-.5px;white-space:nowrap}
.brand span{font-weight:700}
.desktop-nav{display:flex;gap:30px;align-items:center;margin-left:auto}
.desktop-nav a,.login-link{font-size:13px;font-weight:600;color:#27292d}
.nav-actions{display:flex;align-items:center;gap:20px}
.login-link{color:#9d00d1}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border-radius:10px;padding:14px 22px;border:1px solid transparent;
  font-weight:700;font-size:14px;transition:.2s ease;cursor:pointer;
}
.btn:hover{transform:translateY(-1px)}
.btn-small{padding:10px 18px;font-size:12px;border-radius:8px}
.btn-purple{background:linear-gradient(90deg,#9900d6,#b900e7);color:white;box-shadow:0 7px 18px rgba(158,0,216,.18)}
.btn-navy{background:#0f214c;color:#fff;border-radius:8px}
.btn-white-purple{background:#fff;color:#7f0cad;box-shadow:0 10px 25px rgba(15,64,69,.14);padding:11px 28px}
.btn-whatsapp{background:#fff;color:#16b66d;border-color:#58ddab}
.btn-outline-green{background:rgba(255,255,255,.72);color:#3b6e2a;border-color:#a8c69d;min-width:280px;box-shadow:0 7px 20px rgba(70,106,48,.08)}
.menu-button{display:none;margin-left:auto;width:40px;height:40px;border:0;background:none}
.menu-button span{display:block;height:2px;background:#1f2126;margin:6px}
.mobile-nav{padding:12px 24px 22px;border-top:1px solid #eee;display:grid;gap:12px;background:white}
.mobile-nav[hidden]{display:none}

.hero{position:relative;overflow:hidden;background:
  radial-gradient(circle at 15% 30%,rgba(185,0,235,.04),transparent 27%),
  linear-gradient(180deg,#fff 0,#fbfbfc 100%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;min-height:685px;align-items:start;padding-top:52px;position:relative}
.hero-copy{position:relative;padding-bottom:245px}
.product-title{font-size:31px;margin:0 0 60px;letter-spacing:-1.1px}
.product-title span{color:#08aeb1}
.product-title em{font-style:normal;color:#0b8f58;font-weight:800}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.08em;display:inline-block}
.eyebrow.purple{color:#a100d5;background:#f5e8fb;padding:7px 10px;border-radius:4px}
.hero-copy h2{font-size:48px;line-height:1.01;letter-spacing:-2.1px;margin:18px 0 18px;font-weight:800}
.hero-copy h2 strong{color:#a100d5}
.lead{max-width:520px;color:#595d64;font-size:15px;line-height:1.6;margin:0 0 18px}
.hero-points{display:grid;gap:10px;font-size:14px}
.hero-points>div{display:flex;align-items:center;gap:10px}
.dot-check{width:18px;height:18px;border-radius:50%;background:#a600dc;color:#fff;display:inline-grid;place-items:center;font-size:11px}
.hero-art{position:absolute;left:-110px;bottom:0;width:690px;height:270px}
.hero-wave{
  position:absolute;left:0;bottom:0;width:100%;height:190px;
  background:linear-gradient(125deg,#9a00cf 0%,#5b0074 38%,#12001b 100%);
  clip-path:polygon(0 36%,31% 29%,59% 51%,100% 84%,100% 100%,0 100%);
}
.hero-art:after{
  content:"";position:absolute;right:30px;top:45px;width:210px;height:150px;
  background-image:radial-gradient(circle,#c6ced9 1.2px,transparent 1.2px);
  background-size:8px 8px;opacity:.45;
  mask-image:linear-gradient(to right,transparent,#000);
}
.hero-art img{
  position:absolute;left:106px;bottom:0;width:370px;height:248px;object-fit:cover;
  object-position:left bottom;mix-blend-mode:multiply;
}
.heart-badge{position:absolute;left:150px;bottom:30px;width:65px;height:65px;border-radius:16px;background:white;display:grid;place-items:center;box-shadow:var(--shadow);z-index:3}
.heart-badge svg{width:33px;fill:none;stroke:#9c00d2;stroke-width:2}

.lead-card{
  margin-top:70px;background:rgba(255,255,255,.95);border:1px solid #ececef;border-radius:16px;
  box-shadow:0 26px 70px rgba(24,28,40,.12);padding:30px 34px 26px;position:relative;z-index:4
}
.form-icon{width:50px;height:50px;background:#f3e8fa;border-radius:10px;margin:0 auto 14px;display:grid;place-items:center}
.form-icon svg{width:24px;fill:#9d00d2;stroke:#9d00d2}
.lead-card h3{text-align:center;font-size:26px;margin:0 0 8px}
.lead-card>p{text-align:center;color:#6a6f77;font-size:13px;margin:0 0 28px}
.lead-form{display:grid;gap:14px}
.lead-form label{font-size:11px;font-weight:700;color:#3c3f45}
.lead-form input{margin-top:6px;width:100%;height:44px;border:1px solid #dfe1e5;border-radius:7px;padding:0 14px;outline:none;background:#fff;color:#333}
.lead-form input:focus{border-color:#ae23d8;box-shadow:0 0 0 3px rgba(171,35,217,.08)}
.btn-full{width:100%;height:46px}
.btn-whatsapp svg{width:18px;fill:#16b66d}
.privacy{display:flex;gap:10px;align-items:flex-start;color:#6a6e75;font-size:9.5px;line-height:1.35;padding-top:5px}
.privacy svg{width:17px;flex:0 0 17px;fill:none;stroke:#333;stroke-width:1.8}

.impact-section{
  background:
    radial-gradient(circle at 72% 15%,rgba(179,0,244,.12),transparent 30%),
    linear-gradient(115deg,#160019,#06000a 58%,#170020);
  color:white;padding:56px 0 66px;position:relative;overflow:hidden
}
.impact-section:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#00d4d6,#ab00dd,#00d4d6)}
.section-heading.light{max-width:500px}
.section-heading h2{font-size:36px;line-height:1.02;margin:8px 0 16px;letter-spacing:-1.2px}
.section-heading h2 strong{color:#bd32e5}
.section-heading p{font-size:12px;line-height:1.55;color:#c8c0cd;max-width:490px}
.eyebrow.subtle{color:#c9adcf}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.metric-card{
  min-height:240px;border:1px solid rgba(190,55,231,.27);border-radius:10px;padding:22px;
  background:linear-gradient(180deg,rgba(63,17,75,.52),rgba(21,5,29,.88));
  box-shadow:inset 0 -22px 30px rgba(117,0,150,.12),0 20px 45px rgba(0,0,0,.22)
}
.metric-card:after{content:"";display:block;width:65%;height:2px;background:linear-gradient(90deg,transparent,#b52eda,transparent);margin:20px auto -20px;filter:blur(.2px)}
.metric-icon{width:38px;height:38px;border:1px solid rgba(213,65,255,.35);border-radius:50%;display:grid;place-items:center;color:#c537e7;font-size:21px}
.metric-number{font-size:39px;font-weight:800;color:#ca4dea;letter-spacing:-1.5px;margin-top:15px}
.metric-card h3{font-size:14px;margin:4px 0 15px}
.metric-card p{color:#c0b7c4;font-size:10px;line-height:1.5;margin:0}

.care-section{
  padding:64px 0 32px;position:relative;overflow:hidden;color:#fff;
  background:
  radial-gradient(circle at 92% 15%,rgba(202,255,255,.24),transparent 28%),
  radial-gradient(circle at 75% 85%,rgba(168,255,250,.15),transparent 22%),
  linear-gradient(120deg,#01c6c9 0%,#00b9bd 62%,#08ced0 100%);
}
.care-section:before,.care-section:after{
  content:"";position:absolute;border:1px solid rgba(255,255,255,.25);border-radius:50%
}
.care-section:before{width:300px;height:300px;left:-120px;top:-175px}
.care-section:after{width:420px;height:420px;right:-230px;top:20px}
.care-top{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:310px}
.care-copy{padding-left:40px;position:relative;z-index:2}
.eyebrow.teal-dark{color:#006c7b}
.care-copy h2{font-size:49px;line-height:1;margin:10px 0 8px;letter-spacing:-2px}
.care-copy h3{font-size:28px;line-height:1.06;margin:0 0 18px;letter-spacing:-.9px}
.care-copy p{max-width:510px;line-height:1.55;font-size:13px;color:rgba(255,255,255,.87);margin:0 0 20px}
.phone-stage{position:relative;height:325px}
.glow-ring{position:absolute;width:360px;height:260px;border-radius:50%;left:70px;top:28px;background:radial-gradient(circle,rgba(179,255,255,.45),rgba(0,137,144,.16) 46%,transparent 68%);border:1px solid rgba(255,255,255,.22)}
.phone-stage img{position:absolute;left:92px;top:-28px;width:315px;height:350px;object-fit:cover;object-position:center;mix-blend-mode:multiply}
.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;position:relative;z-index:3}
.feature-card{background:#fff;color:#172126;border-radius:11px;padding:14px 13px;min-height:126px;box-shadow:0 8px 22px rgba(0,86,91,.15)}
.round-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#02aaa9;color:white;font-weight:800;margin-bottom:10px}
.feature-card h4{font-size:10px;margin:0 0 8px;line-height:1.15}
.feature-card p{font-size:8.3px;line-height:1.4;color:#5f666a;margin:0}
.care-cta{text-align:center;padding-top:16px}

.stats-section{padding:54px 0;background:
  radial-gradient(circle at 4% 6%,rgba(0,206,203,.07),transparent 25%),
  radial-gradient(circle at 94% 70%,rgba(0,179,182,.06),transparent 30%),
  linear-gradient(180deg,#fbfcfd,#f5f8fa)}
.stats-section:before{content:"";position:absolute}
.stat-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.stat-card{color:white;border-radius:16px;padding:27px 30px;min-height:180px;box-shadow:0 14px 32px rgba(17,54,63,.14);position:relative;overflow:hidden}
.stat-card:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 1px);background-size:9px 9px;opacity:.18;mask-image:linear-gradient(120deg,transparent 50%,#000)}
.stat-card.turquoise{background:linear-gradient(135deg,#08c8c4,#08b6b9)}
.stat-card.navy{background:linear-gradient(135deg,#082e4d,#031b35)}
.stat-symbol{font-size:31px;opacity:.9}
.stat-value{font-size:47px;letter-spacing:-2px;font-weight:800;line-height:1.05;margin:8px 0 12px}
.stat-value span{font-size:24px;letter-spacing:-1px}
.stat-card p{position:relative;z-index:2;font-size:10px;line-height:1.45;max-width:285px;margin:0;color:rgba(255,255,255,.88)}

.partners-section{padding:48px 0 60px;background:
  linear-gradient(140deg,rgba(1,183,188,.06),transparent 22%),
  linear-gradient(320deg,rgba(1,183,188,.06),transparent 22%),
  #fff}
.partners-inner{text-align:center}
.eyebrow.teal{color:#07aeb3}
.partners-inner h2{font-size:28px;line-height:1.08;letter-spacing:-.8px;margin:10px 0 24px}
.partners-inner h2 strong{color:#13babc}
.logo-panel{background:#fff;border:1px solid #eceff1;border-radius:15px;padding:18px 28px;box-shadow:0 13px 35px rgba(25,48,56,.10);max-width:1040px;margin:auto}
.logo-panel img{width:100%;height:118px;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.03)}

.totalpass-section{padding:52px 0 58px;background:#fff}
.totalpass-heading{text-align:center;margin-bottom:28px}
.totalpass-heading h2{font-size:37px;letter-spacing:-1.5px;margin:0 0 8px}
.totalpass-heading h2 span{color:#08aeb1}
.totalpass-heading h2 strong{color:#07864c}
.totalpass-heading p{font-size:14px;line-height:1.45;margin:0}
.totalpass-heading em{font-style:normal;color:#00a95e}
.totalpass-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:18px}
.gym-card,.online-card,.benefit-mini{border:1px solid #e7e9e8;border-radius:14px;box-shadow:0 10px 25px rgba(20,49,31,.06)}
.gym-card{padding:18px 22px 14px;position:relative;overflow:hidden;min-height:248px}
.gym-top{display:grid;grid-template-columns:auto 1fr 160px;align-items:center;gap:12px}
.gym-number{font-size:64px;line-height:1;font-weight:800;color:#07864d;letter-spacing:-3px}
.gym-top h3{font-size:18px;line-height:1.15;margin:0 0 5px}
.gym-top strong{color:#079453;font-size:13px}
.gym-card>p{font-size:9.5px;line-height:1.5;margin:13px 0 8px}
.brazil-map{width:130px;height:100px;object-fit:cover;mix-blend-mode:multiply}
.gym-logos{height:66px;width:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}
.online-card{background:linear-gradient(145deg,#00884f,#006c3f);color:white;padding:22px 26px;min-height:248px;overflow:hidden;position:relative}
.online-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-70px;border:1px solid rgba(255,255,255,.15)}
.online-icon{font-size:35px}
.online-card h3{font-size:28px;line-height:.98;font-weight:400;margin:10px 0 12px}
.online-card h3 strong{font-weight:800}
.online-card p{font-size:11px;line-height:1.5;color:rgba(255,255,255,.85);max-width:220px}
.online-card img{position:absolute;left:18px;right:18px;bottom:10px;width:calc(100% - 36px);height:60px;object-fit:cover;mix-blend-mode:screen}
.benefit-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:17px}
.benefit-mini{padding:16px 20px;display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center;min-height:105px}
.mini-icon{width:50px;height:50px;border-radius:11px;display:grid;place-items:center;font-size:27px}
.mini-icon.fire{background:#e9fbf1;color:#11935d}.mini-icon.chart{background:#effafa;color:#0fa6af}.mini-icon.family{background:#fff2f2;color:#ec6c75}
.benefit-mini h4{font-size:12px;margin:0 0 6px}.benefit-mini p{font-size:9px;line-height:1.45;color:#4d5551;margin:0}

.final-cta{position:relative;overflow:hidden;padding:46px 0 36px;background:
  radial-gradient(circle at 50% 30%,rgba(210,241,189,.42),transparent 35%),
  linear-gradient(180deg,#fbfff8,#f6fbf0)}
.final-inner{text-align:center;position:relative;z-index:2}
.result-pill{display:inline-block;border:1px solid #b8ceab;border-radius:999px;padding:7px 16px;font-size:10px;color:#4a702c;background:rgba(255,255,255,.7)}
.final-inner h2{font-size:40px;line-height:1.03;letter-spacing:-1.5px;margin:18px 0 12px}
.final-inner h2 strong{color:#8ac55f}
.final-inner>p{font-size:12px;color:#6e746d;line-height:1.5;margin:0}
.cta-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:32px auto 25px;max-width:920px;text-align:left}
.cta-benefits>div{display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:start}
.cta-benefits span{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf7e7;color:#5c9838;font-size:18px}
.cta-benefits h4{font-size:10px;margin:2px 0 4px}.cta-benefits p{font-size:8.5px;line-height:1.4;color:#6f766f;margin:0}
.final-buttons{display:flex;justify-content:center;gap:18px;margin-top:12px}
.final-privacy{font-size:8.5px;color:#748072;margin-top:18px}
.final-lines{position:absolute;bottom:-100px;width:520px;height:250px;border-radius:50%;border:1px solid rgba(104,171,66,.25);transform:rotate(-8deg)}
.lines-left{left:-200px}.lines-right{right:-200px;transform:rotate(8deg)}
.final-lines:before,.final-lines:after{content:"";position:absolute;inset:18px;border:1px solid rgba(104,171,66,.20);border-radius:50%}
.final-lines:after{inset:40px}

@media (max-width: 980px){
  .desktop-nav,.nav-actions{display:none}.menu-button{display:block}
  .hero-grid{grid-template-columns:1fr;gap:0;padding-top:36px}
  .hero-copy{padding-bottom:230px}
  .lead-card{margin:0 0 45px}
  .hero-art{width:620px}
  .metric-grid{grid-template-columns:repeat(2,1fr)}
  .care-top{grid-template-columns:1fr}.phone-stage{position:absolute;right:20px;top:90px;width:390px;opacity:.32}
  .care-copy{padding-left:0;max-width:560px}
  .feature-grid{grid-template-columns:repeat(3,1fr)}
  .stat-card-grid{grid-template-columns:1fr}
  .totalpass-grid{grid-template-columns:1fr}
}
@media (max-width: 680px){
  .container{width:min(100% - 28px,1180px)}
  .nav-wrap{height:62px}
  .hero-grid{padding-top:25px}
  .product-title{font-size:24px;margin-bottom:34px}
  .hero-copy h2{font-size:39px}
  .lead{font-size:14px}
  .hero-copy{padding-bottom:200px}
  .hero-art{left:-110px;width:560px;height:220px}
  .hero-art img{width:330px;height:220px}
  .lead-card{padding:24px 18px}
  .metric-grid{grid-template-columns:1fr}
  .section-heading h2{font-size:31px}
  .care-copy h2{font-size:42px}.care-copy h3{font-size:25px}
  .phone-stage{display:none}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .stat-card-grid{gap:14px}
  .stat-value{font-size:42px}
  .logo-panel{padding:10px}.logo-panel img{height:90px}
  .totalpass-heading h2{font-size:30px}
  .gym-top{grid-template-columns:auto 1fr}.brazil-map{display:none}
  .gym-number{font-size:52px}.gym-top h3{font-size:15px}
  .benefit-mini-grid{grid-template-columns:1fr}
  .final-inner h2{font-size:33px}
  .cta-benefits{grid-template-columns:repeat(2,1fr)}
  .final-buttons{flex-direction:column}.btn-outline-green{min-width:0;width:100%}
}
@media (max-width: 430px){
  .hero-copy h2{font-size:34px}
  .feature-grid{grid-template-columns:1fr}
  .cta-benefits{grid-template-columns:1fr}
}
