:root{
  --red:#ff120f;
  --cream:#fff4c9;
  --pink:#f76dcc;
  --soft-pink:#ffbad4;
  --purple:#5551a8;
  --orange:#ff9407;
  --yellow:#ffb000;
  --black:#151515;
  --white:#fffdf4;
  --radius:28px;
}

/* Railroad Gothic ATF carregada pelo kit Adobe Fonts no index.html. */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--black);
  background:var(--cream);
  font-family:"Inter",sans-serif;
  line-height:1.35;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

h1,h2,h3,.brand,.footer-logo,.kicker,.chapter-num,.big{
  font-family:"railroad-gothic-atf","Arial Black","Impact",sans-serif;
  font-weight:700;
  letter-spacing:-.035em;
  text-transform:uppercase;
  line-height:.88;
}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  min-height:82px;
  padding:14px 4vw;
  display:flex;
  align-items:center;
  gap:34px;
  border-bottom:3px solid var(--black);
  background:rgba(255,244,201,.96);
  backdrop-filter:blur(12px);
}
.brand{
  font-size:25px;
  display:flex;
  flex-direction:column;
  color:var(--red);
  margin-right:auto;
}
.nav{
  display:flex;
  align-items:center;
  gap:24px;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
}
.nav a:hover{text-decoration:underline;text-underline-offset:5px}

.btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:58px;
  padding:0 26px;
  border:3px solid var(--black);
  box-shadow:6px 6px 0 var(--black);
  font-weight:900;
  text-transform:uppercase;
  transition:.15s ease;
}
.btn:hover{
  transform:translate(3px,3px);
  box-shadow:3px 3px 0 var(--black);
}
.btn-small{
  min-height:44px;
  padding:0 18px;
  background:var(--red);
  color:var(--cream);
}
.btn-primary{background:var(--cream)}
.btn-dark{background:var(--black);color:var(--cream);box-shadow:6px 6px 0 var(--pink)}

.hero{
  min-height:780px;
  padding:76px 5vw 72px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:70px;
  overflow:hidden;
  background:var(--red);
  color:var(--cream);
  position:relative;
}


.eyebrow,.kicker{
  display:inline-block;
  margin:0 0 22px;
  font-size:18px;
  letter-spacing:.03em;
}
.hero h1{
  margin:0;
  max-width:900px;
  font-size:clamp(62px,7vw,118px);
}
.hero-text{
  max-width:710px;
  font-size:clamp(18px,1.45vw,24px);
  font-weight:600;
  margin:30px 0 34px;
}
.hero-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:24px;
}
.text-link{
  font-weight:900;
  font-size:14px;
  text-decoration:underline;
  text-underline-offset:6px;
}
.mini-proof{
  margin-top:34px;
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}

.hero-visual{position:relative;max-width:580px;margin-left:auto}
.book-card{
  margin:0;
  background:var(--cream);
  padding:15px;
  border:3px solid var(--black);
  box-shadow:18px 18px 0 var(--purple);
  transform:rotate(2deg);
}
.book-card img{width:100%;height:auto}
.stamp{
  position:absolute;
  z-index:5;
  width:118px;
  height:118px;
  display:grid;
  place-items:center;
  text-align:center;
  border-radius:50%;
  border:3px solid var(--black);
  font-family:"railroad-gothic-atf","Arial Black","Impact",sans-serif;
  font-weight:700;
  line-height:.88;
  box-shadow:5px 5px 0 var(--black);
}
.stamp-pink{background:var(--pink);left:-50px;top:45px;transform:rotate(-10deg)}
.stamp-yellow{background:var(--yellow);right:-45px;bottom:80px;transform:rotate(9deg)}

.marquee{
  overflow:hidden;
  border-top:3px solid var(--black);
  border-bottom:3px solid var(--black);
  background:var(--purple);
  color:var(--cream);
  padding:17px 0;
  white-space:nowrap;
}

@keyframes marquee{
  to{transform:translateX(-50%)}
}

.section{padding:100px 5vw}
.cream{background:var(--cream)}
.pink-section{background:var(--soft-pink)}
.red-section{background:var(--red)}
.section-heading{max-width:1100px;margin-bottom:55px}
.section-heading.light{color:var(--cream)}
.section-heading h2,
.split-title h2,
.cta-copy h2{
  margin:0;
  font-size:clamp(56px,7vw,105px);
}
.section-intro{
  max-width:760px;
  margin-top:24px;
  font-size:19px;
  font-weight:600;
}

