:root{
    --paper:#F3F4EE;
    --surface:#FFFFFF;
    --sunk:#E9ECE3;
    --ink:#13261F;
    --muted:#55635B;
    --clinical:#7F8C93;
    --line:#D9DED2;
    --accent:#E3A03A;
    --accent-ink:#8A4F08;
    --accent-soft:#F8E8C6;
    --forest:#1E5B48;
    --on-dark:#F3F4EE;
    --dark:#13261F;
    --shadow:0 1px 2px rgba(19,38,31,.05), 0 12px 32px -12px rgba(19,38,31,.16);

    --serif:'Newsreader', 'Iowan Old Style', Georgia, serif;
    --sans:'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --mono:'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --paper:#0E1814;
      --surface:#14211B;
      --sunk:#101C17;
      --ink:#EAEEE5;
      --muted:#A2AEA6;
      --clinical:#7E8C93;
      --line:#25352D;
      --accent:#EDB04F;
      --accent-ink:#F2C477;
      --accent-soft:#33291A;
      --forest:#7CC3A8;
      --on-dark:#EAEEE5;
      --dark:#0A120F;
      --shadow:0 1px 2px rgba(0,0,0,.3), 0 12px 32px -12px rgba(0,0,0,.5);
    }
  }
  :root[data-theme="dark"]{
    --paper:#0E1814;
    --surface:#14211B;
    --sunk:#101C17;
    --ink:#EAEEE5;
    --muted:#A2AEA6;
    --clinical:#7E8C93;
    --line:#25352D;
    --accent:#EDB04F;
    --accent-ink:#F2C477;
    --accent-soft:#33291A;
    --forest:#7CC3A8;
    --on-dark:#EAEEE5;
    --dark:#0A120F;
    --shadow:0 1px 2px rgba(0,0,0,.3), 0 12px 32px -12px rgba(0,0,0,.5);
  }

  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:var(--sans);
    font-size:17px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  a{color:inherit}
  img{display:block;max-width:100%}
  :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
  ::selection{background:var(--accent-soft);color:var(--ink)}

  h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;text-wrap:balance;letter-spacing:-.01em}
  p{margin:0;text-wrap:pretty}

  .wrap{max-width:1160px;margin:0 auto;padding:0 32px}
  @media (max-width:640px){ .wrap{padding:0 16px} }

  .label{
    font-family:var(--mono);
    font-size:.72rem;
    font-weight:500;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--clinical);
  }
  .label.warm{color:var(--accent-ink)}

  /* Draft ribbon */
  .draft{
    font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;
    text-align:center;padding:8px 16px;
    background:var(--sunk);color:var(--muted);
    border-bottom:1px solid var(--line);
  }

  /* Header */
  header.site{
    position:sticky;top:0;z-index:30;
    background:color-mix(in srgb, var(--paper) 90%, transparent);
    backdrop-filter:saturate(1.2) blur(10px);
    -webkit-backdrop-filter:saturate(1.2) blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;gap:24px;height:68px}
  .wordmark{display:flex;align-items:baseline;gap:7px;text-decoration:none;white-space:nowrap}
  .wordmark .num{font-family:var(--mono);font-weight:500;font-size:.98rem;color:var(--clinical);letter-spacing:.02em}
  .wordmark .word{font-family:var(--serif);font-style:italic;font-size:1.42rem;line-height:1;color:var(--ink)}
  .navlinks{display:flex;gap:26px;list-style:none;margin:0;padding:0}
  .navlinks a{text-decoration:none;font-size:.93rem;font-weight:500;color:var(--muted);transition:color .15s}
  .navlinks a:hover{color:var(--ink)}
  .nav-right{display:flex;align-items:center;gap:28px}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    font-family:var(--sans);font-weight:600;font-size:.94rem;
    padding:12px 20px;border-radius:999px;text-decoration:none;
    border:1px solid transparent;cursor:pointer;line-height:1.2;
    transition:transform .15s ease, background .15s ease, border-color .15s ease;
  }
  .btn:hover{transform:translateY(-1px)}
  .btn-ink{background:var(--ink);color:var(--paper)}
  .btn-accent{background:var(--accent);color:#1C1406}
  .btn-line{border-color:var(--line);color:var(--ink);background:transparent}
  .btn-line:hover{border-color:var(--ink)}
  .btn-sm{padding:9px 16px;font-size:.86rem}
  @media (max-width:960px){ .navlinks{display:none} }

  /* Hero */
  .hero{padding:72px 0 88px}
  .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}
  @media (max-width:960px){ .hero-grid{grid-template-columns:1fr;gap:48px} .hero{padding:48px 0 64px} }

  .hero h1{
    font-size:clamp(3.2rem, 8.2vw, 6.4rem);
    line-height:.95;
    letter-spacing:-.025em;
    margin:18px 0 28px;
  }
  .hero h1 .numbers{
    display:inline-block;
    font-family:var(--mono);
    font-weight:400;
    font-size:.5em;
    letter-spacing:-.01em;
    color:var(--clinical);
    vertical-align:.18em;
    margin-left:.12em;
  }
  .hero .sub{font-size:1.18rem;line-height:1.55;color:var(--muted);max-width:33ch}
  .hero .byline{margin-top:22px;font-size:.95rem;color:var(--muted)}
  .hero .byline strong{color:var(--ink);font-weight:600}
  .doors-mini{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}

  /* Readout card — the thesis */
  .readout{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:18px;
    box-shadow:var(--shadow);
    overflow:hidden;
  }
  .readout-head{
    display:flex;justify-content:space-between;align-items:center;
    padding:16px 22px;border-bottom:1px dashed var(--line);
  }
  .metrics{padding:8px 22px 18px}
  .metric{
    display:grid;grid-template-columns:118px 1fr 56px;align-items:center;gap:14px;
    padding:11px 0;border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);
    font-family:var(--mono);font-size:.82rem;color:var(--clinical);
  }
  .metric:last-child{border-bottom:none}
  .metric .val{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.08em}
  .metric svg{width:100%;height:26px;overflow:visible}
  .metric path{fill:none;stroke:var(--clinical);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
  .metric .dot{fill:var(--clinical)}

  .divider{
    position:relative;text-align:center;
    padding:6px 22px;
    background:var(--accent-soft);
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  }
  .divider span{
    font-family:var(--serif);font-style:italic;font-size:1.02rem;color:var(--accent-ink);
  }
  .domains{list-style:none;margin:0;padding:10px 22px 16px}
  .domain{
    display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:baseline;
    padding:12px 0;border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);
  }
  .domain:last-child{border-bottom:none}
  .domain b{font-family:var(--serif);font-weight:400;font-style:italic;font-size:1.55rem;line-height:1.1;color:var(--ink)}
  .domain em{font-style:normal;font-size:.93rem;color:var(--muted);line-height:1.4}
  .readout-foot{
    padding:12px 22px;border-top:1px dashed var(--line);
    font-size:.8rem;color:var(--muted);
  }
  @media (max-width:520px){
    .metric{grid-template-columns:96px 1fr 44px}
    .domain{grid-template-columns:1fr;gap:2px}
  }

  /* Hero entrance — one orchestrated moment */
  @media (prefers-reduced-motion: no-preference){
    .readout .metric path{stroke-dasharray:240;stroke-dashoffset:240;animation:draw 1.1s cubic-bezier(.4,0,.2,1) forwards}
    .readout .metric:nth-child(2) path{animation-delay:.12s}
    .readout .metric:nth-child(3) path{animation-delay:.24s}
    .readout .metric:nth-child(4) path{animation-delay:.36s}
    .readout .metric .dot{opacity:0;animation:fade .3s ease forwards;animation-delay:1.1s}
    .readout .divider, .readout .domain, .readout .readout-foot{opacity:0;transform:translateY(8px);animation:rise .6s cubic-bezier(.2,.7,.2,1) forwards}
    .readout .divider{animation-delay:1.05s}
    .readout .domain:nth-child(1){animation-delay:1.25s}
    .readout .domain:nth-child(2){animation-delay:1.37s}
    .readout .domain:nth-child(3){animation-delay:1.49s}
    .readout .domain:nth-child(4){animation-delay:1.61s}
    .readout .domain:nth-child(5){animation-delay:1.73s}
    .readout .readout-foot{animation-delay:1.9s}
  }
    .readout:not(.play) *{animation-play-state:paused}
  @keyframes draw{to{stroke-dashoffset:0}}
  @keyframes fade{to{opacity:1}}
  @keyframes rise{to{opacity:1;transform:none}}

  /* Section scaffolding */
  section{padding:96px 0}
  .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:44px}
  .section-head h2{font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.05;margin-top:12px}
  .section-head p{color:var(--muted);max-width:52ch;margin-top:12px}
  .more{font-weight:600;font-size:.93rem;color:var(--forest);text-decoration:none;white-space:nowrap}
  .more:hover{text-decoration:underline;text-underline-offset:3px}
  @media (max-width:640px){ section{padding:64px 0} }

  /* Two doors */
  .doors{padding-top:0}
  .door-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  @media (max-width:820px){ .door-grid{grid-template-columns:1fr} }
  .door{
    position:relative;display:flex;flex-direction:column;gap:18px;
    padding:36px 34px 32px;border-radius:18px;text-decoration:none;
    border:1px solid var(--line);background:var(--surface);
    transition:border-color .2s, transform .2s;
  }
  .door:hover{border-color:var(--ink);transform:translateY(-2px)}
  .door.patients{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}
  .door h3{font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.1}
  .door ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
  .door li{display:grid;grid-template-columns:18px 1fr;gap:10px;color:var(--muted);font-size:.98rem;line-height:1.45}
  .door li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:.55em}
  .door.pros li::before{background:var(--forest)}
  .door .go{margin-top:auto;padding-top:8px;font-weight:600;color:var(--ink)}
  .door .go::after{content:" →";transition:margin .2s}
  .door:hover .go::after{margin-left:4px}

  /* Writing */
  .writing-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
  @media (max-width:900px){ .writing-grid{grid-template-columns:1fr;gap:36px} }
  .lead-post{text-decoration:none;display:block}
  .lead-post .frame{
    border-radius:16px;padding:40px 36px;min-height:300px;
    background:var(--dark);color:var(--on-dark);
    display:flex;flex-direction:column;justify-content:space-between;gap:40px;
    position:relative;overflow:hidden;
  }
  .lead-post .frame::after{
    content:"";position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;border-radius:50%;
    background:radial-gradient(circle, color-mix(in srgb, var(--accent) 55%, transparent), transparent 70%);
    opacity:.55;
  }
  .lead-post .label{color:color-mix(in srgb, var(--on-dark) 60%, transparent)}
  .lead-post h3{font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.08;position:relative;z-index:1}
  .lead-post p{color:color-mix(in srgb, var(--on-dark) 75%, transparent);max-width:44ch;position:relative;z-index:1}
  .lead-post:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}

  .post-list{list-style:none;margin:0;padding:0}
  .post-list li{border-top:1px solid var(--line)}
  .post-list li:last-child{border-bottom:1px solid var(--line)}
  .post-list a{display:grid;grid-template-columns:1fr auto;gap:6px 20px;padding:18px 0;text-decoration:none}
  .post-list .t{font-family:var(--serif);font-size:1.22rem;line-height:1.25}
  .post-list a:hover .t{color:var(--forest)}
  .post-list .d{font-family:var(--mono);font-size:.74rem;color:var(--clinical);white-space:nowrap;padding-top:4px;font-variant-numeric:tabular-nums}
  .post-list .pillar{grid-column:1/-1;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink)}
  .source-note{margin-top:18px;font-size:.85rem;color:var(--muted)}

  /* Books */
  .books{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .feature-book{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:center;margin-bottom:72px}
  @media (max-width:760px){ .feature-book{grid-template-columns:1fr;gap:32px} }
  .cover{
    aspect-ratio:2/3;border-radius:4px 10px 10px 4px;
    padding:26px 22px;display:flex;flex-direction:column;justify-content:space-between;
    box-shadow:inset 6px 0 0 rgba(0,0,0,.12), 0 18px 40px -16px rgba(0,0,0,.45);
    color:#F6F3EA;position:relative;overflow:hidden;
  }
  .cover .ct{font-family:var(--serif);font-size:1.5rem;line-height:1.08}
  .cover .cs{font-family:var(--serif);font-style:italic;font-size:.92rem;opacity:.85;margin-top:10px;line-height:1.3}
  .cover .ca{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
  .c-forest{background:linear-gradient(160deg,#245F4B,#132E25)}
  .c-amber{background:linear-gradient(160deg,#C9862A,#7A4A10)}
  .c-slate{background:linear-gradient(160deg,#4D5E68,#27323A)}
  .c-moss{background:linear-gradient(160deg,#6B7A4A,#38412A)}
  .c-ink{background:linear-gradient(160deg,#2B3B36,#111B18)}
  .c-clay{background:linear-gradient(160deg,#9A5A3E,#55301F)}
  .feature-book .cover{width:100%;max-width:260px}
  @media (max-width:760px){ .feature-book .cover{max-width:190px} .feature-book .cover .ct{font-size:1.5rem} }
  .feature-book .cover .ct{font-size:2rem}
  .feature-copy h3{font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.04;margin:12px 0 6px}
  .feature-copy .subt{font-family:var(--serif);font-style:italic;font-size:1.35rem;color:var(--muted)}
  .feature-copy .meta{font-family:var(--mono);font-size:.76rem;color:var(--clinical);margin:18px 0 26px;letter-spacing:.04em}
  .shelf-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
  @media (max-width:900px){ .shelf-groups{grid-template-columns:1fr;gap:36px} }
  .shelf h4{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--clinical);margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line)}
  .shelf-books{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .mini .cover{padding:16px 14px}
  .mini .cover .ct{font-size:1.02rem}
  .mini .cover .cs{font-size:.74rem;margin-top:6px}
  .mini figcaption{font-size:.84rem;line-height:1.35;margin-top:10px;color:var(--muted)}
  .mini figcaption b{display:block;color:var(--ink);font-weight:600}
  .mini{margin:0}
  .cover-note{margin-top:36px;font-size:.85rem;color:var(--muted)}

  /* App */
  .app-panel{
    display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;
    background:var(--dark);color:var(--on-dark);
    border-radius:22px;padding:56px;
  }
  @media (max-width:860px){ .app-panel{grid-template-columns:1fr;padding:36px 24px} }
  .app-panel .label{color:var(--accent)}
  .app-panel h2{font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.05;margin:14px 0 16px;color:var(--on-dark)}
  .app-panel p{color:color-mix(in srgb, var(--on-dark) 74%, transparent);max-width:46ch}
  .app-panel .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
  .app-panel .btn-line{color:var(--on-dark);border-color:color-mix(in srgb, var(--on-dark) 30%, transparent)}
  .phone{
    justify-self:center;width:230px;aspect-ratio:9/18.5;border-radius:34px;
    border:1px solid color-mix(in srgb, var(--on-dark) 22%, transparent);
    background:color-mix(in srgb, var(--on-dark) 6%, var(--dark));
    padding:22px 16px;display:flex;flex-direction:column;gap:12px;
  }
  .phone .notch{width:70px;height:6px;border-radius:6px;background:color-mix(in srgb, var(--on-dark) 18%, transparent);align-self:center;margin-bottom:8px}
  .phone .q{font-family:var(--serif);font-style:italic;font-size:1.12rem;line-height:1.25;color:var(--on-dark)}
  .phone .rowp{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;color:color-mix(in srgb, var(--on-dark) 70%, transparent);padding:8px 10px;border-radius:10px;background:color-mix(in srgb, var(--on-dark) 7%, transparent)}
  .phone .pips{display:flex;gap:4px}
  .phone .pips i{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb, var(--on-dark) 22%, transparent)}
  .phone .pips i.on{background:var(--accent)}
  .phone .cap{margin-top:auto;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--on-dark) 45%, transparent);text-align:center}

  /* About */
  .about-grid{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start}
  @media (max-width:800px){ .about-grid{grid-template-columns:1fr;gap:28px} }
  .portrait{border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);max-width:300px}
  .portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
  .about-copy h2{font-size:clamp(2rem,3.4vw,2.7rem);line-height:1.05;margin:12px 0 18px}
  .about-copy p{color:var(--muted);max-width:60ch}
  .about-copy p + p{margin-top:14px}
  .facts{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 28px}
  .fact{font-size:.86rem;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}
  .about-copy .cta-row{display:flex;gap:12px;flex-wrap:wrap}

  /* Newsletter */
  .newsletter{background:var(--accent-soft);border-top:1px solid color-mix(in srgb, var(--accent) 35%, var(--line))}
  .nl-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
  @media (max-width:860px){ .nl-grid{grid-template-columns:1fr;gap:28px} }
  .nl-grid h2{font-size:clamp(2.2rem,4vw,3.2rem);line-height:1;margin-top:12px}
  .nl-grid h2 em{font-style:italic}
  .nl-grid .what{color:var(--muted);margin-top:14px;max-width:44ch}
  .nl-form{display:flex;gap:10px;flex-wrap:wrap}
  .nl-form input{
    flex:1 1 220px;min-width:0;font:inherit;font-size:1rem;
    padding:13px 18px;border-radius:999px;border:1px solid var(--line);
    background:var(--surface);color:var(--ink);
  }
  .nl-form input::placeholder{color:var(--clinical)}
  .nl-fine{font-size:.82rem;color:var(--muted);margin-top:12px}
  .nl-done{font-size:.9rem;color:var(--accent-ink);margin-top:12px;min-height:1.4em}

  /* Footer */
  footer{padding:56px 0 48px;border-top:1px solid var(--line)}
  .foot-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;align-items:flex-start}
  .foot-cols{display:flex;gap:56px;flex-wrap:wrap}
  .foot-col h5{font-family:var(--mono);font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--clinical);margin:0 0 12px}
  .foot-col a{display:block;text-decoration:none;color:var(--muted);font-size:.92rem;padding:3px 0}
  .foot-col a:hover{color:var(--ink)}
  .disclaimer{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted);max-width:90ch;line-height:1.55}
  .copyright{margin-top:14px;font-family:var(--mono);font-size:.7rem;color:var(--clinical)}

  /* v2: real books */
  .cover-img{display:block;width:100%;max-width:260px;height:auto;border-radius:3px 8px 8px 3px;border:1px solid var(--line);box-shadow:0 18px 40px -16px rgba(0,0,0,.45)}
  @media (max-width:760px){ .cover-img{max-width:190px} }
  .feature-copy .subt{font-size:1.2rem;line-height:1.35}
  .epigraph{font-family:var(--serif);font-style:italic;font-size:1.28rem;line-height:1.4;border-left:2px solid var(--accent);padding-left:16px;margin:24px 0 6px;max-width:46ch}
  .epigraph-src{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--clinical);padding-left:18px;margin-bottom:20px}
  .feature-copy .desc{color:var(--muted);max-width:58ch}
  .themes{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}
  .theme{font-size:.8rem;padding:5px 11px;border-radius:999px;background:var(--sunk);border:1px solid var(--line);color:var(--muted)}
  .book-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 56px}
  @media (max-width:820px){ .book-grid{grid-template-columns:1fr} }
  .book-row{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:start;padding:26px 0;border-top:1px solid var(--line)}
  .book-row img{width:96px;height:auto;border-radius:2px 6px 6px 2px;border:1px solid var(--line);box-shadow:0 10px 24px -12px rgba(0,0,0,.45)}
  .book-row .cover{width:96px;padding:12px 10px;border-radius:2px 6px 6px 2px}
  .book-row .cover .ct{font-size:.84rem;line-height:1.12}
  .book-row .cover .ca{font-size:.48rem}
  .book-row .btag{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink)}
  .book-row h3{font-size:1.4rem;line-height:1.12;margin:6px 0 3px}
  .book-row .bsub{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:1rem;line-height:1.3}
  .book-row .bco{font-size:.86rem;color:var(--muted);margin-top:4px}
  .book-row .bdesc{font-size:.93rem;color:var(--muted);line-height:1.5;margin-top:10px}
  .book-row .blink{display:inline-block;margin-top:10px;font-weight:600;font-size:.88rem;color:var(--forest);text-decoration:none}
  .book-row .blink:hover{text-decoration:underline;text-underline-offset:3px}

  /* v2: app preview mirrors the real beta */
  .app-feats{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:9px}
  .app-feats li{display:grid;grid-template-columns:16px 1fr;gap:10px;color:color-mix(in srgb, var(--on-dark) 82%, transparent);font-size:.96rem;line-height:1.45}
  .app-feats li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:.6em}
  .app-privacy{margin-top:18px;font-size:.86rem;color:color-mix(in srgb, var(--on-dark) 60%, transparent)}
  .phone .hello{font-size:.7rem;color:color-mix(in srgb, var(--on-dark) 55%, transparent)}
  .phone .chips2{display:flex;flex-wrap:wrap;gap:5px}
  .phone .chips2 span{font-size:.64rem;padding:4px 8px;border-radius:99px;border:1px solid color-mix(in srgb, var(--on-dark) 22%, transparent);color:color-mix(in srgb, var(--on-dark) 80%, transparent)}
  .phone .chips2 span.on{background:var(--accent);border-color:var(--accent);color:#1C1406}
  .phone .statement{font-family:var(--serif);font-size:.92rem;line-height:1.35;color:var(--on-dark);padding:10px 11px;border-radius:10px;background:color-mix(in srgb, var(--on-dark) 7%, transparent)}
  .phone .nlabel{font-size:.66rem;color:color-mix(in srgb, var(--on-dark) 70%, transparent)}
  .phone .meter{height:6px;border-radius:6px;background:color-mix(in srgb, var(--on-dark) 14%, transparent);position:relative;margin-top:6px}
  .phone .meter i{position:absolute;left:0;top:0;bottom:0;width:30%;border-radius:6px;background:var(--accent)}
  .phone .ends{display:flex;justify-content:space-between;font-size:.58rem;color:color-mix(in srgb, var(--on-dark) 45%, transparent);margin-top:4px}
  .phone .tabs{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid color-mix(in srgb, var(--on-dark) 14%, transparent);padding-top:9px;font-size:.56rem;color:color-mix(in srgb, var(--on-dark) 50%, transparent)}
  .phone .tabs b{color:var(--accent);font-weight:500}

  /* v2: about */
  .stats{display:grid;grid-template-columns:repeat(4,1fr);margin:26px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .stat{padding:16px 14px 14px 0}
  .stat b{display:block;font-family:var(--mono);font-weight:500;font-size:1.75rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
  .stat span{display:block;font-size:.8rem;color:var(--muted);line-height:1.3;margin-top:2px}
  @media (max-width:560px){ .stats{grid-template-columns:1fr 1fr} }
  .training{font-size:.88rem;color:var(--muted);margin-bottom:22px}
  .topics-label{margin-bottom:10px}
  .facts{margin-top:0}

  /* v4: substack */
  .read-links{display:flex;gap:22px;flex-wrap:wrap}
  .source-note a{color:var(--forest)}
  .nl-cta{margin-top:26px}
  .nl-feats{display:grid;gap:14px}
  .nl-feat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 24px}
  .nl-feat h3{font-size:1.45rem;line-height:1.15;margin:8px 0 6px}
  .nl-feat p{color:var(--muted);font-size:.95rem;line-height:1.5}
  .nl-feat.warm{border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}

  /* ================= v5: multi-page additions ================= */
  .navlinks a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:8px}

  /* Full-bleed concept heroes (shared with the lookbook concepts) */
  .stage{position:relative;overflow:hidden;isolation:isolate}
  .hero-stage{height:min(84vh,720px);min-height:540px}
  .replay{position:absolute;right:18px;bottom:18px;z-index:20;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;opacity:.55}
  .replay:hover{opacity:1}

  /* ---------- A: The Quiet (home hero) ---------- */
  .stage-a{background:#F4F3EE;color:#13261F}
  .stage-a canvas{position:absolute;inset:0;width:100%;height:100%}
  .a-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;z-index:2}
  .a-copy > *{opacity:0;transform:translateY(10px);transition:opacity 1.4s ease, transform 1.4s ease}
  .stage-a.show .a-copy > *{opacity:1;transform:none}
  .stage-a.show .a-copy .a-sub{transition-delay:.7s}
  .stage-a.show .a-copy .a-cta{transition-delay:1.3s}
  .stage-a.show .a-copy .a-k{transition-delay:0s}
  .a-k{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#7D888F;margin-bottom:22px}
  .a-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,7vw,5.6rem);line-height:1;letter-spacing:-.025em;color:#13261F}
  .a-copy h1 em{color:#8A4F08}
  .a-sub{margin-top:20px;font-size:clamp(1.05rem,1.8vw,1.3rem);color:#4E5A53;max-width:40ch}
  .a-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
  .stage-a .btn-ink{background:#13261F;color:#F4F3EE}
  .stage-a .btn-line{border-color:#C9CFC6;color:#13261F}
  .stage-a .btn-line:hover{border-color:#13261F}
  .stage-a .replay{color:#5B655F}

  /* Home: framework section (the old readout card) */
  .framework-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
  @media (max-width:960px){ .framework-grid{grid-template-columns:1fr;gap:40px} }
  .framework-grid h2{font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.02;margin:14px 0 18px}
  .framework-grid h2 .numbers{font-family:var(--mono);font-size:.55em;color:var(--clinical);letter-spacing:-.01em}
  .framework-grid p{color:var(--muted);max-width:46ch}
  .framework-grid p + p{margin-top:14px}

  /* ---------- B: The Long Trail (Start Here hero) ---------- */
  .stage-b{background:#EDE6D8;color:#2A2A22}
  .stage-b canvas{position:absolute;inset:0;width:100%;height:100%}
  .b-copy{position:absolute;left:0;top:0;padding:48px max(32px, calc((100vw - 1160px)/2 + 32px));max-width:min(720px,100%);z-index:2;
    background:radial-gradient(120% 120% at 0% 0%, rgba(237,230,216,.97) 55%, rgba(237,230,216,0) 100%)}
  .b-copy .b-k{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#7A6A52}
  .b-copy h1{font-family:'Young Serif',serif;font-weight:400;font-size:clamp(2.3rem,5vw,4rem);line-height:1.04;margin-top:12px;color:#22301F}
  .b-copy p{margin-top:14px;color:#5A5444;font-size:1.06rem;max-width:36ch}
  .wp{position:absolute;z-index:3;transform:translate(-50%,-50%);opacity:0;transition:opacity .6s ease;text-decoration:none}
  .wp.on{opacity:1}
  .wp .dot{width:20px;height:20px;border-radius:50%;background:#E3A03A;border:3px solid #22301F;box-shadow:0 0 0 6px rgba(227,160,58,.25);transition:transform .2s ease}
  .wp:hover .dot,.wp:focus-visible .dot{transform:scale(1.25)}
  .wp .tag{position:absolute;left:26px;top:-9px;white-space:nowrap}
  .wp.left .tag{left:auto;right:26px;text-align:right}
  .wp .tag b{display:block;font-family:'Young Serif',serif;font-weight:400;font-size:1.18rem;color:#22301F;line-height:1.1}
  .wp .tag span{font-family:var(--mono);font-size:.68rem;color:#6E6250}
  .wp:hover .tag b{text-decoration:underline;text-underline-offset:4px}
  @media (max-width:700px){ .wp .tag span{display:none} .b-copy{padding:28px 18px} }

  /* Start Here stage sections */
  .stage-sec{padding:88px 0;border-top:1px solid var(--line);scroll-margin-top:80px}
  .stage-sec:nth-of-type(even){background:var(--sunk)}
  .stage-grid{display:grid;grid-template-columns:200px 1fr 1fr;gap:48px;align-items:start}
  @media (max-width:960px){ .stage-grid{grid-template-columns:1fr;gap:24px} }
  .stage-num{font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--clinical)}
  .stage-num b{display:block;font-family:'Young Serif',serif;font-weight:400;font-size:4.4rem;line-height:1;color:var(--accent);letter-spacing:0;margin-bottom:8px}
  .stage-sec h2{font-family:'Young Serif',serif;font-size:clamp(2rem,3.6vw,2.8rem);line-height:1.06}
  .stage-sec .q{font-family:var(--serif);font-style:italic;font-size:1.35rem;color:var(--muted);margin-top:10px}
  .stage-sec .body p{color:var(--muted)}
  .stage-sec .body p + p{margin-top:14px}
  .reads{display:grid;gap:12px}
  .read{display:block;text-decoration:none;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .2s}
  .read:hover{border-color:var(--ink)}
  .read small{display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}
  .read span{display:block;font-family:var(--serif);font-size:1.15rem;line-height:1.3;margin-top:4px}
  .support{margin-top:8px;padding:28px 30px;border-radius:18px;border:1px solid var(--line);background:var(--surface)}
  .support h3{font-size:1.6rem;margin-bottom:10px}
  .support ul{margin:12px 0 0;padding-left:20px;color:var(--muted)}
  .support li + li{margin-top:6px}
  .lines{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:18px;font-size:.95rem}
  .lines b{font-family:var(--mono);font-weight:500}

  /* ---------- C: Catching Up (GLP-1 Journeys hero) ---------- */
  .stage-c{color:#F1EBDF;background:linear-gradient(180deg,#120F24 0%,#231C45 57%,#0C0A19 57%,#171331 100%);cursor:crosshair}
  .c-horizon{position:absolute;left:0;right:0;top:57%;height:1px;background:linear-gradient(90deg,transparent,rgba(241,235,223,.35),transparent)}
  .c-moon,.c-moon-r{position:absolute;left:0;top:0;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;pointer-events:none;will-change:transform}
  .c-moon{background:radial-gradient(circle,#FFF4DA 0 30%,rgba(255,226,170,.55) 42%,rgba(255,210,140,0) 70%)}
  .c-moon-r{background:radial-gradient(circle,rgba(255,240,210,.7) 0 26%,rgba(255,220,160,.25) 45%,rgba(255,210,140,0) 70%);filter:blur(3px)}
  .c-title,.c-title-r{position:absolute;left:0;right:0;text-align:center;font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;font-size:clamp(2.8rem,8vw,6.8rem);line-height:1;letter-spacing:-.01em;will-change:transform;white-space:nowrap;margin:0}
  .c-title{bottom:43%;padding-bottom:.08em;color:#F1EBDF}
  .c-title-r{top:0;transform-origin:center center;color:rgba(241,235,223,.32);filter:blur(1.2px);text-wrap:balance}
  .c-title{text-wrap:balance}
  .c-water{position:absolute;left:0;right:0;top:57%;bottom:0;overflow:hidden;filter:url(#ripple)}
  .c-cap{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;color:rgba(241,235,223,.66);padding:0 20px}
  .c-k{position:absolute;left:0;right:0;top:28px;text-align:center;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(241,235,223,.6)}
  @media (max-width:700px){ .c-title,.c-title-r{white-space:normal;font-size:clamp(2.6rem,12vw,4rem);padding:0 16px} }

  /* Book page */
  .book-hero{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start}
  @media (max-width:820px){ .book-hero{grid-template-columns:1fr;gap:32px} }
  .book-hero .cover-img{max-width:300px}
  .book-hero h2{font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1.02;margin:12px 0 8px}
  .book-hero .subt{font-family:var(--serif);font-style:italic;font-size:1.3rem;color:var(--muted)}
  .book-hero .desc{color:var(--muted);max-width:58ch;margin-top:18px}
  .toc{list-style:none;margin:0;padding:0;counter-reset:none}
  .toc li{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:baseline;padding:16px 0;border-top:1px solid var(--line)}
  .toc li:last-child{border-bottom:1px solid var(--line)}
  .toc .n{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--clinical)}
  .toc .t{font-family:var(--serif);font-size:1.3rem;line-height:1.25}
  .people{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
  @media (max-width:1000px){ .people{grid-template-columns:repeat(2,1fr)} }
  @media (max-width:560px){ .people{grid-template-columns:1fr} }
  .person{padding:22px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
  .person .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:1.3rem;background:var(--accent-soft);color:var(--accent-ink)}
  .person h3{font-size:1.4rem;margin-top:14px}
  .person .role{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;color:var(--clinical);margin-top:2px}
  .person p{font-size:.93rem;color:var(--muted);line-height:1.5;margin-top:10px}
  .reflect{padding:56px 48px;border-radius:22px;background:var(--dark);color:var(--on-dark);text-align:center}
  .reflect .label{color:var(--accent)}
  .reflect blockquote{margin:18px auto 0;max-width:30ch;font-family:var(--serif);font-size:clamp(1.6rem,3.4vw,2.5rem);line-height:1.2}
  .reflect blockquote em{color:var(--accent)}
  @media (max-width:640px){ .reflect{padding:40px 22px} }

  /* ---------- D: Off the Chart (About hero) ---------- */
  .stage-d{background:#F3F4EE;color:#13261F;display:flex;flex-direction:column}
  .d-copy{padding:44px max(32px, calc((100vw - 1160px)/2 + 32px)) 0}
  .d-copy .d-k{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#7F8C93}
  .d-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.3rem,5vw,4rem);line-height:1.02;margin-top:10px;color:#13261F}
  .d-copy h1 em{color:#1E5B48}
  .stage-d svg{flex:1;width:100%;min-height:0;display:block;max-width:1240px;margin:0 auto}
  .d-grid line{stroke:#D5DAD0;stroke-width:1}
  .d-frame{fill:none;stroke:#AEB8B0;stroke-width:1}
  .d-axis{font-family:'IBM Plex Mono',monospace;font-size:11px;fill:#7F8C93;letter-spacing:.08em}
  .d-clin{fill:none;stroke:#8A979E;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
  .d-life{fill:none;stroke:url(#lifegrad);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
  .d-area{fill:url(#areagrad);opacity:0}
  .d-pin{opacity:0;transform-box:fill-box}
  .d-pin circle{fill:#E3A03A;stroke:#13261F;stroke-width:2.5}
  .d-pin text{font-family:'Newsreader',serif;font-style:italic;font-size:19px;fill:#13261F}
  .d-end{font-family:'IBM Plex Mono',monospace;font-size:10px;fill:#7F8C93;letter-spacing:.1em;opacity:0}
  .stage-d.play .d-clin{animation:dash 1.9s cubic-bezier(.45,0,.25,1) .3s forwards}
  .stage-d.play .d-end{animation:fadein .5s ease 2s forwards}
  .stage-d.play .d-life{animation:dash 3.2s cubic-bezier(.35,0,.25,1) 2.3s forwards}
  .stage-d.play .d-area{animation:fadein 1.2s ease 5.2s forwards}
  .stage-d.play .d-pin.p1{animation:pop .6s ease 3.0s forwards}
  .stage-d.play .d-pin.p2{animation:pop .6s ease 3.7s forwards}
  .stage-d.play .d-pin.p3{animation:pop .6s ease 4.4s forwards}
  .stage-d.play .d-pin.p4{animation:pop .6s ease 5.0s forwards}
  .stage-d .replay{color:#5B655F}
  @keyframes dash{to{stroke-dashoffset:0}}
  @keyframes fadein{to{opacity:1}}
  @keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  .d-moments{display:none}
  @media (max-width:700px){
    .d-copy{padding:28px 18px 0}
    .stage-d svg{flex:none;height:250px;margin-top:16px}
    .d-pin text,.d-axis,.d-end{display:none}
    .d-moments{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:6px 0 0;padding:0 18px}
    .d-moments li{font-family:var(--serif);font-style:italic;font-size:1rem;padding:5px 12px;border-radius:999px;background:#F7E6C6;color:#13261F;opacity:0}
    .stage-d.play .d-moments li{animation:fadein .6s ease forwards}
    .stage-d.play .d-moments li:nth-child(1){animation-delay:3s}.stage-d.play .d-moments li:nth-child(2){animation-delay:3.7s}
    .stage-d.play .d-moments li:nth-child(3){animation-delay:4.4s}.stage-d.play .d-moments li:nth-child(4){animation-delay:5s}
  }

  /* About: framework + media */
  .domain-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:36px}
  @media (max-width:1000px){ .domain-grid{grid-template-columns:repeat(2,1fr)} }
  @media (max-width:560px){ .domain-grid{grid-template-columns:1fr} }
  .dcard{padding:24px 22px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
  .dcard b{display:block;font-family:var(--serif);font-weight:400;font-style:italic;font-size:1.8rem;line-height:1.1}
  .dcard p{font-size:.93rem;color:var(--muted);line-height:1.5;margin-top:10px}
  .intro-quote{padding:24px 28px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 14px 14px 0;font-family:var(--serif);font-size:1.2rem;line-height:1.5;max-width:62ch}

  /* ---------- E: The Weekly (Beyond the Numbers hero) ---------- */
  .stage-e{background:#F3EEE4;color:#1D1B22}
  .e-grain{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.35;mix-blend-mode:multiply;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .1  0 0 0 0 .1  0 0 0 0 .1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
  .e-sun{position:absolute;width:340px;height:340px;border-radius:50%;right:-70px;top:-120px;mix-blend-mode:multiply;
    background:radial-gradient(circle,#FF48B0 1.6px,transparent 2.2px) 0 0/9px 9px}
  .e-sun.two{right:170px;top:80px;width:230px;height:230px;background:radial-gradient(circle,#0078BF 1.5px,transparent 2.1px) 0 0/8px 8px;transition:transform .5s ease}
  .e-inner{position:absolute;inset:0;max-width:1240px;margin:0 auto}
  .e-mast{position:absolute;left:36px;top:30px;right:300px;display:flex;gap:18px;align-items:baseline;flex-wrap:wrap;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;z-index:3}
  .e-mast b{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.01em;text-transform:none}
  .e-type{position:absolute;left:30px;top:96px;z-index:2;margin:0}
  .e-type .plate{display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(3.4rem,9.6vw,8.6rem);line-height:.86;letter-spacing:-.045em;text-transform:uppercase;mix-blend-mode:multiply}
  .e-type .blue{color:#0078BF}
  .e-type .pink{color:#FF48B0;position:absolute;left:0;top:0;transform:translate(5px,4px);animation:wobble 5s ease-in-out infinite}
  .stage-e:hover .e-type .pink{transform:translate(11px,8px)}
  .stage-e:hover .e-sun.two{transform:translate(-14px,10px)}
  @keyframes wobble{0%,100%{transform:translate(5px,4px)}50%{transform:translate(3px,6px)}}
  .e-lines{position:absolute;right:36px;bottom:76px;width:min(390px,36%);display:grid;gap:14px;z-index:3}
  .e-line{background:#F3EEE4;border:2px solid #1D1B22;padding:14px 16px 13px;box-shadow:6px 6px 0 #0078BF}
  .e-line.p{box-shadow:6px 6px 0 #FF48B0}
  .e-line small{display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#4B4855}
  .e-line strong{display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.22rem;line-height:1.12;margin-top:4px}
  .e-sticker{position:absolute;right:calc(36px + min(390px,36%) + 8px);bottom:262px;z-index:4;width:122px;height:122px;border-radius:50%;background:#FFE800;mix-blend-mode:multiply;display:grid;place-items:center;text-align:center;transform:rotate(-14deg);font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.02rem;line-height:1;text-transform:uppercase;color:#1D1B22}
  .e-foot{position:absolute;left:36px;bottom:26px;right:36px;display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;z-index:3;color:#4B4855}
  @media (max-width:760px){
    .e-lines{left:18px;right:18px;width:auto;bottom:60px}
    .e-sticker{right:18px;bottom:auto;top:104px;width:92px;height:92px;font-size:.84rem}
    .e-type{left:16px;top:84px}
    .e-mast{left:18px;right:18px}
    .e-mast span{display:none}
    .e-mast b{font-size:1.1rem}
    .e-foot{left:18px;right:18px}
    .e-sun{top:-170px;right:-170px}
    .e-sun.two{display:none}
  }

  /* Beyond the Numbers page */
  .corners{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  @media (max-width:820px){ .corners{grid-template-columns:1fr} }
  .corner{padding:34px 32px;border-radius:20px;border:2px solid var(--ink);background:var(--surface);box-shadow:8px 8px 0 #0078BF}
  .corner.pink{box-shadow:8px 8px 0 #FF48B0}
  .corner h3{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.08;margin:10px 0 12px}
  .corner p{color:var(--muted)}
  .corner ul{margin:16px 0 0;padding-left:20px;color:var(--muted)}
  .corner li + li{margin-top:6px}
  .sub-band{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:44px;border-radius:22px;background:var(--accent-soft)}
  @media (max-width:820px){ .sub-band{grid-template-columns:1fr;padding:30px 22px} }
  .sub-band h2{font-size:clamp(2rem,3.8vw,2.9rem);line-height:1.04}
  .sub-band p{color:var(--muted);margin-top:12px}

  /* Simple page sections */
  .psec{padding:88px 0}
  .psec + .psec{border-top:1px solid var(--line)}
  .psec-head{max-width:760px;margin-bottom:40px}
  .psec-head h2{font-size:clamp(2rem,3.8vw,3rem);line-height:1.04;margin-top:12px}
  .psec-head p{color:var(--muted);margin-top:14px;font-size:1.05rem}
  @media (max-width:640px){ .psec,.stage-sec{padding:60px 0} }

  /* Home about teaser */
  .about-teaser .stats{margin:22px 0}

  @media (prefers-reduced-motion: reduce){
    .e-type .pink{animation:none}
    .a-copy > *{transition:none}
    .wp{transition:none}
  }

/* Video library (embedded YouTube playlist) */
.video-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);gap:48px;align-items:center}
.video-copy h2{margin:.25em 0 .4em;text-wrap:balance}
.video-copy p{color:var(--muted);max-width:42ch}
.video-more{margin-top:20px}
.video-frame{position:relative;aspect-ratio:16/9;max-width:100%;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#F3F4EE}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:860px){.video-grid{grid-template-columns:minmax(0,1fr);gap:24px}}

/* Feel Good · Look Good · Play Good homepage band */
.flp-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}
.flp-grid h2{font-size:clamp(2rem,3.8vw,3rem);line-height:1.04;margin:12px 0 16px;text-wrap:balance}
.flp-grid p{color:var(--muted);max-width:46ch}
.flp-grid p + p{margin-top:12px}
.flp-dims{display:grid;gap:12px}
.flp-dim{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;padding:16px 20px;border-radius:14px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--c)}
.flp-dim b{font-family:var(--serif);font-weight:400;font-size:1.45rem;min-width:6.2em;color:var(--ink)}
.flp-dim span{color:var(--muted);font-size:.95rem}
.flp-dim.f{--c:#2F6B52}.flp-dim.l{--c:#B9811F}.flp-dim.p{--c:#2E6A85}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .flp-dim.f{--c:#7CC3A0}:root:not([data-theme="light"]) .flp-dim.l{--c:#E7B45A}:root:not([data-theme="light"]) .flp-dim.p{--c:#7FB8D3}}
:root[data-theme="dark"] .flp-dim.f{--c:#7CC3A0}:root[data-theme="dark"] .flp-dim.l{--c:#E7B45A}:root[data-theme="dark"] .flp-dim.p{--c:#7FB8D3}
@media (max-width:860px){.flp-grid{grid-template-columns:minmax(0,1fr);gap:28px}}