@font-face{font-family:"Font Awesome 5 Free";src:url("../fonts/fa-solid-900.woff2") format("woff2");font-weight:900;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 5 Brands";src:url("../fonts/fa-brands-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--green:#95ba89;--green-dark:#6ea861;--cta-a:#63f26d;--cta-b:#0eb64c;--white:#fff;--text:#6fa365;--soft:#f7fbf5;--shadow:0 12px 30px rgba(65,112,58,.2);--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--green);font-family:Inter,Roboto,Arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{text-decoration:none}.page-shell{width:100%;overflow:hidden}.section{position:relative;padding:44px 18px}.section-inner{width:min(100%,420px);margin:0 auto;position:relative;z-index:1}.section-green{background:var(--green);color:#fff}.section-white{background:#fff;color:var(--text)}.hero{padding:34px 18px 38px}.hero h1,.section h2{margin:0;text-align:center;font-size:27px;line-height:.98;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero-card-section{padding-top:42px}.shape-triangle:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:40px;background:inherit;clip-path:polygon(0 0,100% 0,50% 100%);z-index:0}.shape-wave:before{content:"";position:absolute;top:-18px;left:-5%;width:110%;height:34px;background:inherit;border-radius:50% 45% 50% 45%/70% 80% 40% 30%;box-shadow:0 -8px 0 rgba(255,255,255,.75) inset;z-index:0}.media-frame{border:6px solid var(--green);border-radius:var(--radius);overflow:hidden;background:var(--green);box-shadow:var(--shadow)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.hero-grid img{width:100%;aspect-ratio:1/1;object-fit:cover}.lead{margin:28px auto 28px;text-align:center;color:var(--text);font-size:18px;line-height:1.18;font-weight:500}.cta{display:flex;align-items:center;justify-content:center;width:min(100%,340px);min-height:58px;margin:0 auto;padding:15px 22px;border-radius:999px;background:linear-gradient(100deg,var(--cta-a),var(--cta-b));color:#fff;font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;box-shadow:0 13px 24px rgba(19,166,72,.28),inset 0 1px rgba(255,255,255,.28)}.divider{display:flex;align-items:center;justify-content:center;margin:14px auto 24px;color:currentColor}.divider:before,.divider:after{content:"";height:1px;background:currentColor;opacity:.85;flex:1;max-width:115px}.divider span{margin:0 12px;font-size:20px}.divider.green{color:var(--green)}.fa{font-family:"Font Awesome 5 Free";font-weight:900;font-style:normal}.brand{font-family:"Font Awesome 5 Brands";font-weight:400}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 24px;margin:8px auto 32px}.feature{text-align:center;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.feature .fa{font-size:44px;margin-bottom:14px}.feature strong{font-size:21px;line-height:.96;font-weight:900}.compact .feature{min-height:96px}.compact .feature .fa{font-size:32px}.compact .feature strong{font-size:15px;line-height:1.04}.recipe-list{display:grid;gap:6px;margin-top:18px}.recipe-card{background:var(--green);color:#fff;border:3px solid #fff;display:grid;grid-template-rows:auto auto;box-shadow:0 3px 0 rgba(112,163,101,.15)}.recipe-card img{width:100%;aspect-ratio:1.62/1;object-fit:cover}.recipe-card div{padding:8px 8px 9px;text-align:center}.recipe-card h3{margin:0;font-size:14px;line-height:1.03;font-weight:900}.recipe-card p{margin:4px 0 0;font-size:10px;line-height:1;font-weight:700}.plus-badge{display:flex;flex-direction:column;align-items:center;gap:6px;margin:12px 0 14px;color:var(--green);text-align:center}.plus-badge .fa{font-size:34px}.plus-badge strong{font-size:13px}.bonus-list{display:grid;gap:14px;margin:18px 0 26px}.bonus-list article{display:grid;grid-template-columns:1.35fr .85fr;align-items:center;background:var(--green);color:#fff;border:4px solid #fff;box-shadow:var(--shadow)}.bonus-list img{width:100%;height:112px;object-fit:cover}.bonus-list strong{text-align:center;font-size:20px;line-height:.98;text-transform:uppercase;padding:8px}.indication-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 28px}.indication-grid article{background:#fff;color:var(--text);min-height:126px;padding:15px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.indication-grid .fa{font-size:23px;margin-bottom:10px}.indication-grid p{margin:0;font-size:13px;line-height:1.15;font-weight:700}.carousel{position:relative;margin:14px auto 0}.carousel-track{min-height:315px;display:flex;align-items:center;justify-content:center}.carousel-track img{display:none;width:min(100%,330px);max-height:410px;object-fit:contain;border-radius:var(--radius);box-shadow:var(--shadow)}.carousel-track img.is-active{display:block}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:var(--green);font-size:26px;cursor:pointer}.carousel-btn.prev{left:-4px}.carousel-btn.next{right:-4px}.offer-card{background:#fff;color:var(--text);border-radius:0 0 var(--radius) var(--radius);padding:12px 16px 22px;box-shadow:var(--shadow);text-align:center}.offer-card>img{width:min(100%,260px);margin:0 auto 16px}.offer-includes{display:grid;gap:8px;color:var(--green);text-transform:uppercase}.offer-includes strong{font-size:18px;line-height:.98}.offer-includes .fa{font-size:20px}.price-box{margin:16px auto;color:var(--green)}.price-box p{margin:4px 0;font-size:17px;font-weight:500}.price-box strong{display:block;font-size:40px;line-height:1;font-weight:900;color:#1fc24c}.promo{margin:16px 0 0;font-size:12px;font-weight:800;color:var(--green)}.bio-card{display:grid;gap:14px;margin:12px 0 18px;text-align:center}.bio-card img{width:100%;max-height:270px;object-fit:cover;border-radius:var(--radius)}.bio-card h3{margin:0;color:var(--green);font-size:22px;line-height:1.05}.bio-card p{margin:8px 0 0;font-size:17px;line-height:1.25}.faq-list{display:grid;gap:9px}.faq-list details{background:var(--green);color:#fff;border:2px solid #fff;border-radius:3px;overflow:hidden}.faq-list summary{cursor:pointer;list-style:none;padding:15px 16px;font-size:15px;line-height:1.15;font-weight:800;text-transform:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;font-weight:900}.faq-list details[open] summary:after{content:"-"}.faq-list p{margin:0;padding:0 16px 15px;font-size:14px;line-height:1.35;color:#fff}@media (min-width:700px){body{background:var(--green)}.section{padding-left:28px;padding-right:28px}.section-inner{width:min(100%,760px)}.hero h1,.section h2{font-size:42px}.hero{padding-top:52px;padding-bottom:54px}.hero-card-section .section-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}.hero-card-section .lead,.hero-card-section .cta{grid-column:2}.hero-card-section .media-frame{grid-row:1/4}.hero-card-section .lead{text-align:left;margin:0;font-size:24px}.hero-card-section .cta{margin:4px 0 0;width:100%}.feature-grid{grid-template-columns:repeat(3,1fr);gap:34px 30px}.feature strong{font-size:24px}.recipe-list{grid-template-columns:repeat(2,1fr);gap:10px}.recipe-card h3{font-size:16px}.recipe-card p{font-size:11px}.bonus-list{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}.bonus-list img{height:150px}.indication-grid{grid-template-columns:repeat(4,1fr)}.carousel-track{min-height:390px}.offer-card{max-width:560px;margin:0 auto}.bio-card{grid-template-columns:230px 1fr;text-align:left;align-items:center}.bio-card img{height:190px}.faq-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.section-inner{width:min(100%,900px)}.hero h1,.section h2{font-size:46px}.hero-card-section .section-inner{grid-template-columns:1.15fr .85fr}.recipe-list{grid-template-columns:repeat(3,1fr)}.recipe-card img{aspect-ratio:1.45/1}.section{padding-top:58px;padding-bottom:58px}}
@media (min-width:1100px){.section{padding-top:68px;padding-bottom:68px}.section-inner{width:min(100%,1040px)}.hero{padding-top:54px;padding-bottom:58px}.hero .section-inner{width:min(100%,980px)}.hero h1,.section h2{font-size:50px;line-height:.94}.hero-card-section{padding-top:58px;padding-bottom:62px}.hero-card-section .section-inner{width:min(100%,940px);grid-template-columns:520px 390px;gap:28px;justify-content:center}.hero-card-section .media-frame{width:520px}.hero-card-section .lead{font-size:27px;line-height:1.08}.hero-card-section .cta{width:380px;min-height:64px;font-size:18px;margin-top:22px}.cta{width:min(100%,390px);min-height:62px;font-size:18px}.section-green .section-inner:has(.feature-grid){width:min(100%,760px)}.feature-grid{gap:44px 70px;margin-top:28px;margin-bottom:38px}.feature{min-height:132px}.feature .fa{font-size:50px;margin-bottom:16px}.feature strong{font-size:27px;line-height:.96}.compact{width:min(100%,700px);margin-left:auto;margin-right:auto;gap:46px 70px}.compact .feature{min-height:118px}.compact .feature .fa{font-size:42px;margin-bottom:14px}.compact .feature strong{font-size:18px;line-height:1.02}.recipe-list{grid-template-columns:repeat(3,1fr);gap:12px;width:min(100%,980px);margin-left:auto;margin-right:auto}.recipe-card h3{font-size:17px}.recipe-card p{font-size:12px}.bonus-list{max-width:680px}.bonus-list img{height:170px}.bonus-list strong{font-size:24px}.indication-grid{gap:14px;max-width:900px;margin-left:auto;margin-right:auto}.indication-grid article{min-height:150px;padding:20px 16px}.indication-grid .fa{font-size:28px}.indication-grid p{font-size:16px}.offer-card{max-width:620px;padding:20px 24px 28px}.offer-card>img{width:min(100%,310px)}.offer-includes strong{font-size:20px}.price-box strong{font-size:46px}.bio-card{width:min(100%,900px);margin:24px auto 26px;grid-template-columns:300px 1fr;gap:28px}.bio-card img{height:230px}.bio-card h3{font-size:27px}.bio-card p{font-size:20px;line-height:1.28}.faq-list{width:min(100%,900px);margin:0 auto;gap:12px 14px}.faq-list summary{padding:18px 20px;font-size:18px}.faq-list p{padding:0 20px 18px;font-size:16px;line-height:1.38}.divider{margin-top:18px;margin-bottom:30px}.divider:before,.divider:after{max-width:135px}}@media (min-width:1500px){.section-inner{width:min(100%,1120px)}.hero .section-inner{width:min(100%,1040px)}.hero-card-section .section-inner{width:min(100%,1000px);grid-template-columns:560px 410px;gap:34px}.hero-card-section .media-frame{width:560px}.hero-card-section .lead{font-size:29px}.section-green .section-inner:has(.feature-grid){width:min(100%,820px)}.feature-grid{gap:48px 82px}.compact{width:min(100%,760px)}.bio-card,.faq-list{width:min(100%,960px)}}
@media (min-width:1100px){.hero{padding-top:40px!important;padding-bottom:44px!important}.hero .section-inner{width:min(100%,920px)!important}.hero h1{font-size:48px!important;line-height:.95!important}.hero-card-section{padding-top:44px!important;padding-bottom:56px!important}.hero-card-section.shape-triangle:before{height:30px!important;clip-path:polygon(0 0,100% 0,50% 72%)!important}.hero-card-section .section-inner{width:min(100%,1010px)!important;display:grid!important;grid-template-columns:500px 450px!important;gap:38px!important;align-items:center!important;justify-content:center!important}.hero-card-section .media-frame{width:500px!important}.hero-card-section .lead{width:100%!important;margin:0!important;color:#5f9b54!important;font-size:29px!important;line-height:1.08!important}.hero-card-section .cta{width:390px!important;min-height:64px!important;margin-top:28px!important;margin-left:0!important}}@media (min-width:1500px){.hero{padding-top:44px!important;padding-bottom:48px!important}.hero-card-section .section-inner{width:min(100%,1080px)!important;grid-template-columns:520px 480px!important;gap:46px!important}.hero-card-section .media-frame{width:520px!important}.hero-card-section .lead{font-size:30px!important}.hero-card-section .cta{width:410px!important}}

@media (min-width:1100px){.hero{padding-top:42px!important;padding-bottom:44px!important}.hero .section-inner{width:min(100%,900px)!important}.hero h1{font-size:50px!important;line-height:.95!important}.hero-card-section{padding-top:48px!important;padding-bottom:64px!important}.hero-card-section .section-inner{width:min(100%,620px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important}.hero-card-section .media-frame{width:min(100%,560px)!important;grid-row:auto!important}.hero-card-section .lead{width:min(100%,560px)!important;margin:28px auto 28px!important;text-align:center!important;font-size:28px!important;line-height:1.12!important;color:#5f9b54!important}.hero-card-section .cta{width:min(100%,420px)!important;margin:0 auto!important;min-height:66px!important;font-size:19px!important}.hero-card-section.shape-triangle:before{height:30px!important;clip-path:polygon(0 0,100% 0,50% 72%)!important}}@media (min-width:1500px){.hero-card-section .section-inner{width:min(100%,660px)!important}.hero-card-section .media-frame{width:min(100%,600px)!important}.hero-card-section .lead{width:min(100%,600px)!important;font-size:30px!important}.hero-card-section .cta{width:min(100%,430px)!important}}

:root {
  --nutri-green: #08733d;
  --nutri-green-deep: #005a31;
  --nutri-green-soft: #7fac72;
  --nutri-cream: #fff3dc;
  --nutri-cream-2: #f8e9c7;
  --nutri-orange: #f36b21;
  --nutri-orange-dark: #c84a12;
  --nutri-ink: #255138;
  --nutri-shadow: 0 16px 36px rgba(0, 90, 49, .18);
}

body {
  background: var(--nutri-green);
  color: var(--nutri-ink);
}

.section-green {
  background:
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, .08), transparent 24%),
    radial-gradient(circle at 88% 75%, rgba(0, 0, 0, .08), transparent 28%),
    linear-gradient(180deg, var(--nutri-green) 0%, var(--nutri-green-deep) 100%);
  color: #fff;
}

.section-white {
  background:
    radial-gradient(circle at 12% 12%, rgba(243, 107, 33, .08), transparent 18%),
    linear-gradient(180deg, #fffaf0 0%, var(--nutri-cream) 100%);
  color: var(--nutri-ink);
}

.hero {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .18), transparent 34%),
    linear-gradient(180deg, #ff8b35 0%, var(--nutri-orange) 52%, var(--nutri-orange-dark) 100%);
}

.hero h1,
.section h2 {
  text-shadow: 0 2px 0 rgba(0, 0, 0, .05);
}

.hero-card-section {
  background:
    radial-gradient(circle at 85% 20%, rgba(243, 107, 33, .10), transparent 20%),
    linear-gradient(180deg, #fffdf7 0%, var(--nutri-cream) 100%);
}

.media-frame {
  border-color: var(--nutri-green-soft);
  background: var(--nutri-green-soft);
  box-shadow: var(--nutri-shadow);
}

.lead,
.hero-card-section .lead,
.section-white h2,
.bio-card h3,
.bio-card p {
  color: var(--nutri-ink) !important;
}

.cta {
  position: relative;
  overflow: hidden;
  background: linear-gradient(100deg, #ff8b35 0%, var(--nutri-orange) 48%, var(--nutri-orange-dark) 100%) !important;
  box-shadow: 0 14px 30px rgba(200, 74, 18, .30), inset 0 1px rgba(255, 255, 255, .32) !important;
  color: #fff !important;
}

.hero-card-section .cta,
#price .offer-card .cta {
  animation: cta-soft-pulse 2.4s ease-in-out infinite;
  isolation: isolate;
}

.hero-card-section .cta::after,
#price .offer-card .cta::after {
  content: "";
  position: absolute;
  inset: -35% auto -35% -55%;
  z-index: 0;
  width: 42%;
  transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .42), transparent);
  animation: cta-shine 3.2s ease-in-out infinite;
  pointer-events: none;
}

.cta:hover {
  filter: saturate(1.06) brightness(1.02);
  transform: translateY(-1px);
}

@keyframes cta-soft-pulse {
  0%,
  100% {
    filter: saturate(1) brightness(1);
  }
  50% {
    filter: saturate(1.08) brightness(1.06);
  }
}

@keyframes cta-shine {
  0%,
  45% {
    left: -55%;
  }
  75%,
  100% {
    left: 120%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-card-section .cta,
  #price .offer-card .cta,
  .hero-card-section .cta::after,
  #price .offer-card .cta::after {
    animation: none;
  }
}

.divider.green,
.plus-badge,
.price-box,
.offer-includes {
  color: var(--nutri-orange) !important;
}

.divider:before,
.divider:after {
  opacity: .78;
}

.recipe-card,
.bonus-list article,
.faq-list details {
  background: linear-gradient(180deg, #0a7b42 0%, var(--nutri-green) 100%) !important;
  border-color: #fffaf0 !important;
  box-shadow: 0 10px 24px rgba(0, 90, 49, .16);
}

.recipe-card div {
  border-top: 3px solid var(--nutri-orange);
}

.recipe-card p,
.bonus-list strong {
  color: #fff3dc;
}

.indication-grid article,
.offer-card,
.bio-card {
  background: #fffdf7 !important;
  border: 2px solid rgba(243, 107, 33, .18);
  box-shadow: var(--nutri-shadow);
}

.indication-grid article {
  color: var(--nutri-ink);
}

.offer-card {
  color: var(--nutri-ink);
}

.price-box strong {
  color: var(--nutri-orange) !important;
}

.faq-list summary,
.faq-list p {
  color: #fffaf0 !important;
}

.carousel-btn {
  color: var(--nutri-orange);
}

#price .offer-card {
  position: relative;
  overflow: hidden;
  width: min(100%, 420px);
  max-width: 420px;
  margin: 0 auto;
  padding: 22px 18px 24px;
  background:
    radial-gradient(circle at 18% 8%, rgba(243, 107, 33, .14), transparent 28%),
    linear-gradient(180deg, #fffdf7 0%, var(--nutri-cream) 100%) !important;
  border: 2px solid rgba(243, 107, 33, .34);
  border-radius: 12px;
  box-shadow: 0 22px 46px rgba(0, 49, 27, .26);
}

#price .offer-card::before {
  content: "DESCONTO ATIVO";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  margin: 0 auto 14px;
  padding: 7px 14px 6px;
  border-radius: 999px;
  background: var(--nutri-orange);
  color: #fffaf0;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .5px;
}

#price .offer-card > img {
  width: min(100%, 300px);
  margin-bottom: 18px;
  border-radius: 10px;
  box-shadow: 0 14px 28px rgba(0, 90, 49, .20);
}

#price .offer-includes {
  display: grid;
  gap: 8px;
  min-width: 0;
  color: var(--nutri-ink) !important;
}

