/* GouCargo visual refinement — approved 2026-11-06. */
:root{
  --proposal-ink:#07121b;
  --proposal-panel:#0c1b2c;
  --proposal-line:rgba(109,225,238,.23);
  --proposal-cyan:#25d3e3;
  --proposal-blue:#2468ff;
  --proposal-muted:#bfd0da;
}

body{background:var(--proposal-ink);font-feature-settings:"kern" 1,"liga" 1}

.site-header{
  top:16px!important;
  width:calc(100% - 48px)!important;
  max-width:1392px!important;
  min-height:68px!important;
  padding:10px 12px 10px 20px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:20px!important;
  background:rgba(6,17,29,.84)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(20px) saturate(140%)!important;
}
.site-header .official-icon{filter:brightness(0) invert(1);width:37px!important;height:auto!important}
.site-header nav a,.services-trigger{color:#f4f8fb!important;font-size:14px!important;font-weight:600!important}
.site-header nav>a:after,.services-trigger:after{background:var(--proposal-cyan)!important}
.client-login{
  color:#f7fbff!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
.site-header .button-small{box-shadow:0 10px 30px rgba(36,104,255,.3)!important}

.hero{min-height:100svh!important;padding-top:142px!important;background:#06111e!important}
.hero-video-shade{
  background:linear-gradient(90deg,rgba(4,13,24,.98) 0%,rgba(4,13,24,.82) 42%,rgba(4,13,24,.38) 71%,rgba(4,13,24,.57) 100%),linear-gradient(0deg,rgba(4,13,24,.82),transparent 52%)!important;
}
.hero-copy{max-width:760px!important;padding-left:clamp(54px,5.5vw,90px)!important}
.hero-brand-lockup{width:108px!important;margin-bottom:30px!important}
.eyebrow{
  width:max-content;max-width:100%;padding:8px 13px!important;border:1px solid rgba(139,184,218,.25)!important;
  border-radius:999px!important;background:rgba(11,28,47,.62)!important;color:#dcebf5!important;
  letter-spacing:.095em!important;
}
.hero h1{font-size:clamp(4rem,5.9vw,5.55rem)!important;line-height:.94!important;letter-spacing:-.055em!important;margin-top:25px!important;max-width:760px!important}
.hero h1 em,.section-heading h2 em,.cargo-route-heading h2 em,.diag-intro h1 em,.service-page h2 em{
  color:transparent!important;background:linear-gradient(110deg,var(--proposal-blue),var(--proposal-cyan));background-clip:text;-webkit-background-clip:text;font-style:normal!important;
}
.hero-lead{font-size:18px!important;line-height:1.66!important;color:#d0dde6!important;max-width:610px!important;margin-top:27px!important}
.button{border-radius:14px!important;padding-inline:22px!important;box-shadow:0 12px 35px rgba(36,104,255,.24)!important}
.text-link{color:#f3f7fa!important}
.hero-proof{gap:10px!important;margin-top:38px!important}
.hero-proof>div{padding:14px 15px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:16px!important;background:rgba(255,255,255,.075)!important;backdrop-filter:blur(9px)!important}
.hero-proof dt{font-size:clamp(1.6rem,2.4vw,2.15rem)!important;letter-spacing:-.04em!important}
.hero-proof dd{color:#b9cbd7!important;font-size:12px!important}
.ops-card{right:5vw!important;max-width:560px!important;border-radius:26px!important;border:1px solid rgba(58,207,224,.34)!important;background:rgba(7,20,35,.9)!important;box-shadow:0 32px 85px rgba(0,0,0,.44),0 0 70px rgba(37,211,227,.055)!important;backdrop-filter:blur(18px)!important}
.ops-card .insight{border-radius:16px!important;background:linear-gradient(120deg,rgba(31,93,226,.22),rgba(37,211,227,.09))!important}

.ticker{background:linear-gradient(90deg,#1fc9dc,#31d8e6)!important;color:#05121c!important}
.cargo-route{background:radial-gradient(circle at 76% 28%,rgba(26,105,207,.16),transparent 38%),#071525!important}
.cargo-route-heading h2{font-size:clamp(3.1rem,5vw,5.2rem)!important;line-height:.98!important}
.cargo-route-track{margin-top:52px!important}
.cargo-phase strong{font-size:clamp(1rem,1.5vw,1.25rem)!important}

.section{padding-top:120px!important;padding-bottom:120px!important}
.section-heading h2{font-size:clamp(3.2rem,5.2vw,5.35rem)!important;line-height:.98!important}
.section-copy{font-size:18px!important;color:#536876!important}
.intro .section-heading h2{color:#f4f8fb!important}
.intro .section-copy{color:#b8c8d2!important}
.services{gap:18px!important;margin-top:58px!important}
.service-card{border:1px solid #dce6eb!important;border-radius:24px!important;padding:28px!important;background:linear-gradient(145deg,#fff,#f7fafc)!important;box-shadow:0 22px 50px rgba(10,28,42,.07)!important}
.service-card .service-icon{border-radius:14px!important;background:#eafcff!important;color:#087a89!important}
.service-card h3{font-size:22px!important;line-height:1.14!important}
.intro .service-card:not(.highlight) h3{color:#07121b!important}
.intro .service-card:not(.highlight) p{color:#526473!important}
.intro .service-card:not(.highlight) a{color:#07121b!important}
.service-card.highlight{background:linear-gradient(145deg,#0c1f36,#0a1728)!important;border-color:rgba(49,211,227,.32)!important}

.service-hero,.diag-hero{background:radial-gradient(circle at 12% 35%,rgba(31,93,226,.22),transparent 42%),linear-gradient(135deg,#07121b,#0b2037)!important}
.service-hero-copy h1,.diag-intro h1{line-height:.97!important;letter-spacing:-.05em!important}
.service-dashboard,.diag-card{border-radius:28px!important;box-shadow:0 30px 80px rgba(0,0,0,.28)!important}
.service-dashboard{border:1px solid rgba(37,211,227,.25)!important;background:linear-gradient(145deg,rgba(13,34,57,.96),rgba(8,23,39,.96))!important}
.diag-card{border:1px solid rgba(9,41,62,.12)!important}
.choice,.pill,.check{border-radius:15px!important}
.choice:has(input:checked),.pill:has(input:checked),.check:has(input:checked){box-shadow:0 0 0 3px rgba(36,104,255,.12)!important}

@media(max-width:700px){
  .site-header{top:8px!important;width:calc(100% - 16px)!important;min-height:60px!important;padding:8px 12px 8px 16px!important;border-radius:17px!important}
  .site-header .official-icon{width:34px!important}
  .menu-toggle span{background:#fff!important}
  .hero{padding:112px 16px 54px!important;min-height:auto!important}
  .hero-copy{padding-left:0!important;max-width:none!important}
  .hero-brand-lockup{width:94px!important;margin:8px 0 29px 34px!important}
  .eyebrow{font-size:10px!important;line-height:1.45!important;padding:7px 10px!important}
  .hero .eyebrow{width:100%!important;white-space:normal!important;font-size:9.5px!important}
  .hero h1{font-size:clamp(2.9rem,12.5vw,3.35rem)!important;line-height:.94!important;margin-top:22px!important}
  .hero-lead{font-size:16px!important;line-height:1.58!important;margin-top:24px!important}
  .hero-actions{align-items:stretch!important;gap:13px!important;margin-top:28px!important}
  .hero-actions .button{width:100%!important;justify-content:center!important}
  .hero-proof{grid-template-columns:1fr 1fr!important;margin-top:34px!important}
  .hero-proof>div{padding:13px!important}
  .hero-proof dt{font-size:1.5rem!important}
  .ops-card{position:relative!important;inset:auto!important;margin:30px 0 0!important;width:100%!important;border-radius:22px!important;padding:22px!important}
  .cargo-route{padding-inline:16px!important}
  .cargo-route-heading h2{font-size:clamp(2.65rem,12vw,3.25rem)!important}
  .section{padding-top:78px!important;padding-bottom:78px!important}
  .section-heading h2{font-size:clamp(2.7rem,11.5vw,3.2rem)!important}
  .intro .eyebrow{width:100%!important;white-space:normal!important;font-size:9px!important}
  .intro .section-copy{width:100%!important;max-width:100%!important;overflow-wrap:anywhere}
  .service-card{border-radius:20px!important;padding:23px!important}
  .diag-hero{padding-top:112px!important}
  .diag-intro h1,.service-hero-copy h1{font-size:clamp(2.8rem,12vw,3.35rem)!important}
  .diag-card{border-radius:22px!important}
  .diag-steps{padding-inline:14px!important}
  .diag-step legend{font-size:clamp(1.75rem,8vw,2.1rem)!important}
}