#journalModule{--emerald:#0F6B4A;--emerald-dark:#0A563C;--emerald-soft:#EEF8F2;--charcoal:#1F2937;--muted:#667085;--border:#E4EAE6;--page:#F6F8F7;--gold:#F5B700;--shadow:0 20px 55px rgba(15,107,74,.09)}
#journalModule *{box-sizing:border-box}#journalModule{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--charcoal);background:radial-gradient(circle at 0 0,rgba(126,211,33,.08),transparent 28%),var(--page)}
#journalModule button{font:inherit}#journalModule .page-shell{width:min(1360px,calc(100% - 32px));margin:30px auto 70px;display:grid;gap:24px}
#journalModule .section{overflow:hidden;border:1px solid var(--border);border-radius:28px;background:rgba(255,255,255,.95);box-shadow:var(--shadow)}
#journalModule .header{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:30px 34px;border:0;background:transparent;text-align:left;cursor:pointer}
#journalModule .header:hover{background:#FBFDFC}#journalModule .chevron{width:44px;height:44px;display:grid;place-items:center;border-radius:999px;background:var(--emerald-soft);color:var(--emerald)}
#journalModule .chevron svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;transition:.22s}#journalModule .header[aria-expanded="true"] .chevron svg{transform:rotate(180deg)}
#journalModule .eyebrow{margin-bottom:4px;color:var(--emerald-dark);font-size:13px;font-weight:800;letter-spacing:.11em}#journalModule .title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#journalModule h1,#journalModule h2{margin:0;font-size:clamp(30px,3vw,42px);line-height:1.1;font-weight:750;letter-spacing:-.02em}#journalModule .badge{min-width:32px;height:32px;padding:0 9px;display:grid;place-items:center;border:1px solid #DCE7E1;border-radius:999px;background:#F8FBF9;color:var(--emerald-dark);font-size:13px;font-weight:800}
#journalModule .subtitle{margin:8px 0 0;color:var(--muted);font-size:16px}#journalModule .summary{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:10px}#journalModule .chip{min-width:108px;padding:11px 14px;border:1px solid var(--border);border-radius:14px;background:#FAFCFB;text-align:center}
#journalModule .chip span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}#journalModule .chip strong{display:block;margin-top:4px;color:var(--emerald);font-size:16px}
#journalModule .journal .eyebrow{color:#8A6500}#journalModule .journal .chevron{background:#FFF8DE;color:#8A6500}#journalModule .journal .chip:nth-child(2){background:#FFFCF4;border-color:#F1DCA7}#journalModule .journal .chip:nth-child(2) strong{color:#9A6E00}
#journalModule .body{border-top:1px solid var(--border);padding:34px}#journalModule .body[hidden]{display:none}#journalModule .preview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:28px}
#journalModule .story,#journalModule .offer{border:1px solid var(--border);border-radius:20px;background:#fff}#journalModule .story{padding:30px}#journalModule .story .kicker{margin:0 0 12px;color:var(--emerald-dark);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
#journalModule .story h3{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.08}#journalModule .story p{margin:16px 0 0;color:var(--muted);font-size:16px;line-height:1.7}#journalModule .story strong{color:var(--charcoal)}
#journalModule .offer{padding:26px;background:var(--emerald-soft);border-color:#CFE2D7;display:grid;align-content:start;gap:14px}#journalModule .offer-label{color:var(--emerald-dark);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
#journalModule .price-row{display:flex;align-items:end;gap:10px}#journalModule .old{color:var(--muted);font-size:18px;text-decoration:line-through}#journalModule .price{color:var(--emerald-dark);font-size:44px;line-height:1;font-weight:850}
#journalModule .list{display:grid;gap:9px;margin:4px 0 0;padding:0;list-style:none;color:#344054;font-size:14px}#journalModule .list li:before{content:"✓";margin-right:8px;color:var(--emerald);font-weight:900}
#journalModule .cta{min-height:48px;margin-top:6px;border:0;border-radius:14px;background:var(--emerald);color:#fff;font-weight:800;cursor:pointer}#journalModule .micro{margin:0;color:var(--muted);font-size:11px;text-align:center}
#journalModule .note{margin:0;padding:14px 16px;border:1px dashed #C8D7CF;border-radius:14px;background:#FAFCFB;color:var(--muted);font-size:13px}
@media(max-width:900px){#journalModule .header{grid-template-columns:auto minmax(0,1fr)}#journalModule .summary{grid-column:1/-1}#journalModule .preview{grid-template-columns:1fr}}
@media(max-width:620px){#journalModule .page-shell{width:calc(100% - 20px);margin:10px auto 40px;gap:16px}#journalModule .section{border-radius:22px}#journalModule .header{gap:14px;padding:22px 18px}#journalModule .chevron{width:40px;height:40px}#journalModule h1,#journalModule h2{font-size:30px}#journalModule .subtitle{font-size:14px}#journalModule .summary{grid-template-columns:1fr}#journalModule .chip{display:flex;justify-content:space-between;text-align:left}#journalModule .chip strong{margin-top:0}#journalModule .body{padding:18px}#journalModule .story,#journalModule .offer{padding:22px}}

/* =========================================================
   JOURNAL STORY & OFFER — LOCKED MVP STRUCTURE
   ========================================================= */

#journalModule .journal-body{
  display:grid;
  gap:26px;
  background:#FCFDFC;
}

#journalModule .journal-hero{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);
  gap:30px;
  align-items:center;
  padding:34px;
  border:1px solid #DDE8E1;
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 20%,rgba(126,211,33,.11),transparent 32%),
    linear-gradient(135deg,#FFFFFF 0%,#F8FCF9 100%);
}

#journalModule .journal-hero-copy h3{
  margin:0;
  max-width:820px;
  font-size:clamp(32px,4.5vw,56px);
  line-height:1.06;
  letter-spacing:-.035em;
}

#journalModule .journal-hero-copy h3 span{color:var(--emerald)}

#journalModule .journal-script-line{
  margin:18px 0 0;
  color:var(--emerald-dark);
  font-size:clamp(20px,2.3vw,30px);
  font-style:italic;
  line-height:1.35;
}

#journalModule .journal-positioning{
  max-width:700px;
  margin-top:22px;
  padding:18px 20px;
  border:1px solid #DDE8E1;
  border-radius:16px;
  background:rgba(255,255,255,.82);
}

#journalModule .journal-positioning strong{
  display:block;
  color:var(--charcoal);
  font-size:15px;
}

#journalModule .journal-positioning p,
#journalModule .journal-emphasis{
  margin:7px 0 0;
  color:var(--muted);
  line-height:1.6;
}

#journalModule .journal-emphasis{
  font-weight:650;
  color:#344054;
}

#journalModule .journal-book-card{
  position:relative;
  min-height:350px;
  display:grid;
  place-items:center;
}

#journalModule .journal-book-cover{
  position:relative;
  width:min(250px,78%);
  min-height:320px;
  padding:32px 24px;
  display:grid;
  align-content:start;
  gap:10px;
  border-radius:4px 14px 14px 4px;
  background:linear-gradient(145deg,#063C2B,#0F6B4A 68%,#0A563C);
  color:#FFF;
  box-shadow:18px 22px 34px rgba(15,107,74,.2);
  transform:perspective(900px) rotateY(-7deg);
}

#journalModule .journal-book-cover::after{
  content:"";
  position:absolute;
  inset:8px -8px -8px 8px;
  z-index:-1;
  border-radius:4px 14px 14px 4px;
  background:#E7EFEA;
  border:1px solid #C9D8D0;
}

#journalModule .journal-book-brand{font-size:13px;font-weight:800;letter-spacing:.09em}
#journalModule .journal-book-cover strong{font-size:27px;line-height:1.15}
#journalModule .journal-book-subtitle{margin-top:28px;font-size:13px;text-transform:uppercase}
#journalModule .journal-book-goal{color:#B7F23A;font-size:23px;font-weight:900;line-height:1.25}
#journalModule .journal-book-seal{
  position:absolute;
  right:-25px;
  bottom:28px;
  width:96px;
  height:96px;
  display:grid;
  place-items:center;
  padding:10px;
  border:5px solid #E8A600;
  border-radius:50%;
  background:#FFC928;
  color:#4A3400;
  font-size:11px;
  font-weight:900;
  text-align:center;
  transform:rotate(-8deg);
}

#journalModule .journal-three-pillars{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid var(--border);
  border-radius:20px;
  background:#FFF;
}

#journalModule .journal-three-pillars article{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:15px;
  padding:24px;
}

#journalModule .journal-three-pillars article+article{border-left:1px solid var(--border)}
#journalModule .pillar-icon{color:var(--emerald);font-size:34px;font-weight:900}
#journalModule .journal-three-pillars p{margin:0;color:var(--muted);line-height:1.5}
#journalModule .journal-three-pillars strong{color:var(--charcoal)}

#journalModule .journal-content-block{
  padding:30px;
  border:1px solid var(--border);
  border-radius:20px;
  background:#FFF;
}

#journalModule .block-heading{max-width:760px}
#journalModule .block-heading h3{
  margin:0;
  font-size:clamp(25px,3vw,36px);
  line-height:1.15;
  letter-spacing:-.025em;
}

#journalModule .journal-copy-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
  margin-top:20px;
}