#price .offer-includes strong {
  display: block;
  padding: 11px 12px;
  border: 1px solid rgba(0, 90, 49, .14);
  border-radius: 8px;
  background: rgba(255, 255, 255, .72);
  color: var(--nutri-ink);
  font-size: 15px;
  line-height: 1.05;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#price .offer-main {
  padding: 16px 14px;
  border: 2px solid rgba(243, 107, 33, .46) !important;
  border-left: 7px solid var(--nutri-orange) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(255, 243, 220, .95)) !important;
  color: var(--nutri-green-deep) !important;
  font-size: 20px !important;
  line-height: 1.03 !important;
  box-shadow: 0 10px 20px rgba(0, 90, 49, .10);
}

#price .offer-bonus {
  border-left: 4px solid rgba(243, 107, 33, .72) !important;
  color: var(--nutri-ink) !important;
}

#price .offer-includes .fa {
  display: none;
}

#price .price-box {
  margin: 20px auto 14px;
  padding: 16px 14px 18px;
  min-width: 0;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(255, 243, 220, .9));
  border: 1px solid rgba(243, 107, 33, .28);
}

#price .price-box p {
  color: var(--nutri-ink);
  font-weight: 700;
  line-height: 1.25;
  text-wrap: balance;
}

#price .price-box strong {
  font-size: 48px;
  line-height: .95;
  color: var(--nutri-orange) !important;
  text-shadow: 0 2px 0 rgba(255, 255, 255, .8);
}

