/* Mobile implementation of the approved Stitch composition. */
html,body{max-width:100%;overflow-x:clip}
.js-ready [data-voice-card] audio{display:none}
.js-ready [data-voice-card] audio.audio-fallback{display:block}
.demo-disclosure,.demo-status{font-size:.75rem;line-height:1.5;margin-top:.5rem}
.demo-disclosure{font-weight:600}
.demo-transcript{margin-top:.6rem;font-size:.75rem;line-height:1.55}
.demo-transcript summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700}
.demo-transcript ol{display:grid;gap:.55rem;margin:.35rem 0 0;padding-left:1.25rem}
.site-logo img{width:185px;height:auto;max-width:185px}
.hero-voice-option{min-height:44px;padding:8px 9px;border:0;border-radius:6px;background:#f5f6f8;color:#66717e;font:600 11px/1.4 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;transition:background .18s,color .18s,transform .18s}
.hero-voice-option:hover{color:#0b1c30;transform:translateY(-1px)}
.hero-voice-option[aria-pressed="true"]{background:#b63f18;color:#fff;font-weight:700}
.hero-waveform>div{transform-origin:center bottom}
.hero-voice-card.is-playing .hero-waveform>div{animation:voice-wave .66s ease-in-out infinite alternate}
.hero-voice-card.is-playing .hero-waveform>div:nth-child(2n){animation-duration:.46s;animation-delay:-.2s}
.hero-voice-card.is-playing .hero-waveform>div:nth-child(3n){animation-duration:.82s;animation-delay:-.4s}
@keyframes voice-wave{from{transform:scaleY(.28);opacity:.65}to{transform:scaleY(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.hero-voice-card.is-playing .hero-waveform>div{animation:none}}
.booking-card{overflow:hidden}
.booking-frame{display:block;width:100%;height:640px;border:1px solid #dfe3e8;border-radius:10px;background:#f5f6f8}
.booking-fallback{display:flex;justify-content:flex-end;margin-top:10px;font-size:.75rem;font-weight:700;color:#d9501e}
.booking-fallback a{text-decoration:underline;text-underline-offset:3px}
.voice-avatar{filter:drop-shadow(0 5px 9px rgba(11,28,48,.2));animation:orb-shimmer 5.5s ease-in-out infinite;will-change:filter}
[data-voice-card].is-playing .voice-avatar{animation:orb-shimmer-live 3.2s ease-in-out infinite}
@keyframes orb-shimmer{0%,100%{filter:drop-shadow(0 4px 8px rgba(11,28,48,.18)) brightness(1) saturate(1) hue-rotate(0deg)}50%{filter:drop-shadow(0 0 12px rgba(99,102,241,.34)) brightness(1.1) saturate(1.16) hue-rotate(7deg)}}
@keyframes orb-shimmer-live{0%,100%{filter:drop-shadow(0 0 9px rgba(217,80,30,.3)) brightness(1.02) saturate(1.08) hue-rotate(0deg)}50%{filter:drop-shadow(0 0 15px rgba(217,80,30,.5)) brightness(1.16) saturate(1.24) hue-rotate(-8deg)}}
@media (prefers-reduced-motion:reduce){.voice-avatar,[data-voice-card].is-playing .voice-avatar{animation:none}}
@media (max-width:767px){
  body{font-family:"Plus Jakarta Sans",system-ui,sans-serif;background:#f8f9fb}
  header{position:sticky;top:0;z-index:50}
  header .header-inner{height:64px;padding-inline:16px}
  header .header-inner>a img{width:142px;height:auto;max-width:142px}
  header .header-inner>div:last-child{display:flex;gap:8px;align-items:center}
  header .header-inner>div:last-child>a:first-child{display:none}
  header .header-inner>div:last-child>a[href="#strategy-session"]{min-height:40px;padding:9px 12px;border-radius:6px;font-size:11px}
  #menu-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #dfe3e8;border-radius:6px;background:#fff;color:#0b1c30;font-size:0}
  #menu-toggle::before{content:"☰";font-size:21px;line-height:1}
  #menu-toggle[aria-expanded="true"]::before{content:"×";font-size:27px}
  .mobile-nav{position:absolute;inset:64px 0 auto;max-height:calc(100dvh - 64px);padding:12px 16px 18px;box-shadow:0 18px 38px rgba(11,28,48,.14)}
  .mobile-nav a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid #eaecef}
  main section{padding:40px 16px!important}
  main section#home{padding-top:28px!important;padding-bottom:40px!important}
  main section>div{width:100%;max-width:100%}
  #home>div:nth-child(-n+2){display:none}
  #home>div:last-child{gap:24px}
  #home h1{font-size:36px;line-height:1.14;letter-spacing:-.035em;margin-bottom:14px}
  #home h1+p{font-size:15px;line-height:1.55;margin-bottom:20px}
  #home .flex.flex-wrap.items-center.gap-4.w-full{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:24px}
  #home .flex.flex-wrap.items-center.gap-4.w-full a{width:100%;min-height:48px}
  #home .grid-cols-3{gap:4px;padding-top:14px}
  #home .grid-cols-3>div{padding:8px 4px;text-align:center;background:#edeef0;border-radius:6px}
  #home .grid-cols-3 .text-lg{font-size:14px;line-height:1.3}
  #home .grid-cols-3 .text-xs{font-size:9px;line-height:1.35}
  #home .lg\:col-span-5>div{padding:16px;border-radius:8px}
  #home .lg\:col-span-5 .mb-5{margin-bottom:12px}
  #home .lg\:col-span-5 .p-4{padding:12px}
  #home .lg\:col-span-5 audio{margin-top:8px}
  section h2{font-size:26px!important;line-height:1.22!important;letter-spacing:-.025em!important}
  section h3{line-height:1.3}
  section p{max-width:100%}
  #voices>div>div:first-child{margin-bottom:20px;gap:10px}
  #voices>div>div:nth-of-type(2){gap:10px;margin-bottom:20px}
  #voices [data-voice-card]{padding:14px;border-radius:8px;min-height:0}
  #voices [data-voice-card] .mb-4{margin-bottom:10px}
  #voices [data-voice-card] audio{height:34px;margin-top:8px}
  #voices [data-voice-card] .audio-status{margin:4px 0 0}
  #voices .rounded-2xl{padding:20px;border-radius:8px;margin-bottom:16px}
  #multichannel .grid.lg\:grid-cols-3{gap:12px;margin-bottom:24px}
  #multichannel .grid.lg\:grid-cols-3>div{padding:16px;border-radius:8px}
  #multichannel .rounded-2xl{padding:20px;border-radius:8px;margin-bottom:20px}
  #industries .overflow-x-auto{margin-inline:0;padding-inline:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
  #industries .industry-button{width:100%;min-width:0;white-space:normal;line-height:1.25}
  #industries .industry-button:last-child:nth-child(odd){grid-column:1/-1}
  #industry-panel{padding:16px;border-radius:8px;margin-bottom:20px}
  #industry-panel .grid{gap:16px}
  #industry-panel .lg\:col-span-6:first-child{padding:14px}
  #industries .grid.md\:grid-cols-3{gap:10px;margin-bottom:18px}
  #industries .grid.md\:grid-cols-3>div{padding:14px;border-radius:8px}
  #integrations>div>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}
  #integrations>div>.grid>div{padding:14px;border-radius:8px;min-width:0}
  #integrations>div>.grid>div .flex.items-center.justify-between{align-items:flex-start;gap:6px}
  #integrations>div>.grid>div .w-11{width:36px;height:36px}
  #integrations>div>.grid>div .rounded-full{white-space:normal;text-align:center;font-size:9px}
  #integrations .rounded-xl.p-6.md\:p-8{padding:16px}
  #pricing>div>div:first-child{margin-bottom:24px}
  #pricing .grid.lg\:grid-cols-12{gap:12px;margin-bottom:28px}
  #pricing .lg\:col-span-5,#pricing .lg\:col-span-7{padding:18px;border-radius:8px}
  #pricing .lg\:col-span-5 .text-5xl{font-size:40px}
  #calculator{padding:16px!important}
  .calculator-results{grid-template-columns:1fr 1fr;gap:8px}
  .calculator-results .text-2xl{font-size:19px}
  #portal{padding-top:16px}
  #portal>div:first-child{margin-bottom:18px}
  #portal>div:nth-child(2){padding:14px;border-radius:8px}
  #portal>div:nth-child(2) .text-xs.font-mono{overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:4px}
  #portal .grid-cols-2{gap:8px}
  #portal .space-y-3>div{padding:12px}
  #portal .space-y-3>div:nth-child(n+2){display:none}
  #faq>div>div:first-child{margin-bottom:22px}
  #faq [role="group"]{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;padding-bottom:9px;margin-bottom:20px;scrollbar-width:thin;scrollbar-color:#98a6b5 transparent}
  #faq [role="group"]::-webkit-scrollbar{height:4px}
  #faq [role="group"]::-webkit-scrollbar-thumb{background:#98a6b5;border-radius:999px}
  #faq .faq-filter{flex:0 0 auto;white-space:nowrap}
  #faq .grid.md\:grid-cols-2{gap:8px;margin-bottom:28px}
  #faq details{padding:14px;border-radius:8px}
  #faq details summary{font-size:14px;line-height:1.4;margin-left:0;padding-right:24px;position:relative}
  #faq details summary::after{content:"+";position:absolute;right:0;top:0;color:#d9501e;font-size:20px}
  #faq details[open] summary::after{content:"−"}
  #strategy-session{padding:20px!important;border-radius:8px}
  #strategy-session>div{gap:24px}
  #strategy-session .lg\:col-span-6:last-child{padding:18px;border-radius:8px}
  #strategy-session .lg\:col-span-6:last-child a[href*="/book/"]{width:100%;min-height:48px;text-align:center}
  .booking-frame{height:720px;border-radius:7px}
  footer{padding:40px 16px 28px!important}
  footer>div{width:100%;max-width:100%}
  footer>div>div:first-child{padding-bottom:20px}
  footer .grid-cols-2{gap:24px 16px;padding-block:24px}
  footer .pt-8{align-items:flex-start;padding-top:20px}
  footer .pt-8>div:last-child{gap:10px}
}
@media (max-width:390px){
  #integrations>div>.grid{grid-template-columns:1fr}
  .calculator-results{grid-template-columns:1fr}
}