@font-face{ font-family:"Futura Md"; src:url("/static/fonts/futura_medium.woff2") format("woff2"); font-weight:500; font-display:swap; }
  @font-face{ font-family:"Futura Bd"; src:url("/static/fonts/futura_bold.woff2") format("woff2"); font-weight:700; font-display:swap; }

  :root{
    --ink:#12141C; --ink-soft:#3A3D4A;
    --paper:#F6F5F1; --paper-2:#EDEBE4; --card:#FFFFFF;
    --line:#D8D5CB; --line-soft:#E6E3DB;
    --blue:#2E5AAC; --blue-deep:#1F3D78; --blue-tint:#E7EDF8;
    --clay:#B23A2E; --clay-tint:#F5E4E1;
    --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --display:"Futura Bd",var(--sans);
    --display-med:"Futura Md",var(--sans);
    --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2.5rem; --s5:4rem; --s6:6.5rem;
    --maxw:74rem;
  }
  *{ box-sizing:border-box; }
  html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:5rem; }
  body{ margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; }
  img,svg{ max-width:100%; display:block; }
  a{ color:inherit; }
  h1,h2,h3,h4,p,ul,figure{ margin:0; }
  h1,h2,h3{ text-wrap:balance; }
  .wrap{ max-width:var(--maxw); margin:0 auto; padding-inline:var(--s4); }
  @media(max-width:640px){ .wrap{ padding-inline:var(--s3); } }
  section{ padding-block:var(--s6); }
  @media(max-width:640px){ section{ padding-block:var(--s5); } }
  .eyebrow{ font-family:var(--display-med); font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; color:var(--blue-deep); }
  .num{ font-variant-numeric:tabular-nums; }
  h2.section-title{ font-family:var(--display); font-size:clamp(1.6rem,3vw,2.2rem); margin-top:var(--s1); max-width:26ch; }

  /* NAV */
  header.nav{ position:sticky; top:0; z-index:40; background:var(--paper); border-bottom:1px solid var(--line); }
  .nav-inner{ max-width:var(--maxw); margin:0 auto; padding:1.1rem var(--s4); display:flex; align-items:center; justify-content:space-between; gap:var(--s3); }
  @media(max-width:640px){ .nav-inner{ padding:.9rem var(--s3); } }
  .wordmark{ font-family:var(--display); font-size:1.05rem; letter-spacing:.08em; text-decoration:none; }
  .wordmark span{ color:var(--blue); }
  nav.links{ display:flex; gap:var(--s3); font-size:.9rem; }
  nav.links a{ text-decoration:none; color:var(--ink-soft); transition:color .15s ease; }
  nav.links a:hover,nav.links a:focus-visible{ color:var(--ink); }
  @media(max-width:960px){ nav.links{ display:none; } }
  .nav-right{ display:flex; align-items:center; gap:var(--s2); }
  .btn{ display:inline-flex; align-items:center; gap:.5rem; font-family:var(--display-med); font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; padding:.75rem 1.3rem; border-radius:2px; text-decoration:none; border:1px solid var(--ink); color:var(--ink); background:transparent; cursor:pointer; transition:background .15s ease,color .15s ease,border-color .15s ease; }
  .btn:hover,.btn:focus-visible{ background:var(--ink); color:var(--paper); }
  .btn.primary{ background:var(--blue); border-color:var(--blue); color:#fff; }
  .btn.primary:hover,.btn.primary:focus-visible{ background:var(--blue-deep); border-color:var(--blue-deep); }
  .btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{ outline:2px solid var(--blue); outline-offset:2px; }
  .hamb{ display:none; background:none; border:1px solid var(--line); border-radius:2px; padding:.5rem .6rem; cursor:pointer; }
  .hamb span{ display:block; width:20px; height:2px; background:var(--ink); margin:3px 0; }
  @media(max-width:960px){ .hamb{ display:inline-block; } }
  .mobile-menu{ display:none; border-bottom:1px solid var(--line); background:var(--paper); }
  .mobile-menu.open{ display:block; }
  .mobile-menu a{ display:block; padding:.9rem var(--s3); text-decoration:none; color:var(--ink); border-top:1px solid var(--line-soft); font-size:1rem; }

  /* HERO */
  .hero{ padding-block:var(--s6) var(--s5);
    background-image:
      linear-gradient(var(--paper),var(--paper)),
      repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(46,90,172,.06) 39px,rgba(46,90,172,.06) 40px),
      repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(46,90,172,.06) 39px,rgba(46,90,172,.06) 40px);
  }
  .hero h1{ font-family:var(--display); font-size:clamp(2.4rem,5.2vw,4.1rem); line-height:1.04; letter-spacing:-.01em; max-width:20ch; }
  .hero .lede{ margin-top:var(--s3); font-size:1.18rem; color:var(--ink-soft); max-width:46rem; line-height:1.6; }
  .hero .lede b{ color:var(--ink); font-weight:600; }
  .split{ margin-top:var(--s5); display:grid; grid-template-columns:1fr 1fr; gap:var(--s3); }
  @media(max-width:720px){ .split{ grid-template-columns:1fr; } }
  .split-card{ background:var(--card); border:1px solid var(--line); padding:var(--s4); display:flex; flex-direction:column; gap:var(--s2); text-align:left; font:inherit; cursor:pointer; transition:border-color .15s ease, transform .15s ease; }
  .split-card:hover{ border-color:var(--blue); transform:translateY(-2px); }
  .split-card .tag{ font-family:var(--display-med); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--blue); }
  .split-card h3{ font-family:var(--display); font-size:1.5rem; }
  .split-card p{ color:var(--ink-soft); font-size:.98rem; }
  .split-card .go{ margin-top:auto; font-family:var(--display-med); font-size:.85rem; letter-spacing:.04em; padding-top:var(--s2); color:var(--blue-deep); }
  .split-card .go::after{ content:" →"; }

  /* TRUST */
  .trust{ padding-block:var(--s5); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .trust .eyebrow{ margin-bottom:var(--s3); }
  .logogrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--s3) var(--s4); }
  @media(max-width:720px){ .logogrid{ grid-template-columns:repeat(2,1fr); } }
  .logogrid .logo{ font-family:var(--display-med); font-size:1.02rem; color:var(--ink-soft); text-align:center; padding-block:var(--s1); }

  /* TARIFF TOOL */
  .tariff{ background:var(--blue-deep); color:#EAF0FB; }
  .tariff .eyebrow{ color:#9FB8E5; }
  .tariff h2{ font-family:var(--display); font-size:clamp(1.6rem,3vw,2.2rem); color:#fff; margin-top:var(--s1); max-width:24ch; }
  .tariff .intro{ margin-top:var(--s2); color:#C9D6EE; max-width:44rem; }
  .calc{ margin-top:var(--s4); display:grid; grid-template-columns:1fr 1fr; gap:var(--s4); align-items:start; }
  @media(max-width:820px){ .calc{ grid-template-columns:1fr; gap:var(--s3); } }
  .calc-inputs{ display:flex; flex-direction:column; gap:var(--s3); }
  .field label{ display:block; font-family:var(--display-med); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:#9FB8E5; margin-bottom:.5rem; }
  .field input,.field select{ width:100%; padding:.8rem 1rem; font:inherit; font-size:1rem; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.06); color:#fff; border-radius:3px; }
  .field select option{ color:#12141C; }
  .calc-out{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15); padding:var(--s4); }
  .calc-out .row{ display:flex; justify-content:space-between; align-items:baseline; padding-block:.7rem; border-bottom:1px dashed rgba(255,255,255,.18); gap:1rem; }
  .calc-out .row:last-of-type{ border-bottom:none; }
  .calc-out .row .lbl{ font-size:.92rem; color:#C9D6EE; }
  .calc-out .row .val{ font-family:var(--display); font-size:1.35rem; color:#fff; }
  .calc-out .hi .val{ color:#F4B8A8; }
  .calc-out .note{ margin-top:var(--s2); font-size:.8rem; color:#93A4C6; line-height:1.5; }
  .calc-out .cta-line{ margin-top:var(--s3); }

  /* TERMS */
  .terms-grid{ margin-top:var(--s4); display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s3); }
  @media(max-width:820px){ .terms-grid{ grid-template-columns:1fr; } }
  .term{ background:var(--blue-tint); padding:var(--s4); }
  .term .n{ font-family:var(--display); font-size:1.55rem; color:var(--blue-deep); }
  .term h4{ font-family:var(--display-med); font-size:1.02rem; margin-top:var(--s2); }
  .term p{ margin-top:var(--s1); color:var(--ink-soft); font-size:.95rem; }

  /* COMPARE */
  .compare{ margin-top:var(--s4); display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid var(--line); }
  @media(max-width:720px){ .compare{ grid-template-columns:1fr; } }
  .compare>div{ padding:var(--s4); }
  .compare .overseas{ background:var(--paper-2); }
  .compare .home{ background:var(--ink); color:var(--paper); }
  .compare h4{ font-family:var(--display-med); font-size:.85rem; letter-spacing:.1em; text-transform:uppercase; }
  .compare .overseas h4{ color:var(--ink-soft); }
  .compare .home h4{ color:#9FB8E5; }
  .compare ul{ list-style:none; padding:0; margin-top:var(--s3); display:flex; flex-direction:column; gap:var(--s2); }
  .compare li{ font-size:.98rem; padding-left:1.1rem; position:relative; }
  .compare .overseas li::before{ content:"–"; position:absolute; left:0; color:var(--ink-soft); }
  .compare .home li::before{ content:"+"; position:absolute; left:0; color:#9FB8E5; }

  /* SERVICES — 分阶段流程,去方框,留白+细线+左侧强调线 */
  .svc-flow{ margin-top:var(--s4); display:flex; flex-direction:column; gap:2.8rem; }
  .svc-phase-head{ display:flex; align-items:baseline; gap:.9rem; padding-bottom:.75rem; border-bottom:1px solid var(--line); }
  .svc-phase-head .pl-n{ font-family:var(--display-med); font-size:.72rem; letter-spacing:.12em; color:var(--blue); white-space:nowrap; }
  .svc-phase-head h3{ font-family:var(--display); font-weight:400; font-size:1.15rem; margin:0; letter-spacing:.01em; }
  .svc-row{ margin-top:1.4rem; display:grid; grid-template-columns:repeat(3,1fr); gap:1.7rem 2.2rem; }
  @media(max-width:820px){ .svc-row{ grid-template-columns:repeat(2,1fr); } }
  @media(max-width:520px){ .svc-row{ grid-template-columns:1fr; } }
  .svc{ padding-left:1rem; border-left:2px solid var(--line); }
  .svc .n{ font-family:var(--display-med); font-size:.7rem; letter-spacing:.1em; color:var(--blue); }
  .svc b{ display:block; font-size:1rem; margin-top:.3rem; }
  .svc p{ font-size:.86rem; color:var(--ink-soft); margin-top:.35rem; line-height:1.45; }
  @media(prefers-reduced-motion: no-preference){
    .svc{ transition:border-color .25s ease, transform .25s ease; }
    .svc:hover{ border-left-color:var(--blue); transform:translateX(3px); }
  }

  /* OUR WORK */
  .work-grid{ margin-top:var(--s4); display:grid; grid-template-columns:repeat(4,1fr); gap:var(--s2); }
  @media(max-width:820px){ .work-grid{ grid-template-columns:repeat(2,1fr); } }
  .work-tile{ aspect-ratio:3/4; background:var(--paper-2); border:1px solid var(--line); display:flex; flex-direction:column; justify-content:flex-end; padding:var(--s2); position:relative; overflow:hidden; }
  .work-tile .cat{ font-family:var(--display-med); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:var(--blue-deep); }
  .work-tile .ttl{ font-size:.95rem; margin-top:.2rem; }
  .work-tile .ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--line); font-family:var(--display); font-size:2rem; }
  .work-note{ margin-top:var(--s3); font-size:.9rem; color:var(--ink-soft); }

  /* CREDENTIALS */
  .cred{ background:var(--ink); color:var(--paper); }
  .cred-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--s3); }
  @media(max-width:820px){ .cred-grid{ grid-template-columns:repeat(2,1fr); } }
  .cred-item .n{ font-family:var(--display); font-size:1.7rem; color:#9FB8E5; }
  .cred-item p{ margin-top:.4rem; font-size:.92rem; color:#C7CBDA; }

  /* PRESS */
  .press-list{ margin-top:var(--s4); display:flex; flex-direction:column; }
  .press-item{ display:grid; grid-template-columns:11rem 1fr; gap:var(--s3); padding-block:var(--s3); border-top:1px solid var(--line); }
  .press-item:last-child{ border-bottom:1px solid var(--line); }
  @media(max-width:640px){ .press-item{ grid-template-columns:1fr; gap:.3rem; } }
  .press-item .src{ font-family:var(--display-med); font-size:.74rem; letter-spacing:.06em; text-transform:uppercase; color:var(--clay); }
  .press-item h4{ font-size:1.1rem; }
  .press-item p{ margin-top:.4rem; font-size:.95rem; color:var(--ink-soft); max-width:44rem; }

  /* LEADERSHIP */
  .lead-grid{ margin-top:var(--s4); display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s3); }
  @media(max-width:720px){ .lead-grid{ grid-template-columns:1fr; } }
  .lead-card h4{ font-family:var(--display-med); font-size:1.05rem; }
  .lead-card .role{ font-size:.82rem; color:var(--blue-deep); margin-top:.2rem; }
  .lead-card p{ margin-top:var(--s2); font-size:.95rem; color:var(--ink-soft); }

  /* CONTACT */
  .contact{ background:var(--blue-tint); }
  .contact-inner{ display:grid; grid-template-columns:1fr 1.1fr; gap:var(--s5); align-items:start; }
  @media(max-width:820px){ .contact-inner{ grid-template-columns:1fr; gap:var(--s4); } }
  .contact h2{ font-family:var(--display); font-size:clamp(1.8rem,3.5vw,2.6rem); max-width:16ch; }
  .contact .promise{ margin-top:var(--s3); font-size:1rem; color:var(--ink-soft); }
  .contact-details{ margin-top:var(--s4); font-size:.95rem; color:var(--ink-soft); line-height:1.9; }
  .contact-details b{ color:var(--ink); }
  form.inquiry{ background:var(--card); border:1px solid var(--line); padding:var(--s4); display:flex; flex-direction:column; gap:var(--s3); }
  .form-row{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s3); }
  @media(max-width:520px){ .form-row{ grid-template-columns:1fr; } }
  .form-field{ display:flex; flex-direction:column; gap:.4rem; }
  .form-field label{ font-family:var(--display-med); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); }
  .form-field input,.form-field select,.form-field textarea{ padding:.75rem .9rem; font:inherit; font-size:1rem; border:1px solid var(--line); background:var(--paper); border-radius:3px; color:var(--ink); }
  .form-field textarea{ resize:vertical; min-height:5rem; }
  .form-msg{ font-size:.9rem; color:var(--blue-deep); min-height:1.2rem; }

  /* FOOTER */
  footer.site{ border-top:1px solid var(--line); padding-block:var(--s4); }
  .foot-inner{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--s3); font-size:.85rem; color:var(--ink-soft); }
  .foot-links{ display:flex; gap:var(--s3); flex-wrap:wrap; }
  .foot-links a{ text-decoration:none; color:var(--ink-soft); }
  .foot-links a:hover{ color:var(--ink); }

  @media(prefers-reduced-motion:reduce){ *{ transition:none!important; scroll-behavior:auto!important; } }