:root{--ink:#172b2a;--paper:#f5f3ed;--white:#fffdf8;--orange:#ff5b35;--blue:#b9d6ff;--mint:#bdebc9;--line:rgba(23,43,42,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.nav{height:86px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:28px}.brand{font-weight:900;letter-spacing:-.06em;font-size:22px}.brand i{font-style:normal;color:var(--orange)}.navMeta{margin-left:auto;display:flex;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.navCta{border-bottom:2px solid var(--ink);font-weight:700;padding:8px 0}.navCta span,.button span{margin-left:16px}.hero{display:grid;grid-template-columns:1.05fr .95fr;position:relative;padding-top:62px}.heroCopy{padding:26px 20px 170px 0;position:relative;z-index:2}.eyebrow,.sectionLabel{text-transform:uppercase;letter-spacing:.14em;font:700 12px/1.4 "Courier New",monospace}.liveDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-right:8px;box-shadow:0 0 0 5px rgba(255,91,53,.14)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(60px,7.2vw,108px);line-height:.88;letter-spacing:-.075em;margin:34px 0 38px;font-weight:800}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.lead{font-size:20px;line-height:1.5;max-width:620px}.heroActions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;justify-content:space-between;align-items:center;background:var(--orange);color:white;padding:19px 24px;font-weight:800;min-width:205px;box-shadow:5px 5px 0 var(--ink);transition:.2s}.button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.textLink{font-weight:700;border-bottom:1px solid}.heroVisual{position:relative;min-height:680px}.photoPlaceholder{height:570px;width:86%;margin-left:auto;background:linear-gradient(145deg,#d6e5ff,#acc7e8);border-radius:180px 180px 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(23,43,42,.5);border:1px dashed var(--ink);transform:rotate(2deg)}.photoPlaceholder span,.authorPhoto span{font:900 28px/1 "Courier New",monospace}.photoPlaceholder small,.authorPhoto small{text-align:center;margin-top:12px;line-height:1.4}.note{position:absolute;background:#fff9b8;padding:20px 22px;font:700 17px/1.1 "Courier New",monospace;box-shadow:5px 7px 16px rgba(23,43,42,.16);transform:rotate(-6deg)}.noteOne{top:46px;left:-16px}.noteTwo{right:-14px;top:210px;background:var(--mint);transform:rotate(7deg)}.codeCard{position:absolute;bottom:76px;left:-30px;background:var(--ink);color:white;padding:24px;width:300px;box-shadow:10px 10px 0 var(--orange);font-family:"Courier New",monospace;transform:rotate(-2deg)}.codeCard span,.codeCard i{display:block;color:#9eb7b5;font-size:12px}.codeCard b{display:block;margin:15px 0;font-size:14px}.codeCard i{color:var(--mint);font-style:normal}.heroStrip{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink);background:var(--white);z-index:3}.heroStrip div{padding:22px;border-right:1px solid var(--ink)}.heroStrip div:last-child{border:0}.heroStrip b,.heroStrip span{display:block}.heroStrip b{font-size:30px;letter-spacing:-.04em}.heroStrip span{font-size:11px;text-transform:uppercase;margin-top:5px;letter-spacing:.08em}.section{padding-block:130px}.manifesto{display:grid;grid-template-columns:1fr 3fr;gap:40px}.manifesto h2,.sectionHead h2,.outcome h2,.author h2,.join h2{font-size:clamp(42px,5.4vw,76px);line-height:.96;letter-spacing:-.06em;margin-bottom:38px}.manifesto>div>p{font-size:23px;line-height:1.5;max-width:850px}.dark{background:var(--ink);color:var(--white);overflow:hidden}.sectionHead{display:grid;grid-template-columns:1fr 3fr;gap:40px}.sectionHead h2 span{color:#85a4a1}.rhythm{display:grid;grid-template-columns:1fr 72px 1fr;align-items:center;margin-top:58px}.rhythmCard{min-height:360px;padding:38px;color:var(--ink)}.lesson{background:var(--blue);transform:rotate(-1.5deg)}.review{background:var(--mint);transform:rotate(1.5deg)}.rhythmTop{display:flex;justify-content:space-between;font:700 12px/1 "Courier New",monospace;letter-spacing:.08em}.rhythmTop b{background:var(--ink);color:white;padding:7px 9px}.rhythmCard h3{font-size:31px;line-height:1.08;letter-spacing:-.04em;margin:55px 0 32px}.rhythmCard ul,.priceCard ul{list-style:none;padding:0;margin:0}.rhythmCard li,.priceCard li{padding:9px 0;border-top:1px solid rgba(23,43,42,.3)}.rhythmArrow{text-align:center;font-size:42px;color:var(--orange)}.extra{text-align:center;margin:48px auto 0;color:#afc3c1;font:14px "Courier New",monospace}.lightHead{margin-bottom:58px}.pathGrid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.pathCard{min-height:310px;padding:34px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);position:relative;transition:.25s}.pathCard:hover{background:var(--white);transform:translate(-4px,-4px);box-shadow:6px 6px 0 var(--ink)}.pathCard>span{font:700 12px "Courier New",monospace;background:var(--orange);color:white;padding:6px 8px}.pathCard h3{font-size:36px;letter-spacing:-.05em;max-width:440px;margin:58px 0 18px}.pathCard p{font-size:17px;line-height:1.5;max-width:460px}.pathCard i{position:absolute;right:30px;top:28px;font-style:normal;font-size:34px}.routeSection{background:var(--white)}.weekList{border-top:2px solid var(--ink)}.week{display:grid;grid-template-columns:1fr 2fr 2fr;gap:30px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}.week>span{font:700 44px "Courier New",monospace;color:var(--orange)}.week h3{font-size:27px;letter-spacing:-.04em;margin:0}.week p{line-height:1.5;margin:0;max-width:420px}.outcome{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.outcomeCopy>p:last-child{font-size:20px;line-height:1.55}.resultCloud{height:480px;position:relative}.result{position:absolute;padding:18px 22px;border:1px solid var(--ink);background:var(--white);font-weight:800;font-size:18px;box-shadow:5px 5px 0 var(--ink)}.r1{top:10%;left:8%;transform:rotate(-5deg);background:var(--blue)}.r2{top:2%;right:5%;transform:rotate(4deg)}.r3{top:40%;left:28%;background:var(--mint);transform:rotate(2deg)}.r4{bottom:8%;left:2%;transform:rotate(5deg)}.r5{bottom:14%;right:2%;background:#fff9b8;transform:rotate(-5deg)}.r6{top:25%;right:-2%;transform:rotate(7deg)}.author{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;border-top:1px solid var(--line)}.authorPhoto{min-height:570px;background:linear-gradient(150deg,#d5e7dc,#aac8b6);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px 160px 8px 8px;border:1px dashed var(--ink);color:rgba(23,43,42,.5)}.authorCopy>p{font-size:20px;line-height:1.55}.authorCopy .sectionLabel{font-size:12px}.authorCopy blockquote{margin:45px 0 0;border-left:6px solid var(--orange);padding-left:25px;font:italic 25px/1.4 Georgia,serif}.faq{display:grid;grid-template-columns:1fr 3fr;gap:40px}.faq details{border-top:1px solid var(--ink)}.faq details:last-child{border-bottom:1px solid var(--ink)}.faq summary{list-style:none;cursor:pointer;padding:28px 0;display:flex;justify-content:space-between;font-size:22px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:30px;color:var(--orange)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:700px;line-height:1.6;padding-bottom:28px}.join{background:var(--blue);padding:110px 0}.joinGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.join h2{font-size:clamp(60px,7vw,100px);margin:40px 0 0}.priceCard{background:var(--white);padding:42px;box-shadow:12px 12px 0 var(--ink)}.priceCard>p{font-weight:800}.price{font-size:68px;font-weight:900;letter-spacing:-.07em;margin:34px 0}.price span{font-size:32px}.priceCard li{padding:13px 0}.wide{width:100%;margin-top:32px}.priceCard small{display:block;color:#617472;text-align:center;line-height:1.4;margin-top:18px}.footer{min-height:120px;display:flex;align-items:center;gap:30px}.footer p{margin:0 auto;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.footer>a:last-child{font-weight:700}
@media(max-width:800px){.wrap{width:min(100% - 28px,1180px)}.nav{height:70px}.navMeta{display:none}.navCta{margin-left:auto;font-size:13px}.hero{display:block;padding-top:25px}.heroCopy{padding:20px 0 70px}h1{font-size:58px}.lead{font-size:17px}.heroVisual{min-height:520px}.photoPlaceholder{height:430px;width:92%}.noteOne{left:0}.noteTwo{right:0}.codeCard{bottom:25px;left:5px}.heroStrip{position:relative;grid-template-columns:1fr 1fr}.heroStrip div:nth-child(2){border-right:0}.heroStrip div:nth-child(-n+2){border-bottom:1px solid var(--ink)}.section{padding-block:80px}.manifesto,.sectionHead,.faq{grid-template-columns:1fr}.manifesto h2,.sectionHead h2,.outcome h2,.author h2{font-size:46px}.manifesto>div>p{font-size:19px}.rhythm{grid-template-columns:1fr}.rhythmArrow{transform:rotate(90deg);padding:20px}.rhythmCard{min-height:auto}.pathGrid{grid-template-columns:1fr}.pathCard{min-height:270px}.week{grid-template-columns:65px 1fr}.week p{grid-column:2}.outcome,.author,.joinGrid{grid-template-columns:1fr;gap:50px}.resultCloud{height:460px}.authorPhoto{min-height:480px}.join{padding:80px 0}.join h2{font-size:62px}.priceCard{padding:28px}.price{font-size:56px}.footer{flex-wrap:wrap;padding:30px 0}.footer p{order:3;width:100%;text-align:center}.heroActions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.photoReady {
  overflow: hidden;
  border: 1px solid var(--ink);
  background: #dce6e6;
}

.photoReady img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 28%;
  display: block;
  transform: scale(1.015);
}

.authorPhotoReady {
  height: 570px;
  overflow: hidden;
  border: 1px solid var(--ink);
  background: #dce6e6;
}

.authorPhotoReady img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 43% center;
  display: block;
}

