/* v2.2: straight editorial grid, stable desktop rhythm, readable working examples. */
.wecom-company-link{font-size:11px;opacity:.8}.poster-codes{display:flex;gap:20px;align-items:flex-end}.brand-poster .poster-contact{gap:25px}.brand-poster .poster-contact>div:first-child{min-width:0}.brand-poster .poster-contact h2{font-size:29px}.brand-poster .poster-contact>div:first-child>span{font-size:17px}.brand-poster .poster-codes figure{flex:0 0 280px;width:280px}.brand-poster .poster-codes img{display:block;width:280px;height:280px}.brand-poster .poster-codes figcaption{font-size:13px;line-height:1.6;text-align:center}.wecom-qr a{display:block}
.hero h1>.dot{display:inline}.visual.extract::before,.visual.extract::after{display:none!important}.visual .documents span{transform:none!important;box-shadow:none!important}.message-source .scan-line{left:0;right:auto;width:2px;height:22px;box-shadow:none;opacity:.6}.brand-poster .message-source .scan-line{display:none}
@media(prefers-reduced-motion:reduce){.message-source .scan-line{display:none}}
.brand-home .visual.workflow{background:var(--accent)}.brand-home .visual.workflow .demo-label{color:#d7d1ff}
.brand-home .brand-nav{padding-inline:max(24px,calc((100vw - 1320px)/2))}
.brand-home main>section{padding-left:max(24px,calc((100vw - 1320px)/2));padding-right:max(24px,calc((100vw - 1320px)/2))}
.brand-home .hero{grid-template-columns:1fr 1.15fr;gap:48px;padding-top:66px;min-height:640px}
.brand-home .hero h1{font-size:clamp(48px,5.1vw,76px);letter-spacing:-.055em;line-height:1.15;margin:25px 0}
.brand-home .hero-copy{align-self:center}.brand-home .intro{max-width:470px;line-height:1.95;font-size:14px;color:#5d5b51}
.brand-home .positioning{font-size:14px;line-height:1.8}.brand-home .hero-work{transform:none!important;align-self:center}.brand-home .hero-work .visual{transform:none;box-shadow:none;background:#eeeade;padding:38px 22px 22px;min-height:0}.brand-home .hero-work-title{font-size:15px;margin-bottom:18px}.brand-home .hero-meta{font-size:11px;text-align:left;margin-top:15px;line-height:1.8}.brand-home .hero-foot{margin-top:32px;align-self:end}
.brand-home .section-title{grid-template-columns:180px 1fr 290px;gap:26px;align-items:end}.brand-home .section-title h2{font-size:clamp(38px,4.2vw,58px);letter-spacing:-.055em;line-height:1.16}.brand-home .section-title>p{font-size:13px}
.brand-home .capability-layout{display:block}.brand-home .capability{display:grid;grid-template-columns:5fr 7fr;gap:60px;padding:45px 0;margin:0!important;align-items:center;border-top:1px solid #1800dc25}.brand-home .capability-copy{padding:0}.brand-home .serial{position:static;display:block;margin-bottom:18px;font-size:13px}.brand-home .capability h3{font-size:32px;line-height:1.4;letter-spacing:-.035em}.brand-home .capability .benefit{font-size:19px;line-height:1.7;max-width:410px;margin-top:19px}.brand-home .capability .description{font-size:14px;line-height:1.95;max-width:430px;color:#696557;margin-top:20px}.use-examples{list-style:none;padding:0;margin:25px 0 0;border-top:1px solid #1800dc20;max-width:430px}.use-examples li{font-size:12px;color:var(--accent);padding:11px 0;border-bottom:1px solid #1800dc20}
.brand-home .visual{background:#eeeade;min-height:0;padding:40px 24px 24px}.visual.extract{grid-template-columns:1fr 24px 1.05fr;gap:12px}.message-source{position:relative;background:#fff9e9;padding:20px 18px;align-self:start}.message-source>small{color:#777263}.message-source>p{font-size:15px;line-height:1.95;margin:17px 0 23px;color:#262629}.message-source>span{font-size:11px;color:#777263;display:block}.fields{padding:20px 16px;box-shadow:none}.fields dl{gap:14px 8px;grid-template-columns:1fr 1.8fr;font-size:12px}.fields small{font-size:11px}.fields .status{font-size:11px}.visual-arrow{font-size:24px}.visual-note{grid-column:1/-1;font-size:11px!important;line-height:1.8;color:#676152;margin-top:12px!important}.compare-top{margin-bottom:20px;gap:10px}.compare-top b{font-size:14px}.badge{color:var(--accent);border-color:#1800dc45;white-space:nowrap}.audit-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px;line-height:1.5}.audit-table th,.audit-table td{text-align:left;padding:7px 5px;border-bottom:1px solid #1800dc15;overflow-wrap:anywhere}.audit-table th{color:#716a5b;font-size:10px;font-weight:500}.audit-table td:last-child{font-size:10px;color:#777263}.audit-table .audit-flag{background:#b9f50070}.audit-table .audit-flag td:last-child{color:var(--accent);font-weight:bold}.exception{margin-top:20px;background:#fff9e9}.exception b{font-size:13px}.exception small{font-size:11px;line-height:1.7}.notify-demo{background:var(--accent);color:#fff3d8;padding:15px 18px;display:flex;flex-direction:column;gap:9px;margin-top:12px;font-size:11px}.notify-demo b{font-size:12px}.visual.knowledge .documents{font-size:12px;margin:4px 0 23px}.visual.knowledge .answer{box-shadow:none}.visual.knowledge .answer>b{font-size:12px;color:var(--accent);margin-bottom:6px;font-weight:600}.visual.knowledge .answer .answer-body{font-size:13px;line-height:1.8;margin:0 0 15px}.answer-note{line-height:1.8}.work-before{background:#fff9e9;padding:18px;margin-bottom:22px}.work-before>small{color:#777263}.work-before p{font-size:12px;line-height:1.8;margin-top:10px}.flow-track{font-size:13px}.flow-track>small{align-self:start;margin-bottom:12px;color:#777263}.flow-track>span{min-width:0;width:100%;padding:12px 16px}.flow-foot{font-size:11px;line-height:1.8;margin-top:18px}.capability-notes{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:25px 0;border-top:1px solid #1800dc25;font-size:12px;line-height:1.9;color:#696557}.capability-notes b{display:block;color:var(--accent);font-size:14px;margin-bottom:12px}
.brand-home .case-story,.brand-home .case-story:nth-of-type(2){grid-template-columns:5fr 7fr;gap:60px;padding:48px 0}.brand-home .case-story:nth-of-type(2) .case-info,.brand-home .case-story:nth-of-type(2) .case-flow{grid-column:auto;grid-row:auto}.case-info h3{font-size:clamp(29px,2.7vw,39px);line-height:1.35;letter-spacing:-.04em;margin:23px 0 19px}.case-info .eyebrow{flex-wrap:wrap;gap:8px;font-size:11px}.case-intro{font-size:14px}.case-effect{font-size:13px;line-height:1.85;color:#696557;border-left:2px solid var(--accent);padding-left:17px;margin-top:24px;max-width:480px}.case-effect>b{display:block;font-size:11px;color:var(--accent);margin-bottom:6px}.brand-home .case-flow ol{grid-template-columns:repeat(4,1fr)}.brand-home .case-flow li:last-child{background:none;color:var(--accent)}.case-picture figcaption{line-height:1.8}
.brand-home .cooperation ol{grid-template-columns:repeat(5,1fr);margin-top:45px}.brand-home .cooperation li{padding-right:20px}.brand-home .cooperation li+li{padding-left:18px}.cooperation h3{font-size:21px;margin:24px 0 14px}.cooperation li>p{font-size:12px}.contact-hint{font-size:12px;margin-top:14px;line-height:1.8;opacity:.75}.wecom-qr{width:135px;margin:0}.wecom-qr img{width:135px;height:135px;object-fit:contain;background:white}.wecom-qr figcaption{font-size:10px;margin-top:8px}.contact-strip:has(.wecom-qr){grid-template-columns:1fr auto 135px}.wecom-contact-link{border-bottom:1px solid #fff8;padding-bottom:7px}
/* Long image is deliberately shorter, without the website's detailed descriptions. */
.brand-poster .hero{display:block;padding:40px 45px 0}.brand-poster .hero h1{font-size:72px;line-height:1.15;margin:20px 0}.brand-poster .positioning{font-size:24px}.brand-poster .intro{font-size:20px;line-height:1.8;max-width:940px}.brand-poster .hero-foot{margin-top:26px;font-size:17px}.brand-poster .capabilities{padding:42px 45px}.brand-poster .section-title{margin-bottom:28px;grid-template-columns:180px 1fr}.brand-poster .section-title h2{font-size:50px}.brand-poster .capability-layout{display:block}.brand-poster .capability{display:grid;grid-template-columns:330px 1fr;gap:25px;margin:0!important;padding:30px 0;border-color:#1800dc25;align-items:center}.brand-poster .capability-copy{padding:0}.brand-poster .serial{position:static;display:block;font-size:17px;margin-bottom:18px}.brand-poster .capability h3{font-size:29px;line-height:1.4}.brand-poster .benefit{font-size:20px!important;line-height:1.8}.brand-poster .visual{padding:36px 20px 20px;min-height:0}.brand-poster .message-source>p{font-size:16px;line-height:1.8}.brand-poster .message-source{padding:15px}.brand-poster .message-source>span{font-size:12px}.brand-poster .fields dl{font-size:14px;gap:14px 8px}.brand-poster .fields{padding:18px 13px}.brand-poster .visual-arrow{font-size:23px}.brand-poster .status{font-size:12px}.brand-poster .visual-note{font-size:12px!important}.brand-poster .audit-table{font-size:13px}.brand-poster .audit-table th,.brand-poster .audit-table td:last-child{font-size:11px}.brand-poster .notify-demo{font-size:12px}.brand-poster .exception{padding:13px 8px}.brand-poster .exception small{font-size:11px}.brand-poster .answer>b{font-size:13px}.brand-poster .answer .answer-body{font-size:14px}.brand-poster .answer>p{font-size:18px}.brand-poster .flow-track{font-size:15px}.brand-poster .flow-track>span{min-width:0}.brand-poster .flow-foot{font-size:12px}.brand-poster .cooperation{padding:20px 45px 35px}.brand-poster .cooperation .section-title h2{font-size:44px}.brand-poster .cooperation ol{grid-template-columns:repeat(5,1fr);margin:30px 0 0}.brand-poster .cooperation li{padding:16px 12px 0}.brand-poster .cooperation li:nth-child(3){border-left:1px solid #1800dc25}.brand-poster .cooperation h3{font-size:20px;margin:20px 0 0}.brand-poster .cooperation li>span{font-size:14px}.brand-poster .poster-contact h2{font-size:32px}.brand-poster .wecom-qr{width:280px}.brand-poster .wecom-qr img{width:280px;height:280px}
@media(max-width:1100px){.brand-home .hero{gap:28px}.brand-home .section-title{grid-template-columns:130px 1fr 220px}.brand-home .capability,.brand-home .case-story,.brand-home .case-story:nth-of-type(2){gap:35px;grid-template-columns:1fr 1.2fr}.brand-home .capability h3{font-size:27px}.brand-home .capability .benefit{font-size:17px}.brand-home .cooperation ol{grid-template-columns:repeat(5,1fr)}}
@media(max-width:800px){.brand-home main>section{padding-inline:20px}.brand-home .hero{grid-template-columns:1fr;padding-top:42px;gap:22px;min-height:0}.brand-home .hero h1{font-size:52px}.brand-home .intro{max-width:550px}.brand-home .hero-work{margin:14px 0 0}.brand-home .hero-foot{margin-top:5px}.brand-home .section-title{display:block}.brand-home .section-title h2{font-size:40px;margin:20px 0}.brand-home .capability,.brand-home .case-story,.brand-home .case-story:nth-of-type(2){display:block}.brand-home .capability{padding:30px 0}.brand-home .capability .benefit,.brand-home .capability .description,.use-examples{max-width:none}.brand-home .capability .visual{margin-top:27px}.brand-home .capability .description{font-size:13px}.capability-notes{grid-template-columns:1fr;gap:25px}.brand-home .cooperation ol{grid-template-columns:1fr;gap:20px}.brand-home .cooperation li+li{padding-left:0;border-left:0}.brand-home .cooperation h3{margin-top:18px}.brand-home .contact-strip:has(.wecom-qr){grid-template-columns:1fr}.brand-home .case-flow{margin-top:27px}.brand-home .brand-nav{padding-inline:20px}}
@media(max-width:480px){.brand-home .hero h1{font-size:43px}.brand-home .positioning{font-size:12px}.brand-home .intro{font-size:13px}.brand-home .visual,.brand-home .hero-work .visual{padding:34px 13px 16px}.visual.extract{grid-template-columns:1fr;gap:10px}.visual.extract .visual-arrow{transform:rotate(90deg);justify-self:center;animation:none!important}.message-source>p{font-size:14px;margin:10px 0 16px}.message-source{padding:16px}.fields{padding:18px}.fields dl{font-size:13px;gap:13px 8px}.demo-label{font-size:9px;left:13px}.audit-table{font-size:10px}.audit-table th,.audit-table td{padding:7px 3px}.audit-table th:nth-child(2),.audit-table td:nth-child(2){display:none}.compare-top b{font-size:12px}.badge{font-size:8px}.brand-home .capability h3{font-size:25px}.brand-home .capability .benefit{font-size:17px}.brand-home .contact-strip h2{font-size:23px}.brand-home .case-info h3{font-size:28px}}
@media(max-width:480px){.brand-home .capability .visual.extract{grid-template-columns:1fr;min-height:0;padding:34px 13px 16px}}
@media(max-width:800px){.brand-home .contact-strip:has(.wecom-qr){grid-template-columns:minmax(0,1fr) 135px;gap:24px 20px}.contact-strip:has(.wecom-qr)>div:first-child{grid-column:1/-1}.contact-strip .contact-links{grid-column:1;gap:14px;font-size:12px}.contact-strip .wecom-qr{grid-column:2;align-self:start}.contact-strip .copy-wechat{font-size:12px;gap:12px}}