#journalModule .journal-copy-grid p,
#journalModule .journal-callout{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

#journalModule .journal-callout{
  margin-top:20px;
  padding:15px 17px;
  border-left:4px solid var(--emerald);
  background:var(--emerald-soft);
  color:var(--emerald-dark);
  font-weight:750;
}

#journalModule .journey-flow{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
  margin-top:22px;
}

#journalModule .journey-flow article{
  min-width:0;
  padding:18px;
  border:1px solid #E2EAE5;
  border-radius:16px;
  background:#FAFCFB;
}

#journalModule .journey-flow article>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border-radius:50%;
  background:var(--emerald);
  color:#FFF;
  font-weight:900;
}

#journalModule .journey-flow strong{display:block;font-size:14px}
#journalModule .journey-flow p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.55}

#journalModule .receive-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:22px;
}

#journalModule .receive-grid article{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:11px;
  padding:17px;
  border:1px solid #E2EAE5;
  border-radius:15px;
  background:#FAFCFB;
}

#journalModule .receive-grid article>span{color:var(--emerald);font-weight:900}
#journalModule .receive-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
#journalModule .receive-grid strong{color:var(--charcoal)}

#journalModule .roadmap-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
  margin-top:22px;
}

#journalModule .roadmap-grid article{
  padding:18px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#FFF;
}

#journalModule .roadmap-grid article>span{
  display:block;
  color:var(--emerald-dark);
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}

#journalModule .roadmap-grid strong{display:block;margin-top:8px;font-size:15px}
#journalModule .roadmap-grid p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.55}

#journalModule .journal-pricing-section{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:20px;
}

#journalModule .journal-pricing-section .journal-offer{
  padding:30px;
}

#journalModule .offer-intro{
  margin:0;
  color:#344054;
  font-weight:650;
}





#journalModule .faq-block details{
  margin-top:12px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#FAFCFB;
}

#journalModule .faq-block summary{
  padding:16px 18px;
  cursor:pointer;
  color:var(--charcoal);
  font-weight:750;
}

#journalModule .faq-block details p{
  margin:0;
  padding:0 18px 17px;
  color:var(--muted);
  line-height:1.6;
}

#journalModule .journal-final-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  padding:30px;
  border:1px solid #CFE2D7;
  border-radius:20px;
  background:var(--emerald-soft);
}

#journalModule .journal-final-cta h3{
  margin:0;
  font-size:clamp(25px,3vw,36px);
  line-height:1.18;
}

#journalModule .journal-final-cta>div>p:last-child{
  margin:12px 0 0;
  color:var(--muted);
  line-height:1.65;
}

#journalModule .journal-final-cta .cta{
  min-width:230px;
  padding:0 22px;
}

#journalModule .journal-final-cta .micro{
  grid-column:2;
}

@media(max-width:1080px){
  #journalModule .journey-flow,#journalModule .roadmap-grid{grid-template-columns:repeat(2,1fr)}
  #journalModule .journey-flow article:last-child,#journalModule .roadmap-grid article:last-child{grid-column:1/-1}
}

@media(max-width:820px){
  #journalModule .journal-hero,#journalModule .journal-pricing-section{grid-template-columns:1fr}
  #journalModule .journal-book-card{min-height:310px}
  #journalModule .journal-three-pillars{grid-template-columns:1fr}
  #journalModule .journal-three-pillars article+article{border-left:0;border-top:1px solid var(--border)}
  #journalModule .journal-copy-grid,#journalModule .receive-grid{grid-template-columns:1fr}
  #journalModule .journal-final-cta{grid-template-columns:1fr}
  #journalModule .journal-final-cta .micro{grid-column:auto}
  #journalModule .journal-final-cta .cta{width:100%}
}

@media(max-width:560px){
  #journalModule .journal-body{gap:18px}
  #journalModule .journal-hero,#journalModule .journal-content-block,#journalModule .journal-pricing-section .journal-offer,#journalModule .journal-final-cta{padding:22px 18px}
  #journalModule .journey-flow,#journalModule .roadmap-grid{grid-template-columns:1fr}
  #journalModule .journey-flow article:last-child,#journalModule .roadmap-grid article:last-child{grid-column:auto}
  #journalModule .journal-book-cover{width:min(230px,82%)}
}


/* Journal collapsed header emphasis */
#journalModule .journal{
  border-left:5px solid var(--gold);
  background:
    linear-gradient(100deg,#FFFCF4 0%,#FFFFFF 40%,#F7FBF8 100%);
}

#journalModule .journal .header{
  background:transparent;
}

#journalModule .journal .header:hover{
  background:
    linear-gradient(100deg,#FFF9E8 0%,#FBFDFC 42%,#F3F9F5 100%);
}

#journalModule .journal .chevron{
  background:#FFF4CF;
  color:#8A6500;
  border:1px solid #F0D69A;
}

#journalModule .journal .header:hover .chevron{
  background:var(--gold);
  color:#4B3700;
}

#journalModule .journal-access-badge{
  min-width:auto;
  padding:0 11px;
  border-color:#CFE2D7;
  background:var(--emerald-soft);
  color:var(--emerald-dark);
  font-size:10px;
  letter-spacing:.06em;
}

#journalModule .journal .summary .chip{
  background:rgba(255,255,255,.9);
}

#journalModule .journal-availability-chip{
  border-color:#D9E7DE !important;
  background:#FAFCFB !important;
}

#journalModule .journal-availability-chip strong{
  color:var(--emerald-dark) !important;
  font-size:14px;
}

#journalModule .journal .summary .chip:nth-child(2){
  border-color:#E9C869;
  background:#FFF8E7;
  box-shadow:0 6px 16px rgba(245,183,0,.08);
}

#journalModule .journal .summary .chip:nth-child(2) strong{
  color:#8A6500;
}

#journalModule .journal-updates-chip{
  border-color:#D9E7DE !important;
  background:#F8FBF9 !important;
}

#journalModule .journal-updates-chip strong{
  color:var(--emerald-dark) !important;
}


/* =========================================================
   PREMIUM GOLD JOURNAL ACCENT
   Reference gold: #D2AF26
   ========================================================= */

#journalModule{
  --premium-gold:#D2AF26;
  --premium-gold-deep:#A87900;
  --premium-gold-dark:#6E4F00;
  --premium-gold-soft:#FFF8DC;
  --premium-gold-pale:#FFFDF4;
}

/* Luxury gold side accent with a subtle highlight */
#journalModule .journal{
  position:relative;
  border-left:0;
  background:
    linear-gradient(100deg,#FFFDF4 0%,#FFFFFF 42%,#F7FBF8 100%);
}

#journalModule .journal::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  background:
    linear-gradient(
      180deg,
      #F4DB72 0%,
      var(--premium-gold) 28%,
      #B98E0D 64%,
      #E4C54E 100%
    );
  box-shadow:
    2px 0 0 rgba(255,255,255,.7),
    5px 0 14px rgba(210,175,38,.12);
}

/* Closed arrow: light gold, calm and elegant */
#journalModule .journal .chevron{
  border:1px solid #E9D37A;
  background:
    linear-gradient(145deg,#FFFDF2,#FFF3C2);
  color:var(--premium-gold-dark);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 5px 14px rgba(210,175,38,.10);
}

/* Open arrow: premium gold state */
#journalModule .journal .header[aria-expanded="true"] .chevron{
  border-color:var(--premium-gold);
  background:
    linear-gradient(145deg,#E8C84C 0%,var(--premium-gold) 48%,#B88A0A 100%);
  color:#2F2400;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 8px 18px rgba(169,121,0,.20);
}

#journalModule .journal .header:hover .chevron{
  border-color:var(--premium-gold);
  background:
    linear-gradient(145deg,#F2D75E 0%,var(--premium-gold) 55%,#C0930C 100%);
  color:#2F2400;
}

/* Early price gets the strongest luxury treatment */
#journalModule .journal .summary .chip:nth-child(2){
  border:1px solid #D7B52D;
  background:
    linear-gradient(135deg,#FFF9DE 0%,#F8E9A8 45%,#E8C94D 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 8px 20px rgba(210,175,38,.15);
}

#journalModule .journal .summary .chip:nth-child(2) span{
  color:#6B5211;
}

#journalModule .journal .summary .chip:nth-child(2) strong{
  color:#4A3500;
  font-weight:900;
}

/* Subtle premium finish for the Journal label */
#journalModule .journal .eyebrow{
  color:#7A5A00;
}

#journalModule .journal-access-badge{
  border-color:#D9C16A;
  background:
    linear-gradient(145deg,#FFFDF2,#FFF7D8);
  color:#735600;
}

/* Slightly richer hover state without making the whole header gold */
#journalModule .journal .header:hover{
  background:
    linear-gradient(100deg,#FFF9E8 0%,#FFFDF7 38%,#F4FAF6 100%);
}


/* =========================================================
   EARLY PRICE OPEN-STATE GLOW
   A brief YouTube-style attention pulse when Journal opens
   ========================================================= */