#price .offer-card .cta {
  width: min(100%, 360px);
  min-height: 66px;
  margin-top: 8px;
  font-size: 18px;
  box-shadow: 0 18px 34px rgba(200, 74, 18, .34), inset 0 1px rgba(255, 255, 255, .35) !important;
}

.secure-note {
  margin: 12px auto 0;
  color: var(--nutri-green-deep);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .25px;
}

@media (min-width: 1100px) {
  .section-green {
    background:
      radial-gradient(circle at 18% 14%, rgba(255, 255, 255, .08), transparent 22%),
      radial-gradient(circle at 84% 84%, rgba(0, 0, 0, .10), transparent 30%),
      linear-gradient(180deg, var(--nutri-green) 0%, var(--nutri-green-deep) 100%);
  }

  .section-white {
    background:
      radial-gradient(circle at 15% 18%, rgba(243, 107, 33, .07), transparent 22%),
      linear-gradient(180deg, #fffdf7 0%, var(--nutri-cream) 100%);
  }

  #price .section-inner {
    width: min(100%, 980px);
  }

  #price .offer-card {
    width: min(100%, 880px);
    max-width: 880px;
    padding: 28px 34px 30px;
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    grid-template-areas:
      "badge badge"
      "cover includes"
      "cover price"
      "cover button";
    gap: 12px 34px;
    align-items: center;
  }

  #price .offer-card::before {
    grid-area: badge;
    justify-self: center;
    margin-bottom: 6px;
  }

  #price .offer-card > img {
    grid-area: cover;
    width: 300px;
    margin: 0;
  }

  #price .offer-includes {
    grid-area: includes;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  #price .offer-includes strong {
    min-height: 74px;
    display: flex;
    align-items: center;
    font-size: 14px;
  }

  #price .offer-main {
    grid-column: 1 / -1;
    min-height: 92px !important;
    justify-content: center;
    font-size: 22px !important;
    text-align: center;
  }

  #price .offer-bonus {
    min-height: 68px !important;
    font-size: 13px !important;
  }

  #price .price-box {
    grid-area: price;
    width: 100%;
    margin: 10px 0 0;
  }

  #price .price-box strong {
    font-size: 58px;
  }

  #price .offer-card .cta {
    grid-area: button;
    width: 100%;
    min-width: 0;
    margin: 4px 0 0;
  }
}

