:root{--bg:#0B1220;--bg2:#121B2E;--accent:#FFB400;--red:#E63946;--ink:#0B1220}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:#fff;color:var(--ink)}
h1,h2,h3,.hd{font-family:'Barlow Condensed',Oswald,sans-serif;text-transform:uppercase;letter-spacing:.01em;font-weight:700}
.uline{display:inline-block;padding-bottom:.35rem;border-bottom:4px solid var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
/* diagonal divider + hazard stripe */
.diag{clip-path:polygon(0 0,100% 4vw,100% 100%,0 100%);margin-top:-4vw;padding-top:calc(4vw + 4rem)}
.hazard{height:10px;background:repeating-linear-gradient(135deg,var(--accent) 0 14px,var(--bg) 14px 28px)}
/* scroll reveal: transform + opacity only */
.rv{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out;transition-delay:calc(var(--i,0)*80ms)}
.rv.in{opacity:1;transform:none}
.word{display:inline-block;opacity:0;transform:translateY(24px);animation:up .6s ease-out forwards;animation-delay:calc(var(--i)*90ms + 1s)}
@keyframes up{to{opacity:1;transform:none}}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(255,180,0,.5)}50%{box-shadow:0 0 0 12px rgba(255,180,0,0)}}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(230,57,70,.6)}100%{box-shadow:0 0 0 18px rgba(230,57,70,0)}}
@keyframes drive{from{transform:translateX(-120px)}to{transform:translateX(110vw)}}
@keyframes ping2{0%{transform:scale(1);opacity:.7}100%{transform:scale(3);opacity:0}}
.glow{animation:glow 2.4s infinite}.ring{animation:ring 1.6s infinite}
.truck{animation:drive 16s linear infinite;will-change:transform}
.card{transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,180,0,.25),0 18px 40px -18px rgba(11,18,32,.35)}
.card .ic{transition:transform .3s}.card:hover .ic{transform:rotate(-8deg) scale(1.12)}
.svc{transition:opacity .3s,transform .3s}.svc.out{opacity:0;transform:scale(.96)}
.faq-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}.faq-b.open{grid-template-rows:1fr}
.faq-b>div{overflow:hidden}
#pre{position:fixed;inset:0;background:var(--bg);z-index:100;display:grid;place-items:center;transition:opacity .3s}
#hdr{transition:background .3s,padding .3s}
#hdr.solid{background:rgba(11,18,32,.88);backdrop-filter:blur(10px);padding-block:.5rem}
.field{width:100%;border:1.5px solid #cbd5e1;border-radius:.6rem;padding:.65rem .8rem;color:var(--ink);background:#fff}
.field.bad{border-color:var(--red)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv,.word{opacity:1;transform:none}}
body{animation:pg .45s ease-out}@keyframes pg{from{opacity:0;transform:translateY(8px)}}