@keyframes journalEarlyPriceGlow {
  0% {
    transform: translateY(0) scale(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.85),
      0 8px 20px rgba(210,175,38,.15),
      0 0 0 0 rgba(210,175,38,0);
  }
  35% {
    transform: translateY(-1px) scale(1.035);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      0 10px 24px rgba(210,175,38,.22),
      0 0 0 8px rgba(210,175,38,.16),
      0 0 26px rgba(244,219,114,.50);
  }
  70% {
    transform: translateY(0) scale(1.015);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.9),
      0 9px 22px rgba(210,175,38,.19),
      0 0 0 4px rgba(210,175,38,.08),
      0 0 18px rgba(244,219,114,.30);
  }
  100% {
    transform: translateY(0) scale(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.85),
      0 8px 20px rgba(210,175,38,.15),
      0 0 0 0 rgba(210,175,38,0);
  }
}

#journalModule .journal .header[aria-expanded="true"] .summary .chip:nth-child(2){
  animation: journalEarlyPriceGlow 1.15s cubic-bezier(.22,.8,.32,1) 1;
  transform-origin:center;
  will-change:transform,box-shadow;
}

@media (prefers-reduced-motion: reduce){
  #journalModule .journal .header[aria-expanded="true"] .summary .chip:nth-child(2){
    animation:none;
  }
}


/* =========================================================
   SEO + CONVERSION HEADING HIERARCHY
   One visible H1, clear H2 sections, H3 card topics
   ========================================================= */

#journalModule .accordion-section-title{
  margin:0;
  font-size:clamp(30px,3vw,42px);
  line-height:1.1;
  font-weight:750;
  letter-spacing:-.02em;
}

#journalModule .journal-hero-copy h2{
  margin:0;
  max-width:820px;
  font-size:clamp(32px,4.5vw,56px);
  line-height:1.06;
  letter-spacing:-.035em;
}

#journalModule .journal-hero-copy h2 span{
  color:var(--emerald);
}

#journalModule .block-heading h2,
#journalModule .journal-final-cta h2{
  margin:0;
  font-size:clamp(25px,3vw,36px);
  line-height:1.15;
  letter-spacing:-.025em;
}

#journalModule .journey-flow h3,
#journalModule .roadmap-grid h3{
  margin:0;
  color:var(--charcoal);
  font-size:14px;
  line-height:1.35;
  font-weight:750;
}

#journalModule .roadmap-grid h3{
  margin-top:8px;
  font-size:15px;
}

#journalModule .cta{
  min-height:50px;
  padding:0 20px;
  box-shadow:0 10px 22px rgba(15,107,74,.15);
}

#journalModule .cta:focus-visible{
  outline:3px solid rgba(15,107,74,.22);
  outline-offset:3px;
}


/* =========================================================
   PREMIUM JOURNAL BOOK + GOLD SEAL
   ========================================================= */

#journalModule .journal-book-card{
  min-height:390px;
  padding:18px;
  perspective:1200px;
}

#journalModule .journal-book-cover{
  position:relative;
  width:min(270px,82%);
  min-height:348px;
  padding:34px 26px 30px;
  border:1px solid rgba(232,201,77,.55);
  border-radius:5px 16px 16px 5px;
  background:
    radial-gradient(circle at 24% 16%,rgba(255,255,255,.16),transparent 24%),
    linear-gradient(155deg,#031D16 0%,#063F2E 32%,#0F6B4A 68%,#052E22 100%);
  color:#FFF;
  box-shadow:
    0 28px 46px rgba(3,29,22,.30),
    14px 16px 28px rgba(15,107,74,.20),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset -12px 0 24px rgba(0,0,0,.18);
  transform:perspective(1000px) rotateY(-8deg) rotateX(1deg);
  overflow:visible;
}

#journalModule .journal-book-cover::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:16px;
  border-radius:5px 0 0 5px;
  background:
    linear-gradient(90deg,#02140F 0%,#0A563C 38%,#D2AF26 40%,#F2D75E 52%,#A87900 64%,#05271D 66%,#031A13 100%);
  box-shadow:
    inset -1px 0 0 rgba(255,255,255,.2),
    3px 0 8px rgba(0,0,0,.18);
}

#journalModule .journal-book-cover::after{
  content:"";
  position:absolute;
  inset:9px -11px -10px 10px;
  z-index:-1;
  border-radius:4px 15px 15px 4px;
  background:
    repeating-linear-gradient(
      0deg,
      #F8F7F2 0,
      #F8F7F2 3px,
      #E8E5DC 4px
    );
  border:1px solid #CBC5B5;
  box-shadow:8px 10px 18px rgba(31,41,55,.14);
}

#journalModule .journal-book-brand{
  position:relative;
  z-index:1;
  color:#F8E7A0;
  font-size:12px;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}

#journalModule .journal-book-cover strong{
  position:relative;
  z-index:1;
  max-width:205px;
  margin-top:3px;
  font-size:29px;
  line-height:1.12;
  letter-spacing:-.02em;
  text-shadow:0 2px 8px rgba(0,0,0,.22);
}

#journalModule .journal-book-subtitle{
  position:relative;
  z-index:1;
  margin-top:30px;
  color:#E5EFEA;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#journalModule .journal-book-goal{
  position:relative;
  z-index:1;
  color:#DDF46A;
  font-size:24px;
  font-weight:900;
  line-height:1.22;
  text-shadow:0 3px 10px rgba(0,0,0,.24);
}

/* Premium metallic-gold seal */
#journalModule .journal-book-seal{
  position:absolute;
  right:-28px;
  bottom:24px;
  width:108px;
  height:108px;
  display:grid;
  place-items:center;
  padding:14px;
  border:1px solid #9F7600;
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 26%,#FFF7C5 0%,#F4DB72 18%,#D2AF26 48%,#A87900 76%,#6E4F00 100%);
  color:#2F2300;
  font-size:10px;
  line-height:1.25;
  font-weight:950;
  letter-spacing:.04em;
  text-align:center;
  text-transform:uppercase;
  transform:rotate(-7deg);
  text-shadow:0 1px 0 rgba(255,255,255,.48);
  box-shadow:
    0 12px 24px rgba(110,79,0,.30),
    0 0 0 5px #F5E596,
    0 0 0 8px #B88A0A,
    inset 0 2px 0 rgba(255,255,255,.55),
    inset 0 -8px 14px rgba(110,79,0,.20);
}

#journalModule .journal-book-seal::before,
#journalModule .journal-book-seal::after{
  content:"";
  position:absolute;
  inset:9px;
  border:1px solid rgba(74,53,0,.35);
  border-radius:50%;
}

#journalModule .journal-book-seal::after{
  inset:16px;
  border-style:dashed;
  border-color:rgba(74,53,0,.32);
}

#journalModule .journal-book-card:hover .journal-book-cover{
  transform:perspective(1000px) rotateY(-5deg) translateY(-3px);
  box-shadow:
    0 34px 54px rgba(3,29,22,.34),
    16px 20px 32px rgba(15,107,74,.22),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset -12px 0 24px rgba(0,0,0,.18);
}

#journalModule .journal-book-cover{
  transition:transform .28s ease,box-shadow .28s ease;
}

@media (prefers-reduced-motion: reduce){
  #journalModule .journal-book-cover{transition:none}
}


/* Final approved Journal cover artwork */
#journalModule .journal-cover-figure{
  margin:0;
  min-height:0;
  padding:0;
  display:grid;
  place-items:center;
  align-self:center;
}

#journalModule .journal-cover-image{
  display:block;
  width:min(100%,360px);
  height:auto;
  border:1px solid rgba(210,175,38,.38);
  border-radius:7px;
  background:#F8F5EC;
  box-shadow:
    0 28px 52px rgba(3,29,22,.24),
    0 10px 24px rgba(15,107,74,.14);
  transform:perspective(1100px) rotateY(-3deg);
  transform-origin:center;
  transition:transform .28s ease,box-shadow .28s ease;
}

#journalModule .journal-cover-figure:hover .journal-cover-image{
  transform:perspective(1100px) rotateY(0deg) translateY(-3px);
  box-shadow:
    0 34px 62px rgba(3,29,22,.28),
    0 14px 30px rgba(15,107,74,.17),
    0 0 24px rgba(210,175,38,.12);
}

#journalModule .visually-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

@media(max-width:820px){
  #journalModule .journal-cover-image{
    width:min(100%,330px);
    transform:none;
  }
  #journalModule .journal-cover-figure:hover .journal-cover-image{
    transform:translateY(-2px);
  }
}

@media(prefers-reduced-motion:reduce){
  #journalModule .journal-cover-image{transition:none}
}


/* Final static Journal cover */
#journalModule .journal-cover-figure{
  margin:0;
  min-height:0;
  padding:0;
  display:grid;
  place-items:center;
  align-self:center;
}

#journalModule .journal-cover-image{
  display:block;
  width:min(100%,360px);
  height:auto;
  border:1px solid rgba(210,175,38,.38);
  border-radius:7px;
  background:#F8F5EC;
  box-shadow:
    0 24px 46px rgba(3,29,22,.22),
    0 10px 22px rgba(15,107,74,.12);
  transform:none !important;
  transition:none !important;
}

#journalModule .journal-cover-figure:hover .journal-cover-image{
  transform:none !important;
  box-shadow:
    0 24px 46px rgba(3,29,22,.22),
    0 10px 22px rgba(15,107,74,.12);
}

@media(max-width:820px){
  #journalModule .journal-cover-image{
    width:min(100%,330px);
    transform:none !important;
  }
}


