:root{
  --night:#07101f;
  --night-2:#0c1c32;
  --paper:#f3efe7;
  --paper-2:#e7e2d8;
  --ink:#0f1825;
  --muted:#5f6873;
  --cyan:#19b6c5;
  --cyan-dark:#087c8a;
  --yellow:#f4d35e;
  --line:rgba(15,24,37,.16);
  --line-light:rgba(255,255,255,.16);
  --sans:"Manrope",Arial,sans-serif;
  --mono:"IBM Plex Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}
body.menu-open{overflow:hidden}
a{color:inherit}
.skip-link{position:fixed;z-index:300;top:1rem;left:1rem;padding:.7rem 1rem;background:white;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 3vw;color:white;transition:.25s}
.site-header.scrolled{background:rgba(7,16,31,.95);border-bottom:1px solid var(--line-light);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--cyan);font-family:var(--mono);font-size:.72rem;color:var(--cyan)}
.brand-copy{display:flex;flex-direction:column;line-height:1.1}
.brand-copy strong{font-size:.9rem}
.brand-copy small{margin-top:.25rem;color:rgba(255,255,255,.46);font-family:var(--mono);font-size:.57rem;text-transform:uppercase;letter-spacing:.08em}
.site-nav{display:flex;align-items:center;gap:1.6rem}
.site-nav a{text-decoration:none;font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}
.nav-cta{padding:.75rem 1rem;border:1px solid var(--cyan);color:var(--cyan)!important}
.menu-button{display:none;border:0;background:transparent;color:white;font:inherit;text-transform:uppercase;letter-spacing:.1em}
.hero{min-height:100vh;padding:10rem 5vw 4rem;background:radial-gradient(circle at 70% 30%,rgba(25,182,197,.18),transparent 25%),linear-gradient(145deg,#060d19,#091a31 68%,#0b2537);color:white}
.hero-copy{max-width:1350px;margin:auto}
.kicker{margin:0 0 1.2rem;color:var(--cyan-dark);font-family:var(--mono);font-size:.66rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase}
.hero .kicker,.use-it .kicker,.updates .kicker{color:var(--cyan)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.04}
h1{max-width:1200px;margin-bottom:2rem;font-size:clamp(4rem,8.5vw,9rem);letter-spacing:-.06em;font-weight:600}
h1 span{color:var(--cyan)}
.hero-lead{max-width:780px;color:rgba(255,255,255,.7);font-size:clamp(1.08rem,1.5vw,1.4rem)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.4rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.9rem 1.15rem;border:1px solid var(--ink);text-decoration:none;font-family:var(--mono);font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:.2s}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--cyan);border-color:var(--cyan);color:var(--night)}
.button.secondary{border-color:rgba(255,255,255,.35);color:white}
.hero-rail{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;max-width:1350px;margin:6rem auto 0;padding-top:2rem;border-top:1px solid var(--line-light)}
.hero-rail>div{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem}
.hero-rail span{grid-row:1/3;color:var(--cyan);font-family:var(--mono);font-size:.68rem}
.hero-rail strong{font-size:1.15rem}
.hero-rail small{color:rgba(255,255,255,.45)}
.hero-rail i{height:1px;background:linear-gradient(90deg,var(--cyan),rgba(25,182,197,.1))}
.proof-band{display:grid;grid-template-columns:repeat(3,1fr);background:var(--cyan);color:var(--night)}
.proof-band span{padding:1.2rem 2rem;border-right:1px solid rgba(7,16,31,.2);font-size:.75rem;font-weight:700;text-align:center}
.section{padding:8rem 5vw}
.section-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:2rem 8vw;align-items:end;max-width:1450px;margin:0 auto 5rem}
.section-intro .kicker,.section-intro h2{grid-column:1}
.section-intro h2{margin:0;font-size:clamp(3.3rem,6vw,6.7rem);letter-spacing:-.055em}
.section-intro>p:last-child{grid-column:2;grid-row:1/3;margin:0;color:var(--muted);font-size:1.05rem}
.section-intro.compact{display:block}
.section-intro.compact h2{max-width:950px}
.failure-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1450px;margin:auto;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.failure-grid article{min-height:440px;padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.failure-grid span{color:var(--cyan-dark);font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}
.failure-grid h3{margin:5rem 0 1.4rem;font-size:clamp(2rem,3vw,3.3rem);letter-spacing:-.04em}
.failure-grid p{color:var(--muted)}
.bridge{background:var(--paper-2)}
.bridge-heading{display:grid;grid-template-columns:220px 1fr;gap:6vw;max-width:1450px;margin:0 auto 5rem}
.bridge-heading h2{max-width:1150px;margin:0;font-size:clamp(3.3rem,6.2vw,7rem);letter-spacing:-.055em}
.bridge-map{display:grid;grid-template-columns:1fr 1.25fr 1fr;max-width:1450px;margin:auto;border:1px solid var(--line);background:var(--paper)}
.bank,.span>div{min-height:520px;padding:2.2rem}
.bank p,.span p{color:var(--cyan-dark);font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}
.bank h3,.span h3{margin:4rem 0 2rem;font-size:clamp(2.5rem,3.6vw,4.2rem);letter-spacing:-.04em}
.bank ul,.span ul{padding:0;list-style:none}
.bank li,.span li{padding:.75rem 0;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}
.span{position:relative;display:grid;place-items:center;background:var(--night);color:white}
.span>div{position:relative;z-index:2;width:100%}
.span p{color:var(--cyan)}
.span li{border-color:var(--line-light);color:rgba(255,255,255,.65)}
.span-line{position:absolute;top:50%;left:-12%;right:-12%;height:2px;background:var(--cyan);box-shadow:0 0 24px rgba(25,182,197,.5)}
.canvas-callout{display:flex;align-items:center;justify-content:space-between;gap:3rem;max-width:1450px;margin:2rem auto 0;padding:2rem;border:1px solid var(--line)}
.canvas-callout h3{margin:.3rem 0 .6rem;font-size:2.3rem}
.canvas-callout p:last-child{margin:0;color:var(--muted)}
.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);max-width:1450px;margin:auto;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.tool-grid article{min-height:330px;padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.tool-grid code{color:var(--cyan-dark);font-family:var(--mono);font-size:.68rem}
.tool-grid h3{margin:4rem 0 1rem;font-size:clamp(2rem,3vw,3.2rem)}
.tool-grid p{color:var(--muted)}
.use-it{background:var(--night);color:white}
.section-intro.light>p:last-child{color:rgba(255,255,255,.58)}
.offer-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;max-width:1450px;margin:auto;border-left:1px solid var(--line-light);border-top:1px solid var(--line-light)}
.offer-grid article{display:flex;flex-direction:column;min-height:440px;padding:2rem;border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light)}
.offer-grid article:last-child{grid-column:2/4}
.offer-grid span{color:var(--cyan);font-family:var(--mono);font-size:.64rem;text-transform:uppercase}
.offer-grid h3{margin:4rem 0 1.2rem;font-size:clamp(2.4rem,3.8vw,4.4rem)}
.offer-grid p{color:rgba(255,255,255,.62)}
.offer-grid ul{padding:0;list-style:none}
.offer-grid li{padding:.55rem 0;border-top:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.55);font-size:.82rem}
.offer-grid a{margin-top:auto;color:var(--cyan);font-family:var(--mono);font-size:.68rem;text-decoration:none;text-transform:uppercase}
.offer-featured{background:rgba(25,182,197,.08)}
.book{display:grid;grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr);gap:8vw;align-items:center;background:var(--paper-2)}
.book-visual{display:grid;place-items:center}
.book-cover{display:flex;flex-direction:column;justify-content:space-between;width:min(420px,80vw);aspect-ratio:2/3;padding:2rem;background:linear-gradient(150deg,#07101f,#0a3142);color:white;box-shadow:28px 34px 0 rgba(15,24,37,.12)}
.book-cover span,.book-cover small{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}
.book-cover strong{font-size:clamp(2rem,4vw,3.7rem);line-height:1.03}
.book-copy h2{font-size:clamp(3rem,5.5vw,6.2rem);letter-spacing:-.055em}
.book-copy>p:not(.kicker){max-width:760px;color:var(--muted);font-size:1.05rem}
.chapter-preview{margin-top:2.5rem;border-top:1px solid var(--line)}
.chapter-preview div{display:grid;grid-template-columns:50px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.chapter-preview span{color:var(--cyan-dark);font-family:var(--mono);font-size:.67rem}
.chapter-preview strong{font-weight:600}
.text-link{display:inline-block;margin-top:2rem;padding-bottom:.3rem;border-bottom:1px solid currentColor;text-decoration:none;color:var(--cyan-dark);font-family:var(--mono);font-size:.67rem;text-transform:uppercase}
.author{display:grid;grid-template-columns:1fr 1fr;gap:5rem 8vw;background:var(--paper)}
.author h2{max-width:760px;font-size:clamp(3.2rem,5.5vw,6rem);letter-spacing:-.05em}
.author-copy{color:var(--muted);font-size:1.05rem}
.author-copy a{display:inline-block;margin-top:1rem;color:var(--ink);font-family:var(--mono);font-size:.67rem;text-transform:uppercase}
.author-proof{grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.author-proof div{padding:1.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.author-proof strong{display:block;margin-bottom:.4rem;font-size:1.4rem}
.author-proof span{color:var(--muted);font-size:.78rem}
.updates{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;padding:8rem 5vw;background:var(--cyan);color:var(--night)}
.updates h2{max-width:850px;font-size:clamp(3.2rem,6vw,6.7rem);letter-spacing:-.055em}
.updates-copy>p:last-child{max-width:700px}
.signup-form{align-self:end}
.signup-form label span{display:block;margin-bottom:.6rem;font-family:var(--mono);font-size:.66rem;text-transform:uppercase}
.form-row{display:flex}
.form-row input{flex:1;min-width:0;padding:1rem;border:1px solid var(--night);background:rgba(255,255,255,.45);font:inherit}
.form-note{margin-top:.8rem;font-size:.72rem}
.site-footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem 3vw;background:var(--night);color:white}
.site-footer>div{display:flex;align-items:center;gap:1.2rem}
.site-footer a,.site-footer span{color:rgba(255,255,255,.5);font-size:.7rem;text-decoration:none}
@media(max-width:1050px){
  .site-nav{position:fixed;inset:0;display:none;flex-direction:column;align-items:flex-start;justify-content:center;padding:12vw;background:var(--night)}
  .site-nav.open{display:flex}
  .site-nav a{font-size:1.5rem}
  .menu-button{display:block;z-index:2}
  .hero-rail{grid-template-columns:1fr;gap:1rem}
  .hero-rail i{display:none}
  .section-intro,.bridge-heading,.book,.author,.updates{grid-template-columns:1fr}
  .section-intro .kicker,.section-intro h2,.section-intro>p:last-child{grid-column:1;grid-row:auto}
  .failure-grid,.offer-grid{grid-template-columns:1fr}
  .offer-grid article:last-child{grid-column:auto}
  .bridge-map{grid-template-columns:1fr}
  .span-line{display:none}
  .bank,.span>div{min-height:auto}
  .canvas-callout{display:block}
  .canvas-callout .button{margin-top:1rem}
  .author-proof{grid-column:1;grid-template-columns:1fr}
}
@media(max-width:720px){
  .site-header{padding:1rem 1.2rem}
  .hero{padding:8rem 1.2rem 3rem}
  h1{font-size:clamp(3.5rem,16vw,5.2rem)}
  .proof-band,.tool-grid{grid-template-columns:1fr}
  .proof-band span{border-right:0;border-bottom:1px solid rgba(7,16,31,.2)}
  .section{padding:5rem 1.2rem}
  .section-intro h2,.bridge-heading h2{font-size:clamp(2.8rem,13vw,4.3rem)}
  .failure-grid article,.offer-grid article,.tool-grid article{min-height:auto}
  .failure-grid h3,.tool-grid h3,.offer-grid h3{margin-top:2.6rem}
  .bridge-map{margin-left:-1.2rem;margin-right:-1.2rem}
  .book-cover{box-shadow:14px 18px 0 rgba(15,24,37,.12)}
  .updates{padding:5rem 1.2rem}
  .form-row{display:block}
  .form-row input,.form-row button{width:100%}
  .site-footer,.site-footer>div{display:block}
  .site-footer a,.site-footer span{display:block;margin-top:.5rem}
}