.problem-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.card{
  min-height:330px;
  padding:30px;
  border:3px solid var(--black);
  border-radius:18px;
  box-shadow:8px 8px 0 var(--black);
}
.card-number{
  display:block;
  font-size:15px;
  font-weight:900;
  margin-bottom:70px;
}
.card h3{
  margin:0 0 18px;
  font-size:42px;
}
.card p{font-size:16px;font-weight:600}
.card-pink{background:var(--pink)}
.card-purple{background:var(--purple);color:var(--cream)}
.card-orange{background:var(--orange)}

.chapters{
  border:3px solid var(--black);
}
.chapter{
  min-height:155px;
  display:grid;
  grid-template-columns:90px 1fr 90px;
  align-items:center;
  gap:25px;
  padding:25px 28px;
  border-bottom:3px solid var(--black);
}
.chapter:last-child{border-bottom:0}
.chapter-num{font-size:65px}
.chapter h3{font-size:48px;margin:0 0 6px}
.chapter p{margin:0;font-weight:700;max-width:680px}
.chapter-icon{font-size:48px;text-align:center}
.chapter.purple{background:var(--purple);color:var(--cream)}
.chapter.pink{background:var(--pink)}
.chapter.red{background:#ff241f;color:var(--cream)}
.chapter.yellow{background:var(--yellow)}
.chapter.orange{background:var(--orange)}

.gallery{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  align-items:start;
  position:relative;
}
.shot{
  margin:0;
  border:3px solid var(--black);
  background:var(--cream);
  padding:10px;
  box-shadow:12px 12px 0 var(--black);
}
.shot-a{transform:rotate(-2deg)}
.shot-b{transform:rotate(2deg);margin-top:90px}
.gallery-note{
  position:absolute;
  left:50%;
  top:46%;
  transform:translate(-50%,-50%) rotate(-6deg);
  min-width:220px;
  padding:20px;
  text-align:center;
  background:var(--yellow);
  border:3px solid var(--black);
  box-shadow:7px 7px 0 var(--black);
  font-weight:900;
}
.gallery-note .big{
  display:block;
  font-size:54px;
  color:var(--red);
}

.split{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:70px;
  align-items:start;
}
.check-list{
  border-top:3px solid var(--black);
}
.check-list div{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:20px;
  padding:24px 0;
  border-bottom:3px solid var(--black);
  font-size:19px;
  font-weight:700;
}
.check-list b{
  width:38px;height:38px;
  display:grid;place-items:center;
  background:var(--red);color:var(--cream);
  border-radius:50%;
}

.cta-section{
  padding:70px 5vw;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:60px;
  align-items:center;
  background:var(--purple);
  color:var(--cream);
  border-top:3px solid var(--black);
  border-bottom:3px solid var(--black);
}
.cta-art{
  min-height:420px;
  display:grid;
  place-items:center;
  font-size:190px;
  background:var(--cream);
  border:3px solid var(--black);
  border-radius:50% 50% 20px 20px;
}
.cta-copy p{
  max-width:680px;
  font-size:20px;
  font-weight:600;
}
.cta-copy small{display:block;margin-top:18px;opacity:.8}

.faq{max-width:1000px}
details{
  border-top:3px solid var(--black);
  padding:24px 0;
}
details:last-child{border-bottom:3px solid var(--black)}
summary{
  cursor:pointer;
  list-style:none;
  font-family:"railroad-gothic-atf","Arial Black","Impact",sans-serif;
  font-weight:700;
  text-transform:uppercase;
  font-size:34px;
  line-height:1;
}
summary::-webkit-details-marker{display:none}
details p{max-width:760px;font-size:17px}

footer{
  padding:65px 5vw 32px;
  background:var(--red);
  color:var(--cream);
}
.footer-logo{font-size:72px}
footer p{max-width:600px;font-weight:700}
.footer-small{margin-top:60px;font-size:12px;opacity:.75}

@media (max-width:980px){
  .nav{display:none}
  .hero{
    grid-template-columns:1fr;
    gap:50px;
    padding-top:55px;
  }
  .hero-visual{margin:0 auto}
  .problem-grid{grid-template-columns:1fr}
  .split,.cta-section{grid-template-columns:1fr}
  .gallery-note{position:relative;left:auto;top:auto;transform:rotate(-2deg);grid-column:1/-1}
}

@media (max-width:680px){
  .site-header{padding:12px 18px;min-height:68px}
  .site-header .btn-small{display:none}
  .hero{padding:48px 20px 55px;min-height:auto}
  .hero h1{font-size:54px}
  .hero-text{font-size:17px}
  .hero-actions .btn{width:100%}
  .stamp{width:88px;height:88px;font-size:12px}
  .stamp-pink{left:-10px;top:20px}
  .stamp-yellow{right:-10px;bottom:40px}
  .section{padding:72px 20px}
  .section-heading h2,.split-title h2,.cta-copy h2{font-size:50px}
  .card h3{font-size:36px}
  .chapter{
    grid-template-columns:52px 1fr;
    min-height:auto;
    padding:22px 18px;
  }
  .chapter-num{font-size:42px}
  .chapter h3{font-size:34px}
  .chapter-icon{display:none}
  .gallery{grid-template-columns:1fr}
  .shot-b{margin-top:0}
  .cta-section{padding:60px 20px}
  .cta-art{min-height:260px;font-size:120px}
  summary{font-size:28px}
  .footer-logo{font-size:56px}
}

/* Ajustes de navegação, leitura e identidade */
.brand img{width:112px;height:auto}
.footer-logo img{width:250px;height:auto}
.btn-primary{color:var(--black)}
.hero{min-height:auto;padding-top:60px;padding-bottom:60px;gap:44px}
.hero h1{font-size:clamp(54px,6.5vw,104px);line-height:1}
h2,h3{line-height:1}
.section{padding-top:72px;padding-bottom:72px}
.section-heading{margin-bottom:36px}
.card{min-height:280px}
.card-number{margin-bottom:36px}
.cta-art{min-height:280px;font-size:125px}
.gallery-note{position:static;transform:none;grid-column:1/-1;min-width:0;display:flex;align-items:center;justify-content:center;gap:20px}
.shot-b{margin-top:0}
figcaption{padding:14px 4px 4px;font-size:15px;font-weight:600;line-height:1.5}
figcaption a{text-decoration:underline;text-underline-offset:3px;display:inline-block}
section[id],main[id]{scroll-margin-top:110px}
.btn{font-family:inherit;font-size:14px;cursor:pointer}
.btn:disabled{cursor:default;opacity:.8}
.btn:disabled:hover{transform:none;box-shadow:6px 6px 0 var(--pink)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.offer-note{font-weight:700}
@media(max-width:980px){
 .site-header{flex-wrap:wrap;gap:12px}
 .nav{display:flex;order:3;width:100%;justify-content:center;gap:20px;font-size:12px;padding:5px 0}
}
@media(max-width:680px){
 .brand img{width:90px}
 .site-header .btn-small{display:inline-flex;min-height:38px;font-size:11px;padding:0 12px}
 .nav{gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:10px;white-space:nowrap}
 .hero h1{font-size:48px}
 .hero{gap:36px}
 .section{padding-top:52px;padding-bottom:52px}
 .card{min-height:0;padding:24px}
 .card-number{margin-bottom:24px}
 .shot{transform:none;box-shadow:6px 6px 0 var(--black)}
 .gallery-note{gap:14px;padding:16px}
 .gallery-note .big{font-size:44px}
 .cta-art{min-height:180px;font-size:90px}
 .footer-logo img{width:200px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

.price-offer{margin:24px 0 28px}
.cta-copy .price-original{font-size:18px;margin:0 0 6px}
.cta-copy .price-current{font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1.1;margin:0}
.price-current span{font-size:18px;font-weight:500}
.cta-copy .price-promo{font-size:16px;margin:12px 0 0}

.cta-copy .offer-benefit{font-size:17px;line-height:1.5;max-width:560px;margin:12px 0 0}

.cta-copy .countdown-label{font-size:18px;font-weight:700;margin:22px 0 12px}
.countdown{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}
.countdown[hidden]{display:none}
.countdown div{background:var(--cream);color:var(--black);border:3px solid var(--black);box-shadow:4px 4px 0 var(--black);padding:14px 12px;min-width:76px;text-align:center}
.countdown strong{display:block;font-family:"railroad-gothic-atf","Arial Black",Impact,sans-serif;font-weight:700;font-size:38px;font-variant-numeric:tabular-nums;line-height:1}
.countdown span{font-family:Inter,sans-serif;font-size:11px;text-transform:uppercase;font-weight:800}
@media(max-width:680px){.countdown{gap:10px}.countdown div{min-width:64px;padding:12px 8px}.countdown strong{font-size:32px}}

.purchase-conditions{max-width:820px;line-height:1.6}.purchase-conditions a,.purchase-assurance a,.faq p a{text-decoration:underline;text-underline-offset:3px}.cta-copy .purchase-assurance{font-size:14px;line-height:1.5;margin:16px 0}

.marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite;will-change:transform}
.marquee-group{display:flex;align-items:center;flex-shrink:0;gap:34px;padding-right:34px;font-size:16px;font-weight:900;letter-spacing:.06em}
.marquee-star{color:var(--pink);font-size:20px}
@media(max-width:680px){.marquee-group{gap:24px;padding-right:24px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}
/* Oferta com destaque para produto, desconto e preço */
.cta-section{grid-template-columns:.85fr 1.15fr;gap:60px;padding:80px 5vw;align-items:center}
.cta-art{background:none;border:0;border-radius:0;min-height:0;display:block;font-size:inherit;max-width:420px;margin:0 auto}
.cta-art img{width:100%;border:3px solid var(--black);box-shadow:12px 12px 0 var(--pink);transform:rotate(-3deg)}
.cta-art p{font-size:18px;font-weight:700;text-align:center;margin:32px 0 0}
.cta-copy h2{font-size:clamp(40px,4.5vw,68px);line-height:1}
.cta-copy>p{font-size:18px;line-height:1.5}
.offer-card{position:relative;background:var(--cream);color:var(--black);border:3px solid var(--black);box-shadow:10px 10px 0 var(--black);padding:30px;margin-top:28px}
.cta-copy .offer-note{font-size:12px;letter-spacing:.06em;margin:0 0 18px}
.offer-card .price-offer{display:flex;flex-direction:column;margin:0 0 24px}
.offer-card .price-promo{order:-1;align-self:flex-start;background:var(--yellow);border:2px solid var(--black);padding:8px 12px;box-shadow:3px 3px 0 var(--black);font-size:13px;margin:0 0 22px;transform:rotate(-2deg)}
.offer-card .price-original{font-size:18px;margin:0 0 4px}
.offer-card .price-current{color:var(--red);font-size:clamp(64px,7vw,90px);font-weight:900;letter-spacing:-.055em;line-height:1.1;margin:0}
.price-current .price-prefix{display:block;font-size:15px;letter-spacing:0;color:var(--black)}
.price-current .price-currency{font-size:26px;font-weight:800;letter-spacing:0}
.price-current strong{font-weight:900}
.offer-card .offer-benefit{font-size:16px;line-height:1.5;margin-top:16px}
.offer-card .countdown-label{font-size:13px;margin-top:20px}
.offer-card .countdown div{background:var(--purple);color:var(--cream);box-shadow:3px 3px 0 var(--black);min-width:68px;padding:10px}
.offer-card .countdown strong{font-size:30px}
.offer-card .btn-dark{width:100%;min-height:60px;background:var(--red);color:var(--cream);box-shadow:5px 5px 0 var(--black);font-size:17px}
.offer-card .btn:disabled{opacity:1}
.offer-card .btn:disabled:hover{box-shadow:5px 5px 0 var(--black)}
.offer-card small{text-align:center;font-size:12px;line-height:1.6;opacity:1;margin-top:18px}
@media(max-width:980px){.cta-section{grid-template-columns:1fr;gap:44px}.cta-art{max-width:300px}.cta-copy{max-width:650px;margin:auto;width:100%}}
@media(max-width:680px){.cta-section{padding:55px 20px}.cta-art{max-width:240px}.offer-card{padding:22px 18px;box-shadow:6px 6px 0 var(--black)}.offer-card .price-current{font-size:68px}.offer-card .countdown{gap:8px}.offer-card .countdown div{min-width:58px;padding:8px 6px}.offer-card .countdown span{font-size:10px}.cta-copy h2{font-size:42px}}

.chapter{grid-template-columns:90px 1fr}.footer-contact a{text-decoration:underline;text-underline-offset:4px}@media(max-width:680px){.chapter{grid-template-columns:52px 1fr}}

.footer-social{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 20px}.footer-social a{border:2px solid var(--cream);padding:10px 16px;font-size:14px;font-weight:700}.footer-social a:hover{background:var(--cream);color:var(--red)}

.cta-art img{border:0;box-shadow:none;transform:none;filter:drop-shadow(0 18px 16px rgba(0,0,0,.22))}.cta-art{max-width:460px}@media(max-width:980px){.cta-art{max-width:330px}}@media(max-width:680px){.cta-art{max-width:260px}}