/* =========================================================
   JOURNAL CONVERSION CTA FLOW
   Five naturally placed calls to action across the buying journey
   ========================================================= */

#journalModule .hero-book-cta{
  width:min(100%,360px);
  display:grid;
  justify-items:center;
  gap:11px;
  margin-top:18px;
  text-align:center;
}

#journalModule .hero-book-price{
  margin:0;
  color:var(--charcoal);
  font-size:13px;
  font-weight:650;
}

#journalModule .hero-book-price strong{
  margin:0 5px;
  color:var(--emerald-dark);
  font-size:22px;
  font-weight:900;
}

#journalModule .hero-book-old-price{
  margin-right:3px;
  color:var(--muted);
  text-decoration:line-through;
}

#journalModule .hero-book-cta-button,
#journalModule .inline-conversion-button,
#journalModule .faq-conversion-button,
#journalModule .pricing-cta-button,
#journalModule .final-cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:11px 20px;
  border-radius:14px;
  color:#FFFFFF;
  text-decoration:none;
  text-align:center;
}

#journalModule .hero-book-cta-button{
  width:100%;
  background:var(--emerald);
  box-shadow:0 12px 24px rgba(15,107,74,.17);
}

#journalModule .hero-book-trust{
  width:100%;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px 14px;
  margin:0;
  padding:0;
  list-style:none;
  color:var(--muted);
  font-size:11px;
  font-weight:650;
}

#journalModule .hero-book-trust li::before{
  content:"✓";
  margin-right:5px;
  color:var(--emerald);
  font-weight:900;
}

#journalModule .inline-conversion-cta,
#journalModule .faq-conversion-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  margin-top:24px;
  padding:18px 20px;
  border:1px solid #CFE2D7;
  border-radius:16px;
  background:var(--emerald-soft);
}

#journalModule .inline-conversion-cta strong,
#journalModule .faq-conversion-cta strong{
  display:block;
  color:var(--charcoal);
  font-size:15px;
}

#journalModule .inline-conversion-cta p,
#journalModule .faq-conversion-cta p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}

#journalModule .inline-conversion-button,
#journalModule .faq-conversion-button{
  min-width:190px;
}

#journalModule .faq-conversion-cta{
  margin-top:20px;
  border-color:#E7D597;
  background:#FFF9E8;
}

#journalModule .faq-conversion-button{
  background:linear-gradient(145deg,#0F6B4A,#0A563C);
}

#journalModule .pricing-cta-button,
#journalModule .final-cta-button{
  width:100%;
}

#journalModule .cta:hover{
  color:#FFFFFF;
}

@media(max-width:720px){
  #journalModule .inline-conversion-cta,
  #journalModule .faq-conversion-cta{
    grid-template-columns:1fr;
  }

  #journalModule .inline-conversion-button,
  #journalModule .faq-conversion-button{
    width:100%;
    min-width:0;
  }

  #journalModule .hero-book-cta{
    width:min(100%,330px);
  }
}


/* === Hero balance refinement (locked) === */
#journalModule .journal-hero{
  align-items:center !important;
}

#journalModule .journal-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:100%;
  padding-top:8px;
  padding-bottom:8px;
}

#journalModule .hero-eyebrow,
#journalModule .story-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  font-size:14px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#A87900;
}

#journalModule .hero-eyebrow::before,
#journalModule .story-eyebrow::before{
  content:"";
  width:56px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,#D2AF26,#F2D75E);
}

#journalModule .journal-hero h2,
#journalModule .journal-hero h1{
  margin-top:0;
  margin-bottom:18px;
  max-width:14ch;
}

#journalModule .hero-question{
  max-width:14ch;
}

#journalModule .hero-story-card{
  margin-top:18px;
}

#journalModule .hero-closing-line{
  margin-top:16px;
  font-weight:700;
}


/* =========================================================
   LOCKED JOURNAL SECTION TITLE SYSTEM — FIXED
   Applies to the four major section labels.
   ========================================================= */

#journalModule .section-title-kicker{
  display:flex !important;
  align-items:center;
  gap:13px;
  margin:0 0 18px !important;
  color:#A87900 !important;
  font-size:15px !important;
  line-height:1.25;
  font-weight:850 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase;
}

#journalModule .section-title-kicker::before{
  content:"";
  width:52px;
  height:2px;
  flex:0 0 auto;
  border-radius:999px;
  background:linear-gradient(90deg,#A87900 0%,#D2AF26 58%,#F2D75E 100%);
  box-shadow:0 1px 4px rgba(210,175,38,.18);
}

#journalModule .section-title-kicker + h2{
  margin-top:0 !important;
}

@media(max-width:560px){
  #journalModule .section-title-kicker{
    gap:10px;
    font-size:13px !important;
    letter-spacing:.1em !important;
  }

  #journalModule .section-title-kicker::before{
    width:38px;
  }
}


/* =========================================================
   JOURNAL VERSION 2.0 — FOUNDATION RELEASE
   ========================================================= */
#journalModule .journal-script-line{max-width:760px;font-weight:650}
#journalModule .journal-three-pillars article{grid-template-columns:48px 1fr;align-items:start}
#journalModule .journal-three-pillars h3{margin:0 0 6px;color:var(--emerald-dark);font-size:17px;letter-spacing:.08em}
#journalModule .pillar-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#FFF8DE;color:#8A6500!important;font-size:13px!important;font-weight:900;border:1px solid #F0D98C}

#journalModule .edition-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
#journalModule .edition-value-card{padding:24px;border:1px solid var(--border);border-radius:18px;background:#FBFDFC;box-shadow:0 10px 25px rgba(31,41,55,.035)}
#journalModule .edition-value-card.updates{background:#F7FBF8;border-color:#CFE2D7}
#journalModule .edition-value-card.lifetime{background:#FFFCF3;border-color:#EDD58D}
#journalModule .edition-card-label{display:block;margin-bottom:10px;color:#8A6500;font-size:10px;font-weight:900;letter-spacing:.11em}
#journalModule .edition-value-card h3{margin:0 0 14px;font-size:23px}
#journalModule .edition-value-card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none;color:var(--muted);line-height:1.5}
#journalModule .edition-value-card li::before{content:"✓";margin-right:9px;color:var(--emerald);font-weight:900}

#journalModule .build-focus-layout{display:grid;grid-template-columns:1.05fr 1.4fr;gap:20px;margin-top:24px}
#journalModule .active-build-card{padding:28px;border:2px solid #BBD8C7;border-radius:20px;background:linear-gradient(145deg,#F5FBF7,#FFF);box-shadow:0 16px 36px rgba(15,107,74,.08)}
#journalModule .status-pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:#F1F3F2;color:#667085;font-size:9px;font-weight:900;letter-spacing:.1em}
#journalModule .status-pill.active{background:#E8F7EE;color:var(--emerald-dark)}
#journalModule .build-step{display:block;margin-top:20px;color:#8A6500;font-size:12px;font-weight:900;letter-spacing:.13em}
#journalModule .active-build-card h3{margin:7px 0 8px;font-size:30px}
#journalModule .active-build-card p,#journalModule .coming-soon-grid p{color:var(--muted);line-height:1.55}
#journalModule .active-progress{height:8px;margin:22px 0 9px;overflow:hidden;border-radius:999px;background:#E4EAE6}
#journalModule .active-progress span{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--emerald),#7ED321)}
#journalModule .active-build-card small{color:var(--muted)}
#journalModule .coming-soon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
#journalModule .coming-soon-grid article{padding:20px;border:1px solid var(--border);border-radius:16px;background:#FAFBFA;opacity:.86}
#journalModule .coming-soon-grid strong{display:block;margin-top:14px;color:#8A6500;font-size:10px;letter-spacing:.12em}
#journalModule .coming-soon-grid h3{margin:6px 0;font-size:20px}

#journalModule .section-intro{margin:12px 0 0;color:var(--muted);line-height:1.65}
#journalModule .milestone-timeline{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:30px 0 0;padding:0;list-style:none}
#journalModule .milestone-timeline::before{content:"";position:absolute;top:24px;left:6%;right:6%;height:3px;background:#E1E8E4;z-index:0}
#journalModule .milestone-timeline li{position:relative;z-index:1;text-align:center}
#journalModule .milestone-timeline span{width:48px;height:48px;margin:0 auto 12px;display:grid;place-items:center;border:3px solid #DDE5E1;border-radius:50%;background:#FFF;color:#98A2B3;font-size:12px;font-weight:900}
#journalModule .milestone-timeline li.complete span{background:var(--emerald);border-color:var(--emerald);color:#FFF}
#journalModule .milestone-timeline li.active span{border-color:#D2AF26;color:#8A6500;box-shadow:0 0 0 7px #FFF8DE}
#journalModule .milestone-timeline strong{display:block;font-size:14px}
#journalModule .milestone-timeline small{display:block;margin-top:4px;color:var(--muted);font-size:11px}

#journalModule .mascot-growth-note{position:relative;min-height:260px;overflow:hidden;display:flex!important;align-items:center;padding:28px 245px 28px 30px!important}
#journalModule .growth-copy{position:relative;z-index:2}
#journalModule .growth-mascot{position:absolute;right:16px;bottom:-4px;width:225px;max-height:245px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 16px 16px rgba(15,107,74,.12))}

