@media(max-width:760px){
 .wrap{width:calc(100% - 40px)}
 .page-intro,.guide-section,#guide-demo{scroll-margin-top:88px}
 .detail-page .page-intro{padding-top:108px;padding-bottom:28px}
 .detail-page .page-intro h1{font-size:32px;margin-bottom:14px;line-height:1.3}
 .detail-page .page-intro>p{font-size:16px;line-height:1.75}
 .breadcrumb{margin-bottom:20px;font-size:12px}
 .guide-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-block:18px}
 .guide-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;padding:8px 3px;background:#f3f6fb;border-radius:8px}
 .guide-section{padding-top:36px;padding-bottom:36px}
 .guide-section h2,.guide-team-demo h2{font-size:26px;line-height:1.4;margin:12px 0 18px}
 .guide-lead{font-size:16px;line-height:1.8;margin-bottom:24px}
 .guide-needs{margin-top:24px;gap:20px}.guide-needs article{padding-top:14px;display:grid;grid-template-columns:26px 1fr;gap:4px 10px}
 .guide-needs article>span{grid-row:1/3;padding-top:3px}.guide-needs h3{font-size:18px;margin:0}.guide-needs p{grid-column:2;font-size:15px;line-height:1.75}
 .guide-section .guide-note{font-size:12px;line-height:1.7;margin-top:22px}
 .guide-step-list summary{padding:18px 0;min-height:60px;gap:12px}.guide-step-list summary h3{font-size:18px}
 .guide-step-body>p,.guide-sample p,.guide-example p,.guide-section .faq-list p{font-size:16px;line-height:1.8}
 .guide-sample{padding:16px 18px}.guide-step-body{gap:16px;padding-bottom:22px}
 .guide-example{margin-top:24px;gap:24px}.guide-example li{gap:12px}.guide-example h3{font-size:18px;margin-bottom:8px}
 .guide-readiness{gap:16px;margin-top:24px}.guide-readiness article{padding:22px}.guide-readiness li{font-size:15px;line-height:1.75}
 .guide-section .faq-list summary{font-size:17px;line-height:1.6;gap:16px;padding-block:19px}
 .guide-related{padding-block:32px;gap:14px}.guide-related a{font-size:16px;min-height:44px;display:flex;align-items:center}
 .detail-page .feature-row>div:first-child>h3,.feature-row>div:first-child>h3{font-size:26px;line-height:1.45}
 .feature-row>div:first-child>p{font-size:16px;line-height:1.8}
 .feature-row>div:first-child>.reception-note{display:none}
 #guide-demo{padding-block:0}.detail-page #guide-demo .detail-feature{padding-block:36px}
 .guide-team-demo{padding-block:36px}
 .wx-device-group>.reception-tabs button{min-height:62px;font-size:16px;padding:9px 5px;line-height:1.4}
 .guide-phone-chat{touch-action:pan-y}
 .nav-surface .button.small{min-height:44px}.menu-button{min-width:44px;min-height:44px}
 .mobile-nav-group>a{min-height:46px}
 .scene-switch button{min-height:44px;padding-inline:14px}
 .chapter-controls button{min-width:32px;min-height:32px}
 .hero-description{font-size:16px;line-height:1.75;max-width:100%;margin-top:18px}
 .hero-actions{gap:10px;margin-top:20px}.hero-actions .button{padding:12px 14px;font-size:13px}
 .hero-note{font-size:11px}
 .sequence-caption p{font-size:13px;line-height:1.65}
 .contact-page-card .contact-row{flex-wrap:wrap;gap:10px;padding-block:18px}
 .contact-page-card .contact-row strong{font-size:18px;white-space:nowrap}
 .contact-page-card .contact-row>span:last-child{margin-left:auto}
}
@media(max-width:760px){
 /* The bottom caption already explains the active task; keep the scene unobstructed. */
 .scene-card-live{display:none!important}
 .chapter-controls button{min-width:40px;min-height:44px}
}

