/* Design Read: spacious Chinese B2B marketing, inspired by Doubao Work, not a clone.
   DESIGN_VARIANCE 4 / MOTION_INTENSITY 4 / VISUAL_DENSITY 3.
   Light theme explicitly selected by the brief. Blue interface accent; original orange logo preserved.
   Radius: panels 28px, inner surfaces 16px, buttons/pills full. Z-index: header 10, skip-link 20, native dialog top layer. */
:root{color-scheme:light;--ink:#171a22;--muted:#626a77;--blue:#2c61db;--blue-dark:#2454bf;--soft:#f0f5ff;--paper:#fff;--line:#e6e9ef;--radius:28px;--font:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3,h4,blockquote{margin:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section{padding-top:120px;padding-bottom:120px}.section-heading{margin-bottom:48px}.centered{text-align:center}.section-heading h2,h2{font-weight:600;font-size:clamp(32px,3.6vw,48px);line-height:1.35;letter-spacing:-1.7px;text-wrap:balance}.section-heading p{margin-top:20px;color:var(--muted);line-height:1.9;font-size:18px}.eyebrow{display:block;font-size:15px;color:var(--blue);margin-bottom:17px;font-weight:600}.skip-link{position:fixed;left:16px;top:-100px;background:var(--ink);color:#fff;padding:12px 18px;z-index:20;border-radius:12px}.skip-link:focus{top:10px}
.header{position:sticky;top:0;z-index:10;height:76px;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(235,238,243,.6)}.nav-wrap{width:min(1400px,calc(100% - 80px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;flex:none;align-items:center}.logo-crop{display:block;width:90px;height:39px;position:relative;overflow:hidden}.logo-crop img{width:170px;max-width:none;height:auto;position:absolute;left:-38.3px;top:-22.3px}.desktop-nav{display:flex;gap:34px;align-items:center;font-size:15px}.desktop-nav a{color:#3f4450;transition:color .2s}.desktop-nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:14px}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;border-radius:999px;padding:14px 26px;background:var(--ink);color:#fff;font-size:16px;font-weight:500;white-space:nowrap;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#303744;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-small{min-height:38px;padding:9px 22px;font-size:14px}.button-secondary{background:#f2f4f7;color:#2e3543}.button-secondary:hover{background:#e9edf3}.menu-toggle{display:none;background:none;border:0;padding:8px;font-size:14px}.mobile-nav{background:#fff;border-bottom:1px solid var(--line);padding:15px 24px}.mobile-nav a{display:block;padding:13px 0}
.hero{padding-top:62px}.hero-copy{text-align:center}.hero h1{font-size:clamp(40px,5vw,68px);font-weight:600;line-height:1.32;letter-spacing:-2.6px}.hero h1 span{color:var(--blue)}.hero-copy>p{font-size:19px;color:var(--muted);line-height:1.85;margin-top:22px}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:29px}.hero-art{margin-top:48px;border-radius:var(--radius);overflow:hidden;height:360px;background:#edf5ff}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 54%}
.scenarios{padding-top:108px;padding-bottom:90px}.scenario-tabs{display:flex;width:max-content;max-width:100%;padding:6px;border-radius:999px;background:#f2f4f7;margin:0 auto 30px;gap:4px}.scenario-tabs button{border:none;background:transparent;color:#5c6370;border-radius:999px;padding:13px 30px;font-size:16px;white-space:nowrap;transition:background .2s,color .2s}.scenario-tabs button[aria-selected=true]{background:#fff;color:var(--blue);box-shadow:0 2px 8px #17233909;font-weight:600}.scenario-tabs button:hover{color:var(--blue)}.scenario-panel{background:#f3f6fc;border-radius:var(--radius);padding:52px;display:grid;grid-template-columns:1fr 1.12fr;gap:60px;align-items:center;min-height:410px}.scene-copy h3{font-size:35px;font-weight:600;letter-spacing:-1px;line-height:1.5;margin:20px 0 20px}.scene-copy>p{font-size:17px;line-height:1.9;max-width:350px;color:var(--muted)}.status{font-size:13px;color:var(--blue-dark);font-weight:500}.status-planned{color:#657083}.text-link{display:inline-flex;align-items:center;gap:15px;background:none;border:0;padding:0;font-weight:500;font-size:16px;color:var(--blue-dark);line-height:1.8}.scene-copy .text-link{margin-top:28px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.scene-visual{min-height:300px;border-radius:20px;background:#fff;padding:30px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 14px 45px #42649a07}.visual-label{font-size:14px;color:var(--muted);margin-bottom:25px}.scene-visual blockquote{font-size:21px;line-height:1.7;letter-spacing:-.35px;font-weight:500}.flow-caption{position:relative;margin:25px 0;padding:10px 24px;background:var(--soft);border-radius:999px;font-size:14px;color:var(--blue-dark)}.flow-caption:before,.flow-caption:after{position:absolute;content:"";height:17px;left:50%;width:1px;background:#cbd8ef}.flow-caption:before{top:-17px}.flow-caption:after{bottom:-17px}.geo-knowledge,.analysis-outputs,.decision-steps{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;font-size:14px;color:#4d607e}.geo-knowledge span{padding:9px 12px;background:#f8f9fc;border-radius:8px}.visual-footnote{font-size:12px;color:#68748a;margin-top:23px;line-height:1.7}.scenario-note{font-size:12px;color:#6d7686;margin-top:16px;text-align:center;line-height:1.7}.input-types{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:8px;font-size:14px}.input-types span{padding:12px 2px;border-radius:10px;background:#f3f6fc}.analysis-center{margin:25px 0;color:var(--blue);font-size:27px;letter-spacing:3px;padding:16px 0;position:relative}.analysis-center:before,.analysis-center:after{content:"";position:absolute;left:50%;height:18px;width:1px;background:#d6dfef}.analysis-center:before{top:-16px}.analysis-center:after{bottom:-16px}.analysis-outputs span{padding:10px}.service-flow{width:100%;margin:0;padding:0;list-style:none;text-align:left;counter-reset:service}.service-flow li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:15px;border-bottom:1px solid #f0f2f7}.service-flow li:last-child{border:0}.service-flow small{font-size:12px;color:var(--muted)}.decision-steps{margin-top:30px;gap:12px}.decision-steps span{background:#f3f6fc;padding:12px;border-radius:10px}
.icare{padding-top:100px}.icare-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:90px;align-items:center}.icare-photo{align-self:stretch;position:relative;min-height:575px}.icare-photo img{width:100%;height:100%;max-height:650px;object-fit:cover;object-position:center 76%;border-radius:var(--radius)}.icare-photo figcaption{color:#768091;font-size:12px;padding-top:10px}.product-label{color:var(--blue-dark);font-size:22px;font-weight:600;display:flex;align-items:center;gap:18px;margin-bottom:23px}.product-label span{font-size:14px;font-weight:400;color:var(--muted)}.icare-copy h2{font-size:46px;line-height:1.4}.section-intro{font-size:17px;color:var(--muted);line-height:1.9;margin-top:23px}.capability-list{margin-top:32px;display:grid;gap:22px}.capability-list h3{font-size:18px;font-weight:600;margin-bottom:7px}.capability-list p{font-size:15px;line-height:1.85;color:var(--muted)}.availability{display:block;margin-top:24px;font-size:13px;line-height:1.8;color:var(--blue-dark)}.lifetime{margin-top:100px;display:grid;grid-template-columns:.95fr 1.6fr;gap:65px;align-items:center;background:#f5f7fa;padding:42px;border-radius:var(--radius)}.lifetime h3{font-size:23px;line-height:1.55;letter-spacing:-.5px;font-weight:500}.lifetime>div>p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:12px}.age-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.age-groups h4{font-size:16px;font-weight:600;margin-bottom:12px}.age-groups p{font-size:14px;line-height:1.85;color:var(--muted)}.disclaimer{font-size:12px;color:#6d7686;line-height:1.9;margin-top:19px}
.geo-section{background:#f8faff}.geo-section .section-heading h2{font-size:48px}.geo-services{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.geo-services article{background:#fff;border-radius:20px;padding:35px 38px;position:relative}.service-symbol{color:#99accf;font-size:14px;display:block;margin-bottom:22px;font-variant-numeric:tabular-nums}.geo-services h3{font-size:22px;font-weight:500;margin-bottom:14px;letter-spacing:-.3px}.geo-services p{font-size:16px;color:var(--muted);line-height:1.9;max-width:430px}.geo-footer{display:flex;align-items:center;justify-content:space-between;padding-top:32px}.geo-footer p{color:var(--muted);font-size:15px}
.os-architecture{border-radius:var(--radius);background:#f4f7fc;padding:42px}.architecture-top,.architecture-base{border-radius:16px;background:#fff;padding:28px 32px;display:grid;grid-template-columns:.65fr 1.65fr;gap:38px;align-items:center}.architecture-top strong,.architecture-base strong{display:block;font-size:25px;font-weight:600;margin-bottom:8px;letter-spacing:-.5px}.architecture-top>div>span,.architecture-base>div>span{font-size:14px;color:var(--muted);line-height:1.6}.agent-names{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.agent-names>span{display:flex;flex-direction:column;gap:9px;font-size:16px!important;color:#2b384f!important}.agent-names small,.os-modules small{font-size:12px;color:var(--blue-dark)}.agent-names .future small,.os-modules>span:not(.live-module) small{color:var(--muted)}.architecture-connector{height:70px;display:flex;justify-content:center;gap:80px;align-items:center;color:#657695;font-size:13px}.architecture-connector span{position:relative;padding:0 16px}.architecture-connector span:before{content:"";position:absolute;top:-22px;bottom:-22px;width:1px;background:#bccbe3;left:0}.os-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.os-modules>span{display:flex;flex-direction:column;gap:6px;padding:13px 16px;border-radius:10px;background:#f7f8fa;font-size:15px!important;color:#455268!important}.os-modules .live-module{background:#eef4ff;color:var(--blue-dark)!important}.os-explanation{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;margin-top:40px;padding:0 10px}.os-explanation h3{font-size:22px;line-height:1.65;font-weight:500}.os-explanation p{font-size:15px;color:var(--muted);line-height:1.9}
.about-section{background:#f8f9fb}.about-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start;margin-top:62px}.experience strong{font-size:116px;font-weight:500;letter-spacing:-8px;line-height:1;color:var(--blue)}.experience strong span{font-size:68px;vertical-align:top;font-weight:400;letter-spacing:0}.experience p{font-size:17px;color:var(--muted);margin-top:16px}.about-capabilities{display:grid;gap:27px}.about-capabilities h3{font-size:20px;font-weight:500;margin-bottom:9px}.about-capabilities p{font-size:15px;color:var(--muted);line-height:1.85}.service-promise{margin-top:75px;padding-top:32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:50px}.service-promise h3{font-size:23px;font-weight:500;white-space:nowrap}.service-promise p{font-size:15px;color:var(--muted);line-height:1.9;max-width:600px}
.contact-section{text-align:center;padding-top:115px;padding-bottom:110px}.contact-section h2{font-size:44px}.contact-section p{margin:22px 0 30px;font-size:18px;color:var(--muted)}.footer{display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);padding-top:30px;padding-bottom:35px}.footer .logo-crop{transform:scale(.8);transform-origin:left center;width:77px}.footer>p{font-size:14px;color:var(--muted)}.footer>div{display:flex;gap:24px;font-size:13px;margin-left:auto}.footer small{font-size:12px;color:#757d89}.mobile-break{display:none}dialog{border:1px solid #e8ecf4;border-radius:28px;padding:46px;max-width:550px;width:calc(100% - 36px);color:var(--ink);box-shadow:0 30px 120px #132f5b20}dialog::backdrop{background:#14264066;backdrop-filter:blur(5px)}dialog h2{font-size:32px;line-height:1.5;letter-spacing:-1px}dialog>p{margin-top:20px;color:var(--muted);font-size:16px;line-height:1.9}.dialog-close{position:absolute;top:16px;right:18px;width:36px;height:36px;font-size:27px;border:0;border-radius:50%;background:#f1f4f8;color:#43516a}.dialog-links{display:grid;gap:12px;margin-top:28px}.dialog-links a{display:flex;justify-content:space-between;background:#f0f5ff;color:var(--blue-dark);padding:16px;border-radius:12px;font-size:15px}.dialog-note{font-size:12px!important;margin-top:24px!important}body.dialog-open{overflow:hidden}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:enter .8s both}.hero-art{animation:enter 1s .12s both}.scenario-panel{animation:enter .35s both}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.is-visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(min-width:1600px){.hero-art{height:410px}.hero{padding-top:72px}}
@media(max-width:1100px){.container,.nav-wrap{width:calc(100% - 56px)}.desktop-nav{gap:24px}.scenario-panel{padding:38px;gap:35px}.scene-copy h3{font-size:30px}.scene-visual{padding:24px}.scene-visual blockquote{font-size:19px}.icare-layout{gap:50px}.icare-copy h2{font-size:40px}.icare-photo{min-height:620px}.lifetime{gap:35px;padding:34px}.age-groups{gap:17px}.architecture-top,.architecture-base{grid-template-columns:.8fr 1.5fr;gap:25px}.footer{flex-wrap:wrap}.footer small{margin-left:auto}}
@media(max-width:767px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.section{padding-top:75px;padding-bottom:75px}.header{height:66px}.nav-wrap{width:calc(100% - 40px);gap:14px}.logo-crop{width:75px;height:32px}.logo-crop img{width:143px;left:-32.1px;top:-18.8px}.desktop-nav{display:none}.menu-toggle{display:block}.button-small{font-size:13px;min-height:35px;padding:8px 17px}.hero{padding-top:49px}.hero h1{font-size:43px;line-height:1.35;letter-spacing:-1.8px}.hero h1 span{display:block}.hero-copy>p{font-size:16px;line-height:1.9;margin-top:20px;max-width:370px;margin-inline:auto}.desktop-break{display:none}.hero-actions{gap:10px;margin-top:25px}.button{padding:13px 20px;font-size:14px;gap:14px;min-height:46px}.button-small{min-height:35px;padding:8px 17px;font-size:13px}.hero-art{height:235px;margin-top:35px;border-radius:22px}.hero-art img{object-position:60% center}.section-heading{margin-bottom:32px}.section-heading h2,h2{font-size:30px;letter-spacing:-1px}.section-heading p{font-size:16px;line-height:1.85;margin-top:16px}.scenario-tabs{width:100%;gap:1px;padding:5px;justify-content:space-between}.scenario-tabs button{font-size:13px;padding:12px 11px;flex:1}.scenario-panel{padding:28px 23px;display:grid;grid-template-columns:1fr;gap:30px;border-radius:22px}.scene-copy h3{font-size:29px;line-height:1.45;margin:14px 0 17px}.scene-copy>p{font-size:16px;max-width:none}.scene-copy .text-link{margin-top:19px}.scene-visual{min-height:280px;padding:24px 16px;border-radius:16px}.scene-visual blockquote{font-size:18px}.geo-knowledge{gap:7px}.geo-knowledge span{padding:9px;font-size:13px}.visual-label{font-size:13px}.visual-footnote{font-size:12px}.scenario-note{text-align:left;font-size:12px;line-height:1.8}.icare-layout{grid-template-columns:1fr;gap:35px}.icare-photo{min-height:0;height:390px}.icare-photo img{height:100%;object-position:center 72%;border-radius:22px}.icare-copy{padding-top:7px}.product-label{font-size:22px;gap:14px;margin-bottom:18px}.product-label span{font-size:13px}.icare-copy h2{font-size:35px}.section-intro{font-size:16px;margin-top:16px}.capability-list{margin-top:28px;gap:22px}.capability-list h3{font-size:18px}.capability-list p{font-size:15px}.availability{font-size:12px}.lifetime{margin-top:50px;grid-template-columns:1fr;gap:25px;padding:28px 23px;border-radius:22px}.lifetime h3{font-size:24px}.age-groups{grid-template-columns:1fr;gap:21px}.age-groups article{padding-left:17px;border-left:2px solid #d8e3f6}.age-groups h4{margin-bottom:6px}.age-groups p{font-size:14px}.disclaimer{line-height:1.8}.geo-section .section-heading h2{font-size:35px}.geo-services{grid-template-columns:1fr;gap:14px}.geo-services article{padding:26px}.service-symbol{margin-bottom:15px;font-size:13px}.geo-services h3{font-size:21px}.geo-services p{font-size:15px}.geo-footer{align-items:flex-start;gap:20px}.geo-footer p{font-size:14px;line-height:1.8;max-width:170px}.geo-footer .text-link{white-space:nowrap;font-size:14px}.os-architecture{padding:20px;border-radius:22px}.architecture-top,.architecture-base{grid-template-columns:1fr;padding:24px 20px;gap:24px}.architecture-top strong,.architecture-base strong{font-size:24px}.agent-names{grid-template-columns:1fr;gap:19px}.agent-names>span{flex-direction:row;align-items:center;justify-content:space-between;font-size:15px!important}.agent-names small{font-size:12px}.os-modules{grid-template-columns:1fr;gap:10px}.os-modules>span{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:13px 12px;font-size:14px!important}.os-modules small{font-size:11px}.architecture-connector{gap:36px;height:60px}.os-explanation{grid-template-columns:1fr;gap:20px;margin-top:28px;padding:0}.os-explanation h3{font-size:23px}.os-explanation p{font-size:15px}.about-grid{grid-template-columns:1fr;gap:40px;margin-top:40px}.experience strong{font-size:95px}.experience strong span{font-size:55px}.experience p{font-size:16px}.about-capabilities{gap:26px}.about-capabilities h3{font-size:20px}.service-promise{margin-top:42px;display:block;padding-top:25px}.service-promise h3{font-size:22px;white-space:normal;margin-bottom:14px}.contact-section{padding-top:75px;padding-bottom:75px}.contact-section h2{font-size:30px;line-height:1.5}.mobile-break{display:block}.contact-section p{font-size:16px;margin:18px 0 24px}.footer{display:grid;grid-template-columns:auto 1fr;gap:20px;padding-top:28px;padding-bottom:28px}.footer .logo-crop{transform:none;width:75px}.footer>p{font-size:13px;text-align:right}.footer>div{font-size:13px;margin:0;grid-column:1/-1;justify-content:space-between;gap:20px}.footer small{grid-column:1/-1;margin:0;font-size:12px}dialog{padding:35px 25px}dialog h2{font-size:27px}dialog>p{font-size:15px}.dialog-links a{font-size:14px}}
@media(max-width:359px){.container,.nav-wrap{width:calc(100% - 28px)}.hero h1{font-size:38px}.scenario-tabs button{padding:11px 7px;font-size:12px}.hero-actions .button{padding:12px 15px}.product-label{gap:10px}.product-label span{font-size:12px}}
/* Keep every module visible across wide and narrow hero crops. */
@media(min-width:1101px){.hero-art{height:500px}.hero-art img{object-position:center 46%}}
@media(min-width:768px){.footer .logo-crop{width:90px}}
@media(max-width:767px){.hero-art{height:auto;aspect-ratio:1672/941}.hero-art img{object-fit:contain}}
