:root{--blue:#155eef;--blue-dark:#134ecc;--ink:#15233c;--muted:#607086;--line:#e6ebf3;--paper:#fff;--soft:#f7f9fc;--max:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65}
::selection{background:#dceaff;color:#123b8e}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #4f8dff;outline-offset:5px;border-radius:4px}
img,svg{display:block;max-width:100%}
p,h1,h2,h3{margin:0}
.container{width:min(var(--max),calc(100% - 80px));margin-inline:auto}
.skip-link{position:fixed;top:12px;left:12px;padding:10px 20px;border-radius:8px;background:var(--ink);color:#fff;z-index:20;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(230,235,243,.7);backdrop-filter:blur(18px)}
.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;line-height:1.2}
.brand img{flex-shrink:0;border-radius:11px}
.brand-name{font-size:21px;font-weight:730;letter-spacing:2px}
.brand-english{display:block;margin-top:7px;font-size:8px;letter-spacing:1.5px;font-weight:650;color:#708095}
.navigation{display:flex;align-items:center;gap:38px;font-size:14px;font-weight:550}
.navigation a{padding:12px 0;transition:color .2s}
.navigation a:hover{color:var(--blue)}
.navigation a:last-child{display:flex;align-items:center;gap:14px}
.navigation a:last-child span{color:var(--blue);font-size:19px}
.hero{background:linear-gradient(115deg,#fff 45%,#f5f9ff 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:4px;min-height:648px;padding-block:42px 38px}
.hero-copy{position:relative;z-index:1;padding-block:30px}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:12px;font-weight:650;letter-spacing:1.6px;line-height:1.7}
.eyebrow-line{width:26px;height:2px;background:var(--blue)}
.eyebrow-slash{color:#c3d1e7;margin-inline:3px;font-weight:400}
h1{margin-top:25px;font-size:clamp(43px,5vw,68px);font-weight:750;letter-spacing:-2.2px;line-height:1.26}
h1 span{color:var(--blue)}
.hero-company{margin-top:27px;font-size:19px;font-weight:600;letter-spacing:.3px}
.hero-description{margin-top:13px;color:var(--muted);font-size:15px;line-height:1.95;letter-spacing:.25px}
.hero-actions{display:flex;align-items:center;gap:26px;margin-top:33px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:52px;padding:12px 24px;border-radius:7px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}
.button-primary{background:var(--blue);color:#fff;box-shadow:0 6px 14px #155eef14}
.button-primary:hover{background:var(--blue-dark);transform:translateY(-2px)}
.button svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:#52647d;font-weight:550;padding-block:14px}
.text-link:hover{color:var(--blue)}
.text-link span{font-size:18px}
.hero-art{width:113%;max-width:630px;justify-self:center;margin-left:-8%;pointer-events:none}
.sculpture{width:100%;height:auto}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e3eaf4;padding-block:23px;color:#73849c;font-size:10px;font-weight:550;letter-spacing:1.6px}
.hero-bottom a{font-size:12px;letter-spacing:1px;color:#566a84;display:flex;gap:22px;align-items:center}
.hero-bottom a span{color:var(--blue);font-size:20px;line-height:1}
.section{padding-block:96px}
.section-heading{display:grid;grid-template-columns:1.18fr 1fr;gap:80px;align-items:end}
h2{font-size:34px;line-height:1.52;letter-spacing:-.7px;font-weight:700}
.section-heading h2{margin-top:20px}
.about-intro{padding-bottom:5px;font-size:15px;line-height:2.05;color:var(--muted);max-width:430px}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.principle{position:relative;padding:30px 30px 34px;display:flex;align-items:flex-start;gap:22px}
.principle:first-child{padding-left:0}
.principle:not(:first-child){border-left:1px solid var(--line)}
.principle-number{font-size:12px;color:var(--blue);font-weight:650;letter-spacing:.8px;line-height:2.55}
.principle-content h3{font-size:20px;font-weight:650;letter-spacing:.2px}
.principle-content p{font-size:13px;color:var(--muted);line-height:1.95;margin-top:10px}
.principle-icon{width:26px;height:26px;position:absolute;right:25px;top:32px;stroke:#6a87b3;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.company{padding-top:0;padding-bottom:90px}
.company-panel{display:grid;grid-template-columns:1.16fr 1fr;gap:48px;align-items:center;background:var(--soft);border:1px solid #e9eef6;border-radius:12px;padding:44px 42px}
.company-heading h2{font-size:23px;letter-spacing:0;margin-top:18px}
.company-heading>p:last-child{margin-top:12px;font-size:13px;color:var(--muted)}
.company-details{margin:0;padding-left:32px;border-left:1px solid #dce4ef;display:grid;gap:22px}
.company-details dt{font-size:11px;color:#61738b;letter-spacing:.5px;margin-bottom:5px}
.company-details dd{margin:0;font-size:14px;font-weight:550;line-height:1.7;overflow-wrap:anywhere}
.company-details a{display:inline-flex;gap:13px;align-items:center;color:var(--blue)}
.company-details a:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer{border-top:1px solid var(--line);padding-block:28px}
.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
.footer-brand{font-size:17px;font-weight:700;letter-spacing:1px;gap:10px}
.footer-brand img{border-radius:9px}
.back-top{font-size:12px;color:#5e7088;display:flex;gap:15px;align-items:center;padding:10px 0}
.back-top span{font-size:18px;color:var(--blue)}
.footer-bottom{margin-top:22px;color:#68778c;font-size:11px}
.footer-bottom a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
@media(min-width:1600px){.hero-grid{min-height:710px}}
@media(max-width:1050px){.container{width:calc(100% - 56px)}.hero-grid{min-height:590px;grid-template-columns:1.1fr 1fr}.hero-company{font-size:17px}.hero-actions{gap:18px}.section-heading{gap:45px}.section{padding-block:72px}.company{padding-top:0}.principle{padding-inline:24px;gap:15px}.principle-icon{display:none}.company-panel{padding:35px 30px;gap:24px}.company-heading h2{font-size:21px}.company-details{padding-left:25px}.company-details dd{font-size:13px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header-inner{min-height:74px;gap:16px}.brand-name{font-size:18px;letter-spacing:1px}.brand img{width:35px;height:35px;border-radius:9px}.brand-english{font-size:7px;letter-spacing:.6px;margin-top:5px}.brand{gap:9px}.navigation{gap:22px;font-size:12px}.navigation a:last-child{gap:6px}.navigation a:last-child span{font-size:16px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0;padding-block:35px 0}.hero-copy{padding-block:16px 0}.eyebrow{font-size:11px;letter-spacing:1.1px}h1{font-size:clamp(40px,8vw,56px);letter-spacing:-1.5px;margin-top:23px}.hero-company{font-size:16px;margin-top:22px}.hero-description{font-size:14px;margin-top:10px;line-height:1.95}.hero-actions{margin-top:26px;gap:22px}.button{min-height:48px;padding:10px 21px;gap:23px;font-size:13px}.text-link{font-size:12px;gap:8px}.hero-art{width:90%;max-width:445px;margin:-14px auto -6px;justify-self:center}.hero-bottom{padding-block:19px;font-size:8px;letter-spacing:1px}.hero-bottom a{font-size:10px;gap:11px;white-space:nowrap}.hero-bottom a span{font-size:17px}.section{padding-block:58px}.section-heading{grid-template-columns:1fr;gap:22px}h2{font-size:28px;line-height:1.55}.section-heading h2{margin-top:15px}.about-intro{font-size:14px;max-width:none;line-height:1.95;padding:0}.principles{grid-template-columns:1fr;margin-top:30px}.principle,.principle:first-child{padding:24px 0;gap:20px}.principle:not(:first-child){border-left:0;border-top:1px solid var(--line)}.principle-content h3{font-size:19px}.principle-content p{margin-top:5px;line-height:1.9}.principle-content p br{display:none}.principle-icon{display:block;right:4px;top:28px;width:25px;height:25px}.company{padding-top:0;padding-bottom:56px}.company-panel{grid-template-columns:1fr;gap:28px;padding:29px 25px;border-radius:10px}.company-heading h2{font-size:21px;line-height:1.6;margin-top:16px}.company-details{border-left:0;border-top:1px solid #dce4ef;padding:24px 0 0;gap:18px}.company-details dd{font-size:13px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px;font-size:10px}.footer-brand{font-size:16px}.footer-brand img{width:29px;height:29px}.site-footer{padding-block:22px 25px}}
@media(max-width:370px){.navigation{gap:15px;font-size:11px}.brand-name{font-size:16px}.brand img{width:31px;height:31px}.brand-english{font-size:6px}.hero-actions{gap:17px}.button{gap:15px;padding-inline:18px}.hero-company{font-size:14px}.hero-description{font-size:13px}.hero-bottom>span{font-size:7px;letter-spacing:.5px}.section-heading h2{font-size:25px}.principle-icon{display:none}.company-panel{padding-inline:21px}.company-heading h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}