/* Mobile reading system: native Apple typography on iOS/macOS; system fallback elsewhere. */
@media(max-width:760px){
 body,button,input,select,textarea,.wx-demo{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",Arial,sans-serif}
 body{font-size:17px;line-height:1.6;-webkit-text-size-adjust:100%;text-size-adjust:100%;letter-spacing:0}
 .wrap{width:calc(100% - 48px)}
 .brand,.nav-surface>.brand,.footer .brand{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:700;letter-spacing:0}
 .brand>span{font-weight:700;-webkit-text-stroke:0}
 h1,h2,h3,p{letter-spacing:0!important;font-feature-settings:normal;word-break:normal;overflow-wrap:break-word}
 h1,h2,h3{text-wrap:balance}
 .hero-text h1{font-size:clamp(34px,9.7vw,42px);font-weight:600;line-height:1.18;max-width:10em}
 .hero-description{font-size:17px;line-height:1.6;margin-top:20px;max-width:23em}
 .hero-description br{display:none}.hero-note{font-size:12px;line-height:1.5;margin-top:16px}
 .hero-actions{margin-top:24px;gap:12px}.hero-actions .button,.button{font-size:15px;min-height:44px;padding:12px 18px}
 .section,.detail-page main>.section{padding-block:56px}
 h2,.solution h2,.integrations h2,.faq h2,.about h2,.demo-intro h2,.impact-heading h2,.cta h2{font-size:30px;line-height:1.25;font-weight:600;max-width:14em}
 .section-label,.hero-eyebrow{font-size:12px;line-height:1.5;font-weight:500;letter-spacing:0;margin-bottom:12px}
 .detail-page .page-intro{padding-top:112px;padding-bottom:32px}
 .detail-page .page-intro h1{font-size:36px;line-height:1.2;font-weight:600;margin-bottom:16px}
 .detail-page .page-intro>p{font-size:17px;line-height:1.6;max-width:25em}
 .breadcrumb{font-size:12px;line-height:1.5;margin-bottom:24px}
 .launch-video,.detail-page .launch-video{width:calc(100% - 48px);padding-block:44px;gap:24px}
 .demo-intro>p,.split-heading>p,.about p,.contact-page p{font-size:17px;line-height:1.65;margin-top:16px;max-width:26em}
 .demo-topics{display:none}.demo-intro>small{display:block;margin-top:12px;font-size:12px}
 body:not(.detail-page) .service-intro,body:not(.detail-page) .about>div:last-child>p:nth-of-type(2),body:not(.detail-page) .about-emblem,body:not(.detail-page) .scenes .split-heading>p,body:not(.detail-page) .onboarding .split-heading>p{display:none}
 .scroll-statement{font-size:28px;line-height:1.45;font-weight:600;max-width:14em}
 .problem-grid{gap:0;margin-top:24px}.problem-grid article{padding-block:20px}
 .problem-grid h3,.steps h3,.day-timeline h3,.impact-grid h3{font-size:20px;line-height:1.35;font-weight:600;margin:0 0 8px}
 .problem-grid p,.steps p,.day-timeline p,.impact-grid p{font-size:16px;line-height:1.6}
 .solution-modules{margin-top:24px}.solution-modules h3{font-size:18px;line-height:1.3;margin:10px 0 0}
 body:not(.detail-page) .solution-modules p{display:none}
 .detail-page .product-index .solution-modules{gap:16px}.detail-page .solution-modules p{font-size:16px;line-height:1.6;margin-top:10px}
 .feature-section-title{font-size:24px;line-height:1.3;margin:40px 0 0}
 .feature-row,.feature-row:has(.wx-demo),.detail-page .feature-row{gap:28px;padding-block:36px;align-items:start}
 .feature-row>div:first-child:not(.wx-demo){width:100%;max-width:100%}
 .detail-page .feature-row>div:first-child>h3,.feature-row>div:first-child>h3{font-size:26px;line-height:1.3;font-weight:600;text-wrap:balance}
 .feature-row>div:first-child>p{font-size:17px;line-height:1.65;margin-top:12px;max-width:26em}
 .mobile-reading-link{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:16px;color:#3158b6;text-decoration:none}
 .feature-row>.wx-demo,.feature-row>.wx-device-group{zoom:.78;max-width:none;justify-self:center}
 .wx-device-group>.reception-tabs button{min-height:44px;font-size:15px;line-height:1.4;padding:8px 3px}
 .day-timeline{gap:24px}.day-timeline article{padding-top:18px}.day-timeline time{font-size:22px;line-height:1.3;display:block;margin-bottom:10px}.day-tag{display:none}
 .impact-grid article,.impact-grid article:first-child,.impact-grid article:last-child{padding-block:24px}.target-tag{font-size:12px}.impact-grid p{margin-top:8px}
 .target-value,.impact-grid article:first-child .target-value{font-size:52px;line-height:1.1;margin:16px 0}
 .target-basis summary{font-size:15px;line-height:1.5}.basis-content{font-size:16px;line-height:1.65}
 .pilot-stats strong,.pilot-stats strong b{font-size:32px;line-height:1.2}.pilot-stats p{font-size:12px;line-height:1.5}
 .pilot-foot,.demo-disclaimer,.guide-note{font-size:12px!important;line-height:1.6!important}
 .steps{gap:24px}.steps article{padding-top:20px}.steps p{margin:0}
 .about{gap:0}.about p{margin-top:16px}.about .text-link{margin-top:16px;min-height:44px}
 .integration-tab>span{font-size:21px;line-height:1.4}.integration-tab p{font-size:16px;line-height:1.6}
 .faq summary,.guide-section .faq-list summary{font-size:17px;line-height:1.5;padding-block:20px}
 .faq details>p,.guide-section .faq-list p{font-size:16px;line-height:1.7}
 .guide-nav{gap:8px;padding-block:20px}.guide-nav a{font-size:14px;min-height:44px}.guide-nav a:nth-child(n+4){display:none}
 .guide-section{padding-block:32px}.guide-section h2,.guide-team-demo h2{font-size:26px;line-height:1.3;margin:0 0 16px;font-weight:600}
 .guide-lead{font-size:17px;line-height:1.65;margin-bottom:24px}
 .guide-needs{gap:20px;margin-top:24px}.guide-needs h3{font-size:19px;line-height:1.4}.guide-needs p{font-size:16px;line-height:1.6}
 .guide-step-list summary{padding-block:20px;gap:12px}.guide-step-list summary h3{font-size:18px;line-height:1.4;font-weight:600}
 .guide-step-body>p,.guide-sample p,.guide-example p{font-size:16px;line-height:1.7}
 .guide-readiness{gap:16px}.guide-readiness article{padding:20px}.guide-readiness h3{font-size:19px}.guide-readiness li{font-size:16px;line-height:1.65}
 .mobile-reading-fold{border-block:1px solid #e4e8ed;padding:0}.mobile-reading-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;font-size:17px;color:#3158b6;cursor:pointer;list-style:none}
 .mobile-reading-fold>summary::-webkit-details-marker{display:none}.mobile-reading-fold>summary:after{content:'＋';font-size:21px;font-weight:400}.mobile-reading-fold[open]>summary:after{content:'−'}
 .mobile-reading-fold>.guide-example,.mobile-reading-fold>.guide-readiness{margin-block:16px 24px}
 .guide-related h2{font-size:24px}.guide-related a{font-size:16px}
 .footer-top>div,.footer-top p,.footer-top button{font-size:14px;line-height:1.6}.footer-top a,.footer-top button{min-height:32px}
 .contact-inline{font-size:14px;line-height:1.6}.contact-inline a,.contact-inline button{min-height:36px}
}
@media(min-width:761px){.mobile-reading-link,.mobile-reading-fold>summary{display:none}}
@media(max-width:370px){.wrap{width:calc(100% - 40px)}.hero-text h1{font-size:34px}.hero-actions .button{padding-inline:14px}.feature-row>.wx-demo,.feature-row>.wx-device-group{zoom:.70}.target-value,.impact-grid article:first-child .target-value{font-size:46px}}