@media (min-width: 1500px) {
  #price .offer-card {
    width: min(100%, 940px);
    max-width: 940px;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 14px 42px;
  }

  #price .offer-card > img {
    width: 330px;
  }

  #price .price-box strong {
    font-size: 64px;
  }
}

.indication-grid {
  gap: 12px;
  margin-top: 22px;
  margin-bottom: 28px;
}

.indication-grid article {
  position: relative;
  min-height: 132px;
  padding: 20px 14px 18px;
  border: 2px solid rgba(243, 107, 33, .48);
  border-radius: 10px;
  background:
    radial-gradient(circle at 50% 0%, rgba(243, 107, 33, .10), transparent 42%),
    #fffdf7 !important;
  box-shadow: 0 12px 24px rgba(0, 49, 27, .18);
}

.indication-grid article::after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(0, 90, 49, .08);
  border-radius: 7px;
  pointer-events: none;
}

.indication-grid .fa {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--nutri-green) 0%, var(--nutri-green-deep) 100%);
  color: #fffaf0;
  font-size: 17px;
  box-shadow: 0 8px 16px rgba(0, 90, 49, .22);
}

.indication-grid p {
  max-width: 150px;
  margin: 0 auto;
  color: var(--nutri-ink);
  font-size: 14px;
  line-height: 1.08;
  font-weight: 900;
}

