:root{--cream:#f5f0e8;--white:#faf8f4;--petrol:#123d46;--char:#202326;--burg:#7b3443;--blush:#d8b8b0;--line:#d8d4cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--char);background:var(--white);font-size:18px;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1200px,calc(100% - 80px));margin:auto}.narrow{max-width:820px}.nav{position:sticky;top:0;z-index:50;background:rgba(250,248,244,.95);backdrop-filter:blur(14px);border-bottom:1px solid #e8e2d9}.nav-inner{height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;flex-direction:column;line-height:1.15;margin-right:auto}.brand strong,h1,h2,h3{font-family:Poppins,Inter,Arial,sans-serif}.brand span{font-size:12px;color:#6d7372}.nav-links{display:flex;gap:24px;font-size:14px}.menu,.mobile-nav{display:none}.btn{display:inline-block;background:var(--petrol);color:white;padding:17px 26px;border-radius:9px;font-weight:700;letter-spacing:.01em}.btn-small{padding:11px 17px;font-size:14px}.btn-light{background:var(--white);color:var(--petrol)}.hero{background:linear-gradient(125deg,#f8f4ed,#eef2ef);padding:88px 0}.hero-grid,.split,.author-grid,.final-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.hero h1{font-size:clamp(44px,5vw,66px);line-height:1.04;letter-spacing:-.04em;margin:12px 0 25px}.hero h1 span{color:var(--burg)}.lead{font-size:20px;max-width:680px}.eyebrow{font-size:13px;letter-spacing:.18em;font-weight:700;color:#607a77}.light{color:#c9d8d6}.price-row{display:flex;align-items:center;gap:16px;margin:30px 0 22px}.price-row strong{font-size:44px;color:var(--petrol)}.old{text-decoration:line-through;color:#7d8583;font-size:23px}.badge{font-size:13px;background:#ead5ce;color:#6f3c43;padding:7px 11px;border-radius:999px;font-weight:700}.micro{font-size:14px;color:#6c7774}.hero-visual img{filter:drop-shadow(0 24px 34px #17363b22)}.facts{background:var(--petrol);color:white;padding:28px 0}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.fact-grid strong{display:block;font-size:28px}.fact-grid span{font-size:14px;color:#d4e0de}.section{padding:100px 0}.soft{background:#edf2ef}.cream{background:var(--cream)}h2{font-size:clamp(34px,4vw,48px);line-height:1.1;letter-spacing:-.03em;margin:12px 0 26px}h3{font-size:22px;margin:8px 0}.split{align-items:start}.align-center{align-items:center}.quotes{display:grid;gap:12px}.quotes blockquote{margin:0;padding:20px 22px;background:white;border-left:4px solid var(--burg);border-radius:10px;font-weight:600}.disclaimer{margin-top:35px}.rounded{border-radius:18px;box-shadow:0 18px 45px #1b2d3020}.page-single{max-height:600px;object-fit:contain;margin:auto}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:45px 0}.preview-grid img{border-radius:12px;box-shadow:0 18px 40px #0002}.inside-copy{max-width:820px}.themes,.steps,.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:42px}.themes article,.steps article,.cards article{background:white;border:1px solid var(--line);border-radius:16px;padding:28px}.themes article span{color:var(--burg);font-weight:700}.steps article b{font-size:34px;color:var(--burg)}.cards{grid-template-columns:1fr 1fr}.cards li{margin:9px 0}.cta-band,.final{background:var(--petrol);color:white}.cta-band{padding:65px 0}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:60px}.cta-row h2{margin-bottom:8px}.cta-price{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:260px}.cta-price strong{font-size:42px}.cta-price span{font-size:13px;color:#c7d6d3}.author{background:#fbf8f2}.author-grid{grid-template-columns:.72fr 1.28fr}.author-grid img{border-radius:20px;max-height:620px;width:100%;object-fit:cover}.role{font-weight:700;color:var(--burg)}.author-quote{font-size:26px;font-weight:600;color:var(--petrol);border-left:4px solid var(--burg);padding-left:20px;margin:32px 0}.safety{background:#f0ece4}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:var(--burg);font-size:24px}.faq details[open] summary:after{content:'–'}.faq p{margin-bottom:0;color:#525b59}.final{padding:90px 0}.final-grid img{border-radius:16px;background:#f4efe6}.dark strong{color:white}.dark .old{color:#c7d2cf}.light-text{color:#d0dcda}footer{background:#0c2d34;color:#d9e1df;padding:35px 0;font-size:14px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid>div{display:flex;gap:22px;align-items:center}.footer-grid span{color:#aebfbc}
@media(max-width:900px){.container{width:min(100% - 56px,1200px)}.nav-links,.nav .btn-small{display:none}.menu{display:block;border:0;background:transparent;font-size:26px}.mobile-nav.open{display:flex;flex-direction:column;padding:20px 28px 28px;gap:16px}.hero-grid,.split,.author-grid,.final-grid{grid-template-columns:1fr;gap:45px}.hero-visual{order:2}.themes,.steps{grid-template-columns:1fr 1fr}.preview-grid{grid-template-columns:repeat(2,1fr)}.preview-grid img:last-child{grid-column:1/-1;max-width:50%;justify-self:center}.cta-row{align-items:flex-start;flex-direction:column}.author-grid img{max-height:520px;width:min(100%,520px)} }
@media(max-width:600px){body{font-size:17px}.container{width:calc(100% - 40px)}.nav-inner{height:68px}.hero{padding:58px 0}.hero h1{font-size:39px}.lead{font-size:18px}.price-row{flex-wrap:wrap}.price-row strong{font-size:40px}.btn{width:100%;text-align:center}.fact-grid{grid-template-columns:1fr 1fr;gap:20px}.section{padding:68px 0}.themes,.steps,.cards,.preview-grid{grid-template-columns:1fr}.preview-grid img:last-child{grid-column:auto;max-width:100%}.themes article,.steps article,.cards article{padding:22px}.cta-band{padding:55px 0}.author-grid img{max-height:none}.footer-grid,.footer-grid>div{flex-direction:column;align-items:flex-start}.footer-grid{gap:20px}.faq summary{font-size:17px}.final{padding:68px 0}}

/* V2 refinements */
:focus-visible{outline:3px solid #d8b8b0;outline-offset:4px}
.btn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #123d4630}
.preview-grid img{transition:transform .25s ease,box-shadow .25s ease;cursor:zoom-in}
.preview-grid img:hover{transform:translateY(-5px);box-shadow:0 24px 50px #0003}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.reveal.is-visible{opacity:1;transform:none}
.mobile-buy{display:none}
@media(max-width:600px){
  body{padding-bottom:76px}
  .mobile-buy{position:fixed;display:flex;z-index:80;left:12px;right:12px;bottom:12px;background:#123d46;color:#fff;
    min-height:56px;border-radius:14px;align-items:center;justify-content:center;font-weight:800;
    box-shadow:0 10px 35px #0004}
  .hero h1{letter-spacing:-.035em}
  .hero-visual img{width:112%;max-width:none;margin-left:-6%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.preview-grid img{transition:none}}

/* V3 — mobile QA corrections after real-device screenshots */
@media (max-width: 600px){
  .container{width:calc(100% - 40px)}
  .nav-inner{height:72px}
  .brand strong{font-size:18px;line-height:1.15}
  .brand span{font-size:14px}
  .menu{font-size:30px}

  .hero{padding:52px 0 64px}
  .eyebrow{font-size:12px;letter-spacing:.16em;margin-bottom:14px}
  .hero h1{font-size:42px;line-height:1.03;letter-spacing:-.04em;margin:0 0 24px}
  .hero .lead{font-size:18px;line-height:1.55;margin-bottom:24px}
  .price-row strong{font-size:36px}
  .hero .btn{width:100%;justify-content:center}
  .hero-visual{margin-top:34px}
  .hero-visual img{width:100%;max-width:100%;margin-left:0}

  .section{padding:64px 0}
  .section h2,.cta-band h2,.final h2{font-size:34px;line-height:1.08;letter-spacing:-.035em}
  .section p,.inside-copy p,.cards li,.faq p{font-size:17px;line-height:1.6}
  .split{gap:32px}
  .quotes blockquote{font-size:18px}
  .page-single{max-width:100%;margin-inline:auto}

  .facts{padding:26px 0}
  .fact-grid strong{font-size:30px}
  .fact-grid span{font-size:13px}

  .themes,.steps,.cards{gap:14px}
  .themes article,.steps article,.cards article{padding:22px}
  .themes h3,.steps h3,.cards h3{font-size:20px}

  .preview-grid{grid-template-columns:1fr;gap:18px}
  .preview-grid img{max-height:none;width:100%}

  .author-grid{gap:28px}
  .author-grid img{max-height:440px;width:100%;object-fit:cover;object-position:center top}

  .faq summary{font-size:17px;padding:20px 4px}

  /* The previous fixed CTA obscured paragraphs on a real Android viewport.
     Keep a compact sticky CTA, but reserve enough space and reduce its height. */
  body{padding-bottom:70px}
  .mobile-buy{
    left:14px;right:14px;bottom:10px;min-height:50px;
    border-radius:12px;font-size:16px;letter-spacing:.01em;
  }

  .cta-row,.final-grid{gap:28px}
  .cta-price strong{font-size:42px}
  footer{padding-bottom:92px}
}

@media (max-width: 380px){
  .hero h1{font-size:38px}
  .section h2,.cta-band h2,.final h2{font-size:31px}
}

.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#123d46;padding:10px 14px;z-index:100}
.skip-link:focus{left:8px}