#journalModule .seo-answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}
#journalModule .seo-answer-grid article{padding:22px;border:1px solid var(--border);border-radius:16px;background:#FBFDFC}
#journalModule .seo-answer-grid h3{margin:0 0 10px;color:var(--emerald-dark);font-size:19px}
#journalModule .seo-answer-grid p{margin:0;color:var(--muted);line-height:1.65}

#journalModule .journal-final-cta{position:relative;overflow:hidden;padding-right:210px!important}
#journalModule .final-mascot{position:absolute;right:25px;bottom:-28px;width:180px;opacity:.96;filter:drop-shadow(0 12px 14px rgba(15,107,74,.12))}

@media(max-width:1000px){
  #journalModule .edition-value-grid{grid-template-columns:1fr}
  #journalModule .build-focus-layout{grid-template-columns:1fr}
  #journalModule .milestone-timeline{grid-template-columns:repeat(4,1fr);row-gap:28px}
  #journalModule .milestone-timeline::before{display:none}
}
@media(max-width:720px){
  #journalModule .coming-soon-grid,#journalModule .seo-answer-grid{grid-template-columns:1fr}
  #journalModule .milestone-timeline{grid-template-columns:repeat(2,1fr)}
  #journalModule .mascot-growth-note{padding:24px!important;min-height:auto}
  #journalModule .growth-mascot{position:relative;right:auto;bottom:auto;width:150px;margin:18px auto -10px;display:block}
  #journalModule .journal-final-cta{padding-right:18px!important;padding-bottom:170px!important}
  #journalModule .final-mascot{right:50%;transform:translateX(50%);width:150px}
}

#journalModule .growth-mascot,#journalModule .final-mascot{background:transparent!important;}

/* =========================================================
   Responsive mascot placement fix
   Keeps the final mascot from overlapping the CTA at 720px.
   ========================================================= */
@media (max-width: 720px){
  #journalModule .journal-final-cta{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    padding:28px 24px 22px !important;
  }

  #journalModule .journal-final-cta .final-mascot{
    position:static !important;
    inset:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    order:99;
    display:block;
    width:118px !important;
    max-width:32vw;
    height:auto;
    margin:22px auto 0 !important;
    filter:drop-shadow(0 10px 14px rgba(15,107,74,.12));
  }

  #journalModule .journal-final-cta .cta-button,
  #journalModule .journal-final-cta a,
  #journalModule .journal-final-cta button{
    position:relative;
    z-index:2;
  }
}

@media (max-width: 420px){
  #journalModule .journal-final-cta .final-mascot{
    width:102px !important;
    margin-top:18px !important;
  }
}


/* =========================================================
   LOCKED FINAL CTA ARTWORK
   Approved seated mascot + glowing Early price sign
   ========================================================= */
#journalModule .journal-final-cta-artwork{
  display:block !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}

#journalModule .final-cta-artwork-figure{
  position:relative;
  margin:0;
  overflow:hidden;
  border:1px solid #CFE2D7;
  border-radius:20px;
  background:#F3FAF6;
  box-shadow:0 18px 40px rgba(15,107,74,.08);
}

#journalModule .final-cta-artwork-image{
  display:block;
  width:100%;
  height:auto;
}

#journalModule .final-cta-artwork-link{
  position:absolute;
  left:7%;
  right:7%;
  top:52%;
  height:15%;
  z-index:3;
  border-radius:16px;
}

#journalModule .final-cta-artwork-link:focus-visible{
  outline:4px solid rgba(126,211,33,.65);
  outline-offset:4px;
}

@media(max-width:720px){
  #journalModule .journal-final-cta-artwork{
    padding:0 !important;
  }

  #journalModule .final-cta-artwork-figure{
    border-radius:16px;
  }

  #journalModule .final-cta-artwork-link{
    left:6%;
    right:6%;
    top:51.5%;
    height:16%;
  }
}


/* Journal Version 2.0 - Current Build CTA */
#journalModule .current-build-cta-intro{
  margin:18px 0 14px;
  color:#4b5563;
  line-height:1.55;
  font-size:.95rem;
}
#journalModule .current-build-cta-intro strong{
  display:block;
  margin-bottom:6px;
  color:#0F6B4A;
  font-size:1rem;
}
#journalModule .current-build-cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 20px;
  border-radius:12px;
  background:#0F6B4A;
  color:#fff!important;
  text-decoration:none;
  font-weight:700;
  box-shadow:0 10px 20px rgba(15,107,74,.15);
  transition:.2s ease;
}
#journalModule .current-build-cta-button:hover{
  background:#0c5a3f;
  transform:translateY(-1px);
}
@media (max-width:720px){
  #journalModule .current-build-cta-button{
    display:flex;
    width:100%;
  }
}


/* =========================================================
   LOCKED RESPONSIVE FINAL CTA
   Real HTML + seated mascot on the right edge of $47
   ========================================================= */
#journalModule .journal-final-cta-integrated{
  position:relative;
  display:grid !important;
  grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);
  gap:30px;
  padding:32px !important;
  overflow:visible !important;
  border:1px solid #CFE2D7 !important;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 18%,rgba(126,211,33,.08),transparent 30%),
    linear-gradient(145deg,#F4FBF7,#ECF7F1) !important;
}

#journalModule .final-cta-copy{
  align-self:center;
  min-width:0;
}

#journalModule .final-cta-copy h2{
  margin:0;
  max-width:760px;
}

#journalModule .final-cta-copy>p:last-child{
  margin:14px 0 0;
  color:var(--muted);
  line-height:1.65;
}

#journalModule .final-cta-action{
  position:relative;
  min-height:270px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-top:72px;
}

#journalModule .seated-mascot-button{
  position:relative;
  z-index:2;
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:14px 185px 14px 24px;
  border-radius:16px;
  background:linear-gradient(145deg,#0F7954,#0A563C);
  color:#fff !important;
  text-decoration:none;
  font-size:clamp(15px,1.5vw,20px);
  font-weight:850;
  text-align:center;
  box-shadow:0 14px 28px rgba(15,107,74,.20);
  transition:transform .2s ease,box-shadow .2s ease;
}

#journalModule .seated-mascot-button strong{
  color:#C7F23E;
  font-size:1.08em;
}

#journalModule .seated-mascot-button:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(15,107,74,.25);
}

#journalModule .seated-mascot-button:focus-visible{
  outline:4px solid rgba(126,211,33,.50);
  outline-offset:4px;
}

#journalModule .seated-early-price-mascot{
  position:absolute;
  z-index:3;
  width:205px;
  height:auto;
  right:10px;
  top:-24px;
  pointer-events:none;
  filter:drop-shadow(0 16px 18px rgba(15,107,74,.18));
}

#journalModule .final-cta-trust{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 18px;
  margin:17px 0 0;
  padding:0;
  list-style:none;
  color:var(--muted);
  font-size:12px;
}

#journalModule .final-cta-trust li::before{
  content:"✓";
  margin-right:6px;
  color:var(--emerald);
  font-weight:900;
}

#journalModule .final-cta-benefits{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  overflow:hidden;
  border:1px solid #DCE7E1;
  border-radius:17px;
  background:rgba(255,255,255,.82);
}

#journalModule .final-cta-benefits article{
  min-width:0;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:14px;
  padding:21px 23px;
}

#journalModule .final-cta-benefits article+article{
  border-left:1px solid #DCE7E1;
}

#journalModule .benefit-symbol{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#EAF7EF;
  color:var(--emerald);
  font-size:23px;
}

#journalModule .final-cta-benefits h3{
  margin:0;
  color:var(--charcoal);
  font-size:15px;
}

#journalModule .final-cta-benefits p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}

@media(max-width:900px){
  #journalModule .journal-final-cta-integrated{
    grid-template-columns:1fr;
  }

  #journalModule .final-cta-action{
    min-height:245px;
    padding-top:76px;
  }

  #journalModule .seated-mascot-button{
    padding-right:175px;
  }

  #journalModule .seated-early-price-mascot{
    width:195px;
    right:8px;
    top:-20px;
  }
}

@media(max-width:720px){
  #journalModule .journal-final-cta-integrated{
    display:block !important;
    padding:26px 20px 24px !important;
    overflow:visible !important;
  }

  #journalModule .final-cta-action{
    min-height:220px;
    margin-top:24px;
    padding-top:82px;
  }

  #journalModule .seated-mascot-button{
    width:100%;
    min-height:60px;
    padding:13px 132px 13px 16px;
    justify-content:flex-start;
    font-size:15px;
    line-height:1.2;
  }

  #journalModule .seated-early-price-mascot{
    width:150px;
    right:-2px;
    top:-12px;
  }

  #journalModule .final-cta-trust{
    justify-content:flex-start;
    padding-right:8px;
    font-size:11px;
  }

  #journalModule .final-cta-benefits{
    grid-template-columns:1fr;
    margin-top:22px;
  }

  #journalModule .final-cta-benefits article+article{
    border-left:0;
    border-top:1px solid #DCE7E1;
  }
}

@media(max-width:430px){
  #journalModule .final-cta-action{
    min-height:205px;
    padding-top:78px;
  }

  #journalModule .seated-mascot-button{
    min-height:58px;
    padding-right:112px;
    font-size:13px;
  }

  #journalModule .seated-early-price-mascot{
    width:128px;
    right:-3px;
    top:-4px;
  }

  #journalModule .final-cta-trust{
    display:grid;
    gap:7px;
  }
}


