/* Selected mobile composition: A hero, B capability tour. Desktop stays unchanged. */
@media(max-width:760px){
 .wrap {padding-left:var(--space-20px);padding-right:var(--space-20px)}
 .support-hero.hero {padding-top:var(--space-32px)}
 .journey-heading .eyebrow,.section-heading .eyebrow,.feature-prose .eyebrow {font-size:var(--text-11px)!important;letter-spacing:.09em}
 .journey-heading h1 {font-size:var(--text-36px)!important;line-height:1.16!important;letter-spacing:-1.3px}
 html:lang(zh-TW) .journey-heading h1 {font-size:var(--text-32px)!important;line-height:1.4!important;letter-spacing:-.6px}
 .journey-heading h1 em {font-style:normal}
 .heading-side {padding-top:var(--space-20px)}
 .heading-side p,.feature-prose p,.outcome-grid>article>p,.launch-grid p,.faq details p {font-size:var(--text-15px)!important;line-height:1.75!important}
 .heading-side .text-button {display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-14px);margin-top:var(--space-12px)}
 .hero.landing .journey-content {padding-top:var(--space-12px)}
 .support-hero .messages {padding:16px 12px;min-height:390px}
 .employee-view .customer .bubble,.employee-view .reply-content>p {font-size:var(--text-13px);padding:10px 12px;max-width:100%;line-height:1.65}
 .employee-view .agent-reply {margin-left:8px;gap:var(--space-6px)}
 .employee-view .reply-content {min-width:0}
 .employee-view .product {gap:var(--space-10px);padding:12px}
 .employee-view .product strong {font-size:var(--text-13px)}
 .employee-view .product p,.employee-view .product-tag {font-size:var(--text-10px);line-height:1.6}
 .employee-view .estimate-note {font-size:var(--text-10px);line-height:1.6}
 .employee-view .tool-dock {top:224px}
 .journey .tool-row strong {font-size:var(--text-12px)}
 .journey .story-index {margin-top:var(--space-8px)}
 .journey .story-index strong {font-size:var(--text-11px)!important}
 .support-outcomes .section-heading h2,.feature-prose h2 {font-size:30px!important;line-height:1.3!important;letter-spacing:-.7px}
 .support-outcomes .section-heading {margin-bottom:var(--space-28px)}
 .support-outcomes .mini-chat {min-height:0!important;height:auto}
 .mini-chat-top {min-height:52px}
 .mini-chat-top>strong {font-size:var(--text-13px)}
 .mini-customer,.mini-bubble {font-size:var(--text-14px);line-height:1.6;padding:12px}
 .mini-chat-thread {padding:16px;gap:var(--space-20px)}
 .mini-author,.mini-source,.mini-human {font-size:var(--text-11px);line-height:1.6}
 .mini-business,.upgrade .mini-business {max-width:100%;width:100%}
 .mini-account {padding:16px}
 .mini-account small,.mini-active,.mini-receipt,.previous-plan,.membership-plan>p>span {font-size:var(--text-10px)}
 .membership-plan strong {font-size:var(--text-28px)}
 .membership-plan>p {font-size:var(--text-14px)}
 .mini-escalation strong {font-size:var(--text-12px);line-height:1.5}
 .mini-escalation span {font-size:var(--text-11px);line-height:1.6}
 .outcome-grid>article>h3 {font-size:var(--text-22px);line-height:1.4}
 .outcome-grid>article {padding:28px 0!important}
 .channel-tabs {justify-content:space-between;gap:0;margin-bottom:var(--space-20px)}
 .channel-tabs button {min-height:44px;font-size:var(--text-12px);padding:6px;gap:var(--space-5px)}
 .channel-tabs .channel-icon {width:24px;height:24px}
 .constellation .customer-phone {width:calc(100% - 12px);max-width:350px;opacity:0;transform:translateX(-50%) scale(.95);pointer-events:none}
 .constellation[data-focus="0"] .customer-phone[data-index="0"],.constellation[data-focus="1"] .customer-phone[data-index="1"],.constellation[data-focus="2"] .customer-phone[data-index="2"] {opacity:1;pointer-events:auto;transform:translateX(-50%);left:50%}
 .constellation .phone-stage {min-height:0;padding-bottom:var(--space-12px);margin:0;overflow:visible}
 .phone-shop {padding:12px;min-height:64px}
 .phone-shop strong {font-size:var(--text-14px)}
 .phone-shop small {font-size:var(--text-10px)}
 .channel-story.constellation .phone-thread {min-height:345px;height:auto;padding:16px;gap:var(--space-16px)}
 .phone-request,.phone-response>p {font-size:var(--text-14px);line-height:1.65;padding:12px}
 .phone-response {max-width:100%;margin-top:0}
 .response-author,.phone-result>small,.phone-result>div {font-size:var(--text-10px)}
 .phone-result {padding:16px}
 .phone-result>strong {font-size:var(--text-26px)}
 .phone-result>span {font-size:var(--text-13px)}
 .phone-composer {height:44px}
 .phone-composer>span:nth-child(2) {font-size:var(--text-12px)}
 .channel-agent {margin-top:var(--space-16px)}
 .feature-story.reverse .feature-prose {order:-1}
 .action-step strong {font-size:var(--text-14px)}
 .action-step p,.action-receipt p,.action-tool {font-size:var(--text-12px);line-height:1.6}
 .action-step {padding:18px 16px}
 .action-receipt {min-height:128px}
 .faq summary {min-height:60px;display:flex;align-items:center;font-size:var(--text-15px)}
 .closing {padding-bottom:var(--space-60px)}
 footer {padding-bottom:var(--space-32px)}
 .capability-tabs:not([hidden]) {display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4px);padding:4px;background:var(--color-bg-level-1);border:1px solid var(--color-border-secondary);border-radius:10px;margin-bottom:var(--space-8px)}
 .capability-tabs button {min-height:44px;font-size:var(--text-13px);border-radius:6px;padding:4px}
 .capability-tabs button[aria-selected=true] {background:var(--color-bg-primary);box-shadow:var(--site-shadow-11);color:var(--color-accent)}
 .support-outcomes[data-tabbed] .outcome-grid {border:0}
 .support-outcomes[data-tabbed] .outcome-grid>article {border:0}
 .channel-story.constellation .customer-phone[data-index] {left:50%;top:0}
}
@media(max-width:350px){
 .wrap {padding-left:var(--space-16px);padding-right:var(--space-16px)}
 .journey-heading h1 {font-size:var(--text-32px)!important}
 html:lang(zh-TW) .journey-heading h1 {font-size:var(--text-28px)!important}
 .membership-plan {gap:var(--space-8px)}
 .mini-account {padding:12px}
 .channel-tabs button {font-size:var(--text-11px);gap:var(--space-4px);padding:4px}
 .channel-tabs .channel-icon {width:20px;height:20px}
}