:root{
  --navy:#0a2d62;
  --navy-2:#092755;
  --blue:#087af4;
  --green:#14b94d;
  --green-dark:#0ba744;
  --orange:#ffa42c;
  --text:#122a50;
  --muted:#52647d;
  --line:#e8eef5;
  --shadow:0 14px 42px rgba(13,48,91,.09);
  --shadow-soft:0 7px 24px rgba(13,48,91,.075);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 46%,rgba(32,136,248,.025),transparent 28%),
    radial-gradient(circle at 86% 63%,rgba(52,169,255,.028),transparent 23%),
    #fff;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.shell{width:min(calc(100% - 72px), 1180px);margin:0 auto;position:relative}

.topbar{background:#fff;position:relative;z-index:50}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{width:220px;flex:0 0 auto;display:flex;align-items:center}
.logo img{width:100%;height:auto}
.nav-links{display:flex;align-items:center;gap:44px;margin-left:auto;margin-right:14px}
.nav-links a{font-size:14px;font-weight:600;color:#092a59;transition:.2s}
.nav-links a:hover{color:var(--blue)}
.header-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:48px;padding:0 24px;border-radius:9px;
  background:linear-gradient(180deg,#19bf50,#10ac43);
  color:white;font-size:13px;font-weight:800;letter-spacing:.015em;
  box-shadow:0 8px 18px rgba(16,174,69,.16);
  white-space:nowrap;
}
.wa-mark,.whatsapp-icon{font-size:22px;line-height:1;transform:rotate(-25deg);display:inline-block}
.menu-toggle{display:none;border:0;background:transparent;color:var(--navy);font-size:28px;cursor:pointer}
.mobile-nav{display:none}

.hero{
  min-height:550px;
  display:grid;grid-template-columns:43% 57%;align-items:center;
  padding-top:42px;
}
.hero-copy{padding-left:48px;align-self:center;margin-top:-4px}
.opportunity-pill{
  display:inline-flex;align-items:center;gap:10px;
  min-height:32px;padding:0 16px;border:1px solid #e4eaf1;
  border-radius:8px;background:#fff;box-shadow:0 4px 12px rgba(17,54,97,.07);
  color:#5c6673;font-size:12px;font-weight:500;letter-spacing:.02em;
  margin-bottom:29px;
}
.mini-chart{color:var(--green);font-size:19px;font-weight:800}
.hero h1{
  margin:0;
  color:var(--navy);
  font-size:clamp(44px,4.05vw,55px);
  line-height:1.045;
  letter-spacing:-.048em;
  font-weight:800;
}
.hero-text{
  margin:27px 0 28px;
  color:#2e4565;
  font-size:16.4px;line-height:1.58;font-weight:400;
}
.hero-text strong{font-weight:800}
.blue-text{color:#0876ef}.green-text{color:#0eaa43}
.primary-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-width:252px;height:54px;padding:0 26px;
  border-radius:10px;background:linear-gradient(180deg,#20c35a,#13ad47);
  color:#fff;font-size:14px;font-weight:800;letter-spacing:.018em;
  box-shadow:0 8px 20px rgba(18,176,72,.16);transition:.2s ease;
}
.primary-cta:hover,.header-cta:hover,.final-button:hover{transform:translateY(-2px);filter:saturate(1.04)}
.trust-line{display:flex;align-items:center;gap:8px;margin-top:16px;color:#465a74;font-size:12.7px}
.shield-check{
  width:17px;height:19px;display:grid;place-items:center;
  color:#18b650;font-size:11px;font-weight:800;
  border:1.7px solid #19b653;border-radius:5px 5px 8px 8px;
}
.hero-art{align-self:center;display:flex;align-items:center;justify-content:center;margin-left:-5px;margin-top:-8px;position:relative;isolation:isolate}
.hero-art img{width:100%;max-width:620px;height:auto;filter:drop-shadow(0 12px 26px rgba(8,38,77,.03));animation:uniformFloat 5.8s ease-in-out infinite;will-change:transform}

.profiles-section{padding-top:22px;padding-bottom:50px;position:relative}
.profiles-section>h2{text-align:center;color:var(--navy);font-size:31px;line-height:1.1;letter-spacing:-.035em;margin:0 0 31px;font-weight:800}
.profile-grid{width:83%;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.profile-card{
  min-height:224px;background:rgba(255,255,255,.97);
  border:1px solid #e8edf4;border-radius:18px;
  box-shadow:0 12px 32px rgba(13,48,91,.08);
  padding:24px 42px 25px;text-align:center;display:flex;flex-direction:column;align-items:center;
  position:relative;z-index:2;
}
.profile-icon{width:56px;height:56px;border-radius:13px;display:grid;place-items:center;margin-bottom:20px;color:#fff;box-shadow:0 9px 18px rgba(0,0,0,.09)}
.profile-icon svg{width:31px;height:31px}
.icon-blue{background:linear-gradient(145deg,#3d9aff,#0c79ed)}
.icon-green{background:linear-gradient(145deg,#39c968,#0bac45)}
.icon-orange{background:linear-gradient(145deg,#ffb149,#ff941b)}
.profile-card h3{margin:0 0 10px;color:var(--navy);font-size:17px;letter-spacing:-.02em;font-weight:800}
.profile-card p{margin:0;color:#3f5575;font-size:13px;line-height:1.55}
.profile-link{margin-top:auto;padding-top:18px;font-size:13px;font-weight:600}
.profile-link span{margin-left:4px;font-size:16px}.link-blue{color:#057bf2}.link-green{color:#0caf45}.link-orange{color:#f28d13}
.decor{position:absolute;display:block;border-radius:7px;transform:rotate(43deg);z-index:0;box-shadow:0 10px 18px rgba(28,100,196,.12)}
.decor-blue{background:linear-gradient(145deg,#3ca2ff,#087df2)}
.decor-green{background:linear-gradient(145deg,#3dcf6a,#14ad45)}
.decor-orange{background:linear-gradient(145deg,#ffb951,#ff9a20)}
.decor-profile-left{width:34px;height:34px;left:5.1%;top:173px}
.decor-profile-left-small{width:24px;height:24px;left:2.3%;top:238px;border-radius:5px}
.decor-profile-right{width:24px;height:24px;right:1.8%;top:77px;border-radius:5px}

.products-section{padding-top:3px;padding-bottom:60px;display:grid;grid-template-columns:46% 54%;gap:44px;align-items:stretch}
.stock-card{
  background:#fff;border:1px solid #e7edf4;border-radius:20px;box-shadow:var(--shadow);
  padding:32px 34px 30px;min-height:326px;
}
.stock-pill{
  display:inline-flex;align-items:center;height:29px;padding:0 14px;border-radius:9px;
  color:#0c70df;background:#eef6ff;border:1px solid #d4e9ff;
  font-size:11px;font-weight:700;letter-spacing:.02em;margin-bottom:17px;
}
.stock-card h2{margin:0;color:var(--navy);font-size:29px;line-height:1.13;letter-spacing:-.035em;font-weight:800}
.stock-benefits{display:grid;grid-template-columns:1fr 1fr;gap:24px 25px;margin-top:25px}
.benefit{display:flex;gap:11px;align-items:flex-start}
.benefit-icon{width:31px;height:31px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;font-size:16px;font-weight:700}
.blue-benefit{background:#edf5ff;color:#116fdb}.green-benefit{background:#edfbf2;color:#11af49}
.benefit strong{display:block;color:var(--navy);font-size:13.5px;line-height:1.2;margin-bottom:5px;font-weight:800}
.benefit small{display:block;color:#4e6079;font-size:11.2px;line-height:1.42}
.category-art{display:flex;align-items:center;justify-content:center;margin-top:-6px}
.category-art img{width:100%;max-width:520px;height:100%;object-fit:contain}

.final-section{padding:0 12px 30px;position:relative}
.final-card{
  min-height:144px;background:#fff;border:1px solid #e5ebf2;border-radius:19px;box-shadow:0 13px 34px rgba(12,45,88,.08);
  display:grid;grid-template-columns:145px 1.1fr 1fr;align-items:center;gap:22px;padding:20px 45px 20px 31px;position:relative;z-index:2;
}
.growth-icon{width:112px;height:112px;border-radius:24px;background:linear-gradient(145deg,#effaf4,#e9f8ee);display:grid;place-items:center;color:#13b54a}
.growth-icon svg{width:74px;height:74px}
.final-copy h2{margin:0 0 12px;color:var(--navy);font-size:24px;line-height:1.08;letter-spacing:-.03em;font-weight:800}
.final-copy p{margin:0;color:#415470;font-size:11.8px;line-height:1.55}
.final-action{display:flex;flex-direction:column;align-items:center;gap:8px}
.final-button{
  width:100%;max-width:302px;height:47px;border-radius:9px;
  background:linear-gradient(180deg,#1bc153,#11a944);color:#fff;
  display:flex;align-items:center;justify-content:center;gap:9px;font-size:11.4px;font-weight:800;letter-spacing:.015em;
  box-shadow:0 8px 18px rgba(14,172,68,.13);transition:.2s ease;
}
.final-button span{font-size:19px;transform:rotate(-25deg)}
.final-action small{color:#60718a;font-size:9.7px}.final-action small span{color:#16b64e}
.decor-final-left{width:27px;height:27px;left:-52px;top:27px;border-radius:5px}
.decor-final-right{width:42px;height:42px;right:-40px;top:33px;border-radius:8px}

.mini-footer{padding:13px 0 25px;text-align:center}
.mini-footer p{margin:0 auto;max-width:850px;color:#8a97a8;font-size:9.5px;line-height:1.5}

@media (min-width:1300px){
  .shell{width:min(calc(100% - 110px), 1280px)}
  .hero{grid-template-columns:42% 58%;min-height:590px}
  .hero-copy{padding-left:40px}
  .hero h1{font-size:58px}
  .hero-art img{max-width:680px}
  .profile-grid{width:82%}
}

@media (max-width:1020px){
  .shell{width:min(calc(100% - 42px), 940px)}
  .nav-links,.header-cta{display:none}.menu-toggle{display:block}
  .mobile-nav{position:absolute;left:21px;right:21px;top:80px;padding:16px;background:#fff;border:1px solid #e6edf4;border-radius:16px;box-shadow:var(--shadow);flex-direction:column;gap:7px;z-index:60}
  .mobile-nav.open{display:flex}.mobile-nav a{padding:10px 12px;font-size:14px;font-weight:600}.mobile-wa{background:var(--green);color:#fff;border-radius:10px;text-align:center}
  .hero{grid-template-columns:1fr;min-height:0;padding-top:42px}.hero-copy{padding-left:0;text-align:center}.opportunity-pill{margin-left:auto;margin-right:auto}.hero-text br{display:none}.hero-text{max-width:620px;margin-left:auto;margin-right:auto}.hero-art{margin-top:15px}.hero-art img{max-width:700px}
  .profile-grid{width:100%;gap:20px}.profile-card{padding:24px 24px}
  .products-section{grid-template-columns:1fr;gap:22px}.category-art img{max-width:650px}
  .final-card{grid-template-columns:110px 1fr;padding:25px 30px}.final-action{grid-column:1/-1}.final-button{max-width:390px}
}

@media (max-width:720px){
  .shell{width:min(calc(100% - 28px), 620px)}
  .nav{height:76px}.logo{width:176px}
  .hero{padding-top:30px}.hero h1{font-size:42px}.hero-text{font-size:15px}.hero-art img{width:110%;max-width:none;margin-left:-5%}
  .profiles-section{padding-top:10px}.profiles-section>h2{font-size:28px}.profile-grid{grid-template-columns:1fr}.profile-card{min-height:205px;max-width:420px;width:100%;margin:0 auto}
  .products-section{padding-bottom:42px}.stock-card{padding:27px 24px}.stock-card h2{font-size:27px}.stock-benefits{grid-template-columns:1fr;gap:18px}.category-art img{width:108%;max-width:none}
  .final-card{grid-template-columns:1fr;text-align:center;padding:28px 22px}.growth-icon{margin:0 auto}.final-copy p br{display:none}.final-action{grid-column:auto;width:100%}.final-button{max-width:none}
  .mini-footer{padding-bottom:18px}
}

@media (max-width:430px){
  .logo{width:158px}.hero h1{font-size:37px}.opportunity-pill{font-size:10px}.primary-cta{width:100%}.hero-art img{width:120%;margin-left:-10%}.profile-card p br{display:none}.stock-card h2 br{display:none}
}

/* v3 — refinamento exclusivo da hero no mobile. Desktop permanece igual à v2. */
@media (max-width:720px){
  .hero{
    padding-top:26px;
    row-gap:0;
  }
  .hero-copy{
    text-align:center;
    position:relative;
    z-index:2;
  }
  .opportunity-pill{
    display:flex;
    width:max-content;
    max-width:100%;
    justify-content:center;
    margin:0 auto 28px;
    padding-left:18px;
    padding-right:18px;
  }
  .hero-text{
    margin:26px auto 26px;
  }
  .primary-cta{
    display:flex;
    width:min(100%, 380px);
    margin-left:auto;
    margin-right:auto;
  }
  .trust-line{
    justify-content:center;
    margin-top:14px;
  }
  .hero-art{
    width:100%;
    margin:2px auto -4px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    overflow:visible;
  }
  .hero-art img{
    width:min(91vw, 405px);
    max-width:405px;
    height:auto;
    margin:0 auto;
  }
}

@media (max-width:430px){
  .hero{
    padding-top:26px;
  }
  .opportunity-pill{
    margin-bottom:29px;
    min-height:31px;
    font-size:10px;
    letter-spacing:.018em;
  }
  .hero h1{
    font-size:37px;
    line-height:1.04;
  }
  .hero-text{
    margin-top:27px;
    margin-bottom:26px;
    font-size:15px;
    line-height:1.62;
  }
  .primary-cta{
    width:100%;
    height:55px;
  }
  .trust-line{
    margin-top:15px;
  }
  .hero-art{
    margin-top:-2px;
    margin-bottom:-5px;
  }
  .hero-art img{
    width:min(88vw, 360px);
    max-width:360px;
    margin-left:auto;
    margin-right:auto;
  }
}


/* ícones do WhatsApp nos botões */
.wa-svg{width:18px;height:18px;display:inline-block;flex:0 0 18px}
.header-cta .wa-svg,.primary-cta .wa-svg{width:19px;height:19px}
.final-button .wa-svg{width:18px;height:18px}
.mobile-wa{display:flex !important;align-items:center;justify-content:center;gap:10px}


/* v5 — movimento suave das partículas e dos produtos */
@keyframes uniformFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(0,-11px,0) rotate(.18deg)}
}
@keyframes particleFloatA{
  0%,100%{transform:rotate(43deg) translate3d(0,0,0)}
  35%{transform:rotate(52deg) translate3d(5px,-10px,0)}
  70%{transform:rotate(37deg) translate3d(-4px,-4px,0)}
}
@keyframes particleFloatB{
  0%,100%{transform:rotate(43deg) translate3d(0,0,0)}
  45%{transform:rotate(31deg) translate3d(-5px,-13px,0)}
  75%{transform:rotate(49deg) translate3d(4px,-5px,0)}
}
@keyframes particlePulse{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.96}
  50%{transform:translate3d(2px,-9px,0) scale(1.07);opacity:1}
}

.decor{will-change:transform;animation:particleFloatA 5.2s ease-in-out infinite}
.decor-profile-left-small,.decor-profile-right,.decor-final-right{animation-name:particleFloatB}
.decor-profile-left-small{animation-duration:4.4s;animation-delay:-1.2s}
.decor-profile-left{animation-duration:5.7s;animation-delay:-2.1s}
.decor-profile-right{animation-duration:4.9s;animation-delay:-.8s}
.decor-final-left{animation-duration:5.4s;animation-delay:-1.6s}
.decor-final-right{animation-duration:6.1s;animation-delay:-2.7s}

.hero-particle{position:absolute;z-index:3;pointer-events:none;will-change:transform;box-shadow:0 8px 18px rgba(28,100,196,.16)}
.hero-particle-dot{width:17px;height:17px;border-radius:50%;left:14.4%;top:16%;background:linear-gradient(145deg,#43a9ff,#0b7ef1);animation:particlePulse 4.2s ease-in-out infinite}
.hero-particle-square{width:25px;height:25px;border-radius:7px;right:10.4%;top:20%;background:linear-gradient(145deg,#43a9ff,#087df2);transform:rotate(43deg);animation:particleFloatB 4.8s ease-in-out infinite;animation-delay:-1.5s}

/* As partículas continuam visíveis no mobile, mas menores e mais afastadas do texto. */
@media (max-width:1020px){
  .decor-profile-left{left:2px;top:176px}
  .decor-profile-left-small{left:14px;top:244px}
  .decor-profile-right{right:7px;top:93px}
  .decor-final-left{left:-4px;top:22px}
  .decor-final-right{right:-2px;top:31px}
}

@media (max-width:720px){
  .hero-art img{animation-duration:5.4s}
  .hero-particle-dot{width:13px;height:13px;left:12.5%;top:14%}
  .hero-particle-square{width:19px;height:19px;right:9.5%;top:18%}
  .decor-profile-left{width:25px;height:25px;left:-3px;top:174px}
  .decor-profile-left-small{width:18px;height:18px;left:7px;top:235px}
  .decor-profile-right{width:19px;height:19px;right:-1px;top:85px}
  .decor-final-left{width:20px;height:20px;left:-5px;top:24px}
  .decor-final-right{width:28px;height:28px;right:-4px;top:36px}
}

@media (max-width:430px){
  @keyframes uniformFloat{
    0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
    50%{transform:translate3d(0,-7px,0) rotate(.12deg)}
  }
  .hero-particle-dot{left:11%;top:15%}
  .hero-particle-square{right:8%;top:19%}
  .decor-profile-left{left:-7px;top:163px}
  .decor-profile-left-small{left:4px;top:219px}
  .decor-profile-right{right:-5px;top:78px}
}

@media (prefers-reduced-motion:reduce){
  .hero-art img,.decor,.hero-particle{animation:none !important}
}