/* Sales composition: the existing brand, theme and motion tokens stay authoritative. */
.hero-cta-group{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.hero-cta-group .button{white-space:normal;max-width:100%;text-align:center;min-height:54px}.hero-demo-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.hero-intro .hero-free-note{margin-top:18px;max-width:440px;font-size:13px;line-height:1.7;color:var(--muted)}.hero-step-label{display:block;margin-bottom:14px;font-size:12px;color:#b8c2b0}.hero-bot-options{display:flex;gap:8px;font-size:13px}.hero-bot-options span{flex:1;padding:12px 9px;border:1px solid #535e4b;border-radius:11px;text-align:center}.hero-bot-options .is-picked,.hero-confirm-label{background:#d5fb66;color:#20291d}.hero-confirm>strong{display:block;font-size:15px}.hero-confirm-label{display:block;margin:15px 0 12px;padding:12px 8px;border-radius:11px;text-align:center;font-weight:700;font-size:13px}.hero-confirm small{display:block;font-size:11px;line-height:1.6;color:#b8c2b0}.hero-chat .bot-screen-messages{justify-content:flex-start;gap:14px}.hero-chat .bot-screen-operation{padding:0}.hero-chat .bot-screen-input{font-size:11px}.stage-caption{max-width:300px;margin:16px auto 0;text-align:center;font-size:12px;line-height:1.6;color:var(--muted)}
.sales-how{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sales-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);list-style:none;margin:48px 0 0;padding:0}.sales-step-number{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.13em;color:var(--accent-ink)}.sales-steps h3{font-size:clamp(22px,2.3vw,31px);line-height:1.22;letter-spacing:-.04em;margin:16px 0}.sales-steps p{font-size:16px;line-height:1.7;color:var(--muted)}.demo-heading h2{font-size:clamp(42px,6.2vw,88px);line-height:1.06;letter-spacing:-.055em}.demo-bottom p{max-width:530px}.demo-local-note{margin-top:22px;font-size:12px;line-height:1.65;color:var(--muted);max-width:600px}.demo-chat-head strong{font-size:15px}.demo-workspace{align-items:start}.dashboard-heading{gap:12px}.demo-bottom{gap:24px}.demo-bottom .button{white-space:normal;text-align:center}.demo-dashboard{min-width:0}
.sales-scenarios .lb-play-intro{align-items:end}.sales-scenarios .lb-play-intro h2{font-size:clamp(38px,5vw,68px);line-height:1.1}.sales-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sales-scenario{padding:24px;min-width:0;display:flex;flex-direction:column}.sales-feature-tier{font-size:11px;letter-spacing:.12em;color:var(--lp-muted);font-weight:700}.sales-scenario h3{font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 24px}.sales-scenario>p{font-size:14px;line-height:1.75;margin:20px 0 12px;color:var(--lp-text)}.sales-screen-caption{font-size:11px;line-height:1.7;color:var(--lp-muted)}.sales-screen{padding:20px;border:1px solid var(--lp-border);border-radius:20px;background:var(--lp-glass);min-height:285px}.sales-screen-header{display:grid;gap:5px;margin-bottom:16px}.sales-screen-header strong{font-size:18px}.sales-screen-header span,.sales-account-example small,.sales-plan-example small{font-size:10px;line-height:1.5;color:var(--lp-muted)}.sales-account-example{display:grid;gap:4px;padding:12px 0;border-top:1px solid var(--lp-border);font-size:13px}.sales-plan-example{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid var(--lp-border)}.sales-plan-example>div{display:grid;gap:4px;min-width:0;flex:1}.sales-plan-example strong{font-size:11px;line-height:1.5}.sales-plan-example>b{font-size:9px;padding:5px;border:1px solid var(--lp-border);border-radius:5px}.sales-goal-example{margin:0}.sales-goal-example>div{display:flex;gap:12px;justify-content:space-between;padding:12px 0;border-top:1px solid var(--lp-border);font-size:11px;line-height:1.5}.sales-goal-example dd{margin:0;text-align:right;color:var(--lp-muted)}.sales-goal-note{font-size:11px;line-height:1.7;color:var(--lp-muted);margin-top:15px}.sales-mode-note{max-width:1000px;font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 34px}.sales-mode-note strong{color:var(--ink)}.tariff-heading .section-title{font-size:clamp(40px,4.5vw,68px)}.sales-capture{display:block;width:100%;height:auto;max-height:490px;object-fit:contain;object-position:top;border-radius:18px;background:#19221b}.sales-capture-frame{margin:0;display:grid;gap:12px;min-width:0}.sales-capture-frame figcaption{font-size:10px;line-height:1.6;color:var(--lp-muted)}.sales-scenarios .lb-play-footer{align-items:center}.sales-scenarios .lb-play-footer a{min-height:44px;display:inline-flex;align-items:center}.hero-demo-link:focus-visible,.sales-scenarios a:focus-visible{outline:3px solid var(--accent-ink);outline-offset:5px}
@media(max-width:1000px){.sales-scenario-grid{grid-template-columns:1fr}.sales-scenario{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.sales-feature-tier,.sales-scenario h3{grid-column:1}.sales-scenario>p,.sales-screen-caption{grid-column:1}.sales-screen,.sales-capture-frame{grid-column:2;grid-row:1 / span 4}.sales-scenario h3{margin-bottom:12px}.sales-scenario>p{margin-top:12px}.sales-screen{min-height:0}.sales-capture{max-height:440px}.sales-scenarios .lb-play-toolbar{align-items:start;gap:16px}.sales-scenarios .lb-play-demo-label{line-height:1.5}}
@media(max-width:700px){.sales-steps{grid-template-columns:1fr;gap:30px;margin-top:32px}.sales-steps li{border-top:1px solid var(--line);padding-top:24px}.sales-steps h3{margin-top:12px}.sales-how .section-meta{gap:18px;align-items:start}.sales-scenario{display:flex;padding:22px}.sales-scenario-grid{gap:24px}.sales-capture{max-height:490px}.sales-scenario h3{margin-bottom:22px}.sales-scenario>p{margin-top:20px}.sales-scenarios .lb-play-intro{align-items:start}.sales-scenarios .lb-play-intro p{font-size:16px}.sales-scenarios .lb-play-footer{align-items:start}.hero-intro .hero-free-note{font-size:12px}.hero-demo-link{font-size:14px}.demo-heading h2{font-size:clamp(38px,9vw,54px)}.demo-chat-head strong{font-size:13px}.demo-tag{font-size:9px}.demo-bottom p{font-size:16px}.tariff-heading .section-title{font-size:clamp(34px,8.4vw,48px)}.sales-mode-note{font-size:14px}.final-section .button{white-space:normal;text-align:center;max-width:100%}.sales-scenarios .lb-play-toolbar{flex-direction:column}.hero-bot-options span{font-size:12px}.sales-scenarios .lb-play-themes button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.sales-how,.sales-scenario,.sales-capture{animation:none!important;transition:none!important}}

/* Override legacy flex-basis: on narrow screens it reserved an empty 290px paragraph. */
.hero-assembled .hero-intro{display:block}.hero-assembled .hero-intro p{flex:none}.hero-assembled .hero-cta-group{display:flex;flex-direction:column;gap:12px;margin-top:24px}.hero-assembled .hero-intro .button{white-space:normal}.hero-assembled .hero-intro .hero-free-note{font-size:13px;margin-top:12px}