@media (max-width: 800px) {
  .photoReady img {
    object-position: center 24%;
  }

  .authorPhotoReady {
    height: 480px;
  }

  .authorPhotoReady img {
    object-position: 45% center;
  }
}

.modalOpen { overflow: hidden; }

.enrollModal {
  width: min(760px, calc(100% - 28px));
  max-height: min(860px, calc(100dvh - 28px));
  padding: 0;
  border: 1px solid var(--ink);
  background: var(--white);
  color: var(--ink);
  box-shadow: 14px 14px 0 var(--ink);
  overflow: auto;
}

.enrollModal::backdrop {
  background: rgba(23, 43, 42, .78);
  backdrop-filter: blur(5px);
}

.modalShell { position: relative; padding: 42px; }

.modalClose {
  position: absolute;
  z-index: 2;
  top: 16px;
  right: 18px;
  width: 42px;
  height: 42px;
  border: 1px solid var(--ink);
  border-radius: 50%;
  background: var(--paper);
  color: var(--ink);
  font: 400 30px/1 Arial, sans-serif;
  cursor: pointer;
}

.modalClose:hover { background: var(--orange); color: white; }
.modalClose:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.modalHeading { padding-right: 44px; margin-bottom: 26px; }
.modalHeading span { color: var(--orange); font: 700 12px/1.4 "Courier New", monospace; letter-spacing: .14em; text-transform: uppercase; }
.modalHeading h2 { margin: 12px 0; font-size: clamp(36px, 6vw, 58px); line-height: .98; letter-spacing: -.055em; }
.modalHeading p { max-width: 520px; margin: 0; font-size: 17px; line-height: 1.5; }
.widgetMount { min-height: 180px; border-top: 1px solid var(--line); padding-top: 18px; }
.widgetLoading { padding: 44px 0; text-align: center; color: #617472; font: 14px "Courier New", monospace; }

@media (max-width: 600px) {
  .enrollModal { box-shadow: 7px 7px 0 var(--ink); }
  .modalShell { padding: 28px 20px 22px; }
  .modalClose { top: 12px; right: 12px; }
  .modalHeading { padding-right: 36px; }
}

/* Keep the complete offer, CTA and key numbers inside a laptop viewport. */
@media (min-width: 801px) {
  .nav {
    height: 68px;
  }

  .hero {
    padding-top: 24px;
    min-height: calc(100svh - 68px);
    align-items: start;
  }

  .heroCopy {
    padding: 18px 26px 106px 0;
  }

  .heroCopy .eyebrow {
    margin-bottom: 0;
  }

  h1 {
    max-width: 650px;
    margin: 24px 0 22px;
    font-size: clamp(58px, 5vw, 78px);
    line-height: .9;
    letter-spacing: -.07em;
  }

  .lead {
    max-width: 590px;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 1.42;
  }

  .heroActions {
    margin-top: 24px;
  }

  .button {
    padding: 16px 21px;
  }

  .heroVisual {
    min-height: 580px;
  }

  .photoPlaceholder {
    width: 82%;
    height: 490px;
    border-radius: 145px 145px 12px 12px;
  }

  .noteOne {
    top: 38px;
    left: 0;
  }

  .noteTwo {
    top: 188px;
    right: -5px;
  }

  .note {
    padding: 16px 18px;
    font-size: 15px;
  }

  .codeCard {
    bottom: 58px;
    left: -14px;
    width: 270px;
    padding: 19px;
  }

  .heroStrip div {
    padding: 14px 18px;
  }

  .heroStrip b {
    font-size: 25px;
  }
}

@media (min-width: 801px) and (max-height: 780px) {
  .hero {
    padding-top: 14px;
  }

  .heroCopy {
    padding-top: 8px;
  }

  h1 {
    margin: 18px 0;
    font-size: clamp(54px, 4.6vw, 68px);
  }

  .lead {
    font-size: 16px;
  }

  .heroVisual {
    min-height: 520px;
  }

  .photoPlaceholder {
    height: 440px;
  }

  .codeCard {
    bottom: 52px;
  }
}

.heroTopline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  max-width: 620px;
}

