:root{--ink:#101722;--navy:#0e2b45;--orange:#ff5a1f;--paper:#fbfaf8;--muted:#697684;--line:#dfe3e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.page-header{height:88px;padding:0 clamp(25px,4.5vw,86px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fff;border-bottom:1px solid #e6e6e3}.back-link,.language-toggle{font-size:14px;font-weight:700;display:inline-flex;align-items:center;width:max-content;transition:transform .22s ease,color .22s ease}.language-toggle{justify-self:end}.back-link:hover,.language-toggle:hover,.consult-link:hover,.footer-links a:hover{color:var(--orange);transform:translateY(-3px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:18px;font-weight:800;letter-spacing:.035em}.brand-mark{width:22px;height:24px;position:relative;display:inline-block}.brand-mark i,.brand-mark b{position:absolute;width:11px;height:11px;background:var(--orange);transform:rotate(45deg);left:1px;top:3px}.brand-mark b{left:8px;top:12px;background:#ffae16}.about-hero{min-height:490px;display:flex;align-items:flex-end;padding:82px clamp(25px,12vw,195px);position:relative;isolation:isolate;color:#fff;background:linear-gradient(90deg,rgba(10,34,56,.78),rgba(20,81,126,.45) 55%,rgba(58,137,198,.16)),url("../assets/office-silicon-valley-exterior.jpg") center/cover}.about-hero::after{content:"";position:absolute;inset:0;border-bottom:1px solid rgba(255,255,255,.24);z-index:-1}.hero-content{max-width:740px}.eyebrow,.section-kicker{margin:0 0 16px;font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--orange)}.about-hero h1{margin:0;font-size:clamp(52px,6vw,82px);line-height:1.06;letter-spacing:-.045em}.hero-copy{margin:25px 0 0;max-width:620px;font-size:18px;line-height:1.8}.section-wrap{max-width:1320px;margin:0 auto;padding:105px clamp(25px,6vw,92px)}.intro{background:#fff}.intro-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(340px,1.15fr);gap:100px;align-items:start}.intro h2,.principles h2,.consult h2{margin:0;font-size:clamp(32px,3.65vw,53px);line-height:1.18;letter-spacing:-.035em}.intro-layout p{margin:0;color:#465362;font-size:18px;line-height:1.85}.founders{padding-top:112px;padding-bottom:118px}.section-heading{max-width:760px}.section-heading h2{margin:0;font-size:clamp(36px,4vw,58px);line-height:1.14;letter-spacing:-.04em}.section-heading>p:last-child{margin:19px 0 0;color:var(--muted);font-size:16px;line-height:1.75}.founder-list{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.founder-card{border-top:1px solid var(--ink);padding-top:26px;display:grid;grid-template-columns:118px 1fr;gap:23px;align-items:start}.portrait{appearance:none;border:0;background:transparent;margin:0;padding:0;width:118px;height:118px;border-radius:50%;cursor:pointer}.portrait img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:5px solid #fff;outline:1px solid #d6d9da;box-shadow:0 9px 22px rgba(16,23,34,.12);transition:transform .24s ease,box-shadow .24s ease}.portrait:hover img,.portrait:focus-visible img{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 29px rgba(16,23,34,.20)}.portrait:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.role{margin:0;color:var(--orange);font-size:12px;font-weight:800}.founder-detail h3{margin:8px 0 5px;font-size:24px;line-height:1.1}.founder-summary{margin:0;color:#536270;font-size:15px;line-height:1.5}.bio{margin:19px 0 0;color:#66727f;font-size:14px;line-height:1.75}.principles{background:#f0f3f4}.principles .section-wrap{padding-top:96px;padding-bottom:96px}.principle-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #b9c2c7}.principle-grid article{padding:23px 28px 0 0;min-height:120px;border-right:1px solid #b9c2c7;display:flex;flex-direction:column;gap:11px}.principle-grid article+article{padding-left:28px}.principle-grid article:last-child{border-right:0}.principle-grid b{font-size:20px}.principle-grid span{max-width:260px;color:#586674;font-size:14px;line-height:1.7}.consult{padding-top:92px;padding-bottom:92px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px;background:#fff}.consult h2{max-width:790px;font-size:clamp(30px,3.4vw,48px)}.consult-link{min-width:185px;display:inline-flex;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid var(--orange);color:var(--orange);font-weight:800;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.consult-link:hover{background:var(--orange);color:#fff;box-shadow:0 13px 25px rgba(255,90,31,.22)}footer{min-height:225px;padding:58px clamp(25px,9vw,150px);display:flex;justify-content:space-between;align-items:flex-start;background:#fff;border-top:1px solid #dededb}footer>div,.footer-brand{display:flex;flex-direction:column;gap:9px}footer .brand{font-size:16px}footer p,footer span{margin:0;color:var(--muted);font-size:12px}.footer-links{display:flex;flex-direction:column;gap:16px;text-align:right;font-size:13px;color:var(--muted)}.back-to-top{position:fixed;right:28px;bottom:24px;width:25px;height:25px;display:grid;place-items:center;color:#aab1b6;opacity:.58;transition:opacity .2s ease,transform .2s ease}.back-to-top:hover{opacity:1;transform:translateY(-3px)}.back-to-top svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}@media(max-width:1000px){.founder-list{grid-template-columns:1fr}.founder-card{max-width:760px}.intro-layout{gap:50px}}@media(max-width:700px){.page-header{height:72px;padding:0 22px}.page-header .brand{font-size:15px}.back-link,.language-toggle{font-size:12px}.about-hero{min-height:430px;padding:60px 25px}.hero-copy{font-size:16px}.section-wrap{padding:72px 25px}.intro-layout{grid-template-columns:1fr;gap:25px}.founders{padding-top:76px;padding-bottom:78px}.founder-list{margin-top:38px;gap:40px}.founder-card{grid-template-columns:98px 1fr;gap:18px}.portrait{width:98px;height:98px}.principle-grid{grid-template-columns:1fr}.principle-grid article,.principle-grid article+article{border-right:0;border-bottom:1px solid #b9c2c7;padding:20px 0}.principle-grid article:last-child{border-bottom:0}.consult{display:block}.consult-link{margin-top:30px}footer{min-height:auto;gap:30px;padding:42px 25px}.footer-links{text-align:left}.back-to-top{right:16px;bottom:16px}}
/* Founder biographies: approved left-portrait, right-detail layout. */
.about-hero{background-image:linear-gradient(90deg,rgba(10,34,56,.78),rgba(20,81,126,.45) 55%,rgba(58,137,198,.16)),url("../assets/office-shenzhen-interior.png")}
.founder-list{grid-template-columns:1fr;gap:0;margin-top:48px}
.founder-card{grid-template-columns:220px minmax(0,1fr);gap:42px;padding:38px 0;border-top:1px solid var(--line);max-width:none}
.founder-card:last-child{border-bottom:1px solid var(--line)}
.portrait{width:220px;height:220px;border-radius:0}
.portrait img{border:0;outline:0;border-radius:0;box-shadow:none}
.portrait:hover img,.portrait:focus-visible img{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 28px rgba(16,23,34,.16)}
.founder-detail{max-width:850px}
.founder-detail h3{font-size:30px;margin-top:9px}.founder-summary{font-size:16px}.bio{max-width:830px;font-size:15px;line-height:1.85}
@media(max-width:700px){.founder-card{grid-template-columns:1fr;gap:22px;padding:30px 0}.portrait{width:160px;height:160px}.founder-detail h3{font-size:26px}.bio{font-size:14px}}
/* Homepage footer standard — exact visual settings. */
footer{min-height:225px;padding:58px clamp(25px,9vw,150px);display:flex;justify-content:space-between;align-items:flex-start;background:#fff;border-top:1px solid #dededb}
footer>div,.footer-brand{display:flex;flex-direction:column;gap:9px}
footer .brand{color:#101722;font-size:16px}
footer p,footer span{margin:0;color:#68717b;font-size:12px}
footer nav,.footer-links{display:flex;flex-direction:column;gap:16px;text-align:right;font-size:13px;color:#68717b}
@media(max-width:700px){footer{min-height:auto;gap:30px;padding:42px 25px}footer nav,.footer-links{text-align:left}}
/* Use the homepage footer footprint without page-specific expansion. */
footer{box-sizing:border-box;min-height:225px;height:auto}
/* About hero: left-to-right blue gradient, with the supplied office photo kept clear on the right. */
.about-hero{background-image:linear-gradient(90deg,rgba(8,36,59,.92) 0%,rgba(17,67,105,.73) 37%,rgba(45,123,184,.30) 63%,rgba(76,157,211,.04) 83%),url("../assets/about-hero-office.png");background-position:center;background-size:cover;background-repeat:no-repeat}
.about-hero::after{background:none}
/* Exact homepage footer footprint and spacing. */
footer{min-height:0;padding:34px 9vw;align-items:initial}
footer>div,.footer-brand{gap:8px}
footer nav,.footer-links{gap:8px;font-size:12px}
