:root{
  --navy:#071f49;
  --blue:#0b3b78;
  --gold:#c99022;
  --gold2:#d8ad4c;
  --ink:#18233b;
  --muted:#60708a;
  --paper:#ffffff;
  --soft:#f4f8fc;
  --line:rgba(7,31,73,.14);
  --shadow:0 18px 50px rgba(7,31,73,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic","Microsoft YaHei",sans-serif;
  color:var(--ink);
  background:#fff;
}
a{color:inherit}
img{max-width:100%;height:auto}
.site-header{
  position:absolute;
  z-index:20;
  top:0;left:0;right:0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:24px 46px;
}
.logo img{width:180px;display:block}
.header-right{display:flex;gap:22px;align-items:center;color:var(--navy);font-weight:700}
.lang{display:flex;gap:14px;align-items:center;font-size:14px}
.lang a{text-decoration:none;border-bottom:1px solid transparent}
.lang a:hover{border-color:var(--gold)}
.menu-toggle{width:38px;height:28px;border:0;background:transparent;display:none;position:relative}
.menu-toggle span,.menu-toggle:before,.menu-toggle:after{
  content:"";display:block;height:2px;background:var(--navy);position:absolute;left:0;right:0
}
.menu-toggle:before{top:3px}.menu-toggle span{top:13px}.menu-toggle:after{bottom:3px}
.primary-nav{display:flex;gap:26px;font-size:14px;letter-spacing:.08em}
.primary-nav a{text-decoration:none;color:var(--navy);font-weight:800}
.hero{
  min-height:650px;
  position:relative;
  display:grid;
  place-items:center;
  text-align:center;
  overflow:hidden;
  padding:130px 20px 190px;
}
.hero:before{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 52% 21%,rgba(255,255,255,.96) 0 8%,rgba(221,238,250,.75) 34%,rgba(7,31,73,.1) 62%,rgba(7,31,73,.32) 100%),
    linear-gradient(120deg,rgba(7,31,73,.62),rgba(255,255,255,.1) 42%,rgba(7,31,73,.52)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='820' viewBox='0 0 1600 820'%3E%3Crect width='1600' height='820' fill='%23c7e2f6'/%3E%3Cg fill='%23071f49' opacity='.45'%3E%3Crect x='80' y='420' width='42' height='180'/%3E%3Crect x='130' y='360' width='58' height='240'/%3E%3Crect x='205' y='455' width='46' height='145'/%3E%3Crect x='270' y='390' width='72' height='210'/%3E%3Crect x='1220' y='455' width='60' height='135'/%3E%3Crect x='1292' y='405' width='42' height='185'/%3E%3Crect x='1345' y='360' width='76' height='230'/%3E%3C/g%3E%3Cpath d='M0 535 C180 420 310 555 470 430 C660 280 805 410 990 315 C1210 205 1350 330 1600 260 L1600 820 L0 820Z' fill='%23071f49' opacity='.38'/%3E%3Cpath d='M0 610 C220 500 390 625 560 515 C760 385 930 515 1110 420 C1310 315 1450 405 1600 355 L1600 820 L0 820Z' fill='%230b3b78' opacity='.38'/%3E%3Cg stroke='white' stroke-width='2' opacity='.62' fill='none'%3E%3Cpath d='M240 190 C530 30 900 45 1260 190'/%3E%3Cpath d='M350 230 C650 105 940 115 1180 260'/%3E%3Cpath d='M210 290 C500 145 850 150 1350 320'/%3E%3Cpath d='M460 160 C650 70 760 75 960 165'/%3E%3C/g%3E%3Cg fill='white' opacity='.95'%3E%3Ccircle cx='240' cy='190' r='6'/%3E%3Ccircle cx='560' cy='68' r='6'/%3E%3Ccircle cx='900' cy='72' r='6'/%3E%3Ccircle cx='1260' cy='190' r='6'/%3E%3Ccircle cx='350' cy='230' r='5'/%3E%3Ccircle cx='1180' cy='260' r='5'/%3E%3Ccircle cx='1350' cy='320' r='5'/%3E%3C/g%3E%3C/svg%3E") center/cover;
}
.hero-inner{position:relative;max-width:1000px}
.hero h1{
  color:var(--navy);
  font-size:clamp(48px,7vw,92px);
  line-height:1.02;
  margin:0;
  letter-spacing:.02em;
}
.hero .lead{font-size:26px;color:var(--gold);font-weight:800;margin:24px 0 10px}
.hero .sub{font-size:18px;color:var(--navy);font-weight:800;margin:7px 0}
.gateway{
  max-width:1160px;
  position:relative;
  z-index:2;
  margin:-135px auto 38px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  padding:0 26px;
}
.gateway-card{
  background:rgba(255,255,255,.97);
  border:1px solid rgba(201,144,34,.6);
  border-radius:12px;
  padding:34px;
  text-align:center;
  box-shadow:var(--shadow);
}
.flag{font-size:40px;margin-bottom:7px}
.kicker{font-weight:900;color:var(--navy);line-height:1.45}
.kicker span{font-size:14px}.kicker small{font-size:12px;color:var(--muted)}
.gateway-card h2{font-size:30px;color:var(--navy);margin:20px 0 8px}
.gold{color:var(--gold);font-weight:900}
.gateway-card p{line-height:1.8}.en-small,.cn-small{font-size:14px;color:#40485f}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:250px;
  margin-top:18px;
  background:var(--navy);
  color:#fff;
  text-decoration:none;
  padding:14px 28px;
  border-radius:4px;
  font-weight:900;
  letter-spacing:.04em;
  box-shadow:0 8px 18px rgba(7,31,73,.18)
}
.btn.gold-btn{background:linear-gradient(90deg,#b67b18,#d8ad4c)}
.section{max-width:1180px;margin:0 auto;padding:46px 26px}
.section-title{text-align:center;color:var(--navy);letter-spacing:.12em;font-size:24px;margin:0 0 28px}
.services{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.service{
  background:#fff;
  border:1px solid rgba(7,31,73,.06);
  border-radius:8px;
  box-shadow:0 10px 28px rgba(7,31,73,.08);
  overflow:hidden;
  text-align:center;
}
.service-img{height:128px;background:linear-gradient(135deg,#12233b,#9fc1d5)}
.s1{background:linear-gradient(135deg,#172b3e,#a9cadc)}
.s2{background:linear-gradient(135deg,#273848,#d8dde4)}
.s3{background:linear-gradient(135deg,#241810,#f1a642)}
.s4{background:linear-gradient(135deg,#151923,#d5d8de)}
.s5{background:linear-gradient(135deg,#1d2b34,#b9c8cf)}
.s6{background:linear-gradient(135deg,#0b3b78,#f0f6fb)}
.service-content{padding:18px 12px 20px}
.service h3{margin:0 0 4px;color:var(--navy);font-size:17px}
.service b{font-size:12px;color:var(--blue)}
.service p{font-size:13px;line-height:1.65}
.split{
  max-width:1180px;
  margin:20px auto 0;
  padding:36px 26px 55px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
}
.split h2{color:var(--navy);font-size:24px}
.split p{line-height:1.85;color:#3f4b62}
.cities{columns:2;list-style:none;padding:0;margin:18px 0 0}
.cities li{margin:12px 0;padding-left:24px;position:relative}
.cities li:before{content:"●";position:absolute;left:0;color:var(--gold)}
.check{list-style:none;padding:0;margin:0}
.check li{margin:14px 0;padding-left:32px;position:relative;line-height:1.6}
.check li:before{content:"✓";position:absolute;left:0;top:0;color:var(--gold);font-weight:900;border:1px solid var(--gold);border-radius:50%;width:20px;height:20px;text-align:center;line-height:18px}
.contact{
  text-align:center;
  color:#fff;
  padding:60px 24px;
  background:
    linear-gradient(rgba(7,31,73,.9),rgba(7,31,73,.9)),
    radial-gradient(circle at 50% 100%,#2b75a6,#071f49);
}
.contact h2{margin:0 0 12px;font-size:26px}
.contact p{margin:8px 0;color:rgba(255,255,255,.92)}
.site-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:22px 48px;
  font-size:13px;
  background:#fff;
}
.footer-logo img{width:135px}
.footer-center{line-height:1.6}
.footer-links{display:flex;gap:16px;color:var(--muted)}
@media(max-width:1000px){
  .primary-nav{display:none}
  .menu-toggle{display:block}
  .header-right.is-open .primary-nav{
    display:flex;position:absolute;top:76px;right:20px;background:#fff;padding:20px;border-radius:8px;box-shadow:var(--shadow);flex-direction:column
  }
  .gateway,.split{grid-template-columns:1fr}
  .services{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .site-header{position:relative;background:#eaf4fb;padding:14px 18px}
  .logo img{width:165px}
  .header-right{gap:12px}
  .lang{font-size:12px;gap:8px;flex-wrap:wrap;justify-content:flex-end}
  .hero{min-height:420px;padding:70px 16px 90px}
  .gateway{margin:0 auto;padding:22px 18px}
  .gateway-card{padding:24px 18px}
  .gateway-card h2{font-size:24px}
  .btn{min-width:0;width:100%;padding:14px 16px}
  .services{grid-template-columns:1fr}
  .split{gap:20px}
  .cities{columns:1}
  .site-footer{display:block;text-align:center;padding:22px}
  .footer-links{justify-content:center;margin-top:12px}
}