.indication-grid + .cta {
  width: min(100%, 350px);
  min-height: 62px;
  margin-top: 4px;
  font-size: 17px;
}

@media (min-width: 700px) {
  .indication-grid {
    gap: 16px;
  }

  .indication-grid article {
    min-height: 158px;
    padding: 24px 16px 20px;
  }

  .indication-grid .fa {
    width: 40px;
    height: 40px;
    font-size: 19px;
  }

  .indication-grid p {
    max-width: 175px;
    font-size: 17px;
  }
}

@media (min-width: 1100px) {
  .indication-grid {
    max-width: 860px;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-top: 28px;
    margin-bottom: 34px;
  }

  .indication-grid article {
    min-height: 176px;
    padding: 28px 18px 22px;
  }

  .indication-grid p {
    font-size: 18px;
    line-height: 1.08;
  }

  .indication-grid + .cta {
    width: min(100%, 390px);
    min-height: 66px;
    font-size: 18px;
  }
}

.site-footer {
  background: #003d24;
  color: #fffaf0;
  padding: 30px 18px 34px;
  border-top: 4px solid var(--nutri-orange);
}

.hero-trust {
  width: min(100%, 380px);
  margin: 14px auto 0;
  text-align: center;
  color: var(--nutri-green-deep);
}

.hero-trust p,
.hero-trust small {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0;
}

.hero-trust p {
  color: var(--nutri-green-deep);
  font-size: 13px;
  line-height: 1.25;
  font-weight: 900;
}

.hero-trust small {
  margin-top: 7px;
  color: rgba(0, 61, 36, .76);
  font-size: 11px;
  line-height: 1.25;
  font-weight: 700;
}

.hero-trust .fa {
  flex: 0 0 auto;
  color: var(--nutri-orange);
}

.hero-trust .brand {
  color: var(--nutri-green);
}

.footer-inner {
  width: min(100%, 760px);
  margin: 0 auto;
  text-align: center;
}

.site-footer strong {
  display: block;
  margin-bottom: 10px;
  font-size: 19px;
  font-weight: 900;
}

