:root{--bg:#0a0a0a;--panel:#141414;--line:#262626;--ink:#f5f5f5;--mut:#a3a3a3;--dim:#6b6b6b;--gold:#dc2626;--wine:#ef4444;--sage:#22c55e;--amber:#f59e0b;
--serif:'Fraunces',Georgia,serif;--sans:'Inter',system-ui,-apple-system,sans-serif;--r:14px;--rb:10px;--ease:cubic-bezier(.16,1,.3,1);--w:1200px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;display:block}
p,h2,h3,li{text-wrap:pretty}
.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:12px;top:-60px;background:var(--gold);color:#fff;padding:10px 16px;border-radius:var(--rb);z-index:100;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.02em;line-height:1.08}
h2{font-size:clamp(32px,4.4vw,52px);max-width:18ch}
.lead{color:var(--mut);max-width:60ch;font-size:18px}
.hex{display:inline-block;width:10px;height:11px;background:var(--gold);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex:none}
section{padding:112px 0}

/* buttons: one radius (10px), one label per intent */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 16px/1 var(--sans);padding:17px 26px;border-radius:var(--rb);text-decoration:none;white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:transform .12s var(--ease),background .2s,border-color .2s,color .2s}
.btn:active{transform:scale(.97)}
.btn-book{background:var(--gold);color:#fff}
.btn-book:hover{background:#b91c1c}
.btn-scan{border-color:#3a3a3a;color:var(--ink);background:transparent}
.btn-scan:hover{border-color:var(--mut)}
.btn .ar{transition:transform .2s var(--ease)}
.btn:hover .ar{transform:translateX(3px)}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.nav.stuck{border-bottom-color:var(--line)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:68px}
.brand{display:flex;align-items:center;gap:10px;font:700 18px var(--sans);letter-spacing:-.01em;text-decoration:none}
.brand .hex{width:14px;height:16px}
.links{display:flex;gap:26px;margin-left:auto;list-style:none}
.links a{font-size:15px;color:var(--mut);text-decoration:none;position:relative;padding:6px 0}
.links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.links a:hover{color:var(--ink)}
.links a:hover::after{transform:scaleX(1)}
.nav .btn{padding:12px 18px;font-size:15px}
.menu{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--ink);border-radius:var(--rb);font:500 14px var(--sans);padding:10px 14px;cursor:pointer}

/* hero */
.hero{padding:72px 0 88px}
.hero .wrap{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}
.eyebrow{font:600 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;gap:10px;margin-bottom:24px}
.hero h1{font-size:clamp(40px,4.4vw,60px);max-width:17ch;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--wine)}
.hero .sub{margin-top:22px;font-size:19px;color:var(--mut);max-width:50ch}
.hero .sub b{color:var(--ink);font-weight:500}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.fit{margin-top:14px;font-size:14px;color:var(--dim)}

/* search test: the one designated status field lives in its header */
.st{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.st::before,.st::after{content:"";position:absolute;width:16px;height:16px;border:1.5px solid var(--gold);pointer-events:none}
.st::before{top:-1px;left:-1px;border-right:0;border-bottom:0;border-top-left-radius:var(--r)}
.st::after{bottom:-1px;right:-1px;border-left:0;border-top:0;border-bottom-right-radius:var(--r)}
.st-head{display:flex;justify-content:space-between;align-items:center;font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);padding-bottom:18px}
.status{display:flex;align-items:center;gap:9px;color:var(--ink)}
.status .hex{filter:drop-shadow(0 0 5px rgba(220,38,38,.35))}
.st h2{font-size:26px;max-width:none}
.st p.help{color:var(--mut);font-size:15px;margin-top:6px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.fields label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mut);font-weight:500}
.fields input{background:var(--bg);border:1px solid #333;border-radius:var(--rb);color:var(--ink);font:500 16px var(--sans);padding:13px 14px;transition:border-color .2s}
.fields input::placeholder{color:#8a8a8a}
.fields input:focus{border-color:var(--gold);outline:none}
.query{margin-top:16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--rb);padding:14px 16px;font:500 17px/1.4 var(--sans);display:flex;gap:10px;align-items:center;min-height:52px}
.query .q{color:var(--ink)}
.query .caret{width:2px;height:20px;background:var(--gold);flex:none}
.surfaces{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.surf{background:transparent;border:1px solid #333;border-radius:var(--rb);color:var(--ink);font:600 14px var(--sans);padding:12px 8px;text-decoration:none;text-align:center;transition:border-color .2s,background .2s,transform .12s var(--ease)}
.surf:hover{border-color:var(--gold);background:rgba(220,38,38,.06)}
.surf:active{transform:scale(.97)}
.st-foot{margin-top:16px;font-size:15px;color:var(--mut)}
.st-foot strong{color:var(--ink);font-weight:600}
.st-next{display:none;margin-top:14px;gap:10px;flex-wrap:wrap}
.st-next .btn{padding:13px 18px;font-size:15px}
.st.tried .st-next{display:flex}

/* faq */
.faq .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}
.faq h2{position:sticky;top:110px;align-self:start}
details{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);margin-bottom:10px;transition:border-color .2s}
details[open]{border-color:#3a3a3a}
summary{list-style:none;cursor:pointer;padding:20px 22px;font:600 18px/1.35 var(--sans);display:flex;justify-content:space-between;gap:16px;align-items:center}
summary::-webkit-details-marker{display:none}
summary .chev{width:10px;height:10px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);transition:transform .25s var(--ease);flex:none;margin-top:-4px}
details[open] summary .chev{transform:rotate(225deg);margin-top:4px}
details p{padding:0 22px 20px;color:var(--mut);max-width:62ch}

/* press + founder */
.press-band{padding:88px 0 112px}
.press-label{text-align:center;color:var(--mut);font-size:15px;margin-bottom:28px}
.press{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.track{display:flex;width:max-content}
.set{display:flex;align-items:center;gap:64px;padding-right:64px}
.mark{display:flex;align-items:center;height:44px;color:var(--mut);opacity:.75;transition:opacity .2s,color .2s;text-decoration:none}
.mark:hover,.mark:focus-visible{opacity:1;color:var(--ink)}
.mark svg{height:30px;width:auto;max-width:170px}
.mark img{height:28px;width:auto;max-width:150px;filter:grayscale(1) brightness(0) invert(.82)}
.mark:hover img{filter:grayscale(1) brightness(0) invert(1)}
.mark .wm{font:700 19px/1 var(--serif);letter-spacing:-.01em;white-space:nowrap}
.founder{margin-top:72px;display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;max-width:820px;margin-left:auto;margin-right:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.founder > img{width:132px;height:132px;object-fit:cover;border-radius:var(--rb);filter:grayscale(.2)}
.founder h3{font-size:28px}
.founder p{color:var(--mut);margin-top:8px}

/* pain: editorial */
.pain h2{font-size:clamp(38px,6vw,76px);max-width:16ch}
.pain .cols{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:48px;max-width:980px}
.pain p{font-size:20px;color:var(--mut)}
.pain p b{color:var(--ink);font-weight:500}
.pain .echo{margin-top:40px;font:600 22px/1.4 var(--serif);color:var(--ink);display:none}
.pain .echo.on{display:block}

/* what it is: bento, 1 tall cell + 6 tiles = 7 items, 7 cells */
.bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:repeat(3,auto);gap:12px;margin-top:48px}
.cell{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:transform .25s var(--ease),border-color .25s}
.cell:hover{transform:translateY(-2px);border-color:rgba(220,38,38,.55)}
.cell.vision{grid-row:1 / span 3;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(120% 80% at 0% 100%,rgba(220,38,38,.16),transparent 60%),var(--panel)}
.cell.vision h3{font-size:clamp(26px,2.6vw,34px)}
.cell.vision p{color:var(--mut);margin-top:16px}
.cell .k{font:600 17px var(--sans);display:flex;align-items:center;gap:10px}
.cell .k .hex{width:8px;height:9px}
.cell .v{color:var(--mut);font-size:15px;margin-top:6px}

/* how: verb rail */
.steps{margin-top:48px;display:grid;gap:12px;max-width:900px}
.step{display:grid;grid-template-columns:160px 1fr;gap:32px;align-items:baseline;padding:26px 0}
.step .verb{font:600 44px/1 var(--serif);color:var(--gold)}
.step p{font-size:19px;color:var(--mut)}
.step p b{color:var(--ink);font-weight:500}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}
.plan{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;transition:transform .25s var(--ease),border-color .25s}
.plan:hover{transform:translateY(-2px);border-color:#3a3a3a}
.plan.rec{border-color:var(--gold)}
.plan .badge{position:absolute;top:-11px;left:24px;background:var(--gold);color:#fff;font:600 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:6px}
.plan h3{font:600 17px var(--sans);letter-spacing:0}
.plan .price{font:600 44px/1 var(--serif);margin-top:14px;font-variant-numeric:tabular-nums}
.plan .price small{font:500 15px var(--sans);color:var(--mut)}
.plan .line{color:var(--mut);font-size:15px;margin-top:10px;min-height:48px}
.plan ul{list-style:none;margin:18px 0 22px;display:grid;gap:9px;font-size:14px;color:#d4d4d4}
.plan li{display:flex;gap:10px}
.plan li .hex{width:7px;height:8px;margin-top:8px;opacity:.9}
.plan .btn{margin-top:auto;width:100%}
.plan:not(.rec) .btn{background:transparent;border-color:#3a3a3a;color:var(--ink)}
.plan:not(.rec) .btn:hover{border-color:var(--gold)}
.terms{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:24px;color:var(--mut);font-size:15px}
.terms span{display:flex;align-items:center;gap:10px}
.terms .hex{width:7px;height:8px}

/* book */
.book .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.book .lead{margin-top:16px}
.book .alt{margin-top:28px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.book .alt a.plain{color:var(--mut);font-size:15px}
.cal{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;min-height:680px}
.cal iframe{width:100%;height:680px;border:0;display:block;background:var(--panel)}

/* footer + receipt */
footer{padding:72px 0 120px;text-align:center;color:var(--mut);font-size:15px}
footer nav{display:flex;justify-content:center;gap:28px;margin-bottom:22px}
footer nav a{text-decoration:none}
footer nav a:hover{color:var(--ink)}
.receipt{margin:28px auto 0;max-width:640px;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;font:500 12px/1.7 var(--sans);letter-spacing:.04em;color:var(--dim);text-align:left}
.receipt b{color:var(--mut);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:11px}

/* mobile bottom bar */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(10,10,10,.94);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .3s var(--ease)}
.bar.on{transform:none}
.bar .btn{flex:1;padding:15px 10px}

/* reveal: one-time, feedback for arrival */
.rv{opacity:0;transform:translateY(12px);transition:opacity .28s ease-out,transform .28s var(--ease)}
.rv.in{opacity:1;transform:none}

@media (prefers-reduced-motion:no-preference){
  .status .hex{animation:breathe 4.8s ease-in-out infinite}
  .brand .hex,.powered .hex{animation:breathe 4.8s ease-in-out infinite}
  .track{animation:loop 40s linear infinite}
  .press:hover .track,.press:focus-within .track{animation-play-state:paused}
}
@keyframes breathe{0%,100%{opacity:1;filter:drop-shadow(0 0 2px rgba(220,38,38,.2))}50%{opacity:.55;filter:drop-shadow(0 0 7px rgba(220,38,38,.35))}}
@keyframes loop{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important}
  .rv{opacity:1;transform:none}
  .track{width:auto}
  .set{flex-wrap:wrap;justify-content:center;gap:28px 48px;padding:0 16px}
  .set[aria-hidden]{display:none}
  .press{-webkit-mask-image:none;mask-image:none}
}

@media (max-width:1024px){
  .links{display:none}
  .menu{display:inline-block}
  .nav .btn{margin-left:10px}
  .links.open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 24px 16px}
  .links.open a{padding:14px 0;font-size:17px;color:var(--ink)}
  .plans{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  section{padding:80px 0}
  .hero{padding:32px 0 64px}
  .hero .wrap,.faq .wrap,.book .wrap,.pain .cols{grid-template-columns:1fr;gap:32px}
  .faq h2{position:static}
  .bento{grid-template-columns:1fr 1fr}
  .cell.vision{grid-row:auto;grid-column:1 / -1}
  .step{grid-template-columns:1fr;gap:10px;padding:18px 0}
  .founder{grid-template-columns:1fr;text-align:left}
  .bar{display:flex}
}
@media (max-width:560px){
  .wrap{padding:0 16px}
  .nav .wrap{gap:10px}
  .brand{font-size:16px}
  .nav .btn{padding:11px 14px;font-size:14px}
  .hero h1{font-size:40px}
  .hero .sub{font-size:17px}
  .ctas .btn{flex:1 1 100%}
  .fields{grid-template-columns:1fr}
  .plans,.bento{grid-template-columns:1fr}
  .set{gap:44px;padding-right:44px}
  .mark svg{height:24px}
  .mark img{height:22px}
  .cal,.cal iframe{min-height:760px;height:760px}
}

/* ===== v2 layer: the warm angle ===== */
.hero{padding:88px 0 96px}
.hero .wrap{grid-template-columns:1.35fr .65fr;gap:48px}
.ring{position:relative;justify-self:end;width:100%;max-width:300px;aspect-ratio:9/16;background:var(--panel);border:1px solid var(--line);border-radius:34px;padding:44px 26px 34px;display:flex;flex-direction:column;align-items:center;text-align:center}
.ring::before{content:"";position:absolute;top:14px;left:50%;width:74px;height:6px;border-radius:6px;background:var(--line);transform:translateX(-50%)}
.ring .day{font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.ring .time{font:600 64px/1 var(--serif);letter-spacing:-.03em;margin-top:12px}
.ring .who{margin-top:auto;font:600 15px/1.4 var(--sans);color:var(--ink);display:flex;align-items:center;gap:9px}
.ring .who .hex{width:9px;height:10px}
.ring .keys{display:flex;gap:56px;margin-top:22px}
.ring .keys span{width:54px;height:54px;border-radius:50%;background:#262626}
.ring .keys span+span{background:var(--gold)}
.hero h1{font-size:clamp(44px,6.2vw,86px);max-width:17ch;line-height:1.04}
.hero .sub{max-width:54ch;font-size:20px}
.hero .sub b{display:block;color:var(--ink);font-weight:500;margin-bottom:6px}
.trade{margin-top:18px;font:500 15px/1.4 var(--sans);color:var(--dim);display:flex;align-items:center;gap:10px}
.trade .hex{width:8px;height:9px}
.pain{padding-top:48px}
.pain h2{max-width:20ch}
.st-sec .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.st-sec .intro h2{max-width:13ch}
.st-sec .intro p{color:var(--mut);font-size:18px;margin-top:18px;max-width:40ch}
.chip{margin-top:14px;display:inline-flex;align-items:center;gap:10px;background:transparent;border:1px solid #333;border-radius:999px;color:var(--mut);font:600 14px/1 var(--sans);padding:11px 16px;cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .12s var(--ease)}
.chip:hover{border-color:var(--mut);color:var(--ink)}
.chip:active{transform:scale(.97)}
.chip .dot{width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor;transition:background .2s}
.chip[aria-pressed="true"]{border-color:var(--gold);color:var(--ink);background:rgba(220,38,38,.08)}
.chip[aria-pressed="true"] .dot{background:var(--gold);border-color:var(--gold)}
.st .alt-scan{display:inline-block;margin-top:10px;font-size:14px;color:var(--mut)}
.cost h2{max-width:none}
.split{display:grid;grid-template-columns:1fr 1px 1fr;gap:56px;margin-top:48px;max-width:1040px}
.split .rule{background:var(--line)}
.split .k{font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.split p{font-size:21px;line-height:1.55;color:var(--mut)}
.split p b{color:var(--ink);font-weight:500}
.how .lead{margin-top:18px;font-size:19px}
.rented{margin-top:28px;font:600 clamp(24px,2.6vw,32px)/1.25 var(--serif);max-width:26ch}
.names{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;list-style:none;color:var(--mut);font-size:15px}
.names li{display:flex;align-items:center;gap:9px}
.names .hex{width:7px;height:8px}
.book h2{max-width:14ch}
/* ===== round 2 (2026-09-24): tighter rhythm, titles fill their column, one text color per block ===== */
section{padding:72px 0}
.hero{padding:64px 0 56px}
.pain{padding-top:24px}
.press-band{padding:56px 0 72px}
.founder{margin-top:48px}
h1,h2,h3,.hero h1,.pain h2,.cost h2,.st-sec .intro h2,.book h2{max-width:none;text-wrap:wrap}
.hero .sub-lead{margin-top:22px;font:500 20px/1.5 var(--sans);color:var(--ink)}
.hero .sub{margin-top:6px}
.lead,.hero .sub,.pain p,.split p,.st-sec .intro p,.how .lead,.step p,.founder p,details p,.st-foot,.note{font-size:18px;line-height:1.6;color:var(--mut);max-width:none}
#main :is(p,li) :is(b,strong){color:inherit;font-weight:600}
.step .verb{color:var(--ink)}
.split .k{color:var(--ink)}
.receipt b{color:inherit}
.plan .price small{color:inherit}
.plan ul{color:var(--mut)}
.st-sec .wrap{align-items:center}
.owned{margin:40px auto 0;text-align:center}
.owned .rented{margin:0 auto;max-width:none}
.owned .lead{margin-top:12px}
.owned .names{justify-content:center}
.founder{grid-template-columns:260px 1fr;gap:40px;max-width:1080px;align-items:center}
.founder > img{width:260px;height:auto;aspect-ratio:2/3;object-fit:cover;filter:none}
.tedx{margin-top:22px;aspect-ratio:16/9;border-radius:var(--rb);overflow:hidden;background:var(--bg);border:1px solid var(--line)}
.tedx-play{position:relative;display:block;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:var(--bg)}
.tedx-play img{width:100%;height:100%;object-fit:cover}
.tedx-play .play{position:absolute;left:50%;top:50%;width:76px;height:84px;margin:-42px 0 0 -38px;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--gold);transition:transform .2s var(--ease)}
.tedx-play .play::after{content:"";position:absolute;left:31px;top:29px;border-left:20px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent}
.tedx-play:hover .play{transform:scale(1.06)}
.tedx iframe{width:100%;height:100%;border:0;display:block}
.founder .tedx-cap{font-size:15px;margin-top:10px}
.phead{text-align:center}
.phead .lead{margin-top:14px}
.tabs{display:inline-flex;gap:4px;margin-top:28px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:999px}
.tab{background:transparent;border:0;color:var(--mut);font:600 15px/1 var(--sans);padding:12px 22px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.tab:hover{color:var(--ink)}
.tab[aria-selected="true"]{background:var(--gold);color:#fff}
.plans{margin-top:40px}
.terms{justify-content:center}
.webgrid{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin-top:40px}
.webcard .line{min-height:0}
.webcard .exit{color:var(--mut);font-size:14px;margin-bottom:22px}
.webpages{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.webpages h3{font:600 17px var(--sans);letter-spacing:0}
.pglist{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:18px 0;font-size:15px;color:var(--mut)}
.pglist li{display:flex;gap:10px;align-items:center}
.pglist .hex{width:7px;height:8px}
.webpages .note{font-size:15px}
.web-sub{font:600 22px var(--sans);letter-spacing:0;margin-top:40px}
.costmore{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.cm{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--mut)}
.cm b{font-weight:600}
.web-host{margin-top:20px;text-align:center;font-size:15px}
/* ===== round 3 (2026-09-24): billboard, Find Fix Show cards, founder block ===== */
.billboard{padding:128px 0;text-align:center;background:var(--panel)}
.billboard h2{font-size:clamp(40px,6.4vw,84px);line-height:1.05}
.billboard h2 span{display:block}
.billboard .lead{margin:28px auto 0}
.how .owned{margin-top:0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px;max-width:none}
.step{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:32px 28px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.step h3{font:600 36px/1.1 var(--serif)}
.fhead{text-align:center;margin-top:56px}
.fhead h3{font-size:clamp(28px,3.4vw,40px)}
.fhead p{margin-top:14px;font-size:18px;line-height:1.6;color:var(--mut)}
.founder{grid-template-columns:3fr 8fr;align-items:start;gap:24px;margin-top:32px}
.founder > img{width:100%;height:auto}
.founder .tedx{margin-top:0}
/* ===== round 4 (2026-09-24): billboard lines + one-time sweep, Straight talk report, video-only founder card ===== */
.billboard{position:relative;overflow:hidden;padding:144px 0}
.billboard .wrap{position:relative;z-index:1}
.billboard h2{font-size:clamp(44px,7vw,96px);line-height:1.02}
.bb-lines{margin-top:36px;display:grid;gap:6px}
.bb-lines p{font:500 clamp(20px,2.1vw,26px)/1.45 var(--sans);color:var(--ink)}
.thead{text-align:center}
.thead .lead{margin-top:14px}
.dash{position:relative;margin-top:44px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.dash::before,.dash::after{content:"";position:absolute;width:16px;height:16px;border:1.5px solid var(--gold);pointer-events:none}
.dash::before{top:-1px;left:-1px;border-right:0;border-bottom:0;border-top-left-radius:var(--r)}
.dash::after{bottom:-1px;right:-1px;border-left:0;border-top:0;border-bottom-right-radius:var(--r)}
.dash-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.dash-k{display:flex;align-items:center;gap:10px;font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.dash-who{margin-top:8px;font:600 18px/1.3 var(--sans);color:var(--ink)}
.seg{display:inline-flex;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:999px}
.seg button{white-space:nowrap;background:transparent;border:0;color:var(--mut);font:600 14px/1 var(--sans);padding:10px 14px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed="true"]{background:var(--gold);color:#fff}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.kpi{background:var(--bg);border:1px solid var(--line);border-radius:var(--rb);padding:18px}
.kv{font:600 clamp(30px,3.2vw,42px)/1 var(--serif);font-variant-numeric:tabular-nums;color:var(--ink)}
.kl{margin-top:10px;font-size:14px;line-height:1.4;color:var(--mut)}
.dash-body{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px}
.dash .panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--rb);padding:18px}
.pk{font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.weeks{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:160px;margin-top:18px}
.wk{background:var(--gold);border-radius:4px 4px 0 0;min-height:4px;opacity:.28;transition:opacity .3s,height .5s var(--ease)}
.wk.on{opacity:1}
.axis{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--dim)}
.chan{display:grid;gap:14px;margin-top:18px}
.ch-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:15px;color:var(--ink)}
.ch-row .n{color:var(--mut);font-variant-numeric:tabular-nums}
.ch-bar{grid-column:1 / -1;height:6px;background:var(--line);border-radius:6px;overflow:hidden}
.ch-bar i{display:block;height:100%;background:var(--gold);border-radius:6px;transition:width .5s var(--ease)}
.dash-foot{display:flex;align-items:center;gap:14px;margin-top:12px;background:var(--bg);border:1px solid var(--line);border-radius:var(--rb);padding:14px 18px}
.dash-foot p{font-size:15px;line-height:1.5;color:var(--mut)}
.vid{position:relative;flex:none;width:38px;height:42px;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--gold)}
.vid::after{content:"";position:absolute;left:15px;top:14px;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.dash-note{margin-top:14px;text-align:center;font-size:14px;color:var(--dim)}
.founder{display:block;max-width:880px;margin:32px auto 0}
.founder .tedx-cap{text-align:center}
/* ===== round 5 (2026-09-24): billboard on black with a repeating sweep, five plans, fit guide, sticky book title ===== */
.billboard{background:var(--bg);padding:160px 0}
.billboard::before,.billboard::after{content:"";position:absolute;inset:0;pointer-events:none}
/* the honeycomb at rest: low red on black, faded out at the top and bottom so the section has no hard edge */
.billboard::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'56'%20height%3D'96'%3E%3Cpath%20d%3D'M28%200L56%2016L56%2048L28%2064L0%2048L0%2016ZM0%2048L28%2064L28%2096L0%20112L-28%2096L-28%2064ZM56%2048L84%2064L84%2096L56%20112L28%2096L28%2064ZM0%20-48L28%20-32L28%200L0%2016L-28%200L-28%20-32ZM56%20-48L84%20-32L84%200L56%2016L28%200L28%20-32Z'%20fill%3D'none'%20stroke%3D'rgba(220%2C38%2C38%2C0.24)'%20stroke-width%3D'1.5'%2F%3E%3C%2Fsvg%3E") center/56px 96px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent)}
/* the sweep: brighter cells and a soft glow cross left to right every 8s (period >= 4s, alpha <= .35) */
.billboard::after{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'56'%20height%3D'96'%3E%3Cpath%20d%3D'M28%200L56%2016L56%2048L28%2064L0%2048L0%2016ZM0%2048L28%2064L28%2096L0%20112L-28%2096L-28%2064ZM56%2048L84%2064L84%2096L56%20112L28%2096L28%2064ZM0%20-48L28%20-32L28%200L0%2016L-28%200L-28%20-32ZM56%20-48L84%20-32L84%200L56%2016L28%200L28%20-32Z'%20fill%3D'none'%20stroke%3D'rgba(220%2C38%2C38%2C0.35)'%20stroke-width%3D'1.5'%2F%3E%3C%2Fsvg%3E") center/56px 96px,linear-gradient(90deg,transparent,rgba(220,38,38,.10),transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent 40%,#000 50%,transparent 60%),linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);
  mask-image:linear-gradient(90deg,transparent 40%,#000 50%,transparent 60%),linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);
  -webkit-mask-size:300% 100%,100% 100%;mask-size:300% 100%,100% 100%;-webkit-mask-position:100% 0,0 0;mask-position:100% 0,0 0;
  -webkit-mask-composite:source-in;mask-composite:intersect}
/* a dark pool behind the words keeps them readable over the cells */
.billboard .wrap{background:radial-gradient(closest-side,rgba(10,10,10,.92),rgba(10,10,10,.6) 70%,rgba(10,10,10,0))}
@media (prefers-reduced-motion:no-preference){
  .billboard::after{animation:sweep 8s ease-in-out infinite;animation-play-state:paused}
  .billboard.lit::after{animation-play-state:running}
}
@keyframes sweep{0%{-webkit-mask-position:100% 0,0 0;mask-position:100% 0,0 0}60%,100%{-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0}}
.brand{font:700 21px/1 var(--serif);letter-spacing:-.02em}
.plans{grid-template-columns:repeat(6,1fr)}
.plans > .plan{grid-column:span 2}
.plans > .plan:nth-child(n+4){grid-column:span 3}
.fitguide{margin-top:40px;text-align:center}
.fitguide h3{font-size:clamp(26px,3vw,34px)}
.fg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;text-align:left}
.fgi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.fgi.rec{border-color:var(--gold)}
.fgn{font:600 20px/1.2 var(--serif);color:var(--ink)}
.fgb{margin-top:10px;font:600 15px/1.45 var(--sans);color:var(--ink)}
.fgt{margin-top:8px;font-size:15px;line-height:1.5;color:var(--mut)}
.terms span span:not(.hex){display:inline}
.fg-note{margin-top:18px;font-size:15px;color:var(--mut)}
@media (min-width:861px){.book .wrap > div:first-child{position:sticky;top:110px}}
@media (max-width:1024px){.plans > .plan,.plans > .plan:nth-child(n+4){grid-column:span 3}.plans > .plan:last-child:nth-child(odd){grid-column:1 / -1}}
@media (max-width:860px){.fg{grid-template-columns:1fr}.billboard{padding:112px 0}}
@media (max-width:560px){.plans{grid-template-columns:1fr}.plans > .plan,.plans > .plan:nth-child(n+4),.plans > .plan:last-child:nth-child(odd){grid-column:auto}}
/* ===== round 6 (2026-09-24): two-line titles, subcopy held to about half the column, site tree ===== */
.owned .rented span,.thead h2 span{display:block}
.owned .rented{font-size:clamp(30px,3.6vw,46px);line-height:1.12}
.thead h2{font-size:clamp(36px,4.8vw,60px);line-height:1.06}
.owned .lead,.thead .lead{max-width:600px;margin-left:auto;margin-right:auto}
.owned .lead{margin-top:22px}
.thead .lead{margin-top:20px;max-width:720px}
.thead .lead + .lead{margin-top:14px}
.owned .names{margin-top:32px}
.tree{margin:18px 0}
.troot{display:flex;justify-content:center;position:relative;padding-bottom:22px}
.troot::after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:22px;background:#3a3a3a}
.tkids{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid #3a3a3a;padding-top:18px}
.tcol{display:flex;flex-direction:column;gap:6px}
.pg{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:var(--rb);padding:9px 10px;font:500 14px/1.25 var(--sans);color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}
.pg:hover{border-color:#3a3a3a}
.pg .hex{width:8px;height:9px;background:#3a3a3a}
.pg.hub{font-weight:700}
.pg.hub .hex{background:var(--gold)}
.pg.opt{border-style:dashed}
.pg[aria-pressed="true"]{border-color:var(--gold);background:rgba(220,38,38,.08)}
.pg[aria-pressed="true"] .hex{background:var(--gold)}
.pg.home{width:auto;padding:11px 22px;font-weight:700}
.pgjob{min-height:52px;border-radius:var(--rb);background:var(--bg);border:1px solid var(--line);padding:12px 14px;font-size:15px;line-height:1.5;color:var(--mut)}
@media (max-width:560px){.tkids{grid-template-columns:1fr 1fr}}
/* ===== round 7 (2026-09-24): phone pass ===== */
.swipe{display:none}
@media (max-width:560px){
  section{padding:48px 0}
  .billboard{padding:96px 0}
  .billboard h2{font-size:clamp(34px,9.6vw,44px)}
  .bb-lines p{font-size:18px}
  .pain h2{font-size:34px}
  h2{font-size:32px}
  .owned .rented{font-size:30px}
  .thead h2{font-size:36px}
  /* Find Fix Show: title beside the words, a third of the height */
  .steps{gap:10px;margin-top:32px}
  .step{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:14px;text-align:left;padding:18px}
  .step h3{font-size:24px}
  .step p{font-size:16px}
  /* tap targets 44px and up */
  .menu,.nav .btn,.chip,.tab{min-height:44px}
  .seg button{min-height:44px}
  .surf{padding:12px 4px;font-size:13px;white-space:nowrap;min-height:44px;display:flex;align-items:center;justify-content:center}
  /* plans: one swipe row, a peek of the next card says there is more */
  .swipe{display:block;margin-top:24px;text-align:center;font-size:14px;color:var(--dim)}
  .plans{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:12px -16px 0;padding:14px 16px 8px;scroll-padding:0 16px;scrollbar-width:none}
  .plans::-webkit-scrollbar{display:none}
  .plans > .plan,.plans > .plan:nth-child(n+4),.plans > .plan:last-child:nth-child(odd){grid-column:auto;scroll-snap-align:start}
  .plan:hover{transform:none}
  .terms{flex-direction:column;align-items:flex-start;gap:10px;max-width:340px;margin:24px auto 0}
  .terms > span{align-items:flex-start}
  .terms .hex{margin-top:7px}
  .fitguide{margin-top:32px}
  .fgi{padding:18px}
  .dash{padding:14px}
  .kpi{padding:14px}
  .founder .tedx-cap{font-size:14px}
  .book .wrap{gap:24px}
  .cal,.cal iframe{min-height:700px;height:700px}
}
@media (max-width:340px){.nav .btn{display:none}}
@media (max-width:380px){.brand{font-size:18px;gap:8px}.nav .wrap{gap:8px}.menu{padding:10px 11px}.nav .btn{padding:11px 12px;font-size:14px;margin-left:0}}
@media (max-width:1024px){.costmore{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  .kpis{grid-template-columns:1fr 1fr}
  .dash-body{grid-template-columns:1fr}
  .dash{padding:16px}
  .seg{width:100%}
  .seg button{flex:1;padding:10px 4px;font-size:12.5px;white-space:nowrap}
}
@media (max-width:860px){
  .billboard{padding:96px 0}
  .steps{grid-template-columns:1fr}
  .founder > img{width:220px;margin:0 auto}
}
@media (max-width:860px){
  section{padding:56px 0}
  .webgrid{grid-template-columns:1fr}
  .founder{grid-template-columns:1fr}
  .founder > img{width:220px}
}
@media (max-width:560px){.pglist,.costmore{grid-template-columns:1fr}.tab{padding:12px 16px}}

@media (max-width:860px){
  .hero{padding:32px 0 56px}
  .hero .wrap{grid-template-columns:1fr}
  .ring{display:none}
  .st-sec .wrap{grid-template-columns:1fr;gap:28px}
  .split{grid-template-columns:1fr;gap:32px}
  .split .rule{display:none}
  .split > div{border-left:2px solid var(--gold);padding-left:18px}
  .split p{font-size:19px}
}
@media (max-width:560px){
  .hero h1{font-size:40px}
  .hero .sub{font-size:17px}
}
/* ===== round 8 (2026-09-24): hamburger + rising menu, phone gutters, booking column ===== */
.menu{width:44px;height:44px;padding:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;border-radius:var(--rb)}
.menu span{display:block;width:22px;height:2px;border-radius:2px;background:#fff;transition:transform .3s var(--ease),opacity .2s}
.menu[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.sheet{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:108px 24px calc(28px + env(safe-area-inset-bottom));background:var(--bg);opacity:0;transform:translateY(40px);transition:opacity .35s var(--ease),transform .45s var(--ease);overflow-y:auto}
.sheet[hidden]{display:none}
.sheet.on{opacity:1;transform:none}
.sheet nav{display:flex;flex-direction:column;gap:4px}
.sheet nav a{font:600 clamp(30px,8.4vw,40px)/1.2 var(--serif);letter-spacing:-.02em;color:var(--ink);text-decoration:none;padding:8px 0;opacity:0;transform:translateY(18px);transition:opacity .4s var(--ease),transform .5s var(--ease)}
.sheet.on nav a{opacity:1;transform:none}
.sheet.on nav a:nth-child(1){transition-delay:.08s}
.sheet.on nav a:nth-child(2){transition-delay:.13s}
.sheet.on nav a:nth-child(3){transition-delay:.18s}
.sheet.on nav a:nth-child(4){transition-delay:.23s}
.sheet.on nav a:nth-child(5){transition-delay:.28s}
.sheet.on nav a:nth-child(6){transition-delay:.33s}
.sheet-ctas{display:flex;flex-direction:column;gap:10px;opacity:0;transition:opacity .4s var(--ease) .38s}
.sheet.on .sheet-ctas{opacity:1}
body.menu-open{overflow:hidden}
body.menu-open .bar{transform:translateY(110%)}
body.menu-open .nav{background:rgba(10,10,10,.97);border-bottom-color:transparent}
.calcol .alt{margin-top:18px;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px}
@media (max-width:1024px){
  .links,.links.open{display:none}
  .menu{display:flex}
}
@media (min-width:1025px){.sheet{display:none}}
@media (max-width:860px){
  .nav .btn{display:none}
  .book .wrap > div:first-child{text-align:center}
  .book .lead{margin-left:auto;margin-right:auto}
}
@media (max-width:560px){
  .wrap{padding:0 24px}
  .plans{margin:12px -24px 0;padding:14px 24px 8px;scroll-padding:0 24px;grid-auto-columns:84%}
  .terms{max-width:none}
  .calcol .alt{flex-direction:column}
}
/* ===== round 9 (2026-09-24): Google reviews ===== */
.reviews{padding-top:24px}
.rvhead{text-align:center}
.rvhead .lead{max-width:640px;margin:14px auto 0}
.rvsrc{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;font:500 15px/1 var(--sans);color:var(--mut)}
.rvsrc b{color:inherit;font-weight:700}
.gmark{width:18px;height:18px;flex:none;color:var(--ink)}
.stars{display:inline-block;width:88px;height:16px;background:var(--amber);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 20'%3E%3Cpath id='s' d='M10 1.5l2.6 5.6 6.1.7-4.5 4.2 1.2 6-5.4-3-5.4 3 1.2-6L1.3 7.8l6.1-.7z'/%3E%3Cuse href='%23s' x='22'/%3E%3Cuse href='%23s' x='44'/%3E%3Cuse href='%23s' x='66'/%3E%3Cuse href='%23s' x='88'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 20'%3E%3Cpath id='s' d='M10 1.5l2.6 5.6 6.1.7-4.5 4.2 1.2 6-5.4-3-5.4 3 1.2-6L1.3 7.8l6.1-.7z'/%3E%3Cuse href='%23s' x='22'/%3E%3Cuse href='%23s' x='44'/%3E%3Cuse href='%23s' x='66'/%3E%3Cuse href='%23s' x='88'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.rgrid{columns:3;column-gap:14px;margin-top:40px}
.rcard{break-inside:avoid;display:flex;flex-direction:column;gap:12px;margin-bottom:14px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.rcard.later{display:none}
.rgrid.all .rcard.later{display:flex}
.rtop{display:flex;align-items:center;gap:12px}
.rtop img,.rini{width:44px;height:44px;border-radius:50%;flex:none;object-fit:cover;background:var(--panel)}
.rini{display:flex;align-items:center;justify-content:center;font:600 18px var(--sans);color:var(--ink)}
.rname{font:600 16px/1.3 var(--sans);color:var(--ink);flex:1}
.rtop .gmark{width:18px;height:18px}
.rcard .stars{width:80px;height:14px}
.rtext{font-size:15px;line-height:1.6;color:var(--mut)}
.rmore-wrap{display:flex;justify-content:center;margin-top:16px}
@media (max-width:1024px){.rgrid{columns:2}}
@media (max-width:560px){.rgrid{columns:1;margin-top:28px}.rmore-wrap .btn{width:100%}}
/* ===== round 11 (2026-09-24): the page receipt as an agent check panel (a frame, no motion) ===== */
.receipt{position:relative;margin:36px auto 0;max-width:720px;padding:20px 22px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);text-align:left;font:500 13px/1.5 var(--sans);letter-spacing:0;color:var(--mut)}
.receipt::before,.receipt::after{content:"";position:absolute;width:14px;height:14px;border:1.5px solid var(--gold);pointer-events:none}
.receipt::before{top:-1px;left:-1px;border-right:0;border-bottom:0;border-top-left-radius:var(--r)}
.receipt::after{bottom:-1px;right:-1px;border-left:0;border-top:0;border-bottom-right-radius:var(--r)}
.rc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.rc-state{display:flex;align-items:center;gap:9px}
.rc-state .hex{background:var(--dim)}
.rc-state.ok .hex{background:var(--sage);filter:drop-shadow(0 0 5px rgba(34,197,94,.35))}
.rc-state.bad .hex{background:var(--gold)}
.rc-score{color:var(--mut);font-variant-numeric:tabular-nums}
.rc-meta{margin-top:10px;font-size:12px;line-height:1.55;color:var(--dim)}
.rc-rows{display:grid;gap:4px;margin-top:16px}
.rc-row{display:grid;grid-template-columns:14px 150px 1fr;gap:12px;align-items:baseline;padding:5px 0}
.rc-mark{width:9px;height:10px;background:var(--dim);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);align-self:center}
.rc-mark.ok{background:var(--sage)}
.rc-mark.bad{background:var(--gold)}
.rc-k{font-weight:600;color:var(--ink)}
.rc-d{color:var(--mut)}
@media (max-width:560px){.rc-row{grid-template-columns:14px 1fr;row-gap:2px;padding:6px 0}.rc-d{grid-column:2}.receipt{padding:18px}}
/* ===== round 12 (2026-09-24): client-standard copyright bar ===== */
#site-footer{padding:72px 0 0}
.copyright{margin-top:56px;padding:22px 0 26px;font-size:13px;color:var(--dim)}
.copyright .wrap{display:flex;justify-content:space-between;align-items:center;gap:14px 28px;flex-wrap:wrap;text-align:left}
.copyleft{display:flex;align-items:center;gap:10px 24px;flex-wrap:wrap}
.legal{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0}
.legal a,.powered{color:var(--mut);text-decoration:none;transition:color .2s}
.legal a:hover,.powered:hover{color:var(--ink)}
.powered{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.powered b{font-weight:600;color:inherit}
.powered .hex{width:10px;height:11px;filter:drop-shadow(0 0 5px rgba(220,38,38,.35))}
@media (max-width:860px){
  .copyright{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .copyright .wrap,.copyleft{flex-direction:column;align-items:center;text-align:center}
  .legal{justify-content:center}
}
/* ===== round 13 (2026-09-24): brand scroll indicator, from deliverable-shell-v1 ===== */
/* no page scrollbar: the rail is the indicator. Scrolling itself is untouched. */
html{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}
/* the scan rail. --scan runs 0 to 1. */
.rail{position:fixed;top:0;right:10px;bottom:0;width:1px;background:var(--line);z-index:61;pointer-events:none}
.rail i{position:absolute;inset:0;background:var(--gold);transform:scaleY(var(--scan,0));transform-origin:top}
.rail b{position:absolute;left:-3.5px;top:0;width:8px;height:8px;background:var(--gold);
  clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);
  filter:drop-shadow(0 0 6px rgba(220,38,38,.35));
  transform:translateY(calc(var(--scan,0) * (100vh - 8px)))}
@supports (animation-timeline: scroll()){
  .tl .rail i{animation:railfill linear both;animation-timeline:scroll(root)}
  .tl .rail b{animation:railorb linear both;animation-timeline:scroll(root)}
}
@keyframes railfill{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes railorb{from{transform:translateY(0)}to{transform:translateY(calc(100vh - 8px))}}
@media(max-width:640px){.rail{right:8px}}
/* ===== round 15 (2026-09-24): Text us (modeled on blooio.com) ===== */
.textus{position:fixed;right:28px;bottom:28px;z-index:62;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.tu-btn{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.tu-label{font:600 14px/1 var(--sans);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:10px 14px;opacity:0;transform:translateX(8px);transition:opacity .25s var(--ease),transform .3s var(--ease);pointer-events:none;white-space:nowrap}
.tu-btn:hover .tu-label,.tu-btn:focus-visible .tu-label{opacity:1;transform:none}
/* the hex: a line-colored hex under a panel hex gives it an edge (clip-path cannot carry a border) */
.tu-hex{position:relative;display:grid;place-items:center;width:58px;height:64px;background:#3a3a3a;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);transition:background .2s,transform .15s var(--ease)}
.tu-hex::before{content:"";position:absolute;inset:1.5px;background:var(--panel);clip-path:inherit}
.tu-btn:hover .tu-hex{background:var(--gold)}
.tu-btn:active .tu-hex{transform:scale(.95)}
.tu-hex svg{position:relative;width:24px;height:24px;color:var(--ink)}
.tu-shine{position:absolute;inset:0;overflow:hidden;clip-path:inherit}
.tu-shine::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 35%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.08) 65%,transparent);transform:translateX(0)}
@media (prefers-reduced-motion:no-preference){.tu-shine::after{animation:tushine 5s ease-in-out infinite}}
@keyframes tushine{0%,55%{transform:translateX(0)}85%,100%{transform:translateX(420%)}}
body.menu-open .textus{display:none}
@media (max-width:860px){
  .textus{right:18px;bottom:calc(86px + env(safe-area-inset-bottom))}
  .tu-hex{width:52px;height:58px}
  .tu-label{opacity:1;transform:none;padding:9px 12px;font-size:13px}
}
/* ===== round 17 (2026-09-24, team review) ===== */
/* gutters grow with the window: 24px on a phone, up to 72px on a laptop, and the content column stays 1200px */
:root{--gut:clamp(24px,5vw,72px)}
.wrap{max-width:calc(var(--w) + var(--gut) * 2);padding-left:var(--gut);padding-right:var(--gut)}
/* the honeycomb, a touch brighter so it reads on a laptop screen, still under the words */
.billboard::before{opacity:1}
/* the pain story: two matched cards */
.pain h2{text-align:center}
.pcards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px}
.pcard{display:flex;flex-direction:column;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.pk{display:flex;align-items:center;gap:10px;font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.pk .hex{width:9px;height:10px}
.pcard p{font-size:19px;line-height:1.6;color:var(--mut)}
.pcard p b{color:var(--ink);font-weight:600}
@media (max-width:860px){.pcards{grid-template-columns:1fr}.pcard{padding:22px}.pcard p{font-size:17px}}
/* the phone */
/* the agentic website */
.webcard .eyebrow{margin:0}
.webcard .web-head{font:600 clamp(26px,2.4vw,34px)/1.1 var(--serif);letter-spacing:-.02em;margin-top:10px}
.webcard .pitch{margin-top:12px;font-size:16px;line-height:1.55;color:var(--ink)}
.agent-note{margin-top:10px;max-width:720px}
.agent{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin-top:18px}
.ag{grid-column:span 3}
.ag:nth-child(n+5){grid-column:span 4}
.ag{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;font-size:15px;color:var(--mut)}
.ag-t{display:flex;align-items:center;gap:9px;font-weight:600;color:var(--ink)}
.ag-t .hex{width:8px;height:9px}
@media (max-width:1024px){.agent{grid-template-columns:1fr 1fr}.ag,.ag:nth-child(n+5){grid-column:auto}.ag:last-child:nth-child(odd){grid-column:1 / -1}}
.fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.fields input{min-width:0;width:100%}
/* columns share the row and shrink together, so a wide control never pushes into the gutter */
@media (min-width:861px){.st-sec .wrap{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.hero .wrap{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}}
@media (max-width:560px){.agent{grid-template-columns:1fr}.ag:last-child:nth-child(odd){grid-column:auto}}
/* ===== round 19 (2026-09-24): Scarlett's hero, the dispatch board replaces the phone ===== */
.hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
.hero h1{font-size:clamp(40px,4.4vw,64px);line-height:1.06}
.board{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.bd-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.bd-title{font:600 20px/1.2 var(--serif);color:var(--ink)}
.bd-state{display:inline-flex;align-items:center;gap:9px;font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.bd-state b{font-weight:700;font-variant-numeric:tabular-nums}
.bd-state .hex{filter:drop-shadow(0 0 5px rgba(220,38,38,.35))}
.bd-grid{display:grid;grid-template-columns:58px repeat(6,minmax(0,1fr));gap:5px;margin-top:16px}
.bd-h{font:600 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-align:center;padding-bottom:4px}
.bd-t{font:600 11px/1.2 var(--sans);color:var(--mut);align-self:center}
.bd-c{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:52px;padding:7px 7px 7px 9px;background:var(--bg);border:1px solid var(--line);border-left:2px solid var(--sage);border-radius:6px;overflow:hidden}
.bd-j{font:600 11px/1.2 var(--sans);color:var(--ink)}
.bd-s{font:500 10px/1 var(--sans);color:var(--mut)}
.bd-c.open{background:transparent;border:1px dashed var(--line);border-left:1px dashed var(--line)}
.bd-c.open .bd-j,.bd-c.open .bd-s{visibility:hidden}
.bd-c.new{animation:bdnew 5s ease-out both}
@keyframes bdnew{0%{box-shadow:0 0 0 1px rgba(34,197,94,.3),0 0 14px rgba(34,197,94,.3)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0),0 0 0 rgba(34,197,94,0)}}
.bd-note{margin-top:12px;font-size:13px;color:var(--dim)}
@media (max-width:860px){
  .hero .wrap{grid-template-columns:1fr}
  .board{padding:16px}
  .bd-grid{grid-template-columns:52px repeat(4,minmax(0,1fr))}
  /* a phone shows three trucks, Wednesday to Saturday */
  .bd-grid [data-d="0"],.bd-grid [data-d="1"],.bd-grid [data-t="3"],.bd-grid [data-t="4"]{display:none}
}

/* ===== round 20 (2026-09-25): 3 line hero title, board as tall as the copy, no jump in the search test, three plans with a 90 day box ===== */
.hero h1{font-size:clamp(40px,3.8vw,56px)}
.trade{gap:0}
@media (min-width:861px){
  .hero .wrap{align-items:stretch}
  .board{display:flex;flex-direction:column;height:100%}
  .bd-grid{flex:1;grid-template-rows:auto repeat(5,minmax(0,1fr))}
}
.query{min-height:calc(2 * 1.4em + 30px)}
.query .q{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.plans > .plan,.plans > .plan:nth-child(n+4),.plans > .plan:last-child:nth-child(odd){grid-column:auto}
@media (min-width:1025px){
  .plans{grid-template-columns:repeat(3,minmax(0,1fr))}
  @supports (grid-template-rows:subgrid){.plans{grid-template-rows:repeat(7,auto);row-gap:0}.plans > .plan{display:grid;grid-template-rows:subgrid;grid-row:span 7}}
}
.plan .who{font-size:14px;color:var(--mut);margin-top:8px}
.expect{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-top:16px;display:grid;gap:8px;align-content:start}
.plan ul{align-content:start}
.ex-head{font:600 13px/1.3 var(--sans);color:var(--ink)}
.ex-tag{font:600 11px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:-4px}
.ex-row{font-size:14px;line-height:1.45;color:var(--ink)}
.ex-k{font-size:12px;color:var(--mut)}
.ex-v{color:var(--ink)}
.ex-v b{font-weight:600}
.ex-note{margin-top:16px;font-size:14px;color:var(--mut);text-align:center}
@media (max-width:1024px) and (min-width:861px){.plans{grid-template-columns:1fr}}
/* ===== secondary header (2026-11-05, Justin: "a secondary header where we have blogs in there", Guides and Playbooks
   moved into it): a slim row above the main row, desktop only. The header sticks at minus the row's height, so the
   row scrolls away and the main row stays put (visible sticky height is still 68px, so every page's 84px scroll
   padding still clears it). Phones and tablets hide the row; its four links sit in the menu sheet as a second group.
   The build cuts this header into every hub, blog and new page; :root here becomes :host there. ===== */
:root{--subh:0px}
@media (min-width:1025px){:root{--subh:36px}}
.nav{top:calc(-1 * var(--subh))}
.subnav{height:var(--subh);border-bottom:1px solid var(--line);overflow:hidden}
.nav .subin{height:100%;display:flex;justify-content:flex-end;align-items:center;gap:24px}
.subin a{font:500 14px/1 var(--sans);color:var(--mut);text-decoration:none;padding:6px 0;transition:color .2s}
.subin a:hover{color:var(--ink)}
@media (max-width:1024px){.subnav{display:none}}
.sheet .sheet-more{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.sheet .sheet-more a{font:500 17px/1.4 var(--sans);letter-spacing:0;color:var(--mut);padding:10px 0}