/* A shorter, readable story for narrow screens. */
html{scroll-padding-top:82px}
:focus-visible{outline:3px solid #24a6ed;outline-offset:4px}
@media(max-width:760px){
  .container{width:calc(100% - 40px)}
  .hero,.section,.example-stage,.business-outcomes,.growth-experience,.guided-strip{padding-left:0;padding-right:0}
  .hero{padding-top:98px;padding-bottom:48px}
  .hero h1{font-size:clamp(2rem,8.5vw,3.1rem);line-height:1.1;letter-spacing:-.045em;text-wrap:balance}
  .hero-copy>p:not(.eyebrow){font-size:1rem;line-height:1.6}
  .eyebrow{font-size:.75rem;letter-spacing:.12em}
  .hero-actions{gap:10px;margin-top:24px}
  .button{min-height:48px;font-size:.95rem;padding:13px 18px}
  .hero-outcomes{gap:12px;font-size:.75rem;margin-top:20px;justify-content:space-between}
  .hero-outcomes>span{gap:5px}
  .hero-outcomes .business-outcome-icon{width:25px;height:25px}
  .hero-demo{margin-top:28px}
  .hs-page{height:220px}
  .hs-copy h2{font-size:1.6rem}
  .hs-conversation{min-height:0;padding:14px}
  .hs-answer{min-height:0;font-size:.875rem}
  .hs-footer{display:none}
  .business-outcomes,.growth-experience,.guided-strip,.section,.example-stage{padding-top:54px;padding-bottom:56px}
  main h2{font-size:clamp(1.85rem,7.5vw,2.5rem);line-height:1.13;text-wrap:balance}
  .business-outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .business-outcome-card{display:block;min-height:0;padding:17px 14px;box-shadow:none}
  .business-outcome-icon{width:46px;height:46px;margin-bottom:13px}
  .business-outcome-card h3{font-size:.95rem}
  .business-outcome-card p{font-size:.875rem;line-height:1.5}
  .growth-experience h2{font-size:clamp(2rem,8vw,2.7rem);margin-bottom:18px}
  .growth-experience-lede{font-size:1rem;line-height:1.65}
  .conversation-overview{display:none}
  .guided-strip .credibility-grid{grid-template-columns:1fr;gap:12px}
  .guided-strip .credibility-grid>div{min-height:0;padding:20px;box-shadow:none}
  .guided-strip .credibility-grid strong{font-size:1rem}
  .guided-strip .credibility-grid small{font-size:.875rem;line-height:1.5}
  .mechanism-intro h2,.example-stage h2,#talk h2,#ask-and-adapt h2{font-size:clamp(1.85rem,7.5vw,2.5rem)}
  .mechanism-intro .button-ghost,.example-stage .button-ghost{display:none}
  .mechanism .stay-stage{min-height:340px;padding:24px 18px}
  .mechanism .stay-stage h3{font-size:1.5rem}
  .stay-conversation{padding:18px}
  .stay-messages{min-height:0}
  .stay-messages .bubble{font-size:.875rem;line-height:1.5}
  #ask-and-adapt{padding-inline:0}
  #ask-and-adapt .hero-adaptation-heading{width:calc(100% - 40px);padding-inline:0}
  #ask-and-adapt>.hero-adaptation-stage{width:calc(100% - 40px);padding:14px 10px 28px;margin-inline:auto}
  #ask-and-adapt .adapt-original-hero,#ask-and-adapt .adapt-result-hero{min-height:360px;height:360px}
  .commerce-demo .shop-scene{min-height:0}
  .store-ui .store-message{min-height:260px;padding:26px 16px}
  .store-ui .product-row{grid-template-columns:1fr 1fr}
  .store-ui .product-card{min-height:145px}
  .store-ui .product-card:nth-child(n+3){display:none}
  .store-ui .product-visual{height:76px}
  .store-ui .product-card strong{font-size:.8rem}
  .store-ui .product-card small{font-size:.75rem}
  .store-ui .product-card>b{font-size:.875rem}
  .shop-closeup{height:180px;flex-shrink:0}
  .shop-detail-copy{padding:18px}
  .shop-detail-copy h4{font-size:1.5rem}
  .shop-messages{min-height:0}
  .commerce-demo .shopping-conversation{padding:18px;min-height:0}
  .commerce-demo .shopping-conversation .bubble{font-size:.875rem;line-height:1.5}
  .shopping-intent{padding-top:12px}
  .faq-section details summary{min-height:48px;padding:16px;font-size:.95rem}
  .site-footer a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem}
  .site-footer .footer-grid>div{display:flex;flex-wrap:wrap;gap:0 18px}
  .site-nav a{min-height:44px;display:flex;align-items:center}
  .bi-chat-input{font-size:16px}
  .bi-chat-choice{min-height:44px}
}
@media(max-width:360px){.hero-outcomes{justify-content:flex-start}.business-outcomes-grid{grid-template-columns:1fr}.hero-outcomes>span{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}
@media(max-width:760px){
  .hero-copy h1{font-size:clamp(2rem,8.5vw,3.1rem);text-wrap:balance}
  .hero-copy .hero-lede{font-size:1rem;line-height:1.6}
  .hero-copy .button{font-size:.95rem;min-height:48px}
  .hero-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .hero-outcomes>span{flex-direction:column;gap:7px;text-align:center;font-size:.75rem;white-space:normal}
  .hero-outcomes .business-outcome-icon{margin:0}
  .business-outcomes h2 span{display:block}
  #live-demo .hs-conversation{min-height:0;padding:14px}
  #live-demo .hs-answer{font-size:.875rem;line-height:1.45}
  #live-demo .hs-nav>span.biz-logo{display:inline-flex}
  #live-demo .hs-question{font-size:.875rem}
  #live-demo .hs-slots span{font-size:.75rem}
  .shop-messages{min-height:190px;display:flex;flex-direction:column;justify-content:flex-start}
  .shop-messages .bubble:has(~ .bubble:not([hidden]) ~ .bubble:not([hidden])){display:none}
  #talk .vs-human{height:190px}
  .pricing-grid{gap:18px}
  .price-card{padding:24px}
  .price-card .plan-cta{min-height:48px}
}