.site-footer p {
  margin: 8px auto;
  max-width: 680px;
  color: rgba(255, 250, 240, .88);
  font-size: 13px;
  line-height: 1.45;
}

.site-footer a {
  color: #ffe2b8;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.site-footer nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 18px;
  margin-top: 18px;
}

.legal-page {
  min-height: 100vh;
  padding: 34px 18px;
  background:
    radial-gradient(circle at 12% 8%, rgba(243, 107, 33, .12), transparent 22%),
    linear-gradient(180deg, #005a31 0%, #003d24 100%);
  color: var(--nutri-ink);
}

.legal-card {
  width: min(100%, 860px);
  margin: 0 auto;
  padding: 28px 22px;
  border: 2px solid rgba(243, 107, 33, .32);
  border-radius: 12px;
  background: #fffdf7;
  box-shadow: 0 22px 46px rgba(0, 49, 27, .26);
}

.legal-back {
  display: inline-flex;
  margin-bottom: 20px;
  color: var(--nutri-orange);
  font-size: 14px;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-card h1 {
  margin: 0 0 18px;
  color: var(--nutri-green-deep);
  font-size: 34px;
  line-height: 1;
  font-weight: 900;
}

.legal-card h2 {
  margin: 24px 0 8px;
  color: var(--nutri-green);
  font-size: 20px;
  line-height: 1.1;
  font-weight: 900;
}

.legal-card p {
  margin: 10px 0;
  color: var(--nutri-ink);
  font-size: 16px;
  line-height: 1.55;
}

.legal-card a {
  color: var(--nutri-orange-dark);
  font-weight: 800;
}

.legal-updated {
  margin-top: 26px !important;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 90, 49, .16);
  font-size: 13px !important;
  font-weight: 800;
}

@media (min-width: 700px) {
  .hero-trust {
    width: min(100%, 430px);
    margin-top: 16px;
  }

  .hero-trust p {
    font-size: 14px;
  }

  .hero-trust small {
    font-size: 12px;
  }

  .site-footer {
    padding: 38px 28px 42px;
  }

  .legal-page {
    padding: 54px 28px;
  }

  .legal-card {
    padding: 42px 48px;
  }

  .legal-card h1 {
    font-size: 44px;
  }
}

.access-body {
  min-height: 100vh;
  padding: 0 0 108px;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 139, 53, .14), transparent 26%),
    linear-gradient(180deg, #003d24 0%, #08733d 255px, #fff8ec 255px, #fffaf0 100%);
  color: var(--nutri-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif;
}

.access-app {
  width: min(100%, 460px);
  margin: 0 auto;
  padding: 16px 14px 42px;
}

.access-hero {
  display: grid;
  grid-template-columns: 1fr 132px;
  align-items: center;
  gap: 12px;
  padding: 18px 16px 16px;
  border: 2px solid rgba(243, 107, 33, .22);
  border-radius: 24px;
  background:
    radial-gradient(circle at 90% 10%, rgba(243, 107, 33, .14), transparent 24%),
    linear-gradient(160deg, #fffdf7 0%, #fff3dc 100%);
  box-shadow: 0 18px 36px rgba(0, 49, 27, .22);
}

.access-kicker,
.download-tag,
.access-title-row span,
.recommend-card span {
  color: var(--nutri-orange);
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .42px;
}

.access-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
}

.access-hero h1,
.access-section h2,
.access-support h2 {
  margin: 0;
  color: var(--nutri-green-deep);
  font-size: 28px;
  line-height: .98;
  font-weight: 850;
  letter-spacing: 0;
}

.access-hero p {
  margin: 10px 0 0;
  max-width: 250px;
  color: var(--nutri-ink);
  font-size: 13px;
  line-height: 1.32;
  font-weight: 600;
}

.access-hero img {
  width: min(100%, 132px);
  margin: 0 auto;
  border-radius: 16px;
  filter: drop-shadow(0 12px 16px rgba(0, 61, 36, .18));
}

.access-status {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 2px;
}

.access-status span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 8px 9px;
  border: 1px solid rgba(0, 90, 49, .10);
  border-radius: 999px;
  background: rgba(255, 255, 255, .64);
  color: var(--nutri-green-deep);
  font-size: 11px;
  line-height: 1.05;
  font-weight: 800;
}

.access-status .fa {
  color: var(--nutri-orange);
  font-size: 10px;
}

.access-section {
  margin-top: 28px;
  scroll-margin-bottom: 96px;
}

.access-title-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  padding: 0 2px;
}

.access-title-row h2 {
  margin-top: 6px;
  color: var(--nutri-green-deep);
  font-size: 24px;
  line-height: 1.02;
  font-weight: 850;
}

