:root{--navy:#0e2a5c;--navy-2:#143a78;--navy-deep:#081c3f;--blue:#1e7bc4;--cyan:#5fbde8;--yellow:#ffc400;--yellow-deep:#e8a800;--paper:#f2f6fa;--paper-2:#e4edf5;--white:#fff;--steel:#8fa3b8;--font-display:"Bebas Neue", "Arial Narrow", sans-serif;--font-body:"Public Sans", "Helvetica Neue", sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--wrap:1180px;--shadow-hard:10px 10px 0 #0e2a5ceb}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--paper);color:var(--navy);font-size:1.05rem;line-height:1.65;overflow-x:hidden}img{max-width:100%;height:auto;display:block}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}[id]{scroll-margin-top:96px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--yellow);color:var(--navy);font-family:var(--font-mono);padding:10px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}a{color:inherit}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.btn{font-family:var(--font-display);letter-spacing:.05em;border:0;align-items:center;gap:10px;padding:13px 24px 11px;font-size:1.35rem;line-height:1;text-decoration:none;transition:background .15s,color .15s,transform .12s,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-yellow{background:var(--yellow);color:var(--navy)}.btn-yellow:hover{background:var(--yellow-deep)}.btn-ghost{color:var(--white);border:3px solid var(--white);background:#081c3f59;padding:10px 24px 8px}.btn-ghost:hover{background:var(--white);color:var(--navy)}.btn-ink{background:var(--navy);color:var(--white);box-shadow:6px 6px 0 var(--cyan)}.btn-ink:hover{background:var(--navy-2);box-shadow:2px 2px 0 var(--cyan);transform:translate(2px,2px)}.btn-outline-light{color:var(--yellow);border:3px solid var(--yellow);background:0 0;padding:10px 24px 8px}.btn-outline-light:hover{background:var(--yellow);color:var(--navy)}.btn-big{padding:16px 30px 14px;font-size:1.6rem}.site-header{z-index:100;background:var(--navy);border-bottom:4px solid var(--yellow);position:sticky;top:0}.header-inner{max-width:var(--wrap);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:12px 24px;display:flex}.brand{align-items:center;gap:14px;text-decoration:none;display:flex}.brand img{background:var(--white);border:2px solid var(--cyan);padding:4px}.brand-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--white);font-size:1.55rem;line-height:1}.brand-name em{color:var(--cyan);font-style:normal}.site-nav ul{align-items:center;gap:28px;list-style:none;display:flex}.site-nav a:not(.btn){min-height:44px;color:var(--white);font-family:var(--font-display);letter-spacing:.06em;align-items:center;font-size:1.2rem;text-decoration:none;display:flex;position:relative}.site-nav a:not(.btn):after{content:"";background:0 0;height:2px;position:absolute;bottom:10px;left:0;right:0}.site-nav a:not(.btn):hover{color:var(--yellow)}.site-nav a:not(.btn):hover:after{background:var(--yellow)}.nav-call .btn{padding:10px 20px 8px;font-size:1.3rem}.nav-toggle{border:2px solid var(--yellow);cursor:pointer;background:0 0;padding:9px 10px;display:none}.nav-toggle-bar{background:var(--yellow);width:22px;height:3px;margin:4px 0;display:block}.hero{isolation:isolate;align-items:center;min-height:min(88vh,780px);display:flex;position:relative;overflow:hidden}.hero-media{z-index:-2;background:url(/img/hero-yellow-tanker.jpg) 50% 62%/cover no-repeat;position:absolute;inset:0;transform:scale(1.04)}.hero-scrim{z-index:-1;background:linear-gradient(100deg,#081c3ff2 0%,#0e2a5cdb 34%,#0e2a5c61 62%,#1e7bc429 100%),linear-gradient(#0000 58%,#081c3fcc);position:absolute;inset:0}.hero-content{max-width:var(--wrap);width:100%;margin:0 auto;padding:72px 24px 96px}.kicker{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.06em;align-items:center;gap:10px;margin-bottom:22px;font-size:.85rem;font-weight:500;display:flex}.kicker-dot{background:var(--yellow);width:10px;height:10px;animation:1.6s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:.2}}.hero h1{font-family:var(--font-display);letter-spacing:.01em;color:var(--white);text-transform:uppercase;text-shadow:0 4px 24px #081c3f80;max-width:17ch;margin-bottom:26px;font-size:clamp(3rem,6.4vw,5.6rem);line-height:.95}.hero h1 .hl{color:var(--navy);background:var(--yellow);padding:0 14px 4px;display:inline-block;transform:rotate(-1.2deg);box-shadow:8px 8px #081c3f73}.hero-sub{color:#ffffffe6;text-shadow:0 2px 10px #081c3f99;max-width:46ch;margin-bottom:36px;font-size:1.15rem}.hero-cta{flex-wrap:wrap;gap:18px;margin-bottom:18px;display:flex}.hero-alt{font-family:var(--font-mono);color:#ffffffc7;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:.9rem;display:flex}.hero-alt a{font-family:var(--font-display);letter-spacing:.04em;color:var(--yellow);text-underline-offset:4px;font-size:1.45rem;text-decoration-thickness:2px}.hero-badge{background:var(--white);border:4px solid var(--navy);box-shadow:var(--shadow-hard);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;text-align:center;flex-direction:column;align-items:center;padding:18px 26px;line-height:.95;display:flex;position:absolute;bottom:56px;right:6vw;transform:rotate(3deg)}.badge-top{color:var(--blue);font-size:1.6rem}.badge-mid{color:var(--navy);font-size:2.6rem}.badge-bot{color:var(--white);background:var(--navy);margin-top:4px;padding:2px 14px 4px;font-size:1.6rem}.marquee{background:var(--yellow);border-block:4px solid var(--navy);z-index:2;padding:14px 0;position:relative;overflow:hidden}.marquee-track{align-items:center;gap:34px;width:max-content;animation:26s linear infinite scroll;display:flex}.marquee-track span{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--navy);white-space:nowrap;font-size:1.7rem}.marquee-track i{color:var(--blue);font-size:1.1rem;font-style:normal}@keyframes scroll{to{transform:translate(-33.333%)}}.intro{background:var(--paper);padding:110px 0 100px;position:relative;overflow:hidden}.intro-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;display:grid}.section-tag{font-family:var(--font-mono);color:var(--blue);letter-spacing:.08em;margin-bottom:16px;font-size:.85rem;font-weight:600}.section-tag.light{color:var(--cyan)}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.015em;margin-bottom:28px;font-size:clamp(2.4rem,5vw,3.9rem);line-height:.98}.intro-text p{max-width:56ch;margin-bottom:18px}.intro-text .btn{margin-top:14px}.intro-media{position:relative}.intro-media img{border:4px solid var(--navy);box-shadow:var(--shadow-hard);transform:rotate(1.4deg)}.mono-caption{font-family:var(--font-mono);color:var(--navy);background:var(--yellow);border:2px solid var(--navy);margin-top:14px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-block;transform:rotate(-1deg)}.services{background:var(--paper-2);border-block:4px solid var(--navy);padding:100px 0 110px;position:relative}.section-head{max-width:640px;margin-bottom:56px;position:relative}.services-grid{grid-template-columns:repeat(2,1fr);gap:34px;display:grid;position:relative}.service-card{background:var(--white);border:3px solid var(--navy);box-shadow:8px 8px 0 var(--navy);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.service-card:hover{box-shadow:12px 12px 0 var(--blue);transform:translate(-3px,-3px)}.service-media{aspect-ratio:16/9.5;border-bottom:3px solid var(--navy);overflow:hidden}.service-media img{object-fit:cover;filter:saturate(1.05);width:100%;height:100%;transition:transform .5s}.service-card:hover .service-media img{transform:scale(1.05)}.service-body{padding:26px 28px 30px}.service-body h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--navy);margin-bottom:10px;font-size:1.9rem;line-height:1}.service-body p{color:#0e2a5cd1;font-size:1rem}.pricing{background:radial-gradient(120% 90% at 15% 0%, #1e7bc46b 0%, #1e7bc400 60%), var(--navy);color:var(--white);padding:110px 0;position:relative;overflow:hidden}.pricing:after{content:"12,000 L";font-family:var(--font-display);color:#5fbde814;pointer-events:none;user-select:none;white-space:nowrap;font-size:16rem;line-height:1;position:absolute;bottom:-30px;left:-1vw}.pricing-grid{z-index:1;grid-template-columns:1.15fr .85fr;align-items:start;gap:70px;display:grid;position:relative}.pricing h2{color:var(--white)}.pricing-lede{color:#ffffffe0;max-width:52ch;margin-bottom:30px;font-size:1.2rem}.pricing-facts{flex-direction:column;gap:16px;max-width:58ch;list-style:none;display:flex}.pricing-facts li{color:#ffffffd9;padding-left:26px;position:relative}.pricing-facts li:before{content:"";background:var(--yellow);width:12px;height:12px;position:absolute;top:.62em;left:0}.pricing-facts strong{color:var(--white)}.pricing-panel{background:var(--white);color:var(--navy);border:4px solid var(--yellow);padding:38px 34px;box-shadow:12px 12px #ffc40052}.panel-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;border-bottom:3px solid var(--navy);margin-bottom:22px;padding-bottom:12px;font-size:2rem}.panel-list{flex-direction:column;gap:20px;margin-bottom:30px;list-style:none;display:flex}.panel-list li{align-items:flex-start;gap:16px;display:flex}.panel-num{font-family:var(--font-mono);background:var(--navy);color:var(--yellow);flex-shrink:0;margin-top:3px;padding:5px 9px;font-size:.85rem;font-weight:600}.panel-list div{font-size:.98rem}.pricing-panel .btn{border:3px solid var(--navy);width:100%;box-shadow:6px 6px 0 var(--navy);justify-content:center}.pricing-panel .btn:hover{box-shadow:2px 2px 0 var(--navy);transform:translate(2px,2px)}.dusk-banner{text-align:center;border-block:4px solid var(--yellow);background:linear-gradient(#081c3fd1,#0e2a5cdb),url(/img/truck-dusk-moon.jpg) 50% 30%/cover no-repeat fixed;padding:120px 0}.dusk-line{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:1rem;font-weight:500}.dusk-call{font-family:var(--font-display);color:var(--white);letter-spacing:.03em;text-shadow:0 6px 30px #081c3fb3;font-size:clamp(3.4rem,11vw,7.5rem);line-height:1;text-decoration:none;transition:color .2s;display:inline-block}.dusk-call:hover{color:var(--yellow)}.dusk-sub{font-family:var(--font-mono);color:#ffffffbf;letter-spacing:.06em;margin-top:14px;font-size:.92rem}.faq{background:var(--paper);padding:110px 0}.faq-wrap{max-width:860px}.faq-list{flex-direction:column;gap:14px;display:flex}.faq-item{background:var(--white);border:3px solid var(--navy);box-shadow:6px 6px #0e2a5ce6}.faq-item[open]{box-shadow:6px 6px 0 var(--blue)}.faq-item summary{cursor:pointer;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;user-select:none;color:var(--navy);justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;font-size:1.45rem;line-height:1.1;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--blue)}.faq-item summary:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}.faq-icon{border:3px solid var(--navy);background:var(--yellow);flex-shrink:0;width:34px;height:34px;position:relative}.faq-icon:before,.faq-icon:after{content:"";background:var(--navy);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-icon:before{width:14px;height:3px}.faq-icon:after{width:3px;height:14px;transition:transform .2s}.faq-item[open] .faq-icon:after{transform:translate(-50%,-50%)scaleY(0)}.faq-answer{border-top:2px solid #1e7bc447;padding:0 24px 24px}.faq-answer p{color:#0e2a5cd9;padding-top:18px}.quote{background:linear-gradient(160deg, var(--navy-2) 0%, var(--navy) 55%, var(--navy-deep) 100%);color:var(--white);padding:110px 0 120px;position:relative;overflow:hidden}.quote-grid{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;display:grid;position:relative}.quote h2{color:var(--white)}.quote-copy>p{color:#ffffffdb;max-width:50ch;margin-bottom:30px}.quote-actions{flex-wrap:wrap;gap:18px;margin-bottom:24px;display:flex}.quote-fb{color:#ffffffb3;font-size:.95rem}.quote-fb a{color:var(--yellow);text-underline-offset:4px}.quote-media img{border:4px solid var(--cyan);transform:rotate(-1.4deg);box-shadow:12px 12px #5fbde847}.quote-media .mono-caption{margin-top:16px}.site-footer{background:var(--navy-deep);color:#fffc;border-top:4px solid var(--yellow)}.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:50px;padding:70px 24px 50px;display:grid}.footer-brand img{background:var(--white);margin-bottom:16px;padding:6px}.footer-name{font-family:var(--font-display);color:var(--white);letter-spacing:.03em;font-size:1.7rem;line-height:1}.footer-tag{font-family:var(--font-display);color:var(--cyan);letter-spacing:.08em;margin:6px 0 14px;font-size:1.15rem}.footer-op{font-size:.92rem}.footer-head{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--steel);margin-bottom:16px;font-size:.8rem;font-weight:600}.footer-phone{font-family:var(--font-display);color:var(--white);letter-spacing:.04em;font-size:1.9rem;line-height:1.2;text-decoration:none;display:block}.footer-phone:hover{color:var(--yellow)}.footer-link{color:var(--cyan);font-family:var(--font-mono);margin-top:12px;padding:6px 0;font-size:.9rem;text-decoration:none;display:inline-block}.footer-link:hover{color:var(--yellow);text-decoration:underline}.footer-col p{font-size:.95rem}.footer-base{text-align:center;font-family:var(--font-mono);color:#ffffff80;border-top:1px solid #ffffff1f;padding:20px 24px;font-size:.8rem}.sticky-call{z-index:90;background:var(--yellow);color:var(--navy);border:3px solid var(--navy);box-shadow:5px 5px 0 var(--navy);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;text-align:center;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:1.5rem;text-decoration:none;display:none;position:fixed;bottom:14px;left:16px;right:16px}.reveal{opacity:0;transform:translateY(26px)}.reveal.in{opacity:1;transition:opacity .7s,transform .7s;transform:none}.hero .reveal:first-child{transition-delay:50ms}.hero .reveal:nth-child(2){transition-delay:.15s}.hero .reveal:nth-child(3){transition-delay:.28s}.hero .reveal:nth-child(4){transition-delay:.42s}.hero .reveal:nth-child(5){transition-delay:.55s}.hero-badge.reveal.in{transform:rotate(3deg)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{flex-wrap:wrap;animation:none}.kicker-dot{animation:none}.reveal{opacity:1;transform:none}.service-media img,.btn,.service-card{transition:none}.dusk-banner{background-attachment:scroll}}@media (width<=980px){.intro-grid,.pricing-grid,.quote-grid{grid-template-columns:1fr;gap:50px}.intro-media,.quote-media{max-width:560px}.hero-badge{display:none}.footer-grid{grid-template-columns:1fr 1fr}.dusk-banner{background-attachment:scroll}}@media (width<=760px){.nav-toggle{display:block}.site-nav ul{background:var(--navy);border-bottom:4px solid var(--yellow);flex-direction:column;align-items:stretch;gap:0;padding:10px 0 18px;display:none;position:absolute;top:100%;left:0;right:0}.site-nav ul.open{display:flex}.site-nav ul li{padding:0}.site-nav ul a:not(.btn){border-bottom:1px solid #ffffff1a;padding:14px 28px 12px;font-size:1.35rem;display:block}.nav-call{padding:16px 24px 6px}.nav-call .btn{justify-content:center;width:100%}.brand-name{font-size:1.25rem}.hero{min-height:auto}.hero-content{padding:64px 24px 88px}.hero-cta{gap:14px}.hero-cta .btn,.quote-actions .btn{justify-content:center;width:100%}.hero-scrim{background:linear-gradient(#081c3fed 0%,#0e2a5ccc 55%,#0e2a5c99 100%)}.services-grid{grid-template-columns:1fr}.intro,.faq{padding:80px 0}.services,.pricing,.quote{padding-block:80px}.pricing:after{font-size:9rem}.footer-grid{grid-template-columns:1fr;gap:36px;padding-top:56px}.sticky-call{display:flex}body{padding-bottom:76px}}
