/* About page: proportions and foreground content follow the final Sketch artboard 13. */
@font-face{font-family:AboutHeroDisplay;src:url('fonts/AlimamaShuHeiTi-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:AboutPuHui;src:url('fonts/detail/AlibabaPuHuiTi-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:AboutPuHui;src:url('fonts/detail/AlibabaPuHuiTi-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
#top.about-page{--ab-unit:min(1px,.0520833333vw);--ab-font:AboutPuHui,var(--type-font);--ab-heading:AlimamaShuHeiTi,var(--type-font)}
.ab-section{position:relative;isolation:isolate;min-height:calc(1080 * var(--ab-unit));overflow:hidden;scroll-margin-top:85px;background:#f3f9ff}
.ab-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}
#top.about-page main h1{font:700 calc(94 * var(--ab-unit))/1.2 AboutHeroDisplay,var(--type-font);text-wrap:wrap;color:#061735;letter-spacing:0;margin:0 0 calc(45 * var(--ab-unit))}
#top.about-page main h2{font:700 calc(70 * var(--ab-unit))/1.286 var(--ab-heading);text-wrap:wrap;white-space:pre-line;letter-spacing:0;color:#061735;background:linear-gradient(110deg,#061735 5%,#1b44e1 95%);background-clip:text;-webkit-text-fill-color:transparent;width:fit-content;margin:0 0 calc(30 * var(--ab-unit))}
#top.about-page main .ab-section h3{font:700 calc(32 * var(--ab-unit))/1.375 var(--ab-font);text-wrap:wrap;overflow-wrap:normal;letter-spacing:0;color:#0c1b38;margin:0 0 calc(18 * var(--ab-unit))}
#top.about-page main .ab-section h4{font:700 calc(28 * var(--ab-unit))/1.36 var(--ab-font);text-wrap:wrap;overflow-wrap:normal;color:#102741;margin:0 0 calc(10 * var(--ab-unit))}
#top.about-page main p{font:400 calc(24 * var(--ab-unit))/1.65 var(--ab-font);color:#12364e;margin:0 0 calc(26 * var(--ab-unit))}
.ab-hero{text-align:center;padding-top:calc(190 * var(--ab-unit))}.ab-hero h1 span{display:inline-block}.ab-hero .container>p{max-width:1200px;margin-inline:auto!important;font-size:calc(32 * var(--ab-unit))!important;line-height:1.375!important;color:#347ff7!important}
.ab-scroll{position:absolute;bottom:calc(30 * var(--ab-unit));left:50%;transform:translateX(-50%);width:24px;height:40px;border:1px solid #6283a0;border-radius:22px;color:#3b78b6;display:grid;place-items:center;background:#ffffff80}
.ab-copy{width:43.125%;max-width:740px}.ab-company>.container{min-height:inherit;padding-top:calc(249 * var(--ab-unit))}.ab-company .eyebrow{display:inline-flex;font:400 calc(22 * var(--ab-unit))/1.36 var(--ab-font)!important;color:white!important;background:linear-gradient(100deg,#2e65ff,#2ca5ff);padding:calc(7 * var(--ab-unit)) calc(27 * var(--ab-unit));border-radius:25px;margin-bottom:calc(35 * var(--ab-unit))!important}.ab-company .eyebrow:before{display:none}.ab-company h2{margin-bottom:calc(41 * var(--ab-unit))!important}.ab-company .ab-copy>p:not(.eyebrow){font-size:calc(26 * var(--ab-unit))!important;line-height:1.73!important}
.ab-principles{position:absolute;left:0;right:0;bottom:calc(58 * var(--ab-unit));display:grid;grid-template-columns:repeat(3,1fr);gap:calc(80 * var(--ab-unit))}.ab-principles article{border-top:1px solid #bfcee0;padding-top:calc(23 * var(--ab-unit))}.ab-principles h3{margin-bottom:calc(8 * var(--ab-unit))!important}.ab-principles p{font-size:calc(30 * var(--ab-unit))!important;line-height:1.5!important;margin:0!important}
.ab-method>.container{padding-top:calc(224 * var(--ab-unit));padding-bottom:calc(100 * var(--ab-unit))}.ab-method h2{margin-bottom:calc(28 * var(--ab-unit))!important}.ab-tabs{display:flex;gap:calc(50 * var(--ab-unit));overflow-x:auto;margin-bottom:calc(40 * var(--ab-unit));scrollbar-width:thin}.ab-tabs button{flex:none;border:0;border-bottom:3px solid transparent;padding:calc(14 * var(--ab-unit)) 0 calc(24 * var(--ab-unit));background:transparent;white-space:nowrap;color:#172943;cursor:pointer;font:400 calc(24 * var(--ab-unit))/1.375 var(--ab-font)}.ab-tabs button.active{border-color:#2878ff;color:#2878ff;font-weight:700}.ab-tabs button:hover{color:#2878ff}.ab-tabs button:focus-visible,.ab-side a:focus-visible{outline:2px solid #2878ff;outline-offset:-2px}
.ab-panels{display:grid}.ab-panels>[role=tabpanel]{grid-area:1/1;min-width:0}.ab-panels>[role=tabpanel][hidden]{display:block!important;visibility:hidden;pointer-events:none}.ab-method .ab-panels h3{font-size:calc(41 * var(--ab-unit))!important;line-height:1.4!important;margin-bottom:calc(25 * var(--ab-unit))!important}.ab-method .ab-panels>article>p{font-size:calc(22 * var(--ab-unit))!important;line-height:1.41!important}.ab-steps{list-style:none;padding:0;margin:calc(40 * var(--ab-unit)) 0 0;display:grid;gap:calc(43 * var(--ab-unit))}.ab-steps li{display:flex;gap:calc(30 * var(--ab-unit))}.ab-steps li>span{white-space:nowrap;flex-shrink:0;font:400 calc(36 * var(--ab-unit))/1.36 var(--ab-font);color:#3280ff;min-width:calc(34 * var(--ab-unit))}.ab-steps li p{font-size:calc(20 * var(--ab-unit))!important;line-height:1.35!important;margin:0!important}
/* Retain the approved moving background; the light veil keeps all three columns readable. */
.ab-industry:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#f8fcffed 0%,#f8fcfff5 59%,#f8fcffbd 100%)}
.ab-industry>.container{padding-top:calc(242 * var(--ab-unit));padding-bottom:calc(65 * var(--ab-unit));z-index:1}.ab-industry .ab-copy{width:100%;max-width:none}.ab-industry h2{margin-bottom:calc(25 * var(--ab-unit))!important}.ab-industry .ab-copy>p{font-size:calc(24 * var(--ab-unit))!important;line-height:1.3!important;margin-bottom:calc(32 * var(--ab-unit))!important}.ab-industry .ab-tabs{gap:calc(80 * var(--ab-unit));margin-bottom:calc(38 * var(--ab-unit))}.ab-industry .ab-tabs button{padding-top:calc(10 * var(--ab-unit));padding-bottom:calc(22 * var(--ab-unit))}
.ab-industry-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:calc(56 * var(--ab-unit));align-items:start}.ab-industry-card{display:grid;grid-template-rows:subgrid;grid-row:span 3;min-width:0}.ab-industry-card h3{padding-bottom:calc(16 * var(--ab-unit));border-bottom:1px solid #8995a0;margin-bottom:calc(20 * var(--ab-unit))!important}.ab-industry-card p{text-wrap:pretty;font-size:calc(21 * var(--ab-unit))!important;line-height:1.62!important;color:#41444a!important;margin:0 0 calc(24 * var(--ab-unit))!important}.ab-industry-visual{position:relative;width:100%;aspect-ratio:503/312;margin:0;align-self:start}.ab-industry-scene{width:100%;height:100%;object-fit:contain;border-radius:8px}.ab-industry-foreground{position:absolute;object-fit:contain}.ab-industry-visual-1 .ab-industry-foreground{left:49.3%;top:1.9%;width:43.54%;height:97.12%}.ab-industry-visual-2 .ab-industry-foreground{left:47.95%;top:.63%;width:48.14%;height:91.46%}.ab-industry-visual-3 .ab-industry-foreground{left:33.47%;top:.79%;width:54.26%;height:92.48%}
.ab-credentials{text-align:center}.ab-credentials>.container{position:static;padding-top:calc(160 * var(--ab-unit))}.ab-credentials h2{margin-inline:auto!important;margin-bottom:calc(18 * var(--ab-unit))!important}.ab-credentials>.container>p{font-size:calc(32 * var(--ab-unit))!important;line-height:1.375!important;max-width:1200px;margin-inline:auto!important}.ab-credential-labels{position:absolute;inset:0;pointer-events:none}.ab-credential-labels h3{position:absolute;top:45.55%;width:18%;text-align:center;font-size:calc(32 * var(--ab-unit))!important}.ab-credential-labels h3:nth-child(1){left:20.7%}.ab-credential-labels h3:nth-child(2){left:43%;top:39.17%}.ab-credential-labels h3:nth-child(3){left:65%}
.ab-contact>.container{padding-top:calc(181 * var(--ab-unit));padding-bottom:calc(100 * var(--ab-unit))}.ab-contact .ab-copy{width:45%}.ab-contact h2{margin-bottom:calc(25 * var(--ab-unit))!important}.ab-contact .ab-copy>p{line-height:1.3!important;margin-bottom:calc(49 * var(--ab-unit))!important}.ab-contact .consultation-fields{display:grid;gap:calc(24 * var(--ab-unit))}.ab-contact .consultation-fields label{display:block;font:400 14px/1.5 var(--ab-font);color:#4a5e77}.ab-contact .consultation-required{display:none}.ab-contact input:not([type=checkbox]),.ab-contact textarea{display:block;width:100%;height:calc(66 * var(--ab-unit));border:1px solid #e2edf6;border-radius:2px;background:#ffffffed;padding:calc(18 * var(--ab-unit)) calc(20 * var(--ab-unit));font:400 calc(18 * var(--ab-unit))/1.5 var(--ab-font);color:#253e5c;outline:none;box-sizing:border-box}.ab-contact input:focus,.ab-contact textarea:focus{border-color:#438cff;box-shadow:0 0 0 3px #438cff15}.ab-contact input[type=hidden]{display:none}.ab-contact textarea{min-height:calc(164 * var(--ab-unit));resize:vertical}.ab-contact .consultation-privacy{display:flex;align-items:flex-start;gap:10px;margin:calc(25 * var(--ab-unit)) 0 calc(55 * var(--ab-unit));color:#29445d;font:400 calc(20 * var(--ab-unit))/1.35 var(--ab-font)}.ab-contact .consultation-privacy input{margin-top:4px;accent-color:#2878ff;flex:none;width:18px;height:18px}.ab-contact .consultation-submit{border:0;border-radius:4px;padding:calc(16 * var(--ab-unit)) calc(58 * var(--ab-unit));background:linear-gradient(100deg,#3555ff,#168bff);color:white;font:400 calc(28 * var(--ab-unit))/1.36 var(--ab-font);cursor:pointer;min-width:calc(225 * var(--ab-unit))}.ab-contact .consultation-submit:hover{filter:brightness(1.07)}.ab-contact .consultation-submit:disabled{opacity:.65;cursor:wait}.ab-contact .consultation-field-error{color:#c34242!important;font-size:13px!important;margin-top:6px!important}.ab-contact .consultation-status{font-size:15px!important;border:1px solid #bedaff;background:#fff;padding:14px}.ab-contact [hidden]{display:none!important}.ab-sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ab-side{position:fixed;left:max(12px,calc((100vw - 1880px)/2));top:50%;transform:translateY(-50%);z-index:20;display:grid;gap:20px;width:124px;opacity:0;visibility:hidden;transition:opacity .2s}.ab-side.is-visible{opacity:1;visibility:visible}.ab-side a{border-left:2px solid #cad5df;padding:5px 0 5px 12px;color:#374756;font:400 17px/1.5 var(--ab-font)}.ab-side a[aria-current=true]{border-color:#2878ff;color:#2878ff;font-weight:700}.ab-side a:hover{color:#2878ff}
@media(max-width:1650px){.ab-side{display:none}}
@media(max-width:1024px){#top.about-page{--ab-unit:1px}.ab-section{min-height:850px}.ab-hero{padding-top:160px}.ab-copy,.ab-contact .ab-copy{width:60%}.ab-background{object-position:60% center;opacity:.7}#top.about-page main h1{font-size:48px}#top.about-page main h2{font-size:40px;line-height:1.4}#top.about-page main .ab-section h3{font-size:25px}#top.about-page main .ab-section h4{font-size:22px}#top.about-page main p{font-size:18px}.ab-hero .container>p{font-size:22px!important}.ab-company>.container{padding-top:140px}.ab-company .eyebrow{font-size:18px!important;margin-bottom:28px!important}.ab-company .ab-copy>p:not(.eyebrow){font-size:20px!important}.ab-principles{gap:24px;bottom:50px}.ab-principles p{font-size:20px!important}.ab-method>.container{padding-top:130px;padding-bottom:100px}.ab-method .ab-panels h3{font-size:28px!important}.ab-method .ab-panels>article>p{font-size:18px!important}.ab-steps{gap:30px}.ab-steps li p{font-size:17px!important}.ab-tabs{gap:28px}.ab-tabs button{font-size:20px}.ab-industry>.container{padding-top:120px;padding-bottom:80px}.ab-industry .ab-copy>p{font-size:20px!important}.ab-industry .ab-tabs{gap:35px}.ab-industry-cards{column-gap:24px}.ab-industry-card h3{font-size:22px!important}.ab-industry-card p{font-size:17px!important}.ab-credentials{min-height:650px}.ab-credentials>.container{padding-top:100px}.ab-credentials>.container>p{font-size:22px!important}.ab-credential-labels h3{font-size:20px!important}.ab-contact>.container{padding-top:120px}.ab-contact .consultation-privacy{font-size:16px;margin-bottom:30px}.ab-contact .consultation-submit{font-size:22px;padding:14px 40px;min-width:180px}}
@media(max-width:640px){.ab-section{min-height:0;overflow:hidden;padding:64px 0 220px;scroll-margin-top:65px}.ab-section>.container{padding-top:0;padding-bottom:0}.ab-copy,.ab-contact .ab-copy{width:100%;max-width:none}.ab-section .ab-background{mask-image:linear-gradient(to bottom,transparent,#000 22%);inset:auto 0 0 auto;height:300px;width:100%;object-fit:cover;object-position:70% bottom;opacity:1}.ab-section:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#f3f9ff 50%,#f3f9ff00 80%);pointer-events:none}#top.about-page main h1{font-size:34px;line-height:1.4;margin-bottom:24px}#top.about-page main h2{font-size:30px;line-height:1.45;margin-bottom:24px}#top.about-page main .ab-section h3{font-size:23px}#top.about-page main p{font-size:16px;line-height:1.8}#top.about-page main .ab-section h4{font-size:18px}.ab-hero{padding:150px 0 300px;min-height:700px}.ab-hero .container>p{font-size:18px!important}.ab-hero .ab-background{height:440px;width:145%;max-width:none;right:-22.5%;object-position:center}.ab-hero:after{background:linear-gradient(#f3f9ff 25%,#f3f9ff00 65%)}.ab-scroll{bottom:25px}.ab-company .ab-copy>p:not(.eyebrow){font-size:17px!important}.ab-company h2{margin-bottom:26px!important}.ab-principles{position:static;margin-top:40px;grid-template-columns:1fr;gap:22px}.ab-principles article{padding-top:15px}.ab-principles h3{margin-bottom:8px!important}.ab-principles p{font-size:17px!important}.ab-tabs{gap:24px;margin-bottom:28px}.ab-tabs button{font-size:17px;padding:10px 0 15px}.ab-method .ab-panels h3{font-size:23px!important}.ab-method .ab-panels>article>p{font-size:16px!important;line-height:1.8!important}.ab-steps{gap:24px;margin-top:30px}.ab-steps li{gap:20px}.ab-steps li>span{font-size:28px;min-width:30px}.ab-steps li p{font-size:16px!important}.ab-industry{padding-bottom:64px}.ab-industry .ab-copy>p{font-size:16px!important;line-height:1.8!important}.ab-industry .ab-tabs{gap:28px;margin-bottom:30px}.ab-industry-cards{grid-template-columns:1fr;gap:34px}.ab-industry-card{grid-row:auto;grid-template-rows:auto auto auto}.ab-industry-card h3{font-size:22px!important;padding-bottom:14px;margin-bottom:16px!important}.ab-industry-card p{font-size:16px!important;line-height:1.8!important;margin-bottom:18px!important}.ab-industry:before{background:#f8fcffcc}.ab-credentials{padding:64px 0 340px;min-height:600px}.ab-credentials>.container>p{font-size:18px!important}.ab-credentials .ab-background{height:330px;object-position:center bottom}.ab-credentials:after{background:linear-gradient(#f3f9ff 30%,#f3f9ff00 55%)}.ab-credential-labels h3{top:auto!important;bottom:205px;left:8%!important;width:25%;font-size:14px!important}.ab-credential-labels h3:nth-child(2){left:37%!important;bottom:225px}.ab-credential-labels h3:nth-child(3){left:67%!important}.ab-contact{padding-bottom:230px}.ab-contact .ab-copy>p{line-height:1.8!important;margin-bottom:30px!important}.ab-contact .consultation-fields{gap:18px}.ab-contact input:not([type=checkbox]),.ab-contact textarea{height:auto;font-size:16px;padding:14px 16px}.ab-contact textarea{min-height:150px}.ab-contact .consultation-privacy{gap:8px;font-size:14px;margin:22px 0 28px}.ab-contact .consultation-submit{font-size:20px;min-width:150px;padding:12px 30px}}
@media(prefers-reduced-motion:reduce){.ab-side{transition:none}}
/* Backgrounds keep exactly the existing crop and geometry; the PNG remains underneath. */
.ab-section .ab-background-video{opacity:0;pointer-events:none;transition:opacity .45s ease;object-position:center}
.ab-section.ab-video-ready .ab-background-video{opacity:1}
/* Content follows native scroll. No fixed stage, wheel handler, snap or layout displacement. */
.ab-motion-enabled .ab-reveal{opacity:0;transform:translate3d(0,var(--ab-reveal-offset,80px),0);transition:opacity .4s ease-out,transform .4s ease-out;will-change:opacity,transform}
.ab-motion-enabled .ab-reveal.ab-is-in{opacity:1;transform:translate3d(0,0,0);transition-delay:var(--ab-reveal-delay,0ms)}
.ab-motion-enabled .ab-panels>[role=tabpanel]:not([hidden]){animation:ab-panel-enter .5s ease both}
@keyframes ab-panel-enter{from{opacity:0}to{opacity:1}}
@media(max-width:1024px),(prefers-reduced-motion:reduce){
 .ab-section .ab-background-video{display:none!important;transition:none}
 .about-page .ab-reveal{opacity:1!important;transform:none!important;will-change:auto}
 .about-page .ab-panels>[role=tabpanel]{animation:none!important}
}

/* About-only interaction details; no layout, content or background changes. */
html:has(.about-page){scroll-behavior:smooth}
.ab-tabs{position:relative}
.ab-tabs.ab-has-indicator button.active{border-bottom-color:transparent}
.ab-tabs.ab-has-indicator:after{content:"";position:absolute;left:0;bottom:0;width:var(--ab-tab-width,0px);height:3px;background:#2878ff;transform:translateX(var(--ab-tab-x,0px));transition:transform .3s ease,width .3s ease;pointer-events:none}
.ab-tabs button{transition:color .3s ease}
.ab-side a{transition:color .3s ease}
.ab-side.ab-has-current a[aria-current=true]{border-left-color:transparent}
.ab-side:after{content:"";position:absolute;left:0;top:0;width:2px;height:var(--ab-nav-height,0px);background:#2878ff;transform:translateY(var(--ab-nav-y,0px));opacity:0;transition:transform .3s ease,height .3s ease,opacity .2s;pointer-events:none}
.ab-side.ab-has-current:after{opacity:1}
@media(prefers-reduced-motion:reduce){html:has(.about-page){scroll-behavior:auto}.ab-tabs:after,.ab-tabs button,.ab-side a,.ab-side:after{transition:none!important}.about-page .ab-reveal{transition:none!important}}