.access-count {
  flex: 0 0 auto;
  padding: 7px 9px;
  border-radius: 999px;
  background: rgba(8, 115, 61, .08);
  color: var(--nutri-green-deep) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.download-grid {
  display: grid;
  gap: 12px;
  padding-bottom: 4px;
}

.download-card,
.access-support,
.recommend-card {
  overflow: hidden;
  border: 1px solid rgba(0, 90, 49, .10);
  border-radius: 18px;
  background: #fffdf7;
  box-shadow: 0 12px 26px rgba(0, 61, 36, .10);
}

.download-card {
  display: grid;
  grid-template-columns: 108px 1fr;
  min-height: 148px;
}

.download-card.is-main {
  grid-template-columns: 116px 1fr;
  border-color: rgba(243, 107, 33, .34);
  background: linear-gradient(180deg, #fffdf7 0%, var(--nutri-cream) 100%);
}

.download-card img {
  width: 100%;
  height: 100%;
  min-height: 148px;
  object-fit: cover;
}

.download-card div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px 14px;
}

.download-card h3,
.addon-card h3,
.recommend-card h3 {
  margin: 7px 0 5px;
  color: var(--nutri-green-deep);
  font-size: 15px;
  line-height: 1.12;
  font-weight: 820;
}

.download-card p,
.addon-card p,
.recommend-card p,
.access-support p,
.access-footer p {
  margin: 0;
  color: rgba(37, 81, 56, .74);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 560;
}

.download-btn,
.recommend-card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  margin-top: auto;
  padding: 10px 13px;
  border-radius: 999px;
  background: linear-gradient(100deg, #ff8b35 0%, var(--nutri-orange) 52%, var(--nutri-orange-dark) 100%);
  color: #fff;
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
  box-shadow: 0 10px 18px rgba(200, 74, 18, .20);
}

.addon-scroll {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 78%;
  gap: 12px;
  overflow-x: auto;
  padding: 2px 2px 12px;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
}

.addon-card {
  overflow: hidden;
  scroll-snap-align: start;
  border: 1px solid rgba(0, 90, 49, .08);
  border-radius: 18px;
  background: #fffdf7;
  box-shadow: 0 10px 22px rgba(0, 61, 36, .09);
}

.addon-card img {
  width: 100%;
  height: 132px;
  object-fit: cover;
}

.addon-card div {
  padding: 13px 14px 15px;
}

.addon-card a,
.access-support a,
.access-footer a {
  display: inline-flex;
  margin-top: 10px;
  color: var(--nutri-orange-dark);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.recommend-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.recommend-card img {
  width: 100%;
  aspect-ratio: 1.1 / 1;
  object-fit: cover;
}

.recommend-card div {
  padding: 12px;
}

.recommend-card h3 {
  font-size: 14px;
}

.recommend-card p {
  min-height: 44px;
}

.recommend-card span {
  display: block;
  margin-top: 10px;
  color: var(--nutri-green);
  font-size: 10px;
}

.recommend-card a {
  width: 100%;
  min-height: 36px;
  margin-top: 8px;
  font-size: 11px;
  text-decoration: none;
}

.access-support {
  margin-top: 28px;
  padding: 22px 18px;
  text-align: center;
  scroll-margin-bottom: 96px;
}

.access-support .fa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 11px;
  border-radius: 999px;
  background: var(--nutri-green-deep);
  color: #fffaf0;
}

.access-support h2 {
  font-size: 24px;
}

.access-support p {
  margin: 8px auto 0;
  max-width: 300px;
}

.access-footer {
  padding: 22px 6px 0;
  text-align: center;
}

.access-footer strong {
  color: var(--nutri-green-deep);
  font-size: 16px;
  font-weight: 900;
}

.access-footer p {
  max-width: 370px;
  margin: 8px auto;
}

.access-footer nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 14px;
  margin-top: 12px;
}

.access-footer a {
  margin-top: 0;
  font-size: 11px;
}

.access-bottom-nav {
  position: fixed;
  right: 10px;
  bottom: 10px;
  left: 10px;
  z-index: 20;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  width: min(calc(100% - 20px), 430px);
  margin: 0 auto;
  padding: 7px 8px 6px;
  border: 1px solid rgba(0, 90, 49, .12);
  border-radius: 22px;
  background: rgba(255, 253, 247, .94);
  box-shadow: 0 10px 28px rgba(0, 49, 27, .18);
  backdrop-filter: blur(10px);
}

.access-bottom-nav a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: rgba(37, 81, 56, .70);
  font-size: 9px;
  line-height: 1;
  font-weight: 800;
}

.access-bottom-nav .fa {
  color: var(--nutri-green);
  font-size: 16px;
}

.access-bottom-nav a:hover,
.access-bottom-nav a:hover .fa {
  color: var(--nutri-orange);
}

