:root{--faw:#041954;--ink:#14181D;--bg:#F6F7F9;--navy:#0F2A44}
body{font-family:'Be Vietnam Pro',Inter,system-ui,sans-serif;color:var(--ink);background:#fff}
.btn-faw{background:var(--faw);color:#fff;padding:.8rem 1.4rem;border-radius:.6rem;font-weight:700;display:inline-block;text-align:center}
.btn-faw:hover{background:#03133E}
.btn-ghost{border:1.5px solid var(--ink);padding:.8rem 1.4rem;border-radius:.6rem;font-weight:600;display:inline-block;text-align:center;background:#fff;color:var(--ink)}
.btn-ghost:hover{background:var(--bg)}
html,body{max-width:100%;overflow-x:hidden}
img,div,section{max-width:100%}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
.font-display{font-family:'Archivo','Be Vietnam Pro',sans-serif}
.hero-dark{background:radial-gradient(1200px 500px at 80% -10%,rgba(245,158,11,.25),transparent),linear-gradient(160deg,#020B2E 0%,#041954 55%,#0A1030 100%)}
.giant-outline{-webkit-text-stroke:2px rgba(4,25,84,.15);color:transparent}
.num-outline{-webkit-text-stroke:2px #041954;color:transparent}
.clip-slant{clip-path:polygon(0 0,100% 4%,100% 100%,0 96%)}
.clip-img{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.spec-strip{border-top:1px solid rgba(255,255,255,.15)}
.btn-amber{background:#041954;color:#fff;padding:.8rem 1.4rem;border-radius:.6rem;font-weight:700;display:inline-block;text-align:center}
.btn-amber:hover{background:#03133E}
.truck-card{transition:transform .25s ease,box-shadow .25s ease}
.truck-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -18px rgba(4,25,84,.35);border-color:#041954}
.hero-slide{opacity:0;transition:opacity .5s ease;pointer-events:none}
.hero-slide.is-on{opacity:1;pointer-events:auto}
.hero-dot{width:.7rem;height:.7rem;border-radius:9999px;background:rgba(20,24,29,.2);border:1px solid rgba(20,24,29,.25)}
.handover-track{animation:handscroll 45s linear infinite}
.handover-wrap:hover .handover-track{animation-play-state:paused}
@keyframes handscroll{to{transform:translateX(-50%)}}
#site-header{position:sticky;top:0;z-index:50}
#site-header-bar{transition:background .3s ease,box-shadow .3s ease}
#site-header-bar .header-inner{transition:padding .3s ease}
#site-header-bar .header-inner img{transition:height .3s ease}
#site-header-bar.is-scrolled{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px -12px rgba(4,25,84,.25)}
#site-header-bar.is-scrolled .header-inner{padding-top:.45rem;padding-bottom:.45rem}
#site-header-bar.is-scrolled .header-inner img{height:2rem}
.hero-dot.is-on{background:#041954;border-color:#041954}