:root{
  --cream:#f7f0e6;
  --cream-2:#fffaf3;
  --ink:#171a1c;
  --muted:#66635f;
  --coral:#f05a3e;
  --coral-dark:#d94831;
  --olive:#8d9528;
  --yellow:#f2bd38;
  --lilac:#9f83bf;
  --blue:#1887c9;
  --kraft:#b8793f;
  --dark:#080d15;
  --radius:28px;
  --shadow:0 18px 50px rgba(36,22,12,.10);
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.section{position:relative;padding:88px 0}
.topbar{height:74px;padding:0 max(24px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;background:rgba(247,240,230,.94);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(23,26,28,.08)}
.brand{font-size:29px;font-weight:850;letter-spacing:-1.6px}.brand span{color:var(--coral)}
.top-cta{background:var(--coral);color:#fff;padding:13px 22px;border-radius:12px;font-weight:800;font-size:14px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--olive) 50%,transparent);color:var(--olive);padding:8px 13px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em}
.olive{color:var(--olive)}
h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em;line-height:.98;margin:0}
h1{font-size:clamp(54px,5.2vw,86px);max-width:650px}
h2{font-size:clamp(42px,4.4vw,68px)}
h1 em,h2 em{color:var(--coral);font-style:normal}
.lead{font-size:20px;max-width:520px;margin:28px 0 16px}
.price{display:flex;align-items:baseline;gap:7px;color:var(--coral);margin:14px 0}.price span{font-size:26px}.price strong{font-size:68px;line-height:1;font-weight:850;letter-spacing:-4px}.price small{font-size:22px;color:var(--ink)}
.price.big strong{font-size:84px}.price.big span{font-size:30px}
.quick-benefits{display:flex;flex-wrap:wrap;gap:12px 22px;font-weight:650;font-size:14px;margin:20px 0 26px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:15px;padding:18px 28px;font-weight:900;letter-spacing:.02em;min-width:340px}
.btn-primary{background:var(--coral);color:#fff;box-shadow:0 12px 30px rgba(240,90,62,.25)}
.btn-dark{background:#081328;color:#fff}
.secure{font-size:13px;color:#57534f;margin:15px 0 0}
.hero{min-height:calc(100vh - 74px);display:flex;align-items:center;overflow:hidden;background:var(--cream)}
.hero-media{position:absolute;right:0;top:0;bottom:0;width:51%;background:url("assets/images/hero-desktop-composite.webp") center/cover no-repeat;border-bottom-left-radius:42px}
.hero-grid{display:grid;grid-template-columns:48% 52%;align-items:center;position:relative;z-index:2}
.hero-copy{padding:30px 0 48px}
.hero-copy .eyebrow{margin-bottom:22px}
.section-heading{text-align:center;max-width:850px;margin:0 auto 44px}.section-heading.left{text-align:left;margin-left:0}.section-heading h2{margin:12px 0 14px}.section-heading p{font-size:19px;color:var(--muted);margin:0}
.benefits{background:var(--cream-2)}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.benefit-card{background:#fff;border:1px solid rgba(23,26,28,.08);border-radius:24px;padding:25px;box-shadow:0 10px 28px rgba(42,30,18,.05);overflow:hidden}
.benefit-card h3{font-size:25px;margin:15px 0 8px}.benefit-card p{color:var(--muted);min-height:75px}
.benefit-card>img{height:270px;width:100%;object-fit:cover;border-radius:18px;margin-top:16px}
.icon,.step-number{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:900}.olive-bg{background:#e6e8d4;color:#7f871d}.yellow-bg{background:#fff0c5;color:#e09a0a}.lilac-bg{background:#eee7f3;color:#75509b}
.product-trio{height:270px;display:flex;align-items:flex-end;justify-content:center;gap:0;margin-top:15px;overflow:hidden;background:#f8f3eb;border-radius:18px}.product-trio img{width:34%;height:100%;object-fit:contain;margin-inline:-2%}
.social-proof{background:radial-gradient(circle at 50% 20%,#101927 0,#080d15 62%);color:#fff}
.dark-heading p{color:#c4cad2}.social-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:stretch}
.video-placeholder{position:relative;border-radius:24px;overflow:hidden;background:#111827;min-height:520px;border:1px solid rgba(255,255,255,.16)}
.video-placeholder img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.72)}
.play-button{position:absolute;left:50%;top:50%;translate:-50% -50%;width:92px;height:92px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.48);color:#fff;font-size:32px;cursor:pointer}
.video-note{position:absolute;bottom:20px;left:20px;background:rgba(0,0,0,.58);padding:8px 12px;border-radius:9px;font-size:12px;letter-spacing:.08em}
.testimonials{display:grid;gap:15px}.testimonials blockquote{margin:0;border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:24px;background:rgba(255,255,255,.035);font-style:normal;color:#f1b537}.testimonials p{font-size:18px;color:#fff;line-height:1.55}.testimonials cite{color:var(--coral);font-weight:800;font-style:normal}
.offer{background:var(--cream-2)}.offer-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.offer-product img{width:100%;border-radius:22px}.offer-copy h2{margin:15px 0 12px}.offer-sub{font-size:22px}.check-list{list-style:none;padding:0;margin:18px 0 26px;display:grid;gap:9px;font-weight:650}.check-list li::before{content:"✓";color:var(--olive);font-weight:900;margin-right:10px}
.how{background:var(--cream)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}.steps article{padding:30px;border:1px solid rgba(23,26,28,.08);border-radius:22px;background:#fff}.steps h3{font-size:25px;margin:18px 0 8px}.steps p{color:var(--muted)}
.faq{background:var(--cream-2)}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:start}.faq-intro h2{font-size:62px}.faq-intro p{font-size:18px;color:var(--muted)}.secure-card{margin-top:35px;padding:20px;border-top:1px solid rgba(23,26,28,.1)}
.accordion{display:grid;gap:12px}.accordion details{background:#fff;border:1px solid rgba(23,26,28,.09);border-radius:18px;padding:0 22px}.accordion summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-weight:820;font-size:19px;position:relative}.accordion summary::-webkit-details-marker{display:none}.accordion summary::after{content:"+";position:absolute;right:0;color:var(--coral);font-size:29px;font-weight:400;top:14px}.accordion details[open] summary::after{content:"–"}.accordion details p{margin:0 0 22px;color:var(--muted);max-width:750px}
.closing{background:linear-gradient(135deg,#ef5a3c,#f46e4e);color:#fff;overflow:hidden}.closing-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.closing-copy h2{font-size:clamp(50px,5.1vw,82px);color:#fff}.closing-copy h2 strong{color:#101727}.closing-copy h2 em{color:#101727;font-style:italic}.closing-copy>p{font-size:22px}.price.inverted{color:#fff}.price.inverted small{color:#fff}.closing-product img{width:100%;border-radius:28px}.closing-benefits{margin-top:24px;font-weight:650}
.sticky-cta{display:none}

@media (max-width: 767px){
  .topbar{height:64px;padding:0 18px}.brand{font-size:25px}.top-cta{display:none}
  .container{width:min(100% - 30px,650px)}.section{padding:62px 0}
  h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:52px;line-height:1.02;letter-spacing:-2.5px}h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:42px;line-height:1.04;letter-spacing:-2px}
  .hero{min-height:auto;padding:0 0 52px;display:block}.hero-media{position:relative;width:100%;height:400px;border-radius:0 0 30px 30px;background-image:linear-gradient(to bottom,rgba(247,240,230,0) 65%,var(--cream) 100%),url("assets/images/hero-mobile-composite.webp");background-position:center 25%}
  .hero-grid{display:block}.hero-copy{margin-top:-65px;background:linear-gradient(to bottom,rgba(247,240,230,.12),var(--cream) 20%);padding:50px 0 0;position:relative}.hero-copy .eyebrow{margin-bottom:18px}
  .lead{font-size:18px;margin:20px 0 12px}.price strong{font-size:64px}.price span{font-size:24px}.price small{font-size:18px}.quick-benefits{display:grid;gap:7px;margin:17px 0 22px}.btn{width:100%;min-width:0}
  .benefit-grid,.social-grid,.offer-grid,.steps,.faq-grid,.closing-grid{grid-template-columns:1fr}
  .benefit-card>img,.product-trio{height:250px}.social-grid{gap:22px}.video-placeholder{min-height:430px}.testimonials{grid-template-columns:1fr}.offer-grid{gap:25px}.offer-product{order:2}.offer-copy{order:1}.price.big strong{font-size:72px}
  .steps{gap:12px}.steps article{padding:24px}.faq-grid{gap:24px}.faq-intro h2{font-size:44px}.closing{padding-bottom:110px}.closing-product{margin-top:15px}
  .sticky-cta{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:70;background:rgba(15,20,28,.96);color:#fff;padding:10px 10px 10px 16px;border-radius:17px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 35px rgba(0,0,0,.26);translate:0 140%;transition:translate .28s ease;pointer-events:none}
  .sticky-cta.is-visible{translate:0 0;pointer-events:auto}.sticky-cta div{display:flex;align-items:baseline;gap:3px}.sticky-cta strong{font-size:19px}.sticky-cta small{font-size:12px;color:#d1d5db}.sticky-cta a{background:var(--coral);padding:12px 15px;border-radius:11px;font-weight:850;font-size:13px}
}

/* QA mobile fidelity pass 01 */
.hero-kit,.offer-mobile-product{display:none}
.step-visual{width:100%;height:210px;object-fit:cover;border-radius:18px;margin:16px 0 4px;background:#faf5ed}
.step-visual.contain{object-fit:contain;padding:8px}
.phone-mock{display:flex;flex-direction:column;align-items:center;justify-content:center;border:7px solid #161616;border-radius:28px;background:#fff;color:var(--coral);font-weight:900;gap:12px}.phone-mock span{font-size:25px}.phone-mock b{background:var(--coral);color:#fff;padding:10px 20px;border-radius:9px;font-size:13px}

@media (max-width:767px){
  body{background:var(--cream)}
  .hero{padding-bottom:32px;background:var(--cream);overflow:hidden}
  .hero-media{height:570px;background-image:linear-gradient(90deg,rgba(247,240,230,.96) 0%,rgba(247,240,230,.77) 45%,rgba(247,240,230,.05) 72%),url("assets/images/hero-mobile-composite.webp");background-position:center 20%;border-radius:0}
  .hero-kit{display:block;position:absolute;left:18px;right:18px;top:560px;width:calc(100% - 36px);max-height:340px;object-fit:contain;z-index:3;filter:drop-shadow(0 18px 22px rgba(42,26,14,.20))}
  .hero-grid{position:absolute;inset:0 auto auto 0;width:100%;z-index:4;padding-top:98px}
  .hero-copy{margin:0;background:none;padding:0 0 0;max-width:72%}
  .hero-copy .eyebrow{font-size:10px;padding:7px 10px;background:rgba(247,240,230,.75)}
  .hero h1{font-size:47px;line-height:.99;max-width:300px}.hero h1 em{display:block;color:var(--olive);font-family:"Brush Script MT","Segoe Script",cursive;font-size:46px;font-weight:500;letter-spacing:-1px;margin-top:10px}
  .hero .lead{font-size:17px;line-height:1.45;max-width:230px;margin-top:22px}
  .hero .price,.hero .quick-benefits,.hero .btn,.hero .secure{position:absolute;left:15px;right:15px;max-width:none}
  .hero .price{top:845px;background:#fff9f2;border:1px solid rgba(185,132,47,.35);border-radius:22px;padding:17px 18px;margin:0;width:calc(100vw - 30px);display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:4px}.hero .price strong{font-size:70px}.hero .price small{font-size:18px}
  .hero .quick-benefits{top:960px;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;font-size:12px;background:transparent;margin:0;width:calc(100vw - 30px)}.hero .quick-benefits span:first-child{grid-column:1/-1}
  .hero .btn{top:1038px;width:calc(100vw - 30px);min-height:64px;font-size:19px}
  .hero .secure{top:1112px;text-align:center;width:calc(100vw - 30px)}
  .hero{min-height:1170px}

  .section-heading{margin-bottom:28px}.benefits .section-heading h2{font-size:40px}.benefits .section-heading p{font-size:16px}
  .benefit-grid{gap:13px}.benefit-card{position:relative;min-height:235px;padding:22px 48% 20px 22px;overflow:hidden}.benefit-card .icon{width:40px;height:40px}.benefit-card h3{font-size:21px;line-height:1.08;margin:12px 0 7px}.benefit-card p{font-size:14px;line-height:1.4;min-height:0;margin:0}.benefit-card>img,.benefit-card .product-trio{position:absolute;right:0;top:0;margin:0;width:45%;height:100%;border-radius:0;object-fit:cover;background:#f7efe5}.benefit-card .product-trio img{width:33%;height:100%;object-fit:contain;margin:0}

  .social-proof{padding-top:58px}.social-proof .section-heading h2{font-size:42px}.social-proof .section-heading p{font-size:16px}.video-placeholder{min-height:390px}.testimonials blockquote{padding:20px}.testimonials p{font-size:16px;margin:9px 0 10px}

  .offer{padding-top:60px}.offer-grid{display:block}.offer-product{display:none}.offer-copy{text-align:center}.offer-copy .eyebrow{margin-inline:auto}.offer-copy h2{font-size:43px}.offer-sub{font-size:18px}.offer-copy .price{justify-content:center}.offer-mobile-product{display:block;width:100%;height:330px;object-fit:contain;margin:5px auto 4px;filter:drop-shadow(0 14px 20px rgba(42,26,14,.16))}.check-list{text-align:left;max-width:310px;margin:10px auto 24px}.offer-copy .btn{width:100%}.offer-copy .secure{text-align:center}

  .how .section-heading h2{font-size:43px}.steps{position:relative;padding-left:0}.steps::before{content:"";position:absolute;left:31px;top:24px;bottom:24px;border-left:2px dotted rgba(141,149,40,.45)}.steps article{position:relative;padding:20px 18px 22px 82px;min-height:250px}.steps article .step-number{position:absolute;left:8px;top:20px;z-index:2}.step-visual{height:150px;margin:0 0 10px}.phone-mock{height:150px;width:100%}

  .faq-intro{text-align:center}.secure-card{text-align:left}.accordion details{border-radius:15px}.accordion summary{font-size:17px;padding-block:20px}

  .closing-copy{text-align:center}.closing-copy h2{font-size:47px}.closing-copy>p{font-size:18px}.closing-copy .price{justify-content:center}.closing-copy .btn{width:100%}.closing-benefits{font-size:13px}.closing-product img{max-height:360px;object-fit:contain}
}


/* ==========================================================
   QA MOBILE FIDELITY PASS 02
   Ajustes finos: tipografia, alturas, respiro, proporções,
   ritmo entre seções e consistência visual.
   ========================================================== */

@media (max-width:767px){

  :root{
    --mobile-gutter:18px;
    --mobile-radius:22px;
  }

  body{
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }

  .container{
    width:calc(100% - (var(--mobile-gutter) * 2));
    max-width:none;
  }

  /* Header mais leve e menos alto */
  .topbar{
    height:58px;
    padding-inline:var(--mobile-gutter);
    background:rgba(247,240,230,.96);
  }
  .brand{
    font-size:23px;
    letter-spacing:-1.35px;
  }

  /* Ritmo vertical global */
  .section{
    padding:54px 0;
  }
  .section-heading{
    margin-bottom:24px;
  }
  .section-heading .eyebrow{
    margin-bottom:8px;
  }
  .section-heading p{
    max-width:330px;
    margin-inline:auto;
    line-height:1.45;
  }

  /* HERO */
  .hero{
    min-height:1115px;
    padding:0;
  }
  .hero-media{
    height:535px;
    background-position:center 23%;
  }
  .hero-grid{
    padding-top:82px;
  }
  .hero-copy{
    max-width:74%;
  }
  .hero-copy .eyebrow{
    margin-bottom:14px;
    font-size:9px;
    letter-spacing:.03em;
  }
  .hero h1{
    font-size:44px;
    line-height:.98;
    letter-spacing:-2.6px;
    max-width:292px;
  }
  .hero h1 em{
    font-size:43px;
    margin-top:7px;
    line-height:1;
  }
  .hero .lead{
    font-size:16px;
    line-height:1.42;
    max-width:225px;
    margin-top:18px;
  }
  .hero-kit{
    top:515px;
    left:12px;
    right:12px;
    width:calc(100% - 24px);
    max-height:310px;
    filter:drop-shadow(0 15px 19px rgba(42,26,14,.17));
  }
  .hero .price{
    top:786px;
    left:var(--mobile-gutter);
    right:var(--mobile-gutter);
    width:calc(100vw - (var(--mobile-gutter) * 2));
    border-radius:20px;
    padding:15px 17px;
  }
  .hero .price span{
    font-size:22px;
  }
  .hero .price strong{
    font-size:64px;
    letter-spacing:-3.5px;
  }
  .hero .price small{
    font-size:17px;
  }
  .hero .quick-benefits{
    top:891px;
    left:var(--mobile-gutter);
    width:calc(100vw - (var(--mobile-gutter) * 2));
    gap:7px 10px;
    font-size:11.5px;
    line-height:1.28;
  }
  .hero .btn{
    top:962px;
    left:var(--mobile-gutter);
    width:calc(100vw - (var(--mobile-gutter) * 2));
    min-height:58px;
    border-radius:15px;
    font-size:17px;
    padding:16px 22px;
  }
  .hero .secure{
    top:1031px;
    left:var(--mobile-gutter);
    width:calc(100vw - (var(--mobile-gutter) * 2));
    font-size:11.5px;
  }

  /* BENEFÍCIOS */
  .benefits{
    padding-top:58px;
    padding-bottom:58px;
  }
  .benefits .section-heading h2{
    font-size:38px;
    line-height:1;
  }
  .benefits .section-heading p{
    font-size:15px;
  }
  .benefit-grid{
    gap:12px;
  }
  .benefit-card{
    min-height:220px;
    padding:20px 46% 18px 20px;
    border-radius:20px;
  }
  .benefit-card .icon{
    width:36px;
    height:36px;
    font-size:12px;
  }
  .benefit-card h3{
    font-size:19px;
    line-height:1.08;
    margin:10px 0 7px;
    letter-spacing:-.5px;
  }
  .benefit-card p{
    font-size:13.5px;
    line-height:1.42;
  }
  .benefit-card>img,
  .benefit-card .product-trio{
    width:43%;
  }

  /* PROVA SOCIAL */
  .social-proof{
    padding:56px 0 60px;
  }
  .social-proof .section-heading{
    text-align:left;
    margin-left:0;
  }
  .social-proof .section-heading h2{
    font-size:39px;
    line-height:1.02;
    max-width:330px;
  }
  .social-proof .section-heading p{
    font-size:15px;
    margin-left:0;
    max-width:320px;
  }
  .video-placeholder{
    min-height:360px;
    border-radius:20px;
  }
  .play-button{
    width:74px;
    height:74px;
    font-size:25px;
  }
  .video-note{
    bottom:14px;
    left:14px;
    font-size:10px;
    padding:7px 9px;
  }
  .testimonials{
    gap:10px;
  }
  .testimonials blockquote{
    padding:18px;
    border-radius:17px;
    font-size:13px;
  }
  .testimonials p{
    font-size:15px;
    line-height:1.48;
    margin:8px 0 9px;
  }
  .testimonials cite{
    font-size:13px;
  }

  /* OFERTA */
  .offer{
    padding:58px 0 60px;
  }
  .offer-copy h2{
    font-size:40px;
    line-height:1;
  }
  .offer-sub{
    font-size:17px;
    margin:12px 0 5px;
  }
  .offer-copy .price.big{
    margin:10px 0 0;
  }
  .offer-copy .price.big strong{
    font-size:66px;
    letter-spacing:-3.4px;
  }
  .offer-mobile-product{
    height:300px;
    margin:4px auto 0;
  }
  .check-list{
    max-width:300px;
    margin:4px auto 20px;
    gap:7px;
    font-size:14px;
  }
  .offer-copy .btn{
    min-height:58px;
    font-size:17px;
  }

  /* COMO FUNCIONA */
  .how{
    padding:56px 0;
  }
  .how .section-heading h2{
    font-size:40px;
  }
  .how .section-heading p{
    font-size:16px;
  }
  .steps{
    gap:10px;
  }
  .steps::before{
    left:28px;
    top:22px;
    bottom:22px;
  }
  .steps article{
    min-height:226px;
    padding:18px 15px 18px 72px;
    border-radius:19px;
  }
  .steps article .step-number{
    left:7px;
    top:18px;
    width:43px;
    height:43px;
  }
  .step-visual,
  .phone-mock{
    height:134px;
    border-radius:15px;
  }
  .steps h3{
    font-size:20px;
    margin:12px 0 5px;
  }
  .steps p{
    font-size:13.5px;
    line-height:1.42;
    margin-bottom:0;
  }
  .phone-mock{
    border-width:5px;
  }
  .phone-mock span{
    font-size:21px;
  }
  .phone-mock b{
    padding:8px 16px;
    font-size:11px;
  }

  /* FAQ */
  .faq{
    padding:56px 0 58px;
  }
  .faq-grid{
    gap:18px;
  }
  .faq-intro h2{
    font-size:40px;
    line-height:1.02;
  }
  .faq-intro>p{
    font-size:15px;
  }
  .secure-card{
    margin-top:20px;
    padding:16px 0;
    font-size:13px !important;
  }
  .accordion{
    gap:9px;
  }
  .accordion details{
    padding:0 18px;
    border-radius:15px;
  }
  .accordion summary{
    font-size:16px;
    line-height:1.28;
    padding:18px 36px 18px 0;
  }
  .accordion summary::after{
    top:10px;
    font-size:27px;
  }
  .accordion details p{
    font-size:13.5px;
    line-height:1.5;
    margin-bottom:18px;
  }

  /* CTA FINAL */
  .closing{
    padding:58px 0 108px;
  }
  .closing-grid{
    gap:18px;
  }
  .closing-copy h2{
    font-size:43px;
    line-height:1;
  }
  .closing-copy>p{
    font-size:17px;
    line-height:1.45;
    margin:18px 0 10px;
  }
  .closing-copy .price strong{
    font-size:62px;
  }
  .closing-copy .btn{
    min-height:58px;
    font-size:17px;
  }
  .closing-benefits{
    font-size:12px;
    line-height:1.45;
    margin-top:18px;
  }
  .closing-product{
    margin-top:5px;
  }
  .closing-product img{
    max-height:310px;
  }

  /* STICKY */
  .sticky-cta{
    left:10px;
    right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    min-height:56px;
    border-radius:15px;
    padding:8px 8px 8px 14px;
  }
  .sticky-cta strong{
    font-size:18px;
  }
  .sticky-cta a{
    padding:11px 14px;
    border-radius:10px;
    font-size:12.5px;
  }
}

@media (max-width:374px){
  .hero h1{font-size:40px}
  .hero h1 em{font-size:39px}
  .hero-copy{max-width:78%}
  .benefit-card{padding-right:43%}
  .benefit-card>img,.benefit-card .product-trio{width:40%}
}


/* ==========================================================
   QA DESKTOP FIDELITY PASS 01
   Comparação com os layouts Desktop V2 aprovados:
   hierarquia, largura editorial, proporções, respiro e ritmo.
   ========================================================== */

@media (min-width:768px){
  :root{
    --max:1240px;
    --desktop-gutter:34px;
  }

  body{
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }

  .container{
    width:min(var(--max),calc(100% - (var(--desktop-gutter) * 2)));
  }

  /* Header: discreto, como LP e não site institucional */
  .topbar{
    height:70px;
    padding-inline:max(var(--desktop-gutter),calc((100% - var(--max))/2));
    box-shadow:none;
  }
  .brand{font-size:27px}
  .top-cta{
    padding:12px 20px;
    border-radius:11px;
    transition:transform .18s ease, background .18s ease;
  }
  .top-cta:hover{transform:translateY(-1px);background:var(--coral-dark)}

  /* Ritmo global */
  .section{padding:94px 0}
  .section-heading{margin-bottom:46px}
  .section-heading h2{max-width:850px;margin-inline:auto}
  .section-heading.left h2{margin-inline:0}

  /* 01 HERO — composição 45/55 e oferta acima da dobra */
  .hero{
    min-height:760px;
    height:calc(100vh - 70px);
    max-height:900px;
    background:var(--cream);
  }
  .hero-media{
    width:54%;
    left:auto;
    right:0;
    border-bottom-left-radius:46px;
    background-position:center center;
  }
  .hero-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(247,240,230,.28) 0%,rgba(247,240,230,0) 22%);
    pointer-events:none;
  }
  .hero-grid{
    grid-template-columns:46% 54%;
    min-height:100%;
  }
  .hero-copy{
    padding:42px 0 50px;
    max-width:555px;
  }
  .hero-copy .eyebrow{margin-bottom:20px}
  .hero h1{
    font-size:clamp(58px,4.8vw,78px);
    line-height:.98;
    max-width:540px;
  }
  .hero .lead{
    font-size:19px;
    line-height:1.48;
    margin:24px 0 12px;
    max-width:480px;
  }
  .hero .price{margin:13px 0 10px}
  .hero .price strong{font-size:66px}
  .hero .price span{font-size:24px}
  .hero .price small{font-size:19px}
  .hero .quick-benefits{
    margin:17px 0 23px;
    gap:8px 18px;
    max-width:500px;
  }
  .hero .btn{
    min-width:315px;
    padding:17px 25px;
  }

  /* 02 BENEFÍCIOS — cards horizontais iguais em peso */
  .benefits{padding:90px 0 96px}
  .benefits .section-heading h2{font-size:60px}
  .benefits .section-heading p{max-width:680px}
  .benefit-grid{
    gap:18px;
    align-items:stretch;
  }
  .benefit-card{
    min-height:470px;
    padding:24px;
    border-radius:22px;
    display:flex;
    flex-direction:column;
  }
  .benefit-card h3{
    font-size:23px;
    line-height:1.12;
    min-height:52px;
  }
  .benefit-card p{
    font-size:15px;
    line-height:1.48;
    min-height:66px;
  }
  .benefit-card>img,
  .benefit-card .product-trio{
    height:245px;
    margin-top:auto;
  }

  /* 03 PROVA SOCIAL — primeira grande quebra imersiva */
  .social-proof{
    padding:94px 0 100px;
  }
  .social-proof .section-heading{
    margin-bottom:38px;
  }
  .social-proof .section-heading h2{
    font-size:62px;
    max-width:740px;
  }
  .social-proof .section-heading p{
    max-width:630px;
    font-size:18px;
  }
  .social-grid{
    grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);
    gap:28px;
  }
  .video-placeholder{
    min-height:500px;
    border-radius:22px;
  }
  .play-button{
    width:84px;height:84px;font-size:28px;
  }
  .testimonials{
    gap:13px;
  }
  .testimonials blockquote{
    padding:21px 22px;
    border-radius:18px;
  }
  .testimonials p{
    font-size:16.5px;
    line-height:1.5;
    margin:8px 0 10px;
  }

  /* 04 OFERTA — produto protagonista + decisão comercial */
  .offer{padding:96px 0}
  .offer-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);
    gap:64px;
  }
  .offer-product{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .offer-product img{
    width:min(100%,650px);
    max-height:560px;
    object-fit:contain;
    border-radius:24px;
  }
  .offer-copy{
    max-width:500px;
  }
  .offer-copy h2{
    font-size:61px;
    line-height:1;
    margin:14px 0 12px;
  }
  .offer-sub{font-size:20px}
  .offer-copy .price.big strong{font-size:78px}
  .offer-copy .check-list{
    margin:18px 0 24px;
    gap:8px;
  }
  .offer-copy .btn{min-width:330px}

  /* 05 COMO FUNCIONA — jornada horizontal simples */
  .how{padding:90px 0 96px}
  .how .section-heading{margin-bottom:40px}
  .how .section-heading h2{font-size:60px}
  .steps{
    gap:18px;
  }
  .steps::before{
    content:"";
    position:absolute;
    height:2px;
    left:14%;
    right:14%;
    top:24px;
    background:repeating-linear-gradient(90deg,rgba(23,26,28,.18) 0 7px,transparent 7px 14px);
    z-index:0;
  }
  .steps article{
    min-height:245px;
    padding:28px 26px 25px;
    border-radius:20px;
    position:relative;
    z-index:1;
  }
  .steps .step-number{
    position:relative;
    z-index:2;
  }
  .steps h3{font-size:23px}
  .steps p{font-size:15px;line-height:1.48}

  /* 06 FAQ — editorial 40/60, pouco ruído visual */
  .faq{padding:94px 0 100px}
  .faq-grid{
    grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
    gap:72px;
  }
  .faq-intro{
    position:sticky;
    top:110px;
  }
  .faq-intro h2{
    font-size:58px;
    line-height:1.02;
  }
  .faq-intro>p{
    max-width:350px;
    font-size:17px;
  }
  .secure-card{
    max-width:340px;
    margin-top:30px;
  }
  .accordion{gap:10px}
  .accordion details{
    border-radius:16px;
    padding:0 21px;
  }
  .accordion summary{
    font-size:18px;
    padding:20px 42px 20px 0;
  }
  .accordion details p{
    font-size:15px;
    line-height:1.55;
  }

  /* 07 CTA FINAL — fechamento horizontal premium */
  .closing{
    padding:86px 0 92px;
    min-height:620px;
    display:flex;
    align-items:center;
  }
  .closing-grid{
    grid-template-columns:minmax(420px,.88fr) minmax(0,1.12fr);
    gap:54px;
  }
  .closing-copy{
    max-width:570px;
  }
  .closing-copy h2{
    font-size:clamp(58px,4.8vw,76px);
    line-height:.98;
  }
  .closing-copy>p{
    font-size:20px;
    margin:20px 0 12px;
  }
  .closing-copy .price strong{font-size:70px}
  .closing-copy .btn{
    min-width:320px;
    padding:17px 25px;
  }
  .closing-product{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .closing-product img{
    width:min(100%,650px);
    max-height:510px;
    object-fit:contain;
    border-radius:24px;
  }
  .closing-benefits{
    font-size:13px;
    margin-top:20px;
  }

  /* Hover apenas desktop */
  .btn{transition:transform .18s ease,box-shadow .18s ease}
  .btn:hover{transform:translateY(-2px)}
  .btn-primary:hover{box-shadow:0 16px 34px rgba(240,90,62,.30)}
}

/* Desktop intermediário / notebook */
@media (min-width:768px) and (max-width:1100px){
  :root{--desktop-gutter:28px}
  .hero h1{font-size:55px}
  .hero .lead{font-size:17px}
  .hero .price strong{font-size:58px}
  .benefits .section-heading h2,
  .social-proof .section-heading h2,
  .how .section-heading h2{font-size:52px}
  .benefit-card{min-height:440px}
  .offer-grid{gap:38px}
  .offer-copy h2{font-size:52px}
  .faq-grid{gap:45px}
  .faq-intro h2{font-size:50px}
  .closing-grid{gap:35px}
  .closing-copy h2{font-size:58px}
}

.social-video{width:100%;height:100%;min-height:500px;display:block;object-fit:cover;border-radius:22px;background:#05070b}
@media (max-width:767px){.social-video{min-height:360px;max-height:70vh;border-radius:20px}}


/* ==========================================================
   QA FIX 01 — feedback após homologação real
   1. Mais respiro lateral no Hero mobile.
   2. "Todo mês." deixa de usar a fonte script e passa a usar
      a tipografia principal da página.
   ========================================================== */
@media (max-width:767px){
  .hero-grid{
    padding-left:24px;
    padding-right:24px;
  }

  .hero-copy{
    max-width:76%;
  }

  .hero h1 em{
    display:block;
    margin-top:16px;
    font-family:Inter,Arial,sans-serif;
    font-style:normal;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-size:22px;
    line-height:1.1;
    color:var(--olive);
  }

  .hero .lead{
    max-width:245px;
  }
}

/* HERO COMPOSITE FIX — carro + caixa agora são uma única arte */
.hero-kit{display:none !important;}
@media (max-width:767px){
  .hero-media{
    background-image:url("assets/images/hero-mobile-composite.webp") !important;
    background-size:cover;
    background-position:center 22%;
  }
}
@media (min-width:768px){
  .hero-media{
    background-image:url("assets/images/hero-desktop-composite.webp") !important;
    background-size:cover;
    background-position:center center;
  }
}