.heroTopline .eyebrow {
  flex: 0 1 auto;
  margin: 0;
}

.toolBadges {
  display: flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
}

.toolBadge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 29px;
  padding: 5px 9px 5px 6px;
  border: 1px solid var(--ink);
  border-radius: 999px;
  background: var(--white);
  font: 700 11px/1 "Helvetica Neue", Arial, sans-serif;
  white-space: nowrap;
}

.toolBadge i {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: white;
  font-style: normal;
  font: 800 11px/1 "Courier New", monospace;
}

.codexBadge i {
  background: var(--ink);
}

.claudeBadge i {
  background: #d97757;
  font-size: 12px;
}

@media (max-width: 1060px) and (min-width: 801px) {
  .heroTopline {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

@media (max-width: 800px) {
  .heroTopline {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .toolBadge {
    min-height: 31px;
    font-size: 12px;
  }
}

/* Denser editorial rhythm: sections stay distinct without double whitespace. */
@media (min-width: 801px) {
  .section {
    padding-block: 82px;
  }

  .manifesto.section {
    padding-block: 88px;
  }

  .manifesto h2,
  .sectionHead h2,
  .outcome h2,
  .author h2 {
    margin-bottom: 26px;
  }

  .rhythm {
    margin-top: 38px;
  }

  .rhythmCard {
    min-height: 300px;
    padding: 30px;
  }

  .rhythmCard h3 {
    margin: 42px 0 24px;
  }

  .extra {
    margin-top: 28px;
  }

  .lightHead {
    margin-bottom: 36px;
  }

  .pathCard {
    min-height: 245px;
    padding: 28px;
  }

  .pathCard h3 {
    margin: 42px 0 14px;
  }

  .week {
    padding: 25px 0;
  }

  .outcome {
    gap: 56px;
  }

  .resultCloud {
    height: 400px;
  }

  .author {
    gap: 58px;
  }

  .authorPhoto,
  .authorPhotoReady {
    height: 500px;
    min-height: 500px;
  }

  .authorCopy blockquote {
    margin-top: 30px;
  }

  .faq summary {
    padding: 22px 0;
  }

  .join {
    padding: 82px 0;
  }
}

@media (max-width: 800px) {
  .section,
  .manifesto.section {
    padding-block: 58px;
  }

  .manifesto h2,
  .sectionHead h2,
  .outcome h2,
  .author h2 {
    margin-bottom: 24px;
  }

  .rhythm {
    margin-top: 30px;
  }

  .rhythmCard {
    padding: 28px 24px;
  }

  .rhythmCard h3 {
    margin: 36px 0 22px;
  }

  .extra {
    margin-top: 26px;
  }

  .lightHead {
    margin-bottom: 30px;
  }

  .pathCard {
    min-height: 230px;
    padding: 26px 22px;
  }

  .pathCard h3 {
    margin-top: 38px;
  }

  .week {
    padding: 22px 0;
  }

  .join {
    padding: 60px 0;
  }
}