/* Measured from build-app.online at 1440px and 390px on 2026-10-16. */
:root{
  --font-ui:"Segoe UI Variable","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --weight-heading:710;
  --weight-label:700;
  --weight-action:760;
}
body{font-family:var(--font-ui);font-size:16px;font-weight:400;line-height:1.65}
button{font-family:var(--font-ui)}
.brand{font-size:18px;font-weight:800;line-height:1.05;letter-spacing:.04em}
nav{font-size:14px;font-weight:650;line-height:1.65}
.nav-cta,.menu{font-size:15px;font-weight:var(--weight-action);line-height:1.2}
.hero h1{font-size:clamp(48px,5.8vw,92px);font-weight:720;line-height:1.05;letter-spacing:-.055em}
.hero-intro{font-size:12px;font-weight:800;line-height:1.65;letter-spacing:.04em}
.hero-summary{font-size:21px;font-weight:400;line-height:1.75;max-width:560px}
.hero-primary,.hero-link,.btn{font-size:15px;font-weight:var(--weight-action);line-height:1.2}
.hero-services>p{font-size:20px;font-weight:var(--weight-label);line-height:1.4}
.hero-services>a{font-size:16px;font-weight:650;line-height:1.65}
h2,.spotlight h2{font-size:clamp(34px,4vw,60px);font-weight:var(--weight-heading);line-height:1.13;letter-spacing:-.045em}
.section-head{max-width:1060px}
.section-head p,.lead{font-size:17px;font-weight:400;line-height:1.75;max-width:600px}
.service-row h3{font-size:clamp(25px,2.23vw,32px);font-weight:var(--weight-label);line-height:1.35;letter-spacing:-.025em}
.service-row p,.capability-grid p,.step p,.article-card p,.request-grid p,.delivery-note p{font-size:16px;font-weight:400;line-height:1.65}
.capability-grid h3,.step h3,.request-grid h3,.delivery-note h3,.article-card h3{font-size:23px;font-weight:var(--weight-label);line-height:1.4;letter-spacing:-.025em}
.capabilities-links a{font-size:17px;font-weight:650;line-height:1.65}
.text-link,.footer-links{font-size:14px;font-weight:650;line-height:1.65}
.showcase-bar h3{font-size:19px;font-weight:var(--weight-label);line-height:1.45}
.showcase-bar p{font-size:14px;line-height:1.65}
.tab{font-size:14px;font-weight:650;line-height:1.3}
.num,.small,.image-disclosure{font-size:13px;line-height:1.65}
summary{font-size:19px;font-weight:var(--weight-label);line-height:1.65}
details p{font-size:16px;line-height:1.75}
.contact-section h2{font-size:clamp(44px,5.3vw,76px);font-weight:var(--weight-heading);line-height:1.12;letter-spacing:-.045em}
.contact-bottom p{font-size:17px;line-height:1.75}
.contact-lines{font-size:18px;font-weight:650;line-height:1.65}
.contact-location{font-size:14px;font-weight:400;line-height:1.65}
.footer-contact,.disclosure{font-size:13px;line-height:1.65}
.breadcrumb,.toc{font-size:14px;line-height:1.65}
.toc{font-weight:650}
.article-hero h1{font-size:clamp(40px,4.6vw,68px);font-weight:720;line-height:1.12;letter-spacing:-.045em}
.article-hero .lead{font-size:19px;line-height:1.75;max-width:850px}
.prose h2,.callout h2{font-size:32px;font-weight:var(--weight-heading);line-height:1.3;letter-spacing:-.025em}
.prose h3{font-size:23px;font-weight:var(--weight-label);line-height:1.4;letter-spacing:-.025em}
.prose p,.prose li,.prose dl{font-size:16px;line-height:1.8}
.prose table{font-size:15px;line-height:1.65}
@media(max-width:1100px) and (min-width:768px){
  nav{gap:16px;font-size:13px}
  .nav{gap:22px}
  .hero-summary{font-size:18px}
  .hero-services>a{font-size:15px}
  .hero-actions{gap:20px}
  .hero-primary{gap:24px}
}
@media(max-width:767px){
  .brand{font-size:16px;font-weight:800;letter-spacing:.04em}
  nav{font-size:18px;font-weight:650;line-height:1.65}
  .nav-cta,.menu{font-size:13px;line-height:1.2}
  .hero h1{font-size:clamp(40px,13vw,56px);font-weight:720;line-height:1.05;letter-spacing:-.055em}
  .hero-intro{font-size:12px;font-weight:800;letter-spacing:0;line-height:1.65}
  .hero-summary{font-size:17px;line-height:1.75}
  .hero-primary,.hero-link,.btn{font-size:15px;line-height:1.2}
  .hero-actions{gap:20px}
  .hero-primary{padding:12px 16px;gap:16px}
  .hero-link{gap:15px}
  .hero-services>p{font-size:19px;line-height:1.4}
  .hero-services>a{font-size:16px;line-height:1.65}
  h2,.spotlight h2{font-size:34px;font-weight:var(--weight-heading);line-height:1.16;letter-spacing:-.045em}
  .section-head p,.lead{font-size:17px;line-height:1.75}
  .service-row h3,.capability-grid h3,.step h3,.request-grid h3,.delivery-note h3,.article-card h3{font-size:21px;font-weight:var(--weight-label);line-height:1.4;letter-spacing:-.025em}
  .service-row p,.capability-grid p,.step p,.article-card p,.request-grid p,.delivery-note p{font-size:16px;line-height:1.7}
  .capabilities-links a{font-size:16px}
  .showcase-bar h3{font-size:18px}
  .showcase-bar p{font-size:14px;line-height:1.65}
  .tab{font-size:14px}
  summary{font-size:19px;line-height:1.55}
  details p{font-size:16px;line-height:1.75}
  .contact-section h2{font-size:44px;font-weight:var(--weight-heading);line-height:1.16}
  .contact-bottom p{font-size:16px;line-height:1.75}
  .contact-lines{font-size:17px}
  .footer-links{font-size:14px}
  .footer-contact,.disclosure{font-size:13px;line-height:1.65}
  .breadcrumb,.toc{font-size:13px}
  .article-hero h1{font-size:clamp(34px,10vw,40px);font-weight:720;line-height:1.18;letter-spacing:-.04em}
  .article-hero .lead{font-size:17px;line-height:1.75}
  .prose h2,.callout h2{font-size:28px;font-weight:var(--weight-heading);line-height:1.3}
  .prose h3{font-size:21px}
  .prose p,.prose li,.prose dl{font-size:16px;line-height:1.8}
  .prose table{font-size:14px}
}