:root{
  --ui-ink:#07111f;--ui-navy:#0d223b;--ui-blue:#173f68;--ui-gold:#c89532;
  --ui-gold-2:#e2b75e;--ui-paper:#f7f8fa;--ui-white:#fff;--ui-text:#172235;
  --ui-muted:#647083;--ui-line:#dfe4eb;--ui-shadow:0 18px 50px rgba(7,17,31,.10);
  --ui-radius:18px;--ui-max:1180px
}
html{overflow-x:hidden;scroll-padding-top:80px}
body{overflow-x:hidden;background:var(--ui-white);color:var(--ui-text)}
body.nav-open{overflow:hidden!important;touch-action:none}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(226,183,94,.72);outline-offset:3px}

/* One shared header contract for every page. */
.nav{position:fixed!important;inset:0 0 auto!important;top:0!important;height:76px!important;padding:0 max(24px,calc((100vw - var(--ui-max))/2))!important;background:rgba(7,17,31,.94)!important;border-bottom:1px solid rgba(255,255,255,.09)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;z-index:1000!important}
body:has(.top-ticker) .nav{top:40px!important}
.nav-brand{font-size:1.16rem!important;letter-spacing:.08em!important;position:relative;z-index:1002}
.nav-links{gap:1.35rem!important}
.nav-links>a:not(.nav-cta){font-size:.82rem!important;color:rgba(255,255,255,.74)!important}
.nav-links>a:hover,.nav-links>a.active{color:#fff!important}
.nav-cta{padding:.72rem 1.15rem!important;border-radius:10px!important;background:var(--ui-gold)!important;color:var(--ui-ink)!important;box-shadow:none!important}
.nav-cta:hover{background:var(--ui-gold-2)!important;transform:none!important}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;padding:10px!important;position:relative;z-index:1002}
.nav-toggle span{width:21px!important;margin:4px auto!important;transition:transform .22s ease,opacity .18s ease!important}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu-banner{display:none!important}