/* =========================================================
   LOCKED: INTEGRATED CTA SYSTEM
   The mascot is part of the clickable button structure.
   ========================================================= */

#journalModule .integrated-cta-system{
  position:relative;
  min-height:0;
  display:grid;
  align-content:center;
  padding:42px 0 0;
}

#journalModule .integrated-cta-button{
  position:relative;
  isolation:isolate;
  width:100%;
  min-height:72px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  align-items:center;
  overflow:visible;
  border-radius:18px;
  background:linear-gradient(145deg,#0F7954 0%,#0A563C 100%);
  color:#fff !important;
  text-decoration:none;
  box-shadow:
    0 16px 30px rgba(15,107,74,.22),
    inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .2s ease,box-shadow .2s ease;
}

#journalModule .integrated-cta-button:hover{
  transform:translateY(-1px);
  box-shadow:
    0 20px 36px rgba(15,107,74,.27),
    inset 0 1px 0 rgba(255,255,255,.14);
}

#journalModule .integrated-cta-button:focus-visible{
  outline:4px solid rgba(126,211,33,.55);
  outline-offset:4px;
}

#journalModule .integrated-cta-copy{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:16px 26px;
  font-size:clamp(16px,1.6vw,21px);
  font-weight:850;
  line-height:1.2;
  text-align:center;
}

#journalModule .integrated-cta-copy strong{
  color:#C7F23E;
  font-size:1.08em;
}

#journalModule .integrated-cta-icon{
  flex:0 0 auto;
}

/* Physical seat/platform built into the button */
#journalModule .integrated-cta-seat{
  position:relative;
  align-self:stretch;
  min-width:190px;
  pointer-events:none;
}

#journalModule .integrated-cta-seat::before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  bottom:0;
  height:18px;
  border-radius:0 0 18px 18px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.08)),
    #0A563C;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 8px 14px rgba(6,60,43,.18);
}

#journalModule .integrated-cta-mascot{
  position:absolute;
  z-index:2;
  width:205px;
  max-width:none;
  height:auto;
  right:-3px;
  bottom:-17px;
  display:block;
  background:transparent;
  filter:drop-shadow(0 16px 18px rgba(15,107,74,.18));
}

#journalModule .integrated-cta-system .final-cta-trust{
  margin-top:20px;
}

@media(max-width:900px){
  #journalModule .integrated-cta-button{
    grid-template-columns:minmax(0,1fr) 170px;
  }

  #journalModule .integrated-cta-seat{
    min-width:170px;
  }

  #journalModule .integrated-cta-mascot{
    width:185px;
    right:-2px;
    bottom:-15px;
  }
}

@media(max-width:720px){
  #journalModule .integrated-cta-system{
    padding-top:58px;
  }

  #journalModule .integrated-cta-button{
    min-height:68px;
    grid-template-columns:minmax(0,1fr) 126px;
    border-radius:16px;
  }

  #journalModule .integrated-cta-copy{
    justify-content:flex-start;
    padding:14px 14px 14px 18px;
    font-size:14px;
    text-align:left;
  }

  #journalModule .integrated-cta-seat{
    min-width:126px;
  }

  #journalModule .integrated-cta-seat::before{
    left:4px;
    right:4px;
    height:15px;
    border-radius:0 0 16px 16px;
  }

  #journalModule .integrated-cta-mascot{
    width:145px;
    right:-7px;
    bottom:-13px;
  }

  #journalModule .integrated-cta-system .final-cta-trust{
    justify-content:flex-start;
    margin-top:18px;
  }
}

@media(max-width:430px){
  #journalModule .integrated-cta-system{
    padding-top:54px;
  }

  #journalModule .integrated-cta-button{
    grid-template-columns:minmax(0,1fr) 108px;
    min-height:60px;
  }

  #journalModule .integrated-cta-copy{
    gap:6px;
    padding:12px 8px 12px 13px;
    font-size:12.5px;
  }

  #journalModule .integrated-cta-seat{
    min-width:108px;
  }

  #journalModule .integrated-cta-mascot{
    width:126px;
    right:-8px;
    bottom:-11px;
  }

  #journalModule .integrated-cta-system .final-cta-trust{
    display:grid;
    gap:7px;
  }
}


/* Locked PNG mascot polish */
#journalModule .integrated-cta-seat::before{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.05)),#0A563C!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#journalModule .integrated-cta-mascot{
  background:transparent!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 10px 16px rgba(15,107,74,.14))!important;
  image-rendering:auto;
}
#journalModule .integrated-cta-copy strong{display:none;}
#journalModule .integrated-cta-copy span:last-child::after{
  content:" $47";
  color:#C7F23E;
  font-weight:900;
}


/* =========================================================
   INTEGRATED CTA SYSTEM — SUBTLE 3D SEAT POLISH
   Keeps the mascot physically supported by the CTA edge.
   ========================================================= */

#journalModule .integrated-cta-button{
  background:
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 42%),
    linear-gradient(145deg,#0F7954 0%,#0A563C 100%) !important;
  box-shadow:
    0 16px 30px rgba(15,107,74,.22),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -4px 0 rgba(4,54,39,.22) !important;
}

/* 3D seat extension built into the CTA */
#journalModule .integrated-cta-seat{
  position:relative;
  align-self:stretch;
  min-width:190px;
  perspective:700px;
  pointer-events:none;
}

#journalModule .integrated-cta-seat::before{
  content:"";
  position:absolute;
  left:4px;
  right:0;
  bottom:-8px;
  height:34px;
  border-radius:0 0 18px 14px;
  background:
    linear-gradient(180deg,#0D6648 0%,#095139 58%,#073E2D 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -3px 0 rgba(0,0,0,.18),
    0 8px 14px rgba(6,60,43,.24) !important;
  transform:skewX(-5deg);
  transform-origin:right center;
}

/* subtle top lip where the mascot sits */
#journalModule .integrated-cta-seat::after{
  content:"";
  position:absolute;
  left:10px;
  right:4px;
  bottom:19px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(180deg,#1A8A63 0%,#0F6B4A 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 2px 5px rgba(3,47,34,.20);
}

/* anchor mascot feet to the ledge */
#journalModule .integrated-cta-mascot{
  right:-3px !important;
  bottom:-11px !important;
  filter:
    drop-shadow(0 7px 7px rgba(3,47,34,.24))
    drop-shadow(0 14px 18px rgba(15,107,74,.12)) !important;
}

/* tiny grounding shadow directly under the shoes */
#journalModule .integrated-cta-seat .integrated-cta-mascot + *{
  display:none;
}

@media(max-width:900px){
  #journalModule .integrated-cta-seat{
    min-width:170px;
  }

  #journalModule .integrated-cta-seat::before{
    height:31px;
    bottom:-7px;
  }

  #journalModule .integrated-cta-seat::after{
    bottom:17px;
  }

  #journalModule .integrated-cta-mascot{
    bottom:-10px !important;
  }
}

@media(max-width:720px){
  #journalModule .integrated-cta-seat{
    min-width:126px;
  }

  #journalModule .integrated-cta-seat::before{
    left:2px;
    height:26px;
    bottom:-6px;
    border-radius:0 0 15px 12px;
  }

  #journalModule .integrated-cta-seat::after{
    left:6px;
    right:2px;
    bottom:14px;
    height:8px;
  }

  #journalModule .integrated-cta-mascot{
    bottom:-8px !important;
  }
}

@media(max-width:430px){
  #journalModule .integrated-cta-seat{
    min-width:108px;
  }

  #journalModule .integrated-cta-seat::before{
    height:23px;
    bottom:-5px;
  }

  #journalModule .integrated-cta-seat::after{
    bottom:12px;
    height:7px;
  }

  #journalModule .integrated-cta-mascot{
    bottom:-7px !important;
  }
}


/* =========================================================
   LOCKED INTEGRATED CTA SYSTEM — FINAL 3D MASCOT + SEAT ASSET
   Uses the supplied transparent artwork with the built-in seat.
   ========================================================= */

#journalModule .integrated-cta-button{
  grid-template-columns:minmax(0,1fr) 230px !important;
  min-height:76px;
  overflow:visible !important;
}

/* The artwork already contains the full 3D seat. */
#journalModule .integrated-cta-seat{
  position:relative;
  align-self:stretch;
  min-width:230px !important;
  pointer-events:none;
  overflow:visible;
  perspective:none !important;
}

#journalModule .integrated-cta-seat::before,
#journalModule .integrated-cta-seat::after{
  content:none !important;
  display:none !important;
}

/* Precisely overlap the artwork's left green extension with the live CTA. */
#journalModule .integrated-cta-mascot{
  position:absolute;
  z-index:3;
  width:250px !important;
  max-width:none !important;
  height:auto;
  right:-8px !important;
  bottom:-24px !important;
  background:transparent !important;
  mix-blend-mode:normal !important;
  pointer-events:none;
  filter:drop-shadow(0 14px 18px rgba(6,60,43,.18)) !important;
}

/* Give the live CTA a finish that visually matches the seat artwork. */
#journalModule .integrated-cta-button{
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 38%),
    linear-gradient(145deg,#0D6B4B 0%,#075039 100%) !important;
  box-shadow:
    0 16px 30px rgba(15,107,74,.20),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -4px 0 rgba(3,45,33,.18) !important;
}

/* Keep exactly one visible $47. */
#journalModule .integrated-cta-copy strong{
  display:inline !important;
}
#journalModule .integrated-cta-copy span:last-child::after{
  content:none !important;
}

/* Reserve visual breathing room before the mascot artwork begins. */
#journalModule .integrated-cta-copy{
  padding-right:26px !important;
}

/* Tablet */
@media(max-width:900px){
  #journalModule .integrated-cta-button{
    grid-template-columns:minmax(0,1fr) 200px !important;
  }

  #journalModule .integrated-cta-seat{
    min-width:200px !important;
  }

  #journalModule .integrated-cta-mascot{
    width:220px !important;
    right:-7px !important;
    bottom:-20px !important;
  }
}

/* Mobile: same integrated composition, scaled down */
@media(max-width:720px){
  #journalModule .integrated-cta-button{
    grid-template-columns:minmax(0,1fr) 142px !important;
    min-height:68px;
  }

  #journalModule .integrated-cta-seat{
    min-width:142px !important;
  }

  #journalModule .integrated-cta-mascot{
    width:162px !important;
    right:-8px !important;
    bottom:-14px !important;
  }

  #journalModule .integrated-cta-copy{
    padding:13px 8px 13px 15px !important;
    font-size:13.5px !important;
  }
}

@media(max-width:430px){
  #journalModule .integrated-cta-button{
    grid-template-columns:minmax(0,1fr) 122px !important;
  }

  #journalModule .integrated-cta-seat{
    min-width:122px !important;
  }

  #journalModule .integrated-cta-mascot{
    width:142px !important;
    right:-9px !important;
    bottom:-12px !important;
  }

  #journalModule .integrated-cta-copy{
    font-size:12px !important;
    line-height:1.15;
  }
}


/* =========================================================
   INTEGRATED CTA SYSTEM — PRECISION BLEND
   The live button matches the height and color of the
   supplied mascot-seat artwork.
   ========================================================= */

#journalModule .integrated-cta-button{
  grid-template-columns:minmax(0,1fr) 238px !important;
  min-height:86px !important;
  overflow:visible !important;
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 38%),
    linear-gradient(145deg,#0C573C 0%,#0A5138 100%) !important;
  box-shadow:
    0 16px 30px rgba(15,107,74,.20),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -4px 0 rgba(3,45,33,.16) !important;
}

#journalModule .integrated-cta-seat{
  position:relative;
  align-self:stretch;
  min-width:238px !important;
  overflow:visible;
  pointer-events:none;
}

#journalModule .integrated-cta-seat::before,
#journalModule .integrated-cta-seat::after{
  content:none !important;
  display:none !important;
}

#journalModule .integrated-cta-mascot{
  position:absolute;
  z-index:3;
  width:254px !important;
  max-width:none !important;
  height:auto;
  right:-5px !important;
  bottom:-20px !important;
  background:transparent !important;
  mix-blend-mode:normal !important;
  pointer-events:none;
  filter:drop-shadow(0 13px 17px rgba(6,60,43,.16)) !important;
}

/* The CTA text area ends before the artwork begins. */
#journalModule .integrated-cta-copy{
  padding:16px 20px 16px 24px !important;
}

#journalModule .integrated-cta-copy strong{
  display:inline !important;
}

#journalModule .integrated-cta-copy span:last-child::after{
  content:none !important;
}

@media(max-width:900px){
  #journalModule .integrated-cta-button{
    grid-template-columns:minmax(0,1fr) 205px !important;
    min-height:78px !important;
  }

  #journalModule .integrated-cta-seat{
    min-width:205px !important;
  }

  #journalModule .integrated-cta-mascot{
    width:222px !important;
    right:-5px !important;
    bottom:-17px !important;
  }
}

@media(max-width:720px){
  #journalModule .integrated-cta-system{
    padding-top:58px !important;
  }

  #journalModule .integrated-cta-button{
    grid-template-columns:minmax(0,1fr) 146px !important;
    min-height:68px !important;
  }

  #journalModule .integrated-cta-seat{
    min-width:146px !important;
  }

  #journalModule .integrated-cta-mascot{
    width:164px !important;
    right:-6px !important;
    bottom:-13px !important;
  }

  #journalModule .integrated-cta-copy{
    padding:13px 8px 13px 15px !important;
    font-size:13.5px !important;
  }
}

@media(max-width:430px){
  #journalModule .integrated-cta-button{
    grid-template-columns:minmax(0,1fr) 124px !important;
    min-height:64px !important;
  }

  #journalModule .integrated-cta-seat{
    min-width:124px !important;
  }

  #journalModule .integrated-cta-mascot{
    width:144px !important;
    right:-7px !important;
    bottom:-11px !important;
  }

  #journalModule .integrated-cta-copy{
    font-size:12px !important;
    line-height:1.15;
  }
}


/* =========================================================
Integrated CTA System — Official Bench Blend
========================================================= */
#journalModule{--cta-bench:#0c563b;}
#journalModule .integrated-cta-button{
background:
linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 35%),
linear-gradient(135deg,#0c563b 0%,#0c563b 55%,#0a4d36 100%)!important;
box-shadow:0 14px 28px rgba(12,86,59,.22),
inset 0 1px 0 rgba(255,255,255,.10),
inset 0 -3px 0 rgba(7,56,39,.22)!important;
}


/* =========================================================
   JOURNAL VERSION 2.0 — LOCKED RESPONSIVE CTA CLEARANCE
   Keeps the mascot antennae below the FAQ CTA from 314–900px.
   ========================================================= */

@media (min-width:314px) and (max-width:900px){
  #journalModule .journal-final-cta-integrated{
    margin-top:42px !important;
  }

  #journalModule .integrated-cta-system{
    padding-top:96px !important;
  }

  #journalModule .integrated-cta-button{
    align-self:end;
  }

  #journalModule .integrated-cta-mascot{
    top:auto !important;
    bottom:-16px !important;
  }
}

@media (min-width:314px) and (max-width:720px){
  #journalModule .journal-final-cta-integrated{
    margin-top:34px !important;
  }

  #journalModule .integrated-cta-system{
    padding-top:88px !important;
  }

  #journalModule .integrated-cta-mascot{
    bottom:-13px !important;
  }
}

@media (min-width:314px) and (max-width:430px){
  #journalModule .journal-final-cta-integrated{
    margin-top:30px !important;
  }

  #journalModule .integrated-cta-system{
    padding-top:80px !important;
  }

  #journalModule .integrated-cta-mascot{
    bottom:-11px !important;
  }
}


/* =========================================================
   JOURNAL VERSION 2.0 — SEPARATE CTA + MASCOT BENCH
   Button and mascot are independent responsive components.
   ========================================================= */

#journalModule .separate-cta-layout{
  display:grid;
  grid-template-columns:minmax(320px,.9fr) minmax(240px,.55fr);
  align-items:end;
  gap:26px;
  min-height:0;
  padding:0 !important;
}

#journalModule .separate-cta-button-wrap{
  align-self:center;
  min-width:0;
}

#journalModule .separate-cta-button{
  width:100%;
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:15px 24px;
  border-radius:17px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 36%),
    linear-gradient(145deg,#0F6B4A,#0A563C);
  color:#fff !important;
  text-decoration:none;
  font-size:clamp(16px,1.6vw,21px);
  font-weight:850;
  text-align:center;
  box-shadow:
    0 15px 28px rgba(15,107,74,.20),
    inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .2s ease,box-shadow .2s ease;
}

#journalModule .separate-cta-button strong{
  color:#C7F23E;
  font-size:1.08em;
}

#journalModule .separate-cta-button:hover{
  transform:translateY(-1px);
  box-shadow:
    0 19px 34px rgba(15,107,74,.25),
    inset 0 1px 0 rgba(255,255,255,.16);
}

#journalModule .separate-cta-button:focus-visible{
  outline:4px solid rgba(126,211,33,.55);
  outline-offset:4px;
}

#journalModule .separate-cta-button-wrap .final-cta-trust{
  margin-top:18px;
}

#journalModule .separate-mascot-bench{
  margin:0;
  min-width:0;
  align-self:end;
  display:flex;
  justify-content:center;
  pointer-events:none;
}

#journalModule .separate-mascot-bench img{
  display:block;
  width:min(100%,310px);
  height:auto;
  background:transparent;
  filter:drop-shadow(0 15px 20px rgba(6,60,43,.16));
}

/* Tablet: keep both side by side but lower and safely inside the section. */
@media (min-width:721px) and (max-width:900px){
  #journalModule .journal-final-cta-integrated{
    margin-top:26px !important;
  }

  #journalModule .separate-cta-layout{
    grid-template-columns:minmax(280px,1fr) minmax(210px,.62fr);
    gap:20px;
    align-items:end;
  }

  #journalModule .separate-mascot-bench img{
    width:min(100%,260px);
  }
}

/* Mobile: stack in normal flow so nothing can cover the FAQ CTA above. */
@media(max-width:720px){
  #journalModule .journal-final-cta-integrated{
    margin-top:24px !important;
  }

  #journalModule .separate-cta-layout{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:20px;
  }

  #journalModule .separate-cta-button-wrap{
    order:1;
    width:100%;
  }

  #journalModule .separate-mascot-bench{
    order:2;
    align-self:center;
    width:min(100%,270px);
  }

  #journalModule .separate-mascot-bench img{
    width:100%;
  }

  #journalModule .separate-cta-button{
    min-height:60px;
    padding:13px 16px;
    font-size:15px;
  }

  #journalModule .separate-cta-button-wrap .final-cta-trust{
    justify-content:flex-start;
  }
}

@media(max-width:430px){
  #journalModule .separate-mascot-bench{
    width:min(100%,230px);
  }

  #journalModule .separate-cta-button{
    font-size:13.5px;
  }

  #journalModule .separate-cta-button-wrap .final-cta-trust{
    display:grid;
    gap:7px;
  }
}

/* Retire all previous integrated-seat positioning rules. */
#journalModule .integrated-cta-system,
#journalModule .integrated-cta-button,
#journalModule .integrated-cta-seat,
#journalModule .integrated-cta-mascot,
#journalModule .seated-early-price-mascot{
  all:unset;
}


/* =========================================================
   JOURNAL VERSION 2.0 — LOCKED YOUR NEXT CHAPTER ARTWORK
   ========================================================= */

#journalModule .locked-next-chapter-artwork{
  display:block !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}

#journalModule .locked-next-chapter-figure{
  position:relative;
  margin:0;
  overflow:hidden;
  border:1px solid #D4E2DB;
  border-radius:22px;
  background:#F7FAF8;
  box-shadow:0 18px 42px rgba(15,107,74,.09);
}

#journalModule .locked-next-chapter-image{
  display:block;
  width:100%;
  height:auto;
}

#journalModule .locked-next-chapter-link{
  position:absolute;
  left:54.2%;
  right:6.4%;
  top:86.6%;
  bottom:5.2%;
  z-index:3;
  border-radius:16px;
}

#journalModule .locked-next-chapter-link:focus-visible{
  outline:4px solid rgba(126,211,33,.70);
  outline-offset:4px;
}

/* Responsive artwork stays readable and clickable. */
@media(max-width:720px){
  #journalModule .locked-next-chapter-figure{
    border-radius:16px;
  }

  #journalModule .locked-next-chapter-image{
    width:100%;
    min-width:0;
  }

  #journalModule .locked-next-chapter-link{
    left:53%;
    right:5.5%;
    top:85.5%;
    bottom:4.2%;
    border-radius:12px;
  }
}



#journalModule .journal-final-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
#journalModule .journal-final-eyebrow{color:#b8860b;font-weight:700;letter-spacing:.08em}
#journalModule .journal-minimal-cta{display:block;background:#0F6B4A;color:#fff;text-decoration:none;padding:22px 32px;border-radius:18px;font-size:2rem;font-weight:800;text-align:center;box-shadow:0 12px 28px rgba(15,107,74,.25)}
#journalModule .journal-trust{margin-top:18px;display:flex;flex-direction:column;gap:10px}
@media(max-width:900px){#journalModule .journal-final-grid{grid-template-columns:1fr}#journalModule .journal-minimal-cta{font-size:1.5rem}}

/* v4.6 Journey Bridge — Where Planning Becomes Reality */
#journalModule .journal-journey-bridge{margin-top:24px;padding:26px;border:1px solid #DCE8E0;border-radius:20px;background:linear-gradient(135deg,#FBFDFB 0%,#FFFDF8 100%)}
#journalModule .journey-bridge-heading{text-align:center;max-width:780px;margin:0 auto 22px}
#journalModule .journey-bridge-heading h2{margin:4px 0 7px;color:var(--emerald-dark);font-size:clamp(26px,3vw,36px);line-height:1.12}
#journalModule .journey-bridge-heading>p:last-child{margin:0;color:var(--muted)}
#journalModule .journey-bridge-grid{display:grid;grid-template-columns:minmax(260px,1fr) 180px minmax(360px,1.35fr);gap:20px;align-items:stretch}
#journalModule .journey-plan-card,#journalModule .journey-story-card{border:1px solid #DCE8E0;border-radius:18px;background:#FFF;overflow:hidden}
#journalModule .journey-plan-card{padding:20px}
#journalModule .journey-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}
#journalModule .journey-card-heading>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#E8F5EE;color:var(--emerald);font-size:21px;font-weight:900}
#journalModule .journey-card-heading h3{margin:0;color:var(--emerald-dark);font-size:18px;text-transform:uppercase;letter-spacing:.04em}
#journalModule .journey-card-heading p{margin:3px 0 0;color:var(--muted);font-size:12px}
#journalModule .journey-plan-metrics{margin:0;border:1px solid #E2EAE5;border-radius:14px;overflow:hidden}
#journalModule .journey-plan-metrics>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:13px 15px;background:#FBFDFC}
#journalModule .journey-plan-metrics>div+div{border-top:1px solid #E2EAE5}
#journalModule .journey-plan-metrics dt{font-size:13px;font-weight:750;color:var(--emerald-dark)}
#journalModule .journey-plan-metrics dd{margin:0;font-size:18px;font-weight:900;color:var(--charcoal)}
#journalModule .journey-plan-note{margin:14px 0 0;text-align:center;color:var(--emerald-dark);font-size:12px}
#journalModule .journey-bridge-center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px}
#journalModule .journey-bridge-line{width:100%;display:flex;align-items:center;gap:8px;margin-bottom:12px}
#journalModule .journey-bridge-line span{height:2px;flex:1;background:repeating-linear-gradient(90deg,var(--emerald) 0 4px,transparent 4px 9px)}
#journalModule .journey-bridge-line b{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--emerald);color:#FFF;font-size:30px;box-shadow:0 8px 18px rgba(15,107,74,.18)}
#journalModule .journey-bridge-center h3{margin:0;color:var(--emerald-dark);font-size:23px;line-height:1.1}
#journalModule .journey-bridge-center p{margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
#journalModule .journey-story-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,38%);background:linear-gradient(135deg,#FFF 0%,#FFF9ED 100%)}
#journalModule .journey-story-copy{padding:22px 10px 22px 22px}
#journalModule .journey-story-copy .journey-card-heading{margin-bottom:12px}
#journalModule .journey-story-copy h4{margin:8px 0 5px;color:var(--emerald-dark);font-size:22px}
#journalModule .journey-story-copy p{margin:5px 0;color:var(--charcoal);font-size:13px;line-height:1.55}
#journalModule .journey-story-copy .journey-question{margin-top:16px;padding-bottom:8px;border-bottom:2px solid #D7A51E;font-size:21px}
#journalModule .journey-bridge-book{width:100%;height:100%;min-height:310px;object-fit:cover;object-position:center;border-left:1px solid rgba(215,165,30,.25)}
#journalModule .journal-journey-bridge + .inline-conversion-cta{margin-top:16px}
@media(max-width:1050px){#journalModule .journey-bridge-grid{grid-template-columns:1fr 130px 1.25fr}#journalModule .journey-story-card{grid-template-columns:1fr 160px}}
@media(max-width:820px){#journalModule .journey-bridge-grid{grid-template-columns:1fr}#journalModule .journey-bridge-center{padding:2px 20px}#journalModule .journey-bridge-line{max-width:280px}#journalModule .journey-story-card{grid-template-columns:minmax(0,1fr) minmax(145px,35%)} }
@media(max-width:560px){#journalModule .journal-journey-bridge{padding:18px 14px}#journalModule .journey-story-card{grid-template-columns:1fr}#journalModule .journey-story-copy{padding:20px}#journalModule .journey-bridge-book{height:auto;min-height:0;max-height:420px;border-left:0;border-top:1px solid rgba(215,165,30,.25);object-fit:contain;background:#F8F4EA}#journalModule .journey-plan-metrics dd{font-size:16px}}

#journalModule .milestone-timeline li.emotional-anchor > span{margin-bottom:28px}
#journalModule .milestone-anchor-text{
position:absolute;
top:-20px;
left:50%;
width:88px;
height:88px;
transform:translateX(-50%);
overflow:visible;
pointer-events:none;
z-index:2;
}
#journalModule .milestone-anchor-text path{fill:none}
#journalModule .milestone-anchor-text text{
fill:var(--emerald);
font-family:inherit;
font-size:10px;
font-weight:800;
letter-spacing:1.5px;
}
@media(max-width:560px){
#journalModule .milestone-timeline li.emotional-anchor > span{margin-bottom:25px}
#journalModule .milestone-anchor-text{top:-18px;width:82px;height:82px}
#journalModule .milestone-anchor-text text{font-size:9.5px;letter-spacing:1.2px}
}

.brand-logo{
  display:block;
  width:auto;
  height:68px;
  max-width:380px;
  object-fit:contain;
  background:transparent;
  flex-shrink:0;
}

/* v4.6.25: official header wordmark readability */
.header-brand,
.brand,
.site-brand,
.nav-brand{
  display:flex;
  align-items:center;
  min-width:260px;
  flex-shrink:0;
  overflow:visible;
}
@media (max-width: 900px){
  .brand-logo{height:56px;max-width:320px;}
  .header-brand,
  .brand,
  .site-brand,
  .nav-brand{min-width:220px;}
}
@media (max-width: 640px){
  .brand-logo{height:48px;max-width:260px;}
  .header-brand,
  .brand,
  .site-brand,
  .nav-brand{min-width:0;}
}