/* The conversation is the visual anchor, not a miniature website around it. */
.moment-hero { display:grid; align-items:center; min-height:min(790px,calc(91svh - 80px)); padding:58px 0 74px; }
.hero-layout { display:grid; grid-template-columns:.94fr 1.06fr; gap:clamp(36px,4.7vw,80px); align-items:center; }
.promise h1 { font-size:clamp(54px,5.05vw,86px); line-height:1.04; letter-spacing:-.058em; text-wrap:initial; }
.promise-copy { max-width:580px; margin-top:28px; font-size:clamp(18px,1.35vw,22px); line-height:1.6; color:var(--text-muted); }
.hero-conversation,.story-conversation { background:var(--surface); border:1px solid var(--border); border-radius:8px; }
.hero-conversation { margin:0; position:relative; }
.conversation-heading,.story-header { display:flex; align-items:center; gap:12px; padding:20px 30px; border-bottom:1px solid var(--border); font-size:17px; }
.avimora-sign { width:30px; height:30px; object-fit:contain; }
.surface-label,.story-header > span:last-child { margin-left:auto; color:var(--text-muted); font-size:13px; }
.hero-exchange { padding:32px; }
.customer-bubble { width:fit-content; max-width:87%; margin-left:auto; padding:16px 20px; background:var(--surface-muted); border-radius:7px 7px 0 7px; font-size:clamp(17px,1.2vw,21px); line-height:1.5; }
.avimora-answer { margin-top:26px; max-width:95%; font-size:clamp(18px,1.3vw,23px); line-height:1.55; }
.speaker { display:block; font-size:14px; font-weight:600; margin-bottom:9px; }
.answer-source { margin-top:13px; font-size:13px; }
.answer-source summary { display:inline-flex; align-items:center; gap:9px; min-height:36px; color:var(--text-muted); list-style:none; text-decoration:underline; text-underline-offset:4px; text-decoration-color:var(--border-strong); }
.answer-source summary::-webkit-details-marker { display:none; }
.answer-source > p { padding:14px 0 0; line-height:1.6; color:var(--text-muted); }
.customer-confirmation { margin-top:20px; font-size:17px; padding:12px 18px; }
.hero-conversation figcaption { position:absolute; right:0; bottom:-30px; color:var(--text-muted); font-size:12px; }
.home-section { padding-block:64px; }
.moments-layout { display:grid; grid-template-columns:.67fr 1.33fr; gap:clamp(48px,6vw,104px); align-items:center; }
.section-lead { max-width:410px; }
.section-lead h2 { font-size:clamp(38px,3.9vw,62px); }
.section-lead p { color:var(--text-muted); margin-top:24px; font-size:20px; line-height:1.6; }
.moment-demo { min-width:0; }
.moment-switch { display:flex; gap:30px; margin-bottom:16px; }
.moment-switch button { background:none; border:0; border-bottom:2px solid transparent; padding:12px 0; min-height:48px; font-size:17px; color:var(--text-muted); }
.moment-switch button[aria-pressed=true] { border-color:var(--brand); color:var(--text); }
.story-header { padding:18px 30px; }
.moment-panel { padding:28px 36px; min-height:460px; }
.moment-panel.revealed { animation:moment-reveal 140ms ease-out; }
@keyframes moment-reveal { from { opacity:.4; } to { opacity:1; } }
.moment-panel .customer-bubble { font-size:18px; }
.moment-panel .avimora-answer { font-size:20px; max-width:94%; margin-top:22px; }
.short-bubble { margin-top:22px; }
.attachment-note { display:block; color:var(--text-muted); font-size:13px; margin-top:10px; }
.scene-result { margin-top:24px; font-size:14px; color:var(--text-muted); }
.story-foot { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; color:var(--text-muted); font-size:12px; margin-top:12px; }
.story-foot a { font-size:14px; min-height:44px; display:inline-flex; align-items:center; text-decoration:underline; text-underline-offset:4px; }
.takeover-section { background:#f0efeb; }
.takeover-layout { display:grid; grid-template-columns:.65fr 1.35fr; align-items:center; gap:clamp(44px,6vw,104px); }
.takeover-copy h2 { font-size:clamp(36px,3.5vw,56px); }
.takeover-copy > p { margin-top:26px; max-width:460px; color:var(--text-muted); font-size:19px; }
.takeover-preview { margin:0; background:#fff; border:1px solid var(--border); border-radius:6px; overflow:hidden; }
.takeover-toolbar { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:18px 30px; border-bottom:1px solid var(--border); font-size:16px; }
.takeover-toolbar strong span { color:var(--text-muted); font-weight:400; margin-left:20px; font-size:14px; }
.human-owner { display:flex; align-items:center; gap:10px; font-size:14px; }
.human-owner i,.person-initial { width:32px; height:32px; display:flex; align-items:center; justify-content:center; font-size:13px; font-style:normal; background:var(--surface-muted); border-radius:50%; }
.takeover-content { padding:30px 36px; }
.customer-record { display:flex; align-items:center; gap:12px; font-size:18px; }
.person-initial { width:38px; height:38px; }
.customer-record div { display:grid; gap:2px; }
.customer-record div span { font-size:13px; color:var(--text-muted); }
.takeover-content blockquote { margin:24px 0; font-size:21px; line-height:1.45; }
.handoff-context { display:grid; gap:12px; font-size:15px; padding-bottom:24px; }
.handoff-context > div { display:grid; grid-template-columns:145px 1fr; gap:24px; }
.handoff-context span { color:var(--text-muted); }
.handoff-context strong { font-weight:500; }
.reply-preview { border-top:1px solid var(--border); padding-top:24px; }
.reply-label { font-size:14px; font-weight:600; }
.reply-preview p { margin-top:10px; font-size:20px; line-height:1.6; max-width:740px; }
.reply-status { display:block; margin-top:20px; font-size:13px; color:var(--text-muted); }
.takeover-preview figcaption { padding:0 36px 20px; font-size:12px; color:var(--text-muted); }
.business-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:80px; align-items:start; }
.business-layout h2 { font-size:clamp(36px,3.6vw,56px); max-width:650px; }
.business-knowledge { font-size:20px; color:var(--text-muted); max-width:650px; }
.business-knowledge .channel-names { display:flex; gap:30px; flex-wrap:wrap; margin-top:25px; font-size:24px; color:var(--text); letter-spacing:-.025em; }
.business-knowledge .channel-note { font-size:15px; margin-top:12px; }
.commercial-block { margin-top:64px; }
.commercial-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; }
.commercial-heading h3 { font-size:36px; }
.commercial-heading p { max-width:610px; font-size:17px; color:var(--text-muted); margin-top:16px; }
.commercial-heading .market-control { flex-shrink:0; margin-top:0; }
.home-pricing { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:28px; }
.pricing-line { padding:26px 0; border-top:1px solid var(--border-strong); display:flex; justify-content:space-between; gap:28px; }
.pricing-line h4 { font-size:23px; }
.pricing-line p { font-size:15px; color:var(--text-muted); margin-top:10px; }
.price-amount { text-align:right; white-space:nowrap; }
.price-amount > strong { display:block; font-size:40px; line-height:1.1; letter-spacing:-.04em; font-weight:550; }
.price-amount strong small { font-size:13px; color:var(--text-muted); letter-spacing:0; font-weight:400; }
.price-amount > span { display:block; font-size:15px; margin-top:10px; }
.pricing-detail { display:flex; gap:40px; justify-content:space-between; align-items:start; }
.pricing-detail > p { font-size:14px; color:var(--text-muted); max-width:850px; }
.pricing-detail .quiet-link { flex-shrink:0; min-height:30px; }
.home-faq { margin-top:44px; }
.home-faq h3 { font-size:28px; }
.home-faq .faq summary { padding-block:17px; }
.moment-finale { padding:64px 0 50px; }
.moment-finale .home-container { display:flex; align-items:center; justify-content:space-between; gap:60px; }
.moment-finale h2 { max-width:1050px; font-size:clamp(40px,4.8vw,74px); }
.finale-action { flex-shrink:0; text-align:center; }
@media(max-width:1200px) {
  .moment-panel { padding:24px 28px; min-height:460px; }
  .moment-panel .avimora-answer { font-size:18px; }
  .business-layout { gap:50px; }
  .home-pricing { gap:30px; }
  .pricing-line { display:block; }
  .price-amount { margin-top:22px; text-align:left; }
  .takeover-content { padding:26px; }
  .handoff-context > div { gap:15px; grid-template-columns:125px 1fr; }
}
@media(max-width:980px) {
  .moment-hero { min-height:0; padding:40px 0 62px; }
  .hero-layout { grid-template-columns:1fr; gap:38px; }
  .promise { max-width:750px; }
  .promise h1 { font-size:clamp(52px,7vw,68px); max-width:750px; text-wrap:balance; }
  .desktop-break { display:none; }
  .promise-copy { max-width:720px; font-size:19px; margin-top:22px; }
  .hero-conversation { width:100%; max-width:760px; justify-self:end; }
  .avimora-answer { font-size:22px; }
  .moments-layout { grid-template-columns:1fr; gap:28px; }
  .section-lead { display:grid; grid-template-columns:1fr 1fr; gap:36px; max-width:none; align-items:center; }
  .section-lead p { margin:0; font-size:18px; }
  .moment-switch { margin-bottom:14px; }
  .moment-panel { min-height:420px; }
  .moment-panel .avimora-answer { font-size:20px; }
  .takeover-layout { grid-template-columns:1fr; gap:32px; }
  .takeover-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:center; }
  .takeover-copy p { margin:0; font-size:18px; }
  .takeover-copy h2 { font-size:40px; }
  .business-layout { gap:36px; }
  .commercial-heading { align-items:start; }
}
@media(max-width:780px) {
  .home-section { padding-block:44px; }
  .moment-hero { padding:30px 0 46px; }
  .hero-layout { gap:28px; }
  .promise h1 { font-size:clamp(43px,7.7vw,60px); max-width:650px; }
  .promise-copy { font-size:17px; line-height:1.5; margin-top:18px; }
  .hero-actions { margin-top:22px; gap:22px; }
  .hero-actions .button { min-height:46px; padding:11px 20px; }
  .hero-actions .button-demo { padding:8px 16px 8px 10px; gap:10px; }
  .hero-actions .demo-play { width:28px; height:28px; flex-basis:28px; }
  .hero-actions .quiet-link { font-size:14px; }
  .hero-conversation { max-width:none; }
  .conversation-heading,.story-header { padding:14px 18px; font-size:15px; gap:9px; }
  .avimora-sign { width:25px; height:25px; }
  .surface-label,.story-header > span:last-child { font-size:12px; }
  .hero-exchange { padding:20px; }
  .customer-bubble { font-size:16px; padding:13px 16px; max-width:92%; }
  .avimora-answer { font-size:18px; line-height:1.5; margin-top:20px; max-width:100%; }
  .speaker { font-size:13px; margin-bottom:6px; }
  .answer-source { font-size:12px; margin-top:8px; }
  .answer-source summary { min-height:40px; }
  .customer-confirmation { font-size:15px; margin-top:16px; padding:11px 14px; }
  .hero-conversation figcaption { bottom:-28px; font-size:11px; }
  .section-lead { display:block; }
  .section-lead h2 { font-size:38px; }
  .section-lead h2 br { display:none; }
  .section-lead p { font-size:17px; margin-top:18px; max-width:600px; }
  .moment-switch { gap:24px; margin-bottom:12px; }
  .moment-switch button { font-size:15px; }
  .moment-panel { padding:22px 20px; min-height:500px; }
  .moment-panel .customer-bubble { font-size:16px; }
  .moment-panel .avimora-answer { font-size:17px; max-width:100%; }
  .short-bubble { margin-top:20px; }
  .scene-result { font-size:13px; margin-top:20px; }
  .story-foot { font-size:11px; }
  .takeover-copy { display:block; }
  .takeover-copy h2 { font-size:37px; max-width:600px; }
  .takeover-copy h2 br { display:none; }
  .takeover-copy p { margin-top:18px; font-size:17px; max-width:600px; }
  .takeover-toolbar { padding:16px 20px; font-size:15px; }
  .takeover-toolbar strong span { display:none; }
  .takeover-content { padding:24px 20px; }
  .customer-record { font-size:17px; }
  .takeover-content blockquote { font-size:19px; margin-block:22px; }
  .handoff-context { font-size:14px; gap:14px; }
  .handoff-context > div { grid-template-columns:100px 1fr; gap:16px; }
  .reply-preview p { font-size:17px; }
  .takeover-preview figcaption { padding:0 20px 20px; font-size:11px; }
  .business-layout { grid-template-columns:1fr; gap:24px; }
  .business-layout h2 { font-size:37px; max-width:600px; }
  .business-knowledge { font-size:18px; }
  .business-knowledge .channel-names { gap:24px; font-size:23px; margin-top:20px; }
  .business-knowledge .channel-note { font-size:14px; }
  .commercial-block { margin-top:40px; }
  .commercial-heading { display:block; }
  .commercial-heading h3 { font-size:32px; }
  .commercial-heading p { font-size:16px; margin-top:14px; }
  .commercial-heading .market-control { margin-top:16px; }
  .home-pricing { grid-template-columns:1fr; gap:0; margin-top:16px; }
  .pricing-line { padding:22px 0; display:flex; gap:16px; align-items:start; }
  .pricing-line h4 { font-size:20px; }
  .pricing-line p { font-size:13px; max-width:155px; margin-top:8px; }
  .price-amount { margin-top:0; text-align:right; }
  .price-amount > strong { font-size:33px; }
  .price-amount strong small { display:block; margin-top:5px; font-size:12px; }
  .price-amount > span { font-size:13px; }
  .pricing-detail { display:block; }
  .pricing-detail > p { font-size:13px; }
  .pricing-detail .quiet-link { min-height:44px; margin-top:8px; }
  .home-faq { margin-top:28px; gap:20px; }
  .home-faq h3 { font-size:26px; }
  .moment-finale { padding:42px 0 32px; }
  .moment-finale .home-container { display:block; }
  .moment-finale h2 { font-size:clamp(40px,7vw,54px); }
  .finale-action { margin-top:28px; text-align:left; }
}
@media(max-width:430px) {
  .promise-copy { font-size:16px; }
  .promise h1 { font-size:43px; }
  .hero-exchange { padding:17px; }
  .hero-exchange .avimora-answer { font-size:17px; }
  .hero-exchange .customer-bubble { font-size:15px; }
  .moment-panel { min-height:540px; }
}
@media(max-width:359px) {
  .promise h1 { font-size:38px; }
  .hero-actions { gap:16px; }
  .hero-actions .quiet-link { font-size:13px; }
  .hero-exchange .customer-bubble { font-size:15px; }
  .surface-label { font-size:11px; }
  .pricing-line { display:block; }
  .price-amount { text-align:left; margin-top:18px; }
  .price-amount strong small { display:inline; margin-left:5px; }
  .moment-panel { padding:20px 17px; min-height:585px; }
  .handoff-context > div { grid-template-columns:1fr; gap:3px; }
}