:root{--navy:#123f50;--teal:#147e86;--teal-dark:#0f6971;--teal-soft:#eaf7f6;--text:#566970;--bg:#f7fbfc;--white:#fff;--border:#ddebec;--shadow:0 16px 40px rgba(20,70,80,.07);--shadow-strong:0 22px 55px rgba(20,70,80,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.62;overflow-x:hidden}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:white;padding:10px;z-index:99}img{display:block;max-width:100%;height:auto}h1,h2{font-family:"DM Serif Display",Georgia,serif;color:var(--navy);font-weight:700;letter-spacing:-.025em;line-height:.98;margin:0}h1{font-size:clamp(48px,5.7vw,76px)}h2{font-size:clamp(39px,4.4vw,58px)}h3{font-family:Manrope,Arial,sans-serif;color:var(--navy);font-size:clamp(20px,2vw,27px);line-height:1.22;margin:0 0 10px;font-weight:800;letter-spacing:-.02em}p{margin:0 0 1em}.container{max-width:1200px;margin:auto;padding-inline:24px}.section{padding-block:50px}.hero-section{padding-top:30px}.panel,.card{background:#fff;border:1px solid rgba(20,85,95,.08);border-radius:28px;box-shadow:var(--shadow)}.hero-panel{display:grid;grid-template-columns:48fr 52fr;align-items:center;padding:54px 60px;gap:28px}.logo{width:195px;margin-bottom:22px}.hero-lead{font-size:clamp(18px,1.7vw,22px);margin:24px 0}.hero-lead strong{color:var(--teal);font-weight:800}.method-row{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:800;font-size:18px}.method-row img{width:44px;height:44px;object-fit:contain}.hero-promise{font-size:19px;color:var(--teal);font-weight:700;margin:12px 0 24px}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:0 34px;border-radius:18px;background:var(--teal);color:white;text-decoration:none;font-weight:800;white-space:nowrap;box-shadow:0 10px 24px rgba(20,126,134,.22);transition:.2s ease}.cta:hover{background:var(--teal-dark);transform:translateY(-2px)}a:focus-visible,button:focus-visible{outline:3px solid #f1b86a;outline-offset:4px}.trust-row{display:flex;gap:10px;margin-top:22px}.trust-row img{width:78px;height:58px;object-fit:contain}.section-panel{padding:64px}.section-panel>h2{text-align:center;margin-bottom:38px}.section-heading{text-align:center;max-width:880px;margin:0 auto 36px}.section-heading p{font-size:20px;margin-top:12px}.references{text-align:center;font-size:12px;color:#7b8b91;margin-top:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{position:relative;border-radius:22px;padding:30px 24px;text-align:center;min-height:250px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border)}.stat-card.soft{background:#edf8f7}.stat-card.emphasis{background:var(--teal);color:white;box-shadow:0 16px 34px rgba(20,126,134,.22)}.stat-card strong{display:block;color:var(--teal);font-size:clamp(30px,3vw,44px);line-height:1.05;font-weight:800;letter-spacing:-.035em}.stat-card.emphasis strong{color:white}.stat-card p{font-size:15px;line-height:1.55;margin:13px 0 0}.stat-card sup{position:absolute;top:14px;right:16px;font-size:13px}.grid{display:grid;gap:22px}.three{grid-template-columns:repeat(3,1fr)}.benefits-grid>.card{text-align:center;padding:26px 24px 34px}.benefits-grid>.card img{width:84%;max-width:300px;margin:0 auto 8px;object-fit:contain}.benefits-grid>.card:hover,.difference-grid>.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-strong)}.benefits-grid>.card,.difference-grid>.card{transition:.22s ease}.who-box{max-width:940px;margin:0 auto 42px;background:#edf8f8;border:1px solid var(--border);border-radius:24px;padding:24px 34px;display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center}.who-box img{width:180px;height:128px;object-fit:contain}.who-box p{font-size:19px;margin:0}.resources article{text-align:center}.resources img{max-width:330px;margin:0 auto 4px;object-fit:contain}.difference-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.difference-grid .card{text-align:center;padding:20px 16px 26px}.difference-grid img{width:90%;max-width:190px;aspect-ratio:1/1;object-fit:contain;margin:0 auto 8px}.difference-grid h3{font-size:18px}.difference-grid p{font-size:14px;line-height:1.5;margin:0}.checklist{display:grid;gap:13px;max-width:900px;margin:0 auto 30px}.checklist div{display:flex;align-items:center;gap:16px;border:1px solid var(--border);box-shadow:0 8px 18px rgba(20,70,80,.05);border-radius:18px;padding:20px 25px;font-size:18px;color:var(--navy);font-weight:600}.checklist span,.offer-list>li>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#dff2ef;color:var(--teal);font-weight:900}.center{display:flex;width:max-content;margin:auto}.offer-panel{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:38px;padding:58px 64px;overflow:hidden}.eyebrow{margin:0 0 6px;color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:13px}.offer-list{list-style:none;margin:28px 0 24px;padding:0;display:grid;gap:15px}.offer-list li{display:flex;gap:14px;align-items:flex-start}.offer-list strong{display:block;color:var(--navy);font-size:18px;line-height:1.35}.offer-list small{display:block;font-size:14px;line-height:1.5;margin-top:3px}.price{display:flex;align-items:baseline;gap:9px;margin:0 0 20px}.price span{color:var(--teal);font-weight:800}.price strong{font-family:"DM Serif Display",Georgia,serif;color:var(--navy);font-size:52px;line-height:1}.offer-visual img{width:100%;max-height:570px;object-fit:contain}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.faq-item{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff}.faq-item button{width:100%;border:0;background:#fff;color:var(--navy);font:700 16px Manrope;text-align:left;padding:19px 20px;display:flex;justify-content:space-between;gap:16px;cursor:pointer}.faq-item button span{font-size:25px;line-height:1}.faq-item>div{padding:0 20px 18px}.faq-item p{font-size:15px;margin:0}.guarantee{max-width:920px;margin:auto;background:#eef8f8;border:1px solid var(--border);border-radius:26px;padding:34px 42px;display:grid;grid-template-columns:72px 1fr;gap:25px}.shield{width:64px;height:72px;display:grid;place-items:center;background:var(--teal);color:#fff;font-size:28px;font-weight:900;clip-path:polygon(50% 0,92% 16%,86% 72%,50% 100%,14% 72%,8% 16%)}.guarantee h2{font-size:39px}.guarantee h3{font-size:20px;color:var(--teal);margin-top:4px}.closing{padding-top:52px}.closing-message{text-align:center;margin-bottom:26px}.closing-message h2{font-size:clamp(42px,5vw,62px)}.closing-message p{font-size:21px;margin-top:12px}.closing-message strong{color:var(--teal)}.final-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:38px 56px;gap:30px}.final-panel p{font-size:19px;margin:20px 0 25px}.final-panel img{max-height:430px;margin:auto;object-fit:contain}footer{background:#fff;border-top:1px solid var(--border);padding:35px 0}.footer-inner{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:28px}.footer-inner>img{width:155px}.footer-inner p,.footer-inner a{font-size:13px}.footer-inner nav{display:flex;gap:18px;flex-wrap:wrap}.footer-inner a{color:var(--teal);text-decoration:none}
@media(max-width:1000px){.hero-panel{padding:42px}.stats-grid{grid-template-columns:1fr 1fr}.difference-grid{grid-template-columns:repeat(3,1fr)}.offer-panel{padding:46px}}
@media(max-width:760px){.section{padding-block:30px}.container{padding-inline:16px}.hero-section{padding-top:14px}.hero-panel{grid-template-columns:1fr;padding:30px 24px;gap:18px}.hero-copy{text-align:center}.logo{width:158px;margin:0 auto 18px}.method-row{justify-content:center;font-size:15px}.method-row img{width:38px;height:38px}.hero-promise{font-size:17px}.cta{width:auto;min-width:min(280px,100%);max-width:100%;padding-inline:28px}.trust-row{justify-content:center}.trust-row img{width:66px;height:52px}.section-panel{padding:30px 22px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{min-height:215px;padding:24px 18px}.three,.faq-grid{grid-template-columns:1fr}.who-box{grid-template-columns:1fr;text-align:center;padding:22px}.who-box img{width:210px;height:145px;margin:auto}.difference-grid{grid-template-columns:1fr}.difference-grid .card{display:grid;grid-template-columns:130px 1fr;text-align:left;align-items:center;padding:14px 18px}.difference-grid img{width:120px;grid-row:1/3}.difference-grid h3{font-size:19px}.difference-grid p{font-size:15px}.checklist div{font-size:16px;padding:17px 18px}.offer-panel{grid-template-columns:1fr;padding:34px 24px;text-align:left}.offer-visual{grid-row:2}.offer-visual img{max-height:390px}.guarantee{grid-template-columns:1fr;text-align:center;padding:28px 23px}.shield{margin:auto}.final-panel{grid-template-columns:1fr;text-align:center;padding:30px 24px}.final-panel img{max-height:340px}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-inner>img{margin:auto}.footer-inner nav{justify-content:center}}
@media(max-width:470px){.stats-grid{grid-template-columns:1fr}.stat-card{min-height:185px}.hero-lead br,.hero-promise br{display:none}.difference-grid .card{grid-template-columns:105px 1fr}.difference-grid img{width:98px}.footer-inner nav{flex-direction:column;gap:8px}.offer-list strong{font-size:16px}.price strong{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* August 2026 refinements */
h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.045em;line-height:1.04}
h1{font-size:clamp(46px,5.4vw,72px)}
h2{font-size:clamp(34px,4vw,50px)}
.section-heading h2,.section-panel>h2{letter-spacing:-.035em}

.stats-panel{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff 76%,#eef8f8 100%)}
.stats-panel::after{content:"";position:absolute;left:-4%;right:-4%;bottom:-24px;height:105px;pointer-events:none;opacity:.85;background:
radial-gradient(120% 75% at 10% 100%,rgba(112,190,197,.22) 0 38%,transparent 39%),
radial-gradient(120% 82% at 52% 100%,rgba(147,210,214,.22) 0 40%,transparent 41%),
radial-gradient(110% 76% at 92% 100%,rgba(100,181,190,.2) 0 37%,transparent 38%)}
.stats-panel>*{position:relative;z-index:1}
.stat-card.soft{background:linear-gradient(180deg,#f2fbfa 0%,#e8f6f5 100%)}
.stat-card.emphasis{background:linear-gradient(180deg,#25868c 0%,#16747c 100%)}

.who-box{grid-template-columns:112px 1fr;gap:28px;padding:28px 38px}
.who-box img{width:96px;height:96px;object-fit:contain;margin:auto}
.who-copy{font-size:18px;line-height:1.65;margin:0;text-align:left}
.who-line{display:inline}
.who-line:not(:last-child)::after{content:" "}
.who-brand{color:#25868c;font-weight:800}
.who-copy em{color:#25868c;font-style:italic;font-weight:800}
.who-copy strong{color:#111;font-weight:800}

.difference-intro strong{color:#25868c;font-weight:800}
.guarantee-cta{margin-top:10px}

.access-panel{padding:58px 64px}
.access-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center}
.access-main img{width:100%;max-height:470px;object-fit:contain}
.access-benefits{display:grid;gap:16px}
.access-benefits article{display:grid;grid-template-columns:105px 1fr;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}
.access-benefits article img{width:105px;height:88px;object-fit:contain}
.access-benefits h3{font-size:21px;margin-bottom:4px}
.access-benefits p{font-size:15px;margin:0}
.book-badges{width:100%;max-width:340px;margin:10px auto 0}

@media(max-width:760px){
  h1{font-size:clamp(41px,12vw,58px);line-height:1.02}
  h2{font-size:clamp(31px,9vw,42px);line-height:1.08}
  .who-box{grid-template-columns:1fr;padding:28px 20px 30px;gap:16px}
  .who-box img{width:72px;height:72px}
  .who-copy{text-align:center;font-size:17px;line-height:1.55;max-width:330px;margin-inline:auto}
  .who-line{display:block}
  .who-line:not(:last-child)::after{content:none}
  .who-line:nth-child(1){margin-bottom:1px}
  .who-line:nth-child(2){margin-bottom:2px}
  .who-line:nth-child(4){margin-bottom:2px}
  .who-line:nth-child(6){margin-bottom:2px}
  .who-copy sup{font-size:.68em;margin-left:2px}
  .stats-panel{padding-bottom:46px}
  .stats-panel::after{height:80px;bottom:-18px}
  .access-panel{padding:34px 22px}
  .access-layout{grid-template-columns:1fr;gap:18px}
  .access-main img{max-height:330px}
  .access-benefits article{grid-template-columns:88px 1fr}
  .access-benefits article img{width:88px;height:74px}
  .book-badges{max-width:280px}
}


/* Final approved refinements — August 2026 */
h1,h2,h3,.price strong{
  font-family:"Nunito Sans",Manrope,Arial,sans-serif;
}
h1,h2{font-weight:800;letter-spacing:-.035em}
.hero-copy h1 span{display:block}

.who-box{
  grid-template-columns:128px 1fr;
  gap:30px;
  padding:30px 40px;
}
.who-box img{
  width:116px;
  height:116px;
  object-fit:contain;
  margin:auto;
}
.who-copy{font-size:18px;line-height:1.55;margin:0;text-align:left}
.who-copy-mobile{display:none}
.who-brand,.who-emphasis{color:#25868c;font-weight:800}
.who-italic{font-style:italic}
.who-copy sup{font-size:.68em;margin-left:2px;color:var(--text);font-weight:600}

.access-panel{padding:58px 64px}
.access-books-main{max-width:840px;margin:0 auto 18px}
.access-books-main img{width:100%;height:auto;object-fit:contain}
.access-icon-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  max-width:940px;
  margin:0 auto;
  align-items:center;
}
.access-icon-row img{
  width:100%;
  height:150px;
  object-fit:contain;
}
.footer-inner{grid-template-columns:180px 1fr}

@media(max-width:760px){
  .hero-copy h1{line-height:1.03}
  .who-box{grid-template-columns:1fr;padding:28px 20px 30px;gap:18px}
  .who-box img{width:68px;height:68px}
  .who-copy-desktop{display:none}
  .who-copy-mobile{display:block;text-align:center;font-size:17px;line-height:1.55;max-width:330px;margin-inline:auto}
  .who-copy-mobile .who-line{display:block}
  .access-panel{padding:34px 20px}
  .access-books-main{max-width:100%;margin-bottom:12px}
  .access-icon-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .access-icon-row img{height:92px}
  .footer-inner{grid-template-columns:1fr;text-align:center}
}
@media(max-width:470px){
  .access-icon-row{gap:4px}
  .access-icon-row img{height:78px}
}

/* Meta Event Setup compatibility: every CTA uses the exact Hero CTA anchor structure. */
.cta{position:relative;z-index:2;pointer-events:auto;cursor:pointer}
.cta-align-center{text-align:center;margin-top:28px}
.guarantee-cta-wrap{margin-top:20px}


/* Reliability fix — Stats critical values remain visible even if fonts/scripts/replay load late. */
.stat-card .stat-number{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  font-family:"Nunito Sans",Manrope,Arial,sans-serif !important;
  font-weight:800 !important;
}
.stat-card.soft .stat-number{color:#147e86 !important;}
.stat-card.emphasis .stat-number{color:#fff !important;}

/* Guarantee CTA: same approved button treatment as the rest of the site. */
.guarantee .cta.guarantee-cta{
  margin-top:10px;
}

/* Conversion test v16 — typography balance */
@media (min-width:761px){
  h1{font-size:clamp(40px,4.6vw,60px)}
  h2{font-size:clamp(31px,3.5vw,44px)}
  .closing-message h2{font-size:clamp(34px,4vw,48px)}
  .guarantee h2{font-size:36px}
}
@media (max-width:760px){
  h1{font-size:clamp(36px,10vw,46px);line-height:1.04}
  h2{font-size:clamp(28px,8vw,36px);line-height:1.1}
  .closing-message h2{font-size:clamp(30px,8.5vw,38px)}
  .guarantee h2{font-size:32px}
}


/* v17 — approved mobile readability + offer responsive fixes */
.hero-copy h1 .hero-accent{
  display:inline;
  color:var(--teal);
}

@media(max-width:760px){
  /* Keep the offer card fully inside the mobile viewport without shrinking the copy. */
  .offer-panel{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
  }
  .offer-copy,
  .offer-list,
  .offer-list li,
  .offer-list li>div{
    min-width:0;
    max-width:100%;
  }
  .offer-list li>div{
    flex:1 1 auto;
  }
  .offer-list strong,
  .offer-list small,
  .offer-copy .references{
    white-space:normal;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .offer-copy>.cta{
    display:flex;
    width:100%;
    min-width:0;
    max-width:100%;
    min-height:64px;
    padding:16px 18px;
    white-space:normal;
    text-align:center;
    line-height:1.3;
  }
  .offer-copy .references{
    width:100%;
    text-align:center;
    padding-inline:2px;
  }
}


/* v18 — approved Hero hierarchy: calm navy H1 + smaller supporting lines */
.hero-message{color:var(--navy)}
.hero-message .hero-headline{color:var(--navy);margin:0}
.hero-message .hero-subheadline{
  color:var(--navy);
  font-family:"Nunito Sans",Manrope,Arial,sans-serif;
  font-weight:600;
  font-size:clamp(20px,2vw,28px);
  line-height:1.25;
  letter-spacing:-.02em;
  margin:14px 0 0;
}
.hero-message-space{height:28px}
@media(max-width:760px){
  .hero-message .hero-headline{font-size:clamp(38px,10.5vw,48px);line-height:1.03}
  .hero-message .hero-subheadline{font-size:clamp(19px,5.4vw,24px);line-height:1.28;margin-top:12px}
  .hero-message-space{height:28px}
}


/* v19 — text alignment and hero reading-flow refinements */
.hero-lead-mobile,.hero-promise-mobile{display:none}
.hero-lead-desktop{max-width:620px;text-align:left}
.hero-promise-desktop{max-width:700px;text-align:left}
.hero-promise strong{color:var(--teal);font-weight:800}

/* Consistent reading system: introduce centered, explain left, act centered */
.section-heading,.section-panel>h2{text-align:center}
.difference-intro{max-width:900px;margin-left:auto;margin-right:auto;text-align:left}
.cta-align-center{text-align:center}
.cta-align-center .difference-intro{text-align:center}
.benefits-grid>.card h3,.benefits-grid>.card p,
.difference-grid>.card h3,.difference-grid>.card p{text-align:left}
.faq-item p,.offer-copy,.guarantee>div:last-child,.final-panel>div{text-align:left}

@media(max-width:760px){
  .hero-lead-desktop,.hero-promise-desktop{display:none}
  .hero-lead-mobile,.hero-promise-mobile{display:block}
  .hero-lead-mobile{font-size:16px;line-height:1.58;max-width:100%;margin:22px auto;text-align:center}
  .hero-lead-mobile strong{display:inline;color:var(--teal);font-weight:800}
  .hero-promise-mobile{font-size:16px;line-height:1.55;margin:10px auto 22px;text-align:center}
  .difference-intro{text-align:left}
  .cta-align-center .difference-intro{text-align:center}
  .guarantee{ text-align:left }
  .guarantee .shield{margin-left:auto;margin-right:auto}
  .guarantee h2,.guarantee h3{text-align:center}
  .final-panel>div{text-align:center}
}

@media(max-width:390px){
  .hero-lead-mobile{font-size:15px}
}

/* v20 — mobile rhythm, spacing and alignment system */
@media(max-width:760px){
  /* Preserve intentional mobile line breaks without relying on <br>, which older rules hide on small phones. */
  .hero-lead-mobile span,
  .hero-promise-mobile span{
    display:block;
  }
  .hero-lead-mobile{
    max-width:560px;
    margin:22px auto 18px;
    text-align:center;
  }
  .hero-lead-mobile span{
    margin:0;
  }
  .hero-lead-mobile strong{
    display:inline;
  }
  .hero-promise-mobile{
    max-width:100%;
    margin:12px auto 22px;
    padding-inline:4px;
    text-align:center;
    overflow-wrap:normal;
    word-break:normal;
  }
  .hero-promise-mobile span{
    white-space:normal;
  }

  /* Mobile alignment rule: narrative content is centered; icon/bullet rows stay left. */
  .difference-intro{
    text-align:center;
  }
  .benefits-grid>.card{
    text-align:center;
  }
  .benefits-grid>.card h3,
  .benefits-grid>.card p{
    text-align:center;
  }
  .section-panel > .difference-intro{
    text-align:center;
  }

  /* Credibility module is narrative, so center it for easier mobile scanning. */
  .section-panel .section-heading + .difference-intro,
  .section-panel .section-heading + .difference-intro + .difference-intro,
  .section-panel .section-heading + .difference-intro + .difference-intro + .difference-intro{
    text-align:center;
    max-width:540px;
    margin-left:auto;
    margin-right:auto;
  }

  /* Keep true icon/bullet structures left aligned. */
  .checklist,
  .checklist div,
  .offer-list,
  .offer-list li,
  .faq-item button,
  .faq-item p{
    text-align:left;
  }

  /* Guarantee reads as one narrative reassurance card on mobile. */
  .guarantee,
  .guarantee>div:last-child,
  .guarantee p{
    text-align:center;
  }
  .guarantee .cta{
    margin-left:auto;
    margin-right:auto;
  }
}

@media(max-width:470px){
  /* Override legacy rule that hides BRs in the hero; v20 uses block spans instead. */
  .hero-lead-mobile span,
  .hero-promise-mobile span{display:block}
}