/* The Agentic Enterprise reader pages (growthmastery.ai/newsletter/* and the engine pages served at growthmastery.ai/letters/*).
   Tokens, nav, buttons and footer are copied from the live homepage (index.html, HOMEPAGE V2) so every page a reader reaches
   from a letter looks like growthmastery.ai itself. Joe 2026-10-09: "all customer website interaction needs to happen on
   GrowthMastery.ai branding ... the same design feel of our main site and definitely the right logo". If the homepage's
   tokens change, change them here too. */
*{margin:0;padding:0;box-sizing:border-box}
html,body{overflow-x:clip}
:root{
  --hv-black:#020907; --hv-forest:#052419; --hv-forest2:#073322;
  --hv-ivory:#F4F0E7; --hv-cream:#EAE2D2; --hv-gold:#D8A13B;
  --hv-gold-soft:rgba(216,161,59,.34); --hv-gold-ink:#8A6414;
  --hv-slate:#56655D; --hv-ink:#0C1F17;
  --hv-rule:rgba(8,48,31,.12); --hv-rule-dark:rgba(216,161,59,.18);
  --pad:clamp(64px,8vw,120px);
}
body{font-family:'Inter',sans-serif;font-weight:400;color:var(--hv-ink);background:var(--hv-ivory);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{width:min(1220px,92vw);margin:0 auto}
.narrow{width:min(720px,92vw);margin:0 auto}
.eyebrow{font-family:'Poppins',sans-serif;font-weight:700;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--hv-gold-ink);margin:0 0 18px}
h2.big{font-family:'Poppins',sans-serif;font-weight:600;font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.12;letter-spacing:-.025em;text-wrap:balance;max-width:18em}
h3.cardh{font-family:'Poppins',sans-serif;font-weight:600;font-size:1.12rem;line-height:1.3;letter-spacing:-.01em;margin:0 0 8px}
.lede{font-size:1.05rem;line-height:1.7;max-width:38em;margin:18px 0 0;color:var(--hv-slate)}
.note{font-size:.85rem;line-height:1.6;color:var(--hv-slate)}
.act{position:relative;padding:var(--pad) 0}
.act-dark{background:linear-gradient(180deg,var(--hv-forest) 0%,var(--hv-forest2) 100%);color:var(--hv-ivory)}
.act-dark .eyebrow{color:var(--hv-gold)}
.act-dark .lede{color:rgba(244,240,231,.74)}
.act-dark .note{color:rgba(244,240,231,.56)}
.act-light{background:linear-gradient(180deg,var(--hv-ivory) 0%,#EFEADE 100%)}
/* buttons (homepage) */
.btn{display:inline-block;font-family:'Poppins',sans-serif;font-weight:700;font-size:.98rem;color:#23303f;
  background:linear-gradient(135deg,#e9b520,#f6d66b);padding:15px 30px;border-radius:6px;border:0;cursor:pointer;
  text-decoration:none;box-shadow:0 10px 24px -10px rgba(216,161,59,.6);transition:transform .3s,filter .3s;text-align:center}
.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}
.btn:focus-visible{outline:2px solid var(--hv-gold);outline-offset:3px}
.btn[disabled]{opacity:.6;cursor:wait;transform:none}
.tlink{font-family:'Poppins',sans-serif;font-weight:600;font-size:.95rem;color:var(--hv-gold-ink);text-decoration:none;border-bottom:1px solid rgba(216,161,59,.5)}
.tlink:hover{color:var(--hv-ink)}
.act-dark .tlink,.hero .tlink{color:var(--hv-gold)}
.act-dark .tlink:hover,.hero .tlink:hover{color:var(--hv-ivory)}
/* nav (homepage) */
.nv{position:fixed;top:0;left:0;right:0;z-index:90;background:hsl(158 50% 5% / .92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(216,161,59,.14)}
.nv .in{width:min(1280px,94vw);margin:0 auto;display:flex;align-items:center;gap:8px;height:64px}
.nv .brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;margin-right:14px}
.nv .brand img{width:30px;height:30px}
.nv .brand b{font-family:'Poppins',sans-serif;font-weight:600;font-size:1rem;color:#fff}
.nv .brand b i{font-style:normal;color:var(--hv-gold)}
.nv .links{display:flex;align-items:center;gap:2px;flex:1}
.nv .nitem,.nv .ndbtn{font-family:'Inter',sans-serif;font-weight:500;font-size:.9rem;color:rgba(244,240,231,.82);
  background:none;border:0;cursor:pointer;padding:10px 12px;border-radius:6px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color .2s,background .2s}
.nv .nitem:hover,.nv .ndbtn:hover{color:#fff;background:rgba(216,161,59,.1)}
.nv .nitem:focus-visible,.nv .ndbtn:focus-visible{outline:2px solid var(--hv-gold);outline-offset:2px}
.nv .car{width:9px;height:9px;transition:transform .25s}
.nv .nd{position:relative}
.nv .nd.open .car{transform:rotate(180deg)}
.nv .menu{position:absolute;top:calc(100% + 8px);left:0;min-width:290px;background:hsl(158 46% 8%);border:1px solid rgba(216,161,59,.25);
  border-radius:10px;padding:8px;display:none;box-shadow:0 26px 60px -20px rgba(0,0,0,.7)}
.nv .nd.open .menu{display:block}
.nv .menu a{display:block;padding:10px 12px;border-radius:7px;text-decoration:none;transition:background .2s}
.nv .menu a:hover,.nv .menu a:focus-visible{background:rgba(216,161,59,.12);outline:none}
.nv .menu a b{display:block;font-family:'Poppins',sans-serif;font-weight:600;font-size:.9rem;color:#fff}
.nv .menu a small{display:block;font-size:.76rem;color:rgba(244,240,231,.55);margin-top:2px}
.nv .util{display:flex;align-items:center;gap:10px}
.nv .mobiletail{display:none}
.nv .login{font-size:.86rem;font-weight:500;color:rgba(244,240,231,.85);text-decoration:none;border:1px solid rgba(244,240,231,.25);padding:9px 16px;border-radius:6px;transition:border-color .2s,color .2s}
.nv .login:hover{border-color:var(--hv-gold);color:#fff}
.nv .cta{padding:11px 20px;font-size:.88rem}
.nv .burger{display:none;background:none;border:0;cursor:pointer;padding:10px;margin-left:auto}
.nv .burger span{display:block;width:22px;height:2px;background:#fff;margin:5px 0;transition:transform .3s,opacity .3s}
@media(max-width:1080px){
  .nv.open{-webkit-backdrop-filter:none;backdrop-filter:none;background:hsl(158 50% 5%)}
  .nv .links,.nv .util{display:none}
  .nv .burger{display:block}
  .nv.open .links{display:block;position:fixed;top:64px;left:0;right:0;height:calc(100dvh - 64px);background:hsl(158 50% 5%);overflow-y:auto;padding:18px 6vw 60px}
  .nv.open .nitem,.nv.open .ndbtn{display:flex;width:100%;justify-content:space-between;font-size:1.05rem;padding:16px 8px;border-bottom:1px solid rgba(216,161,59,.12);border-radius:0}
  .nv.open .menu{position:static;display:none;min-width:0;border:0;box-shadow:none;background:rgba(216,161,59,.05);border-radius:8px;margin:4px 0 10px}
  .nv.open .nd.open .menu{display:block}
  .nv.open .mobiletail{display:flex;flex-direction:column;gap:14px;margin-top:22px}
  .nv .mobiletail{display:none}
  .nv.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nv.open .burger span:nth-child(2){opacity:0}
  .nv.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
/* hero (homepage silk) */
.hero{position:relative;display:flex;align-items:center;background:hsl(158 50% 4%);color:#fff;overflow:hidden;padding:140px 0 90px}
.hero .silk{position:absolute;inset:-8%;background:url('https://growthmastery.ai/assets/silk.jpg') center/cover;opacity:.9}
.hero .shade{position:absolute;inset:0;background:linear-gradient(100deg,hsl(160 45% 4% / .94) 0%,hsl(160 42% 5% / .74) 52%,hsl(160 40% 6% / .44) 100%)}
.hero .content{position:relative;z-index:2;width:100%}
.hero .eyebrow{color:var(--hv-gold)}
.hero h1{font-family:'Poppins',sans-serif;font-weight:600;font-size:clamp(2.1rem,4.6vw,3.7rem);line-height:1.07;letter-spacing:-.03em;max-width:13em;text-wrap:balance}
.hero h1 .gd{color:var(--hv-gold)}
.hero .sub{font-size:clamp(1rem,1.4vw,1.14rem);font-weight:300;line-height:1.7;color:hsl(145 25% 86%);max-width:36em;margin:22px 0 0}
.hero.short{padding:120px 0 60px}
.hero.short h1{font-size:clamp(1.9rem,3.8vw,3rem)}
@media(max-width:640px){.hero{padding:112px 0 64px}.hero.short{padding:100px 0 44px}}
/* signup form */
.signup{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;max-width:560px}
.signup input[type=email],.signup input[type=text]{flex:1 1 200px;min-width:0;font:400 1rem 'Inter',sans-serif;padding:15px 16px;border-radius:6px;
  border:1px solid rgba(244,240,231,.28);background:rgba(2,9,7,.45);color:#fff}
.signup input::placeholder{color:rgba(244,240,231,.5)}
.signup input:focus{outline:2px solid var(--hv-gold);outline-offset:1px;border-color:transparent}
.signup .btn{flex:0 0 auto}
.onlight .signup input[type=email],.onlight .signup input[type=text]{background:#fff;color:var(--hv-ink);border-color:var(--hv-rule)}
.onlight .signup input::placeholder{color:#8a968f}
.formmsg{font-size:.9rem;line-height:1.6;margin:14px 0 0;color:rgba(244,240,231,.7);min-height:1.4em}
.onlight .formmsg{color:var(--hv-slate)}
.formmsg.err{color:#f3b6a8}
.onlight .formmsg.err{color:#a3341c}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
/* cards and lists */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:40px 0 0}
.grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
@media(max-width:900px){.grid3{grid-template-columns:1fr}.grid2{grid-template-columns:1fr;gap:28px}}
.card{background:#fff;border:1px solid var(--hv-rule);border-radius:12px;padding:26px}
.card p{color:var(--hv-slate);font-size:.98rem;line-height:1.65}
.card .n{font-family:'Poppins',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.18em;color:var(--hv-gold-ink);display:block;margin:0 0 12px}
.act-dark .card{background:rgba(244,240,231,.04);border-color:var(--hv-rule-dark)}
.act-dark .card p{color:rgba(244,240,231,.72)}
.panel{background:rgba(2,9,7,.42);border:1px solid var(--hv-rule-dark);border-radius:14px;padding:28px}
.panel .lab{font-family:'Poppins',sans-serif;font-weight:700;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--hv-gold)}
.panel ul{list-style:none;margin:16px 0 0}
.panel li{position:relative;padding:0 0 0 20px;margin:0 0 12px;color:rgba(244,240,231,.82);font-size:.98rem;line-height:1.55}
.panel li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--hv-gold)}
.ticks{list-style:none;margin:22px 0 0}
.ticks li{position:relative;padding:0 0 0 26px;margin:0 0 12px;line-height:1.6}
.ticks li:before{content:"";position:absolute;left:2px;top:.5em;width:11px;height:6px;border-left:2px solid var(--hv-gold-ink);border-bottom:2px solid var(--hv-gold-ink);transform:rotate(-45deg)}
.act-dark .ticks li:before{border-color:var(--hv-gold)}
.quote{display:flex;gap:16px;align-items:center;margin:34px 0 0;padding:20px;border:1px solid var(--hv-rule);border-radius:12px;background:#fff}
.quote img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 18%;flex:0 0 auto}
.quote p{font-size:.98rem;line-height:1.6;color:var(--hv-slate)}
.quote b{color:var(--hv-ink);font-weight:600}
/* booking embed */
.bookbox{background:transparent;border:0;border-radius:14px;overflow:hidden;margin:24px 0 0}
.bookbox iframe{display:block;width:100%;min-height:620px;border:0;overflow:hidden}
.facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:24px 0 0;font-size:.9rem;color:rgba(244,240,231,.7)}
.facts span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--hv-gold);margin:0 8px 2px 0;vertical-align:middle}
/* engine pages: intake, answers, thank-you (served by cl_server.py at growthmastery.ai/letters/*) */
.sheet{padding:110px 0 70px;background:linear-gradient(180deg,var(--hv-ivory) 0%,#EFEADE 100%);min-height:70vh}
.sheet h1{font-family:'Poppins',sans-serif;font-weight:600;font-size:clamp(1.7rem,3.6vw,2.4rem);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.sheet .lede{color:var(--hv-slate)}
.sheet .saved{background:#fff;border:1px solid var(--hv-rule);border-left:3px solid var(--hv-gold);border-radius:10px;padding:16px 18px;margin:0 0 26px;font-size:1rem}
.sheet fieldset{border:0;border-top:1px solid var(--hv-rule);margin:0;padding:24px 0}
.sheet legend{font-family:'Poppins',sans-serif;font-weight:600;font-size:1.05rem;line-height:1.4;padding:0;margin:0 0 4px}
.sheet .why{font-size:.84rem;line-height:1.5;color:var(--hv-slate);margin:0 0 14px}
.sheet .known{color:var(--hv-gold-ink)}
.sheet label.opt{display:inline-flex;align-items:center;margin:0 8px 10px 0;padding:11px 16px;border:1px solid var(--hv-rule);border-radius:999px;background:#fff;font-size:.95rem;line-height:1.2;cursor:pointer;transition:border-color .2s,background .2s}
.sheet label.opt:hover{border-color:var(--hv-gold)}
.sheet label.opt input{margin:0 8px 0 0;accent-color:#A8791C}
.sheet label.opt:has(input:checked){border-color:var(--hv-gold);background:#fbf3e1}
.sheet textarea{width:100%;min-height:84px;border:1px solid var(--hv-rule);border-radius:8px;padding:12px 14px;font:400 1rem/1.5 'Inter',sans-serif;background:#fff;color:var(--hv-ink)}
.sheet textarea:focus{outline:2px solid var(--hv-gold);outline-offset:1px}
.sheet .small{font-size:.82rem;line-height:1.6;color:var(--hv-slate);margin:18px 0 0}
.sheet .actions{margin:26px 0 0}
.sheet .card{margin:26px 0 0}
/* footer (homepage) */
.ft{background:var(--hv-black);color:rgba(244,240,231,.6);padding:44px 0;font-size:.85rem}
.ft .in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;align-items:center}
.ft a{color:rgba(244,240,231,.75);text-decoration:none;margin-left:18px}
.ft a:first-child{margin-left:0}
.ft a:hover{color:var(--hv-gold)}
.ft .wm{font-family:'Poppins',sans-serif;font-weight:600;color:#fff}
.ft .wm i{font-style:normal;color:var(--hv-gold)}
@media(max-width:640px){.ft .in{flex-direction:column;align-items:flex-start}.ft a{margin:0 18px 0 0}}
/* reveal */
.rv{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
/* review fixes 2026-10-09: footer sits at the bottom on short pages; each intake question gets its own rule line and breathing room */
body:has(>main.sheet){min-height:100vh;display:flex;flex-direction:column}
body>main.sheet{flex:1 0 auto}
.sheet form{margin-top:30px}
fieldset legend{float:left;width:100%;margin:0 0 6px}
fieldset legend+*{clear:left}