:root{--navy:#09265d;--blue:#1777ff;--muted:#657187;--line:#e9eef6;--width:1280px;color-scheme:light;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",system-ui,sans-serif;color:var(--navy);background:#fff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #ffb64b;outline-offset:6px;border-radius:5px}p,h1,h2,h3{margin:0}svg{display:block}.container{width:min(var(--width),calc(100% - 112px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-80px;z-index:10;background:var(--navy);color:white;padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:3;background:rgba(255,255,255,.98);border-bottom:1px solid #f0f5fb}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:29px;letter-spacing:1px;font-weight:900;color:#1555af;white-space:nowrap;display:flex;align-items:center;gap:5px}.brand-dot{width:7px;height:7px;background:#49a7ff;display:block;border-radius:50%;align-self:flex-end;margin-bottom:8px}.navigation{display:flex;align-self:stretch;align-items:center;gap:46px;margin-left:80px}.navigation a{position:relative;font-size:15px;font-weight:500;padding:28px 2px;color:#293345;transition:color .2s}.navigation a:hover,.navigation .nav-home{color:var(--blue)}.nav-home:after{content:"";position:absolute;height:3px;background:var(--blue);left:0;right:0;bottom:16px;border-radius:3px}.header-button{display:inline-flex;gap:20px;align-items:center;padding:10px 25px;border-radius:50px;color:#fff;background:linear-gradient(180deg,#49abff,#1875ff);font-size:14px;font-weight:600;box-shadow:0 4px 12px #1478ff18;transition:transform .2s}.header-button:hover{transform:translateY(-2px)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#f2f9ff;min-height:500px}.hero-picture{position:absolute;inset:0 0 0 34%;z-index:-2}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:62% 40%;display:block}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#eff8ff 0%,#f4faff 30%,rgba(243,249,255,.95) 38%,rgba(243,249,255,.56) 48%,rgba(243,249,255,0) 64%)}.hero-content{min-height:500px;display:flex;align-items:center;position:relative;z-index:1;padding-block:48px 58px}.hero-copy{max-width:650px;width:55%}.eyebrow{display:flex;align-items:center;gap:9px;color:#4e81b4;font-size:13px;letter-spacing:1.8px;font-weight:500;margin-bottom:22px}.eyebrow>span{width:6px;height:6px;background:#47a0ff;border-radius:50%;box-shadow:0 0 0 4px #278dff0c}.hero h1{font-size:clamp(42px,4.5vw,66px);letter-spacing:1px;line-height:1.25;font-weight:900;white-space:nowrap;margin-left:-4px}.hero h1 span{color:#1573ff}.hero h2{font-size:clamp(19px,1.75vw,25px);line-height:1.6;font-weight:700;margin-top:17px;letter-spacing:.3px}.desktop-break{display:none}.hero-description{font-size:16px;line-height:1.9;color:#647081;margin-top:16px;max-width:470px}.hero-actions{display:flex;gap:16px;margin-top:30px}.button{height:49px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:15px;font-weight:600;border-radius:50px;padding:0 28px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:white;background:linear-gradient(180deg,#39a6ff,#116dff);box-shadow:0 6px 16px #1175ff20}.button-primary:hover{box-shadow:0 9px 22px #1175ff35}.button-outline{color:#1568e7;border:1.3px solid #2981ff;background:#ffffff8c;gap:12px}.hero-wave{position:absolute;bottom:-21px;left:-6%;height:40px;width:70%;border-radius:50% 50% 0 0;background:#fff;opacity:.8;z-index:0}
.about{display:grid;grid-template-columns:1fr 1.06fr;gap:55px;align-items:center;padding-block:44px 45px;scroll-margin-top:18px}.section-heading{font-size:30px;line-height:1.4;font-weight:800;letter-spacing:.5px;padding-bottom:15px;position:relative}.section-heading:after{content:"";position:absolute;bottom:0;left:0;width:38px;height:4px;border-radius:5px;background:var(--blue)}.about-copy h3{font-size:18px;font-weight:700;margin-top:21px;line-height:1.6}.about-copy>p{font-size:14px;line-height:2;color:#697386;margin-top:12px;max-width:520px}.values{display:grid;grid-template-columns:repeat(3,1fr);padding:32px 10px 28px;background:linear-gradient(120deg,#f6faff,#eef7ff);border-radius:17px;min-height:181px}.value{text-align:center;position:relative;padding:0 6px}.value+.value:before{content:"";position:absolute;left:0;top:18px;bottom:9px;width:1px;background:#dce8f6}.value-icon{width:50px;height:50px;color:#1c7cff;margin:0 auto 15px;filter:drop-shadow(2px 2px 0 #a9dbff55)}.value h3{font-size:17px;font-weight:600;letter-spacing:.8px;line-height:1.5}.value p{font-size:12px;color:#75849a;margin-top:7px;line-height:1.6}
.site-footer{background:#fafcfe;border-top:1px solid var(--line);color:#8992a3;font-size:11px}.footer-inner{min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:16px}.footer-meta{display:flex;gap:17px;align-items:center}.footer-divider{height:11px;width:1px;background:#d9e1eb}
@media(min-width:1600px){.hero,.hero-content{min-height:560px}.hero-copy{width:58%}.hero-picture{left:37%}.hero h1{font-size:70px}.about{padding-block:53px 55px}.header-inner{height:84px}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.navigation{margin-left:0;gap:34px}.brand{font-size:25px}.hero-copy{width:59%}.hero h1{font-size:48px}.hero h2{font-size:21px}.desktop-break{display:block}.hero-description{font-size:15px}.about{gap:30px;grid-template-columns:1fr 1fr}.about-copy h3{font-size:16px}.value p{font-size:11px}.value h3{font-size:15px}.header-button{padding-inline:20px}}
@media(max-width:800px){.container{width:calc(100% - 44px)}.header-inner{height:68px;gap:15px}.brand{font-size:23px}.navigation{gap:24px}.navigation a{font-size:14px;padding-block:24px}.nav-home:after{bottom:10px}.header-button{display:none}.hero,.hero-content{min-height:460px}.hero h1{font-size:40px;letter-spacing:0}.hero h2{font-size:18px;line-height:1.7}.hero-copy{width:66%}.hero-picture{left:30%}.hero-picture img{object-position:64% center}.hero:before{background:linear-gradient(90deg,#f0f8ff 0%,#f3faff 25%,rgba(243,249,255,.97) 37%,rgba(243,249,255,.68) 52%,rgba(243,249,255,0) 80%)}.eyebrow{font-size:11px;letter-spacing:.7px}.hero-description{font-size:14px;max-width:310px}.hero-actions{gap:10px}.button{font-size:13px;padding-inline:21px;gap:10px;height:45px}.about{grid-template-columns:1fr;padding-block:33px 32px;gap:25px}.section-heading{font-size:27px}.about-copy>p{max-width:none}.values{min-height:170px;padding-block:25px}.value h3{font-size:16px}.value p{font-size:12px}.footer-inner{flex-direction:column;gap:10px;text-align:center}.hero-wave{display:none}}
@media(max-width:520px){html{scroll-padding-top:20px}.header-inner{height:65px}.brand{font-size:22px;letter-spacing:0}.brand-dot{width:5px;height:5px;margin-bottom:7px}.navigation{gap:18px}.navigation a{font-size:13px}.hero{display:flex;flex-direction:column;min-height:0;background:#f2f9ff}.hero:before{display:none}.hero-content{min-height:0;padding-block:34px 20px;order:0}.hero-copy{width:100%;max-width:none}.hero h1{font-size:clamp(35px,9.6vw,48px);letter-spacing:0;margin-left:-2px}.hero h2{font-size:17px;line-height:1.65;margin-top:13px}.desktop-break{display:none}.hero-description{font-size:13px;line-height:1.9;max-width:340px;margin-top:10px}.eyebrow{margin-bottom:15px}.hero-actions{margin-top:21px;gap:12px}.button{height:44px;padding-inline:22px;font-size:13px}.hero-picture{position:relative;inset:auto;order:1;height:275px;z-index:0;margin-top:0;overflow:hidden}.hero-picture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f2f9ff 0%,rgba(242,249,255,0) 22%)}.hero-picture img{object-position:70% 48%;height:100%;width:100%}.about{padding-block:29px 28px;gap:23px}.section-heading{font-size:25px;padding-bottom:12px}.section-heading:after{height:3px;width:32px}.about-copy h3{font-size:15px;margin-top:17px}.about-copy>p{font-size:13px;line-height:1.95;margin-top:9px}.values{padding:23px 4px 22px;border-radius:12px;min-height:155px}.value-icon{width:40px;height:40px;margin-bottom:12px}.value h3{font-size:14px;letter-spacing:.4px}.value p{font-size:10px;margin-top:6px}.value{padding-inline:2px}.footer-inner{font-size:10px;line-height:1.7;padding-block:16px;gap:7px}.footer-meta{gap:12px}}
@media(max-width:520px){.hero h2 .desktop-break{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none!important}}

/* Fluid desktop layout, visible anchor feedback, and full-height page. */
:root { --width:1880px; --header-height:78px; --hero-height:clamp(450px,56svh,740px); }
html { scroll-padding-top:calc(var(--header-height) + 20px); }
body { min-height:100vh; min-height:100svh; display:flex; flex-direction:column; }
main { flex:1; display:flex; flex-direction:column; }
.container { width:min(var(--width),calc(100% - clamp(44px,8vw,160px))); }
.site-header { position:sticky; top:0; z-index:20; }
.skip-link { z-index:30; }
.header-inner { height:var(--header-height); }
.brand { font-size:clamp(25px,1.8vw,36px); }
.navigation { margin-left:0; gap:clamp(30px,3vw,64px); }
.navigation a { height:100%; display:flex; align-items:center; padding:0 2px; font-size:clamp(15px,1vw,19px); }
.navigation .is-active { color:var(--blue); }
.navigation .is-active::after { content:""; position:absolute; height:3px; background:var(--blue); left:0; right:0; bottom:16px; border-radius:3px; }
.header-button { font-size:clamp(14px,.95vw,18px); padding:11px 27px; }
.hero,.hero-content { min-height:var(--hero-height); }
.hero-picture { inset:0 0 0 auto; width:min(65%,1320px); }
.hero-picture img { object-position:65% 0; }
.hero-copy { max-width:980px; width:54%; }
.hero h1 { font-size:clamp(46px,4.2vw,88px); }
.hero h2 { font-size:clamp(20px,1.65vw,31px); line-height:1.65; margin-top:20px; text-wrap:balance; }
.eyebrow { font-size:clamp(13px,.9vw,17px); }
.hero-description { font-size:clamp(16px,1.08vw,21px); max-width:740px; color:#596a80; }
.hero-actions { flex-wrap:wrap; gap:18px; margin-top:34px; }
.button { min-height:50px; height:auto; padding:14px 30px; font-size:clamp(15px,1vw,19px); }
.about { flex:1; min-height:276px; gap:clamp(30px,4vw,90px); padding-block:clamp(38px,4svh,62px); }
.about-copy { padding:15px 18px; margin-left:-18px; border-radius:14px; transition:background-color .25s,box-shadow .25s; }
.section-heading { font-size:clamp(28px,2.1vw,40px); }
.section-heading:focus { outline:none; }
.section-heading:focus-visible { outline:3px solid #1677ff; outline-offset:6px; border-radius:5px; }
.about-copy h3 { font-size:clamp(18px,1.35vw,26px); margin-top:23px; }
.about-copy>p { font-size:clamp(15px,1.08vw,20px); max-width:780px; color:#5d6e83; }
.values { min-height:196px; grid-template-columns:repeat(3,minmax(0,1fr)); padding:clamp(28px,2.5vw,44px) 12px; }
.value-icon { width:clamp(46px,3.3vw,65px); height:clamp(46px,3.3vw,65px); margin-bottom:18px; }
.value h3 { font-size:clamp(17px,1.25vw,23px); }
.value p { font-size:clamp(12px,.9vw,17px); color:#657b96; }
.about.is-highlighted .about-copy { background:#eaf4ff; box-shadow:0 0 0 2px #2d8bff80,0 8px 28px #1777ff10; }
.about.is-highlighted .values { box-shadow:0 0 0 2px #73b6ff70; }
.site-footer { font-size:clamp(12px,.85vw,16px); color:#65758b; }
.footer-inner { min-height:70px; padding-block:19px; }
.footer-meta { flex-wrap:wrap; justify-content:center; }
.footer-meta a:hover { color:var(--blue); text-decoration:underline; text-underline-offset:4px; }
@media(min-width:1920px) {
  :root { --header-height:96px; }
  .about { min-height:340px; }
  .button { min-height:58px; padding-inline:37px; }
  .footer-inner { min-height:84px; }
}
@media(max-width:1150px) {
  .container { width:calc(100% - 72px); }
  .hero-copy { width:60%; }
  .hero h1 { font-size:48px; }
  .hero h2 { font-size:21px; }
  .hero-description { font-size:16px; }
  .about { gap:32px; }
  .about-copy h3 { font-size:17px; }
  .about-copy>p { font-size:14px; }
  .value h3 { font-size:16px; }
  .value p { font-size:12px; }
}
@media(max-width:800px) {
  :root { --header-height:68px; --hero-height:470px; }
  .container { width:calc(100% - 44px); }
  .brand { font-size:23px; }
  .navigation { gap:24px; }
  .navigation a { font-size:14px; }
  .navigation .is-active::after { bottom:11px; }
  .hero h1 { font-size:40px; }
  .hero h2 { font-size:19px; }
  .hero-copy { width:65%; }
  .hero-picture { width:74%; }
  .eyebrow { font-size:12px; letter-spacing:.5px; }
  .hero-description { font-size:15px; max-width:325px; }
  .hero-actions { gap:12px; margin-top:27px; }
  .button { min-height:46px; font-size:14px; padding:12px 22px; }
  .about { padding-block:32px 35px; gap:22px; }
  .section-heading { font-size:28px; }
  .about-copy>p { max-width:none; font-size:15px; }
  .values { min-height:178px; padding:26px 8px; }
  .value h3 { font-size:17px; }
  .value p { font-size:12px; }
  .footer-inner { font-size:12px; }
}
@media(max-width:520px) {
  :root { --header-height:66px; }
  .brand { font-size:22px; }
  .navigation { gap:18px; }
  .navigation a { font-size:13px; }
  .hero,.hero-content { min-height:0; }
  .hero-content { padding-block:32px 18px; }
  .hero-copy { width:100%; }
  .hero h1 { font-size:clamp(29px,9.25vw,46px); }
  .hero h2 { font-size:17px; line-height:1.7; margin-top:15px; text-wrap:initial; }
  .hero-description { font-size:14px; max-width:340px; margin-top:13px; }
  .eyebrow { font-size:11px; }
  .hero-actions { margin-top:23px; gap:11px; }
  .button { font-size:13px; padding:12px 21px; }
  .hero-picture { inset:auto; width:100%; height:auto; aspect-ratio:3/2; }
  .hero-picture img { object-fit:contain; object-position:center; }
  .about { padding-block:24px 29px; gap:20px; }
  .about-copy { padding:12px 10px; margin-left:-10px; margin-right:-10px; }
  .section-heading { font-size:25px; }
  .about-copy h3 { font-size:16px; margin-top:19px; }
  .about-copy>p { font-size:14px; line-height:2; margin-top:11px; }
  .values { padding:24px 3px; min-height:160px; }
  .value-icon { width:42px; height:42px; margin-bottom:13px; }
  .value h3 { font-size:15px; letter-spacing:0; }
  .value p { font-size:11px; margin-top:7px; }
  .value { padding-inline:3px; }
  .footer-inner { font-size:11px; line-height:1.8; padding-block:17px; gap:8px; }
}
@media(max-width:360px) {
  .container { width:calc(100% - 32px); }
  .brand { font-size:20px; }
  .navigation { gap:14px; }
  .button { padding-inline:16px; }
  .value p { max-width:85px; margin-inline:auto; }
  .footer-meta { gap:8px; font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .about-copy { transition:none; } }