/* Typography and spacing are intentionally quiet and consistent. */
.section{padding:clamp(72px,8vw,112px) 24px!important}
.section-inner,.footer-inner,.page-header-inner{max-width:var(--ui-max)!important}
.sec-label,.hero-kicker{color:var(--ui-gold)!important;letter-spacing:.16em!important;font-size:.72rem!important}
.sec-title,.section-title{max-width:800px;font-size:clamp(2rem,4vw,3.45rem)!important;line-height:1.08!important;letter-spacing:-.035em!important}
.sec-sub,.section-sub{font-size:1.04rem!important;line-height:1.8!important;color:var(--ui-muted)!important}
.grid{gap:18px!important}
.card,.feature-card,.dispatch-card,.compare-card,.deliverable,.task-card,.trust-card,.prep-card{border-radius:var(--ui-radius)!important;box-shadow:none!important}
.card{background:#fff!important;border:1px solid var(--ui-line)!important;padding:clamp(24px,3vw,34px)!important}
.card:hover{transform:translateY(-3px)!important;box-shadow:var(--ui-shadow)!important;border-color:#c9d0da!important}
.card h3{font-size:1.08rem!important}.card p{color:var(--ui-muted)!important;line-height:1.75!important}
.cta-bar,.cta,.closer{background:var(--ui-ink)!important}
.cta-btn,.btn,.hero-cta{border-radius:12px!important;background:var(--ui-gold)!important;color:var(--ui-ink)!important;box-shadow:none!important}
.cta-btn:hover,.btn:hover,.hero-cta:hover{background:var(--ui-gold-2)!important;transform:none!important}
.footer{background:#050c16!important;padding:64px 24px 28px!important}
.footer-inner{gap:48px!important}

/* Secondary-page hero: readable, compact, not oversized. */
.page-header,.hero:not(body.home-page .hero){padding:clamp(150px,18vw,210px) 24px 80px!important;min-height:auto!important;background-image:linear-gradient(90deg,rgba(7,17,31,.92),rgba(7,17,31,.55)),url('/assets/hero-anjubiz-v2.webp')!important;background-position:center!important;background-size:cover!important}
.page-header h1,.hero:not(body.home-page .hero) h1{font-size:clamp(2.6rem,6vw,5.2rem)!important;line-height:.98!important;letter-spacing:-.05em!important;max-width:920px}
.page-header p,.hero:not(body.home-page .hero) p{max-width:720px!important;color:rgba(255,255,255,.72)!important;line-height:1.75!important}

/* Homepage thesis: one image, no carousel, no decorative clutter. */
body.home-page{padding-top:40px!important;background:var(--ui-white)}
body.home-page .top-ticker{background:var(--ui-ink)!important;color:var(--ui-gold-2)!important;border-bottom-color:rgba(255,255,255,.08)!important}
body.home-page .hero{min-height:calc(100svh - 40px)!important;padding:150px max(24px,calc((100vw - var(--ui-max))/2)) 72px!important;display:flex!important;align-items:center!important;background-color:var(--ui-ink)!important;background-image:linear-gradient(90deg,rgba(7,17,31,.92) 0%,rgba(7,17,31,.72) 44%,rgba(7,17,31,.16) 78%),url('/assets/hero-anjubiz-v2.webp')!important;background-size:cover!important;background-position:center!important}
body.home-page .hero-grid,body.home-page .hero-glow,body.home-page .hero-arrow{display:none!important}
body.home-page .hero-content{max-width:720px!important;padding:0!important;background:none!important}
body.home-page .hero h1{font-size:clamp(3.2rem,6.2vw,5.65rem)!important;line-height:.96!important;letter-spacing:-.055em!important;margin-bottom:1.5rem!important;text-wrap:balance}
body.home-page .hero-desc{max-width:620px!important;font-size:1.08rem!important;color:rgba(255,255,255,.72)!important;line-height:1.75!important}
body.home-page .hero-actions{gap:12px!important}
body.home-page .hero-cta,body.home-page .hero-tertiary{min-height:50px!important;padding:.86rem 1.25rem!important;font-size:.92rem!important}
body.home-page .hero-tertiary{border-radius:12px!important;background:rgba(255,255,255,.08)!important}
body.home-page .hero-rail{gap:10px!important}
body.home-page .hero-pill{border-radius:14px!important;background:rgba(7,17,31,.58)!important;border-color:rgba(255,255,255,.15)!important}
.hero-mobile-image{display:none}

/* Background photography supports content instead of competing with it. */
.section.bg-photo::before,.section.bg-photo::after{display:none!important}
.visual-carousel img{image-rendering:auto}

@media(max-width:900px){
  .nav{height:68px!important;padding:0 18px!important}
  body:has(.top-ticker) .nav{top:40px!important}
  .nav-toggle{display:block!important}
  .nav-links{display:none!important;position:fixed!important;inset:0!important;top:68px!important;height:calc(100dvh - 68px)!important;padding:24px 20px calc(110px + env(safe-area-inset-bottom))!important;background:rgba(7,17,31,.99)!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;z-index:1001!important}
  body:has(.top-ticker) .nav-links{top:108px!important;height:calc(100dvh - 108px)!important}
  .nav-links.active{display:flex!important}
  .nav-links>a:not(.nav-cta){display:flex!important;align-items:center!important;min-height:52px!important;padding:0 4px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;font-size:1rem!important;width:100%!important}
  .nav-cta{display:flex!important;justify-content:center!important;align-items:center!important;margin-top:18px!important;min-height:50px!important;width:100%!important}
  .nav-tools{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important;margin-top:14px!important}
  .lang-toggle{width:100%!important;min-height:48px!important}
  .page-header,.hero:not(body.home-page .hero){padding:124px 20px 64px!important}
  .page-header-inner{grid-template-columns:1fr!important;gap:28px!important}
  .page-header h1,.hero:not(body.home-page .hero) h1{font-size:clamp(2.35rem,10vw,3.6rem)!important}
  .footer-inner{grid-template-columns:1fr!important}
}

@media(max-width:640px){
  body{padding-bottom:88px!important}
  body.home-page .hero{display:block!important;min-height:auto!important;padding:0 0 44px!important;background:var(--ui-ink)!important}
  .hero-mobile-image{display:block!important;width:100%!important;aspect-ratio:1672/941!important;object-fit:contain!important;background:#e8edf2!important;margin:0!important;border:0!important;border-radius:0!important}
  body.home-page .hero-content{padding:34px 20px 0!important;max-width:none!important}
  body.home-page .hero h1{font-size:clamp(2.45rem,12vw,3.35rem)!important;line-height:.98!important}
  body.home-page .hero-desc{font-size:1rem!important}
  body.home-page .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  body.home-page .hero-cta,body.home-page .hero-tertiary{width:100%!important}
  body.home-page .hero-rail{grid-template-columns:1fr!important}
  .section{padding:64px 20px!important}
  .sec-title,.section-title{font-size:clamp(2rem,9vw,2.7rem)!important}
  .card{padding:24px!important}
  .mobile-bar{height:auto!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;z-index:1100!important}
  .mobile-bar a{border-radius:10px!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important}
}

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