/* Shared reading grid and typography for the complete marketing page. */
:root{--reading-width:1120px;--copy:#58647a;--heading:#192b4c}
.wrap{width:min(var(--reading-width),calc(100% - 96px))}
body{line-height:1.75}
h1,h2,h3{font-feature-settings:'palt';letter-spacing:0}
p{line-break:strict;overflow-wrap:break-word}
.section{padding-block:88px}
.section-label{font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.08em;margin-bottom:16px;color:#63728b}
h2,.solution h2,.integrations h2,.faq h2,.about h2,.demo-intro h2,.impact-heading h2{font-size:36px;font-weight:550;line-height:1.4;letter-spacing:-.02em;color:var(--heading);text-wrap:balance}
.hero-text h1{font-weight:500;line-height:1.3;letter-spacing:-.025em}
.hero-description{font-size:16px;line-height:1.85;max-width:450px;margin-top:24px}
.hero-note{font-size:12px;line-height:1.6;margin-top:18px}
.hero-eyebrow{font-size:12px;letter-spacing:.06em;margin-bottom:20px}
.hero-actions{gap:12px;margin-top:28px}
.nav-surface>.brand{font-weight:800}
.button{font-size:14px;font-weight:500;line-height:1.5}
.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.split-heading>p{font-size:15px;line-height:1.85;max-width:440px;margin:5px 0 0;padding:0}
.launch-video{grid-template-columns:1fr 1fr;gap:64px;padding-block:80px 48px}
.demo-intro>p{max-width:400px;font-size:15px;line-height:1.85;margin-top:20px}
.demo-topics{margin:24px 0;font-size:14px;line-height:1.6}
.demo-intro>small{font-size:12px;line-height:1.6}
.service-intro{display:grid;grid-template-columns:1fr auto;gap:8px 32px;padding-block:28px 40px}
.service-intro>p{font-size:18px;font-weight:500;margin:0}
.service-intro>span{grid-column:1;font-size:14px;line-height:1.75;margin:0}
.service-intro>.text-link{grid-column:2;grid-row:1/3;align-self:center}
.scroll-statement{font-size:36px;font-weight:500;line-height:1.5;letter-spacing:0;max-width:850px;text-wrap:balance}
.scroll-statement span,.scroll-statement span.lit{color:var(--heading);transition:none}
.problem-grid,.steps,.day-timeline{gap:32px;margin-top:40px}
.problem-grid article{padding-top:24px}
.line-art{height:44px;font-size:26px;gap:12px;opacity:.65}
.problem-grid h3,.steps h3,.day-timeline h3{font-size:20px;font-weight:550;line-height:1.5;letter-spacing:0;margin:18px 0 12px;color:var(--heading)}
.problem-grid p,.steps p,.day-timeline p{font-size:14px;line-height:1.9;max-width:none;color:var(--copy)}
.solution-modules{gap:0;margin-top:32px;background:#f8faff;border:1px solid #e3e8f1;border-radius:10px;overflow:hidden}
.solution-modules a,.solution-modules a:first-child{padding:24px;background:transparent;border:0;border-left:1px solid #e3e8f1}
.solution-modules a:first-child{border-left:0}
.solution-modules a>span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:21px;background:transparent;color:#60749a}
.solution-modules h3{font-size:20px;font-weight:550;line-height:1.5;letter-spacing:0;margin:16px 0 10px}
.solution-modules p{font-size:13px;line-height:1.85;color:var(--copy)}
.solution-modules p br{display:none}
.feature-section-title{font-size:28px;font-weight:550;line-height:1.4;letter-spacing:0;margin:64px 0 28px;color:var(--heading)}
.feature-row,.feature-row:has(.wx-demo){grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:48px}
.feature-row>div:first-child:not(.wx-demo){padding-right:0;max-width:440px}
.feature-row>div:first-child>.section-label{margin-bottom:14px}
.feature-row>div:first-child>h3{font-size:28px;line-height:1.5;font-weight:550;letter-spacing:0;text-wrap:balance}
.feature-row>div:first-child>p{font-size:15px;line-height:1.9;max-width:420px;margin-top:18px;color:var(--copy)}
.feature-row>div:first-child>.reception-note{font-size:12px;line-height:1.75;margin-top:16px;color:#7a8699}
/* Scale the entire phone, retaining its 390:844 proportions and internal layout. */
.feature-row>.wx-demo,.feature-row>.wx-device-group{zoom:.82;justify-self:center}
.feature-row>.wx-device-group>.wx-demo{zoom:1}
.wx-device-group>.reception-tabs{margin-bottom:18px}
.workbench-demo{width:100%;max-width:440px;justify-self:center;height:420px;gap:18px;padding:28px 24px 0!important;border-radius:12px}
.workbench-demo img{width:160px;height:auto;object-fit:contain;align-self:flex-start}
.day-timeline time{font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums;color:#58709d}
.day-tag{margin-top:18px;font-size:11px}
.demo-disclaimer{font-size:12px;line-height:1.75;margin-top:24px}
.impact-heading{margin-bottom:32px}
.impact-grid article,.impact-grid article:first-child,.impact-grid article:last-child{padding:28px 28px 30px}
.impact-grid article:first-child{padding-left:0}.impact-grid article:last-child{padding-right:0}
.target-tag{font-size:12px;line-height:1.5}
.target-value{min-height:94px;align-content:center;margin:20px 0 16px;font-size:60px;line-height:1.1}
.impact-grid h3{font-size:20px;font-weight:550;line-height:1.5;margin:0 0 10px;letter-spacing:0}
.impact-grid p{font-size:14px;line-height:1.85}
.target-basis summary{font-size:14px;padding-block:22px}
.pilot-stats{margin-top:40px}.pilot-stats strong{font-size:52px;line-height:1.3}.pilot-stats p{font-size:13px;line-height:1.75;margin-top:12px}
.pilot-foot{font-size:12px;line-height:1.75;margin-top:36px}
.steps h3{margin-top:20px}.steps article>span{font-size:12px}
.about{grid-template-columns:1fr 1fr;gap:64px}.about-emblem{min-height:360px}.about p{font-size:15px;line-height:1.9;margin-top:20px;max-width:460px}
.integration-layout{gap:64px;margin-top:32px}.integration-tab{padding-block:24px}.integration-tab>span{font-size:22px;line-height:1.5}.integration-tab p{font-size:14px;line-height:1.85}
.faq-list{margin-top:32px}.faq summary{font-size:16px;font-weight:500;line-height:1.6;padding-block:24px}.faq details>p{font-size:14px;line-height:1.9;max-width:760px}
.cta{text-align:left}.cta h2{font-size:36px;line-height:1.4;letter-spacing:0}.cta-actions,.contact-inline{justify-content:flex-start}.cta-actions{margin-top:28px}.contact-inline{font-size:13px;margin-top:24px}
.footer-top{gap:32px}.footer-top>div,.footer-top p,.footer-top button{font-size:13px;line-height:1.8}.footer-top b{font-size:13px;font-weight:550}.footer-bottom{font-size:11px;line-height:1.75}
.footer-art-copy{left:max(48px,calc((100% - 1120px)/2))}.back-to-top{right:max(48px,calc((100% - 1120px)/2))}
.reveal{opacity:1;transform:none}.reveal.in-view{opacity:1;transform:none}
@media(max-width:1000px) and (min-width:761px){.wrap{width:calc(100% - 64px)}.split-heading,.feature-row,.feature-row:has(.wx-demo),.launch-video,.about,.integration-layout{gap:36px}.solution-modules a,.solution-modules a:first-child{padding:20px 16px}.solution-modules h3{font-size:18px}.feature-row>div:first-child>h3{font-size:25px}}
@media(max-width:760px){
 .wrap{width:calc(100% - 40px)}.section{padding-block:60px}.section-label{font-size:11px;line-height:1.5;margin-bottom:14px}
 h2,.solution h2,.integrations h2,.faq h2,.about h2,.demo-intro h2,.impact-heading h2,.cta h2{font-size:28px;line-height:1.45}
 .hero-text h1{font-size:38px;line-height:1.35}.hero-description{font-size:14px;line-height:1.8;max-width:360px;margin-top:18px}.hero-note{font-size:11px}.hero-eyebrow{font-size:11px}
 .split-heading,.launch-video,.about{grid-template-columns:1fr;gap:24px}.split-heading>p{font-size:14px;margin:0;max-width:none}.launch-video{padding-block:48px 32px}.demo-intro>p{font-size:14px}
 .service-intro{grid-template-columns:1fr;padding-block:24px 32px;gap:10px}.service-intro>p{font-size:17px}.service-intro>.text-link{grid-column:1;grid-row:auto;justify-self:start;margin-top:10px}
 .scroll-statement{font-size:27px;line-height:1.6;text-wrap:initial}.problem-grid,.steps,.day-timeline{margin-top:28px;gap:24px}.problem-grid article{grid-template-columns:1fr}.line-art{display:none}.problem-grid h3,.steps h3,.day-timeline h3{font-size:19px;margin:0 0 10px}.problem-grid p,.steps p,.day-timeline p{font-size:14px}
 .solution-modules{margin-top:28px}.solution-modules a,.solution-modules a:first-child{padding:20px 16px!important}.solution-modules h3{font-size:18px}.solution-modules p{font-size:12px}.solution-modules a:nth-child(3){border-left:0}
 .feature-section-title{font-size:24px;margin:44px 0 20px}.feature-row,.feature-row:has(.wx-demo){grid-template-columns:1fr;gap:28px;padding-block:36px}.feature-row>div:first-child:not(.wx-demo){max-width:none}.feature-row>div:first-child>h3{font-size:24px;line-height:1.5;text-wrap:initial}.feature-row>div:first-child>p{font-size:14px;line-height:1.85;max-width:none;margin-top:14px}
 .feature-row>.wx-demo,.feature-row>.wx-device-group{zoom:.78}.workbench-demo{height:350px;max-width:390px;padding:24px 16px 0!important;gap:14px}.workbench-demo img{width:44%;max-width:145px}
 .impact-grid article,.impact-grid article:first-child,.impact-grid article:last-child{padding:26px 0}.target-value{min-height:0;font-size:54px;margin:18px 0}.impact-grid article:first-child .target-value{font-size:54px}.impact-grid h3{font-size:19px}.impact-grid p{font-size:14px}
 .pilot-stats{gap:12px;margin-top:28px}.pilot-stats strong{font-size:34px}.pilot-stats p{font-size:11px}.pilot-stats>div{padding-left:14px}.pilot-foot{font-size:11px;margin-top:28px}.steps p{grid-column:2}.steps h3{margin:0 0 10px}.about p{font-size:14px}.about-emblem{min-height:280px}
 .integration-layout{gap:28px}.integration-tab p{font-size:14px}.faq summary{font-size:15px}.faq details>p{font-size:14px}.cta-actions{flex-wrap:wrap;gap:12px}.contact-inline{flex-wrap:wrap;gap:12px 24px;font-size:12px}.footer-top{gap:28px}.footer-bottom{flex-direction:column;gap:8px}.footer-art-copy{left:20px}.back-to-top{right:20px}
}
/* Avoid a lone word or character on the last line of compact summaries. */
.solution-modules p,.problem-grid h3,.steps h3,.day-timeline h3{text-wrap:balance}
.feature-row>div:first-child>p,.problem-grid p,.about p{text-wrap:pretty}
/* Readable demo content at the compact device size. */
.wx-device-group>.reception-tabs button{font-size:14px;font-weight:500;padding:10px 3px;color:#566175}
.wx-demo .wx-title b{font-size:18px;color:#222b39}.wx-demo .wx-title small{font-size:12px;color:#657080}.wx-demo .wx-title{min-height:62px}
.wx-demo .demo-message p,.wx-demo .conversation-prompt p,.wx-demo .conversation-response p,.marketing-demo .demo-message p{font-size:18px!important;line-height:1.55!important;color:#25313b;padding:10px 12px}
.wx-demo .demo-message small,.wx-demo .conversation-prompt small{font-size:13px;color:#626c78;line-height:1.5}
.wx-demo .reception-context,.wx-demo .reception-context>span:last-child{font-size:12px;color:#657080;line-height:1.5}
.wx-demo .reservation-slip{font-size:15px;gap:7px;padding:11px 9px}.wx-demo .reservation-slip b{font-size:17px}.wx-demo .reservation-slip span:last-child{font-size:12px;color:#68758a}
.wx-demo .friend-event>span{font-size:16px}.wx-demo .friend-event>small,.wx-demo .friend-event>b{font-size:12px;color:#68758a}
.wx-demo .outgoing-offer>span,.wx-demo .outgoing-offer small{font-size:12px;color:#68758a}.wx-demo .outgoing-offer>b{font-size:20px}.wx-demo .outgoing-offer strong{font-size:23px}.wx-demo .message-delivery{font-size:12px;color:#68758a}
.wx-demo .wx-time{font-size:12px;color:#68758a;margin:17px 0}
.wx-demo .conversation-response h4{font-size:21px}.wx-demo .conversation-response small,.wx-demo .conversation-response>span{font-size:13px;color:#5d7088}
.wx-demo .workflow-label{font-size:17px}.wx-demo .workflow-label small{font-size:12px}.wx-demo.workflow-demo .wx-task-message p{font-size:16px!important;line-height:1.6}
.wx-demo.workflow-demo li{font-size:15px;line-height:1.5;padding:12px 0;gap:8px}.wx-demo.workflow-demo i{font-size:11px}.wx-demo .wx-task-bottom{font-size:14px}
.wx-demo .wx-note,.wx-demo .reception-feature-foot{font-size:11px;color:#68758a;line-height:1.6}
.marketing-demo .marketing-chat{padding:0 10px}.marketing-demo .demo-message{margin-block:12px}.marketing-demo .marketing-photos{margin-bottom:12px}.marketing-photos small{font-size:11px;color:#56677b}.marketing-photos>span{width:64px;height:64px}
.marketing-result{padding:10px;margin-bottom:10px;gap:8px}.marketing-result b{font-size:15px}.marketing-result span,.marketing-result small{font-size:12px;line-height:1.5;color:#657080}.marketing-destination{font-size:12px;margin-top:12px;color:#657080}
/* Chinese system typography, informed by Apple's mainland website. */
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue','Microsoft YaHei','MiSans',Arial,sans-serif;font-size:17px;font-weight:400;line-height:1.65;letter-spacing:0}
button,input,select,textarea{font-family:inherit}
h1,h2,h3{font-feature-settings:normal;letter-spacing:0}
.hero-text h1{font-size:56px;line-height:1.2;font-weight:600;letter-spacing:0}
.hero-description{font-size:19px;line-height:1.6;max-width:470px}
h2,.solution h2,.integrations h2,.faq h2,.about h2,.demo-intro h2,.impact-heading h2,.cta h2{font-size:40px;line-height:1.25;font-weight:600;letter-spacing:0}
.scroll-statement{font-size:40px;line-height:1.4;font-weight:600;letter-spacing:0}
.feature-section-title{font-size:32px;line-height:1.3;font-weight:600}
.feature-row>div:first-child>h3{font-size:28px;line-height:1.35;font-weight:600}
.feature-row>div:first-child>p,.demo-intro>p,.split-heading>p,.about p{font-size:17px;line-height:1.7}
.feature-row>div:first-child>.reception-note{font-size:13px;line-height:1.6}
.problem-grid h3,.steps h3,.day-timeline h3,.solution-modules h3,.impact-grid h3{font-size:21px;font-weight:600;line-height:1.4}
.problem-grid p,.steps p,.day-timeline p,.integration-tab p,.faq details>p,.impact-grid p{font-size:16px;line-height:1.7}
.solution-modules p{font-size:14px;line-height:1.65}
.section-label,.hero-eyebrow{font-size:13px;font-weight:500;letter-spacing:0;line-height:1.5}
.hero-note,.demo-intro>small,.demo-disclaimer{font-size:13px;line-height:1.6}
.demo-topics{font-size:16px;line-height:1.6}.service-intro>p{font-size:21px;line-height:1.4}.service-intro>span{font-size:15px;line-height:1.6}
.button{font-size:16px;font-weight:400;line-height:1.25}.button.small{font-size:14px}.text-link{font-size:16px}
.nav-trigger{font-size:14px}.nav-dropdown b{font-size:15px;font-weight:600}.nav-dropdown small{font-size:13px;line-height:1.6}
.faq summary{font-size:17px;font-weight:500;line-height:1.5}
.brand,.nav-surface>.brand,.footer .brand{font-weight:750;letter-spacing:0}.brand>span{-webkit-text-stroke:0}
.footer-top>div,.footer-top p,.footer-top button{font-size:14px;line-height:1.65}.footer-bottom{font-size:12px;line-height:1.5}
.wx-demo{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei','MiSans',sans-serif;letter-spacing:0}
@media(max-width:1000px) and (min-width:761px){.hero-text h1{font-size:48px}.hero-description{font-size:17px}.solution-modules h3{font-size:19px}}
@media(max-width:760px){
 body{font-size:16px}.hero-text h1{font-size:40px;line-height:1.25;font-weight:600}.hero-description{font-size:16px;line-height:1.65;max-width:360px}
 h2,.solution h2,.integrations h2,.faq h2,.about h2,.demo-intro h2,.impact-heading h2,.cta h2{font-size:32px;line-height:1.3}
 .scroll-statement{font-size:30px;line-height:1.45}.feature-section-title{font-size:28px}.feature-row>div:first-child>h3{font-size:26px;line-height:1.4}
 .feature-row>div:first-child>p,.demo-intro>p,.split-heading>p,.about p{font-size:16px;line-height:1.7}
 .problem-grid h3,.steps h3,.day-timeline h3,.impact-grid h3{font-size:20px}.solution-modules h3{font-size:18px}.solution-modules p{font-size:13px}
 .problem-grid p,.steps p,.day-timeline p,.integration-tab p,.faq details>p,.impact-grid p{font-size:15px;line-height:1.7}
 .section-label,.hero-eyebrow{font-size:12px}.hero-note{font-size:12px}.button,.hero-actions .button,.cta-actions .button{font-size:14px}.faq summary{font-size:16px}
}

/* Bold Chinese wordmark beside the star logo. */
.brand,.nav-surface>.brand,.footer .brand{font-family:'PingFang SC','Heiti SC','Microsoft YaHei','MiSans',sans-serif;font-weight:900;letter-spacing:.02em}
.brand>span{-webkit-text-stroke:.45px currentColor;font-weight:900}
.brand .brand-ai{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;font-weight:700;-webkit-text-stroke:0}