:root { --background:#fff; --foreground:#132137; --primary:#1559e8; --border:#dfe4ec; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:2rem; }
body { margin:0; background:var(--background); color:var(--foreground); font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:3px solid #4b87ff; outline-offset:7px; }
.skip-link { position:fixed; z-index:100; top:1rem; left:1rem; padding:1rem; background:white; transform:translateY(-200%); }
.skip-link:focus { transform:none; }
.site-header { min-height:96px; padding:1.4rem 5%; display:flex; align-items:center; justify-content:space-between; gap:2rem; background:#fff; }
.brand { display:flex; align-items:center; gap:1.4rem; }
.brand-name { font-size:2.6rem; line-height:1; font-weight:800; letter-spacing:-.14rem; }
.brand-location { font-size:.75rem; line-height:1.5; letter-spacing:.16em; border-left:1px solid #ccd3df; padding:.2rem 0 .2rem 1.4rem; }
nav { display:flex; align-items:center; gap:2.7rem; font-size:.9rem; }
nav a { display:flex; gap:1rem; align-items:center; padding:.5rem 0; }
nav a:hover { color:var(--primary); }
.hero { position:relative; min-height:max(650px,min(760px,calc(100svh - 96px))); background:#10243b; color:#fff; isolation:isolate; overflow:hidden; }
.hero-image { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; object-position:center 60%; z-index:-3; }
.hero-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(3,19,42,.79) 0%,rgba(3,19,42,.5) 40%,rgba(3,19,42,.08) 75%),linear-gradient(0deg,rgba(3,19,42,.55),transparent 30%); }
.hero-content { max-width:1400px; margin:auto; padding:5.5rem 5% 8rem; }
.eyebrow { display:flex; align-items:center; gap:1rem; font-size:.78rem; letter-spacing:.2em; margin:0 0 2.6rem; }
.small-line { display:inline-block; height:2px; width:26px; background:#8cb6f8; }
h1 { font-size:clamp(2.6rem,4.7vw,5.4rem); line-height:1.35; font-weight:500; letter-spacing:-.055em; margin:0; }
.hero-english { font-size:1.05rem; line-height:1.65; margin:2.1rem 0 2.8rem; color:#d6e1f0; letter-spacing:.025em; }
.hero-link { display:inline-flex; gap:3.4rem; align-items:center; padding:1.15rem 1.5rem; border:1px solid #a8b5c6; font-size:1rem; transition:background .2s,color .2s; }
.hero-link:hover { background:#fff; color:#122239; }
.hero-bottom { position:absolute; bottom:1.7rem; left:5%; right:5%; display:flex; justify-content:space-between; padding-top:1.4rem; border-top:1px solid #ffffff40; font-size:.75rem; letter-spacing:.15em; color:#d6e1f0; }
.about { padding:6rem 5% 7rem; max-width:1600px; margin:auto; display:grid; grid-template-columns:1fr 3fr; gap:3rem; }
.section-label { display:flex; flex-direction:column; gap:1rem; font-size:.8rem; letter-spacing:.08em; padding-top:.5rem; }
.section-label span:last-child { color:#667083; font-size:.9rem; letter-spacing:.02em; }
.about-main h2 { font-size:clamp(2rem,3.2vw,3.5rem); line-height:1.5; font-weight:500; letter-spacing:-.03em; margin:0; }
.about-main h2 span { color:#526076; }
.about-description { margin:2.3rem 0 0; padding-top:2rem; border-top:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.about-description p { font-size:1rem; line-height:1.8; color:#4a586b; margin:0; }
.company-location { font-size:.75rem; display:flex; align-items:center; gap:.6rem; white-space:nowrap; letter-spacing:.03em; }
.location-dot { width:6px; height:6px; border-radius:50%; background:#1559e8; }
.platform { padding:6rem 5% 7rem; background:#f3f6fa; display:grid; grid-template-columns:1fr 3fr; gap:3rem; }
.platform-main { max-width:900px; }
.platform-heading { display:flex; align-items:center; gap:1.15rem; color:#132137; }
.platform-heading h2 { margin:0; font-size:clamp(2rem,3vw,3.35rem); line-height:1.25; font-weight:500; letter-spacing:-.03em; }
.platform-main p { max-width:680px; margin:1.8rem 0 2.2rem; color:#526076; font-size:1rem; line-height:1.85; }
.platform-link { display:inline-flex; align-items:center; gap:2.5rem; padding:1rem 1.25rem; color:#fff; background:#1559e8; border:1px solid #1559e8; transition:background .2s,color .2s; }
.platform-link:hover { background:transparent; color:#1559e8; }
.site-footer { padding:3rem 5% 1.7rem; background:#111e32; color:#fff; }
.footer-wordmark { font-weight:800; letter-spacing:-.06em; font-size:clamp(5rem,10vw,11rem); line-height:1.1; display:flex; align-items:center; justify-content:space-between; }
.footer-wordmark span { color:#7eacfa; font-weight:400; font-size:.8em; }
.footer-bottom { border-top:1px solid #ffffff2e; margin-top:2.5rem; padding-top:1.5rem; display:flex; justify-content:space-between; gap:1.5rem; color:#b2bfd1; font-size:.8rem; letter-spacing:.025em; }
@media(min-width:1600px) { .hero-content { padding-left:0; } }
@media(max-width:760px) {
  .site-header { min-height:82px; padding:1.3rem 6%; gap:1rem; }
  .brand { gap:.8rem; } .brand-name { font-size:2.1rem; } .brand-location { display:none; }
  nav { gap:1.4rem; font-size:.875rem; } nav a { gap:.4rem; }
  .hero { min-height:660px; } .hero-image { object-position:62% center; }
  .hero-content { padding:4rem 6% 8rem; }
  .hero-shade { background:linear-gradient(90deg,rgba(3,19,42,.82),rgba(3,19,42,.3)),linear-gradient(0deg,rgba(3,19,42,.5),transparent 40%); }
  h1 { font-size:clamp(2.2rem,6.8vw,3.4rem); line-height:1.5; letter-spacing:-.04em; }
  .eyebrow { margin-bottom:2.5rem; } .hero-bottom { left:6%; right:6%; letter-spacing:.08em; }
  .about,.platform { padding:3.7rem 6% 4rem; grid-template-columns:1fr; gap:2.2rem; }
  .section-label { flex-direction:row; justify-content:space-between; }
  .about-main h2,.platform-heading h2 { font-size:1.95rem; }
  .about-description { flex-direction:column; align-items:flex-start; gap:1.5rem; }
  .platform-heading { align-items:flex-start; }
  .site-footer { padding:2rem 6% 1.5rem; } .footer-bottom { font-size:.75rem; gap:.8rem; flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }