:root{
  --ink:#f5fbff;
  --muted:#a8bac8;
  --line:#183447;
  --paper:#06131f;
  --white:#0a1d2b;
  --teal:#2ee5d0;
  --lime:#2ee5d0;
  --navy:#071725;
  --shadow:0 24px 70px rgba(0,0,0,.34);
  color:var(--ink);
  background:var(--paper);
}
body{
  background:
    radial-gradient(circle at 82% 5%,rgba(46,229,208,.09),transparent 26rem),
    linear-gradient(180deg,#071522 0,#06131f 42%,#071827 100%);
  color:var(--ink);
}
header{
  background:rgba(5,17,28,.94);
  border-bottom-color:rgba(46,229,208,.15);
}
.brand{
  width:202px;
  height:48px;
  flex:0 0 202px;
  overflow:hidden;
  background:url("/assets/cargometrik-logo.png") center/contain no-repeat;
}
.brand svg{display:none}
.brand.official-logo-link{width:clamp(190px,20vw,265px);height:auto;min-height:44px;flex:0 1 auto;overflow:visible;padding:0;background:none;line-height:0}
.official-logo-link .site-logo{display:block;width:100%;height:auto;max-height:62px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
footer .brand.official-logo-link{width:min(285px,100%);min-height:0;margin-bottom:.65rem}
footer .official-logo-link .site-logo{width:100%;max-height:none}
.brand span{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.crumbs,.prose,.card p,.steps li span,details p,.port-grid small,.field label,.consent{color:var(--muted)}
.button{color:#031416}
.button.ghost{color:var(--ink);border-color:#315268;background:rgba(10,29,43,.55)}
.button.ghost:hover{border-color:var(--teal);background:#0b2232}
.route-map{
  background:
    radial-gradient(circle at center,rgba(46,229,208,.13),transparent 52%),
    #081b2a;
  border:1px solid rgba(46,229,208,.18);
}
.route-map:before{border-color:rgba(46,229,208,.32)}
.port{background:#071725;border-color:#315268;color:#f5fbff}
.ship{box-shadow:0 0 28px rgba(46,229,208,.25)}
.metric-strip,.card,.port-grid span,.quote-form{background:#0a1d2b}
.metric-strip{border:1px solid var(--line)}
.card:hover{background:#0d2637;box-shadow:0 18px 48px rgba(0,0,0,.3)}
.chip-row a{background:#0c2637;border:1px solid #21475d}
.tracker,.resource-card{background:#071725;border:1px solid #1a4154}
.tracker input,.field input,.field select,.field textarea{
  color:var(--ink);
  background:#071725;
  border-color:#315268;
}
.tracker input::placeholder,.field input::placeholder,.field textarea::placeholder{color:#7f98a9}
.tracker button{color:#031416}
.final-cta{
  color:#f7ffff;
  background:
    linear-gradient(120deg,rgba(46,229,208,.12),transparent 55%),
    #092637;
  border-block:1px solid rgba(46,229,208,.2);
}
footer{background:#030c13;border-top:1px solid #183447;grid-template-columns:minmax(250px,1.7fr) repeat(4,minmax(130px,1fr));gap:clamp(1.5rem,3vw,3rem)}
.primary-nav .home-link,.nav-toggle{color:var(--ink)}
.primary-nav .home-link:hover,.nav-toggle:hover,.nav-toggle[aria-expanded="true"]{background:#0b2636;color:var(--teal)}
.mega-menu{background:#183447;border-color:#214257}
.mega-menu>div{background:#0a1d2b}
.mega-intro{background:#061522!important}
.mega-column>a:hover,.mega-column>a:focus-visible{background:#102b3d}
.mega-column small{color:var(--muted)}
.menu{color:var(--ink);background:#0a1d2b;border-color:#315268}
.unified-header #site-nav>.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1.15rem;border:1px solid var(--teal);border-radius:999px;background:var(--teal);color:#031416;font-weight:850;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:0 8px 24px rgba(46,229,208,.18);transition:background .2s ease,color .2s ease,transform .2s ease}
.unified-header #site-nav>.nav-cta:hover,.unified-header #site-nav>.nav-cta:focus-visible{background:#8ff8ed;color:#031416;transform:translateY(-1px)}
.skip{color:#031416;background:var(--teal)}
summary:after,.eyebrow,.section-index,.text-link,.card-no,.card b,.mega-column>b{color:var(--teal)}
@media(max-width:980px){
  #site-nav.open{background:#071725;border-color:#214257}
  .unified-header #site-nav>.nav-cta{width:100%;margin-top:.25rem}
  footer{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .brand.official-logo-link{width:min(225px,68vw)}
  footer{grid-template-columns:1fr;gap:2rem}
  footer .brand.official-logo-link{width:min(260px,82vw)}
}

.nearby{
  display:grid;
  grid-template-columns:minmax(220px,.65fr) 2fr;
  gap:clamp(1.5rem,4vw,4rem);
  padding:clamp(3rem,6vw,6rem) clamp(1rem,7vw,8rem);
  background:#081b2a;
  border-top:1px solid rgba(46,229,208,.2);
}
.nearby h2{margin:.2rem 0;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.1}
.nearby-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.nearby-links a{display:flex;flex-direction:column;justify-content:center;min-height:92px;padding:1rem 1.1rem;border:1px solid #21475d;border-radius:8px;background:#0a1d2b;color:var(--ink);font-weight:800;text-decoration:none;transition:.2s ease}
.nearby-links a:hover,.nearby-links a:focus-visible{border-color:var(--teal);background:#0d293a;transform:translateY(-2px)}
.nearby-links small{margin-top:.25rem;color:var(--muted);font-size:.72rem;font-weight:500;line-height:1.35}
@media(max-width:900px){.nearby{grid-template-columns:1fr}.nearby-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.nearby-links{grid-template-columns:1fr}}

.trust-bar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  padding:1px;
  background:#21475d;
  border-top:1px solid #21475d;
}
.trust-bar a{display:flex;min-height:120px;flex-direction:column;justify-content:center;padding:1.35rem clamp(1rem,2.5vw,2rem);background:#071725;text-decoration:none}
.trust-bar a:hover,.trust-bar a:focus-visible{background:#0d293a}
.trust-bar b{color:var(--teal);font-family:Georgia,serif;font-size:1.2rem;font-weight:600}
.trust-bar span{margin-top:.35rem;color:var(--muted);font-size:.82rem;line-height:1.45}
@media(max-width:900px){.trust-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.trust-bar{grid-template-columns:1fr}.trust-bar a{min-height:auto}}

.product-preview{overflow:hidden;border:1px solid #21475d;border-radius:14px;background:#071725;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.product-top{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid #21475d;background:#0b2232;font-size:.74rem}
.product-top span{display:flex;align-items:center;gap:.5rem;font-weight:800}.product-top i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px rgba(46,229,208,.7)}.product-top small{color:var(--muted)}
.product-body{display:grid;grid-template-columns:125px 1fr;min-height:310px}.product-body aside{display:flex;flex-direction:column;gap:.35rem;padding:1rem .75rem;border-right:1px solid #183447;background:#06131f}.product-body aside b,.product-body aside span{padding:.55rem .6rem;border-radius:5px;font-size:.7rem}.product-body aside b{color:#031416;background:var(--teal)}.product-body aside span{color:var(--muted)}
.product-main{padding:1rem}.product-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.product-kpis span{padding:.75rem;border:1px solid #183447;border-radius:8px;background:#0a1d2b}.product-kpis small{display:block;color:var(--muted);font-size:.62rem}.product-kpis b{font-size:.83rem;color:var(--ink)}
.product-table{margin-top:.7rem;border:1px solid #183447;border-radius:8px;overflow:hidden}.product-table>div{display:grid;grid-template-columns:1.2fr .8fr auto;align-items:center;gap:.6rem;padding:.8rem;border-bottom:1px solid #183447;background:#081b2a}.product-table>div:last-child{border:0}.product-table b{font-size:.72rem}.product-table span{color:var(--muted);font-size:.66rem}.status{padding:.25rem .45rem;border-radius:99px;font-size:.58rem;font-style:normal;font-weight:800}.moving{color:#8ef4e9;background:#123c43}.review{color:#f5d68a;background:#3b3220}.ready{color:#bfe697;background:#243c27}
@media(max-width:620px){.product-body{grid-template-columns:1fr}.product-body aside{display:none}.product-kpis{grid-template-columns:1fr}.product-table>div{grid-template-columns:1fr auto}.product-table span{display:none}}