/* Lane B1: homepage, tour, AI calls. Uses site.css tokens. */
.hero-shot{min-width:0}
.hero-shot .shot-frame{box-shadow:0 24px 60px rgba(0,0,0,.45)}
@media(prefers-reduced-motion:no-preference){
  .hero-shot .shot-frame{animation:b1-rise .7s ease both}
  @keyframes b1-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}
.hero .micro{margin:1.2rem 0 0;color:var(--muted);font-size:var(--fs-sm)}
.b1-split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-6);align-items:center}
@media(min-width:900px){.b1-split{grid-template-columns:repeat(2,minmax(0,1fr))}.b1-split--shot{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.b1-split>*{min-width:0}
.b1-timing{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3);counter-reset:t}
.b1-timing li{counter-increment:t;position:relative;padding:.9rem 1rem .9rem 3.4rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm)}
.b1-timing li::before{content:counter(t);position:absolute;left:1rem;top:.85rem;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--accent-soft);color:var(--link);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.b1-timing strong{display:block;color:var(--text)}
.b1-timing span{color:var(--muted);font-size:var(--fs-sm)}
.b1-three{display:grid;gap:var(--s-4);grid-template-columns:minmax(0,1fr)}
@media(min-width:800px){.b1-three{grid-template-columns:repeat(3,1fr)}}
.b1-plans{display:grid;gap:var(--s-4);grid-template-columns:1fr}
@media(min-width:600px){.b1-plans{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.b1-plans{grid-template-columns:repeat(4,1fr)}}
.b1-plan{display:flex;flex-direction:column;gap:.3rem;padding:var(--s-5);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);color:inherit}
.b1-plan .n{font-family:var(--font-display);font-weight:700}
.b1-plan .p{font-family:var(--font-display);font-weight:800;font-size:2rem;line-height:1.1}
.b1-plan .p small{font-family:var(--font-body);font-weight:500;font-size:.9rem;color:var(--muted)}
.b1-plan .d{color:var(--muted);font-size:var(--fs-sm)}
.b1-ind{display:grid;gap:var(--s-3);grid-template-columns:1fr}
@media(min-width:600px){.b1-ind{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.b1-ind{grid-template-columns:repeat(3,1fr)}}
.b1-ind a.card strong{display:block;font-family:var(--font-display)}
.b1-ind a.card span{color:var(--muted);font-size:var(--fs-sm)}
.b1-id{max-width:var(--measure);margin-inline:auto}
.b1-id dl{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1.2rem;margin:var(--s-4) 0 0}
.b1-id dt{color:var(--muted)}.b1-id dd{margin:0}
@media(max-width:480px){.b1-id dl{grid-template-columns:1fr}.b1-id dd{margin-bottom:.4rem}}
/* Zoe transcript */
.zoe-demo{margin:0;padding:var(--s-5);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius)}
.zoe-demo-head{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:var(--s-3)}
.zoe-demo-note{color:var(--muted);font-size:var(--fs-sm)}
.zoe-demo audio{width:100%;margin-bottom:var(--s-3)}
.zoe-lines{display:grid;gap:.55rem}
.zl{margin:0;padding:.6rem .85rem;border-radius:var(--radius-sm);font-size:.95rem;max-width:92%}
.zl-who{display:block;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.1rem}
.zl-z{background:var(--accent-soft);border:1px solid var(--line);justify-self:start}.zl-z .zl-who{color:var(--link)}
.zl-w{background:var(--surface-3);justify-self:end}.zl-w .zl-who{color:var(--ok-text)}
.zl-sys{justify-self:center;max-width:100%;color:var(--warn-text);font-size:var(--fs-sm);text-align:center}
.zoe-demo-foot{margin:var(--s-3) 0 0;color:var(--muted);font-size:var(--fs-xs)}
/* Tour */
.tour-nav{position:sticky;top:var(--nav-h);z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding:.6rem 0}
.tour-nav ul{display:flex;gap:.5rem;list-style:none;margin:0;padding:0 var(--gutter);overflow-x:auto;scrollbar-width:thin}
.tour-nav a{display:block;white-space:nowrap;padding:.45rem .9rem;border:1px solid var(--line-strong);border-radius:999px;color:var(--text);font-size:var(--fs-sm)}
.tour-nav a:hover{border-color:var(--accent)}
.tour-sec{scroll-margin-top:7.5rem}
.tour-item{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5);align-items:center;margin:0 0 var(--s-7)}
.tour-item>*{min-width:0}
@media(min-width:900px){.tour-item{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.tour-item.flip>:first-child{order:2}}
.tour-copy h3{margin:0 0 .5rem}.tour-copy p,.tour-copy li{color:var(--muted)}
.tour-copy ul{padding-left:1.1rem}.tour-copy li+li{margin-top:.3rem}
.tour-phones{display:grid;gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;margin-bottom:var(--s-6)}
.tour-phones .shot-frame--phone{margin-inline:auto}
.tour-sms{max-width:320px;margin:0 auto;background:var(--panel);border:1px solid var(--line-strong);border-radius:18px;padding:1rem}
.tour-sms .from{font-size:var(--fs-xs);color:var(--muted);text-align:center;margin:0 0 .5rem}
.tour-sms .bub{background:var(--surface-3);border-radius:16px 16px 16px 4px;padding:.6rem .8rem;font-size:.88rem;margin:0}
.tour-sms-cap{max-width:320px;margin:.5rem auto 0;text-align:center;color:var(--muted);font-size:var(--fs-sm)}
.tour-road{max-width:var(--measure);margin:0 auto;padding:var(--s-5);border:1px dashed var(--line-strong);border-radius:var(--radius)}
.b1-stack{display:grid;gap:var(--s-5);min-width:0;align-content:start}
.b1-split+.tour-item{margin-top:var(--s-7)}
