/*
 * MNK / MATERIAL 43
 * The website is an editorial experience with a restrained contextual glass
 * layer, never a blanket of translucent cards. This is a browser material
 * approximation, not Apple's native system compositor.
 */
:root{--mnk43-navy:#102B3B;--mnk43-gold:#CAD3D9;--mnk43-ease:cubic-bezier(.22,1,.36,1)}

/* Slim native-scroll header: retains the v37 sticky-stage offsets. */
body:not(.home-page) .topbar{
  --mnk43-x:50%;--mnk43-y:0%;--mnk43-light:.15;
  position:sticky;top:0;height:78px;isolation:isolate;
  background:rgba(255,255,255,.78);border:0;
  border-bottom:1px solid rgba(96,118,132,.12);
  box-shadow:0 3px 18px rgba(16,43,59,.035);
  backdrop-filter:blur(19px) saturate(136%);
  -webkit-backdrop-filter:blur(19px) saturate(136%);
  transition:background .45s ease,box-shadow .45s ease;
}
body:not(.home-page) .topbar::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 220px 80px at var(--mnk43-x) var(--mnk43-y),
    rgba(255,255,255,.48),transparent 78%),
    linear-gradient(180deg,rgba(255,255,255,.4),transparent 50%);
  opacity:calc(.45 + var(--mnk43-light)*.4);
}
body:not(.home-page) .topbar > *{position:relative;z-index:1}
body:not(.home-page) .topbar.mnk43-scrolled{
  background:rgba(255,255,255,.88);
  box-shadow:0 5px 23px rgba(16,43,59,.07);
}
body:not(.home-page) .topbar .brand img{
  width:110px;height:54px;object-fit:contain;
}
body:not(.home-page) .topbar .nav-link{
  font-weight:550;letter-spacing:-.005em;color:#304551;
  transition:color .25s ease;
}
body:not(.home-page) .topbar .nav-link.current,
body:not(.home-page) .topbar .nav-link:hover{color:#607684}
body:not(.home-page) .topbar .nav-right{gap:17px}

/* Small, physically legible controls. No glass wrapping ordinary copy. */
body:not(.home-page) .topbar .nav-cta,
body:not(.home-page) .topbar .menu-toggle,
body:not(.home-page) .sv-circle-arrow,
body:not(.home-page) .sv-flow-controls button,
body:not(.home-page) .mnk30-close-cta{
  --mnk43-x:50%;--mnk43-y:0%;--mnk43-light:0;
  position:relative;isolation:isolate;overflow:hidden;
  backdrop-filter:blur(12px) saturate(130%);
  -webkit-backdrop-filter:blur(12px) saturate(130%);
  transition:background .35s,border-color .35s,box-shadow .35s,
    transform .42s var(--mnk43-ease);
}
body:not(.home-page) .topbar .nav-cta::before,
body:not(.home-page) .topbar .menu-toggle::before,
body:not(.home-page) .sv-circle-arrow::before,
body:not(.home-page) .sv-flow-controls button::before,
body:not(.home-page) .mnk30-close-cta::before{
  content:"";position:absolute;inset:0;border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(ellipse 125px 52px at var(--mnk43-x) var(--mnk43-y),
    rgba(255,255,255,.75),transparent 78%);
  opacity:calc(.15 + var(--mnk43-light)*.65);
}
body:not(.home-page) .topbar .nav-cta{
  padding:11px 19px;border:1px solid rgba(255,255,255,.76);
  border-radius:999px;background:rgba(255,255,255,.39);
  color:var(--mnk43-navy);
  box-shadow:inset 0 1px rgba(255,255,255,.78),0 3px 12px rgba(16,43,59,.06);
}
body:not(.home-page) .topbar .nav-cta:hover{
  transform:translateY(-2px);background:rgba(255,255,255,.63);
  box-shadow:inset 0 1px #FFFFFF,0 8px 18px rgba(16,43,59,.1);
}
body:not(.home-page) .topbar .menu-toggle{
  border:0;background:none;padding:10px 6px 10px 15px;border-radius:14px;
}
body:not(.home-page) .topbar .menu-toggle:hover{
  background:rgba(255,255,255,.4);
}
body:not(.home-page) .topbar .nav-cta > *,
body:not(.home-page) .topbar .menu-toggle > *{position:relative;z-index:1}
body:not(.home-page) .topbar :is(.nav-link,.nav-cta,.menu-toggle):focus-visible{
  outline:2px solid var(--mnk43-gold);outline-offset:4px;
}

/* Business Setup: retain Freight curtains, pinned photographs, and text
   contrast. Condense only passive editorial spacing and oversized headings. */
body[data-route="business-setup"] .mnk30-curtain-copy h1{
  font-size:clamp(58px,6.65vw,114px);
}
body[data-route="business-setup"] .mnk30-intro{
  padding-top:clamp(88px,9vw,145px);
  padding-bottom:clamp(85px,9vw,138px);
}
body[data-route="business-setup"] .mnk30-intro h2{
  font-size:clamp(49px,5vw,87px);
}
body[data-route="business-setup"] .mnk30-compare{
  padding-top:clamp(86px,9vw,145px);
  padding-bottom:clamp(85px,9vw,140px);
}
body[data-route="business-setup"] .mnk30-cost,
body[data-route="business-setup"] .mnk30-faq{
  padding-block:clamp(85px,9vw,145px);
}
body[data-route="business-setup"] .mnk30-scene h2{
  font-size:clamp(64px,7.2vw,125px);
}
body[data-route="business-setup"] .mnk30-story h2{
  font-size:clamp(57px,5.9vw,100px);
}
body[data-route="business-setup"] .mnk30-reality-interface,
body[data-route="business-setup"] .mnk30-process-inner,
body[data-route="business-setup"] .mnk30-process h2,
body[data-route="business-setup"] .mnk30-process-step strong,
body[data-route="business-setup"] .mnk30-process-step p{color:#FFFFFF}

/* No enormous frosted selector rail; just one active glass pill. */
body[data-route="business-setup"] .mnk30-route-tabs{gap:8px}
body[data-route="business-setup"] .mnk30-route-tabs button{
  padding:11px 19px;border:1px solid transparent;border-radius:999px;
  font-weight:550;
  transition:background .3s,border-color .3s,color .3s,transform .3s;
}
body[data-route="business-setup"] .mnk30-route-tabs button::after{content:none}
body[data-route="business-setup"] .mnk30-route-tabs button[aria-current="step"]{
  background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.43);
  color:#FFFFFF;backdrop-filter:blur(13px) saturate(135%);
  -webkit-backdrop-filter:blur(13px) saturate(135%);
  box-shadow:inset 0 1px rgba(255,255,255,.23),0 6px 23px rgba(8,9,11,.07);
}
body[data-route="business-setup"] .mnk30-route-tabs button:hover{
  background:rgba(255,255,255,.1);
}
body[data-route="business-setup"] .mnk30-route-tabs button:focus-visible{
  outline:2px solid #CAD3D9;outline-offset:3px;
}

/* The Living Brief stays editorial and clickable, not another panel grid. */
body[data-route="business-setup"] .mnk32-choice::before{
  content:"";position:absolute;inset:3px -11px;border-radius:12px;
  opacity:0;pointer-events:none;
  background:linear-gradient(110deg,rgba(255,255,255,.42),
    rgba(255,255,255,.06) 68%);
  transition:opacity .35s ease;
}
body[data-route="business-setup"] .mnk32-choice:is(:hover,:focus-visible,.is-chosen)::before{
  opacity:1;
}
body[data-route="business-setup"] .mnk32-choice > *{
  position:relative;z-index:1;
}
body[data-route="business-setup"] .mnk30-close-cta{
  border:1px solid rgba(255,255,255,.6);border-radius:14px;
  background:rgba(255,255,255,.9);color:#304551;
  box-shadow:inset 0 1px rgba(255,255,255,.79),0 14px 35px rgba(8,9,11,.08);
}
body[data-route="business-setup"] .mnk30-close-cta:hover{
  background:rgba(255,255,255,.96);transform:translateY(-3px);
}

/* Services retains the five photographic Connected Practice panels,
   Freight's native sticky stack, and its three-stage film. */
body[data-route="services"] .sv-circle-arrow{
  border:1px solid rgba(255,255,255,.52);
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 25px rgba(8,9,11,.11);
}
body[data-route="services"] .sv-flow-controls button{
  border:1px solid rgba(48,69,81,.15);
  box-shadow:inset 0 1px rgba(255,255,255,.6);
}
body[data-route="services"] :is(.sv-intent-trigger,.sv-flow-controls button,.sv-circle-arrow):focus-visible{
  outline:2px solid var(--mnk43-gold);outline-offset:4px;
}

@media(max-width:1080px){
  body:not(.home-page) .topbar .nav-right{gap:11px}
}
@media(max-width:700px){
  body:not(.home-page) .topbar{height:67px}
  body:not(.home-page) .topbar .brand img{width:96px;height:48px}
  body:not(.home-page) .topbar .menu-toggle{padding:11px 7px}
  body[data-route="business-setup"] .mnk30-curtain-copy h1{
    font-size:clamp(49px,11.8vw,70px);
  }
  body[data-route="business-setup"] .mnk30-route-tabs{
    gap:3px;justify-content:space-between;
  }
  body[data-route="business-setup"] .mnk30-route-tabs button{
    padding:9px 10px;font-size:12px;
  }
  body[data-route="business-setup"] .mnk30-intro{padding-block:78px 88px}
}
@media(prefers-reduced-transparency:reduce){
  body:not(.home-page) .topbar{
    background:#FFFFFF;backdrop-filter:none;-webkit-backdrop-filter:none;
  }
  body:not(.home-page) .topbar .nav-cta,
  body[data-route="business-setup"] .mnk30-route-tabs button[aria-current="step"]{
    backdrop-filter:none;-webkit-backdrop-filter:none;
  }
}
@media(prefers-reduced-motion:reduce){
  body:not(.home-page) .topbar,
  body:not(.home-page) .topbar *{transition:none!important}
}
@supports not (backdrop-filter:blur(1px)){
  body:not(.home-page) .topbar{background:rgba(255,255,255,.97)}
  body:not(.home-page) .topbar .nav-cta{background:#FFFFFF}
  body[data-route="business-setup"] .mnk30-route-tabs button[aria-current="step"]{
    background:rgba(48,69,81,.94);
  }
}