@media (min-width: 700px) {
  .access-body {
    padding-bottom: 112px;
    background:
      radial-gradient(circle at 18% 0%, rgba(255, 139, 53, .14), transparent 26%),
      linear-gradient(180deg, #003d24 0%, #08733d 310px, #fff8ec 310px, #fffaf0 100%);
  }

  .access-app {
    width: min(100%, 760px);
    padding: 28px 24px 52px;
  }

  .access-hero {
    grid-template-columns: 1fr 230px;
    align-items: center;
    gap: 20px;
    padding: 28px 30px 24px;
  }

  .access-hero h1 {
    max-width: 390px;
    font-size: 40px;
  }

  .access-hero p {
    max-width: 360px;
    font-size: 16px;
  }

  .access-hero img {
    width: min(100%, 230px);
  }

  .access-status {
    grid-template-columns: repeat(2, max-content);
    justify-content: start;
    gap: 10px;
  }

  .access-status span {
    min-height: 36px;
    padding-inline: 14px;
    font-size: 12px;
  }

  .access-title-row h2 {
    font-size: 28px;
  }

  .download-grid {
    grid-template-columns: 1fr 1fr;
  }

  .download-card,
  .download-card.is-main {
    grid-template-columns: 1fr;
  }

  .download-card img {
    height: 176px;
    min-height: 176px;
  }

  .download-card.is-main {
    grid-column: 1 / -1;
    grid-template-columns: 260px 1fr;
  }

  .download-card.is-main img {
    height: 100%;
  }

  .addon-scroll {
    grid-auto-columns: 31%;
    overflow-x: visible;
  }

  .recommend-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .access-bottom-nav {
    width: min(100% - 40px, 520px);
    padding: 8px 10px 7px;
  }
}

@media (min-width: 1100px) {
  .access-body {
    background:
      radial-gradient(circle at 18% 0%, rgba(255, 139, 53, .14), transparent 24%),
      linear-gradient(180deg, #003d24 0%, #08733d 340px, #fff8ec 340px, #fffaf0 100%);
  }

  .access-app {
    width: min(100%, 940px);
    padding-top: 34px;
  }

  .access-hero {
    grid-template-columns: 1fr 300px;
    padding: 34px 42px 30px;
  }

  .access-hero h1 {
    max-width: 520px;
    font-size: 50px;
  }

  .access-hero p {
    font-size: 17px;
  }

  .access-hero img {
    width: min(100%, 286px);
  }

  .access-section {
    margin-top: 30px;
  }

  .access-title-row h2 {
    font-size: 30px;
  }

  .download-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .download-card.is-main {
    grid-column: 1 / -1;
    grid-template-columns: 320px 1fr;
  }

  .download-card h3,
  .addon-card h3 {
    font-size: 17px;
  }

  .download-card p,
  .addon-card p,
  .recommend-card p {
    font-size: 13px;
  }

  .recommend-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .recommend-card:nth-child(1),
  .recommend-card:nth-child(2) {
    grid-column: span 2;
  }
}

@media (max-width: 699px) {
  .hero {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .hero h1 {
    font-size: 25px;
    line-height: .96;
  }

  .hero-card-section {
    padding-top: 30px;
    padding-bottom: 34px;
  }

  .hero-card-section.shape-triangle:before {
    height: 26px;
    clip-path: polygon(0 0, 100% 0, 50% 70%);
  }

  .hero-card-section .media-frame {
    width: min(100%, 332px);
    margin: 0 auto;
  }

  .hero-card-section .lead {
    margin-top: 22px;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 1.15;
  }

  .hero-card-section .cta {
    min-height: 54px;
  }

  .hero-trust {
    margin-top: 10px;
  }

  #price .offer-card {
    padding: 18px 14px 20px;
  }

  #price .offer-card::before {
    min-height: 28px;
    margin-bottom: 12px;
    padding: 7px 13px 6px;
    font-size: 11px;
  }

  #price .offer-card > img {
    width: min(100%, 260px);
    margin-bottom: 14px;
  }

  #price .offer-includes {
    gap: 6px;
  }

  #price .offer-includes strong {
    padding: 8px 10px;
    font-size: 11px;
    line-height: 1.08;
  }

  #price .offer-main {
    padding: 11px 12px !important;
    font-size: 15px !important;
    line-height: 1.06 !important;
    text-align: center;
  }

  #price .offer-bonus {
    padding: 7px 10px !important;
    font-size: 9px !important;
    line-height: 1.08 !important;
  }

  #price .price-box {
    margin: 14px auto 12px;
    padding: 13px 12px 15px;
  }

  #price .price-box p {
    font-size: 14px;
  }

  #price .price-box strong {
    font-size: 44px;
  }

  #price .offer-card .cta {
    width: min(100%, 330px);
    min-height: 58px;
    font-size: 16px;
  }

  .secure-note {
    margin-top: 10px;
    font-size: 11px;
  }
}

@media (min-width: 700px) {
  .hero {
    background:
      radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .18), transparent 34%),
      linear-gradient(180deg, #ff8b35 0%, var(--nutri-orange) 52%, var(--nutri-orange-dark) 100%) !important;
  }
}

.hero-card-section .lead {
  font-size: 20px;
}

.hero-lead {
  display: grid;
  gap: 6px;
  width: min(100%, 330px);
}

.hero-lead strong,
.hero-lead span {
  display: block;
}

.hero-lead strong {
  color: var(--nutri-green-deep);
  font-size: 20px;
  line-height: 1.08;
  font-weight: 900;
  text-wrap: balance;
}

.hero-lead span {
  color: rgba(37, 81, 56, .86);
  font-size: 16px;
  line-height: 1.22;
  font-weight: 700;
  text-wrap: balance;
}

@media (min-width: 700px) {
  .hero-card-section .lead {
    font-size: 26px;
  }

  .hero-lead {
    width: min(100%, 440px);
    gap: 8px;
  }

  .hero-lead strong {
    font-size: 28px;
  }

  .hero-lead span {
    font-size: 21px;
  }
}

@media (min-width: 1100px) {
  .hero-card-section .lead {
    font-size: 31px !important;
  }

  .hero-lead {
    width: min(100%, 560px) !important;
  }

  .hero-lead strong {
    font-size: 31px;
  }

  .hero-lead span {
    font-size: 23px;
  }
}