/* Theme. Light = the original site's bones, updated. Dark = the Scout / Diesel Boss world. One type family (Poppins). The contour terrain is drawn by site.js under everything in both modes.
/* Light: white ground, light-grey bands, charcoal text, square buttons, the colour logo, green only where it means something. */
html[data-mode="light"]:not([data-theme="sub"]){
  --ink:#1A1B1F; --ground:#FFFFFF; --ground-2:#F4F4F4;
  --panel:#FAFAFA; --line:rgba(26,27,31,.12); --line-strong:rgba(26,27,31,.32);
  --fg:#1A1B1F; --mute:#3F4247; --quiet:#6C757B;
  --accent:#93D500; --accent-ink:#0B1A05; --chip-go-fg:#4F7A00;
  --display:"Poppins",system-ui,sans-serif; --body:"Poppins",system-ui,sans-serif;
  --case:none; --disp-lh:1.02; --disp-ls:-.03em; --disp-w:700;
  --disp-size:clamp(2.8rem,6.6vw,5.8rem); --h2-size:clamp(2rem,3.8vw,3.3rem); --h3-size:1.3rem;
  --proof-size:1.25rem; --num-size:1.4rem; --spec-size:1.3rem; --pull-size:clamp(1.6rem,2.8vw,2.4rem); --stmt-size:clamp(1.7rem,3.4vw,2.7rem);
  --ticker-size:1rem; --foot-tag:1rem;
  --radius:2px; --btn-radius:0;
  --scrim:20,24,20;
  --nav-bg:rgba(255,255,255,.88); --menu-bg:#fff; --ghost-bg:rgba(255,255,255,.6); --field-bg:#fff; --footer-bg:#1A1B1F;
  --map-filter:none;
  color-scheme:light;
}
html[data-mode="light"]:not([data-theme="sub"]) body{font-weight:400}
html[data-mode="light"]:not([data-theme="sub"]) .eyebrow{color:#4F7A00}
html[data-mode="light"]:not([data-theme="sub"]) .eyebrow.quiet{color:var(--quiet)}
html[data-mode="light"]:not([data-theme="sub"]) .accent{color:#4F7A00}
html[data-mode="light"]:not([data-theme="sub"]) .hero .accent,html[data-mode="light"]:not([data-theme="sub"]) .band .accent{color:var(--accent)}
html[data-mode="light"]:not([data-theme="sub"]) .btn-go{background:#1A1B1F;color:#fff;border-color:#1A1B1F}
html[data-mode="light"]:not([data-theme="sub"]) .btn-go:hover{background:#000}
html[data-mode="light"]:not([data-theme="sub"]) .btn-ghost{color:var(--fg);border-color:var(--line-strong);backdrop-filter:none}
html[data-mode="light"]:not([data-theme="sub"]) .hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6);background:rgba(0,0,0,.25);backdrop-filter:blur(6px)}
html[data-mode="light"]:not([data-theme="sub"]) .hero{color:#fff}
html[data-mode="light"]:not([data-theme="sub"]) .hero .display,html[data-mode="light"]:not([data-theme="sub"]) .hero .lead,html[data-mode="light"]:not([data-theme="sub"]) .hero .meta b{color:#fff}
html[data-mode="light"]:not([data-theme="sub"]) .hero .meta{color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.3)}
html[data-mode="light"]:not([data-theme="sub"]) .hero .eyebrow{color:var(--accent)}
html[data-mode="light"]:not([data-theme="sub"]) .hero .media::after{background:linear-gradient(180deg,rgba(20,24,20,.45) 0%,rgba(20,24,20,.15) 35%,rgba(20,24,20,.75) 100%),linear-gradient(90deg,rgba(20,24,20,.7) 0%,rgba(20,24,20,.25) 60%,rgba(20,24,20,.1) 100%)}
html[data-mode="light"]:not([data-theme="sub"]) .marquee{font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--quiet);background:var(--ground-2)}
html[data-mode="light"]:not([data-theme="sub"]) .marquee span::after{background:var(--accent)}
html[data-mode="light"]:not([data-theme="sub"]) .section.alt{background:var(--ground-2)}
html[data-mode="light"]:not([data-theme="sub"]) .product{background:#fff}
html[data-mode="light"]:not([data-theme="sub"]) .spec > div{background:#fff}
html[data-mode="light"]:not([data-theme="sub"]) .photo{background:#E8E9EA}
html[data-mode="light"]:not([data-theme="sub"]) .photo.lift{box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
html[data-mode="light"]:not([data-theme="sub"]) .brand-card{background:#1A1B1F}
html[data-mode="light"]:not([data-theme="sub"]) .brand-card .photo::after{background:linear-gradient(180deg,rgba(20,24,20,.2),rgba(20,24,20,.92) 72%)}
html[data-mode="light"]:not([data-theme="sub"]) .footer{color:rgba(255,255,255,.75);--line:rgba(255,255,255,.14);--quiet:rgba(255,255,255,.55);--mute:rgba(255,255,255,.75);--fg:#fff}
html[data-mode="light"]:not([data-theme="sub"]) .footer .tag{color:#fff}
html[data-mode="light"]:not([data-theme="sub"]) .nav .brand .dark-logo{display:none}
html[data-mode="light"]:not([data-theme="sub"]) .scroll-line{display:none}
html[data-mode="light"]:not([data-theme="sub"]) .band{background:var(--ground-2)}
html[data-mode="light"]:not([data-theme="sub"]) .band .display{font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.1;letter-spacing:-.03em}
html[data-mode="light"]:not([data-theme="sub"]) .chip.go{background:rgba(147,213,0,.14);border-color:rgba(79,122,0,.4)}
html[data-mode="light"]:not([data-theme="sub"]) .chip i{background:#4F7A00}
html[data-mode="light"]:not([data-theme="sub"]) .numbered .tag{color:#4F7A00;border-color:rgba(79,122,0,.4)}
html[data-mode="light"]:not([data-theme="sub"]) .downloads a,html[data-mode="light"]:not([data-theme="sub"]) .contact-item svg,html[data-mode="light"]:not([data-theme="sub"]) .spec h3,html[data-mode="light"]:not([data-theme="sub"]) .quote blockquote::before,html[data-mode="light"]:not([data-theme="sub"]) .brand-card .go{color:#4F7A00}
html[data-mode="light"]:not([data-theme="sub"]) .brand-card .go{color:var(--accent)}
html[data-mode="light"]:not([data-theme="sub"]) .video .play{background:#1A1B1F}
html[data-mode="light"]:not([data-theme="sub"]) .video .play::after{border-left-color:#fff}
html[data-mode="light"]:not([data-theme="sub"]) ::selection{background:#1A1B1F;color:#fff}
html[data-mode="light"]:not([data-theme="sub"]) .ptx .was .now,html[data-mode="light"]:not([data-theme="sub"]) .ptx .was .arrow{color:#4F7A00}
html[data-mode="light"]:not([data-theme="sub"]) .pull blockquote{font-weight:600}
.nav .brand img{height:38px;width:auto}
.footer .brand img{height:44px;width:auto}


/* Dark: the Scout and Diesel Boss world. Not flat black: a warm-dark ground with contour lines, a faint grid and a green glow. Poppins display, lime accent, silver secondary. */
html[data-mode="dark"],html[data-theme="sub"]{
  --ink:#0B0E0C; --ground:#0D110F; --ground-2:#151B17; --g-900:#0B0E0C; --g-800:#0D110F; --g-700:#151B17;
  --panel:rgba(202,205,210,.05); --line:rgba(202,205,210,.14); --line-strong:rgba(202,205,210,.3);
  --fg:#F2F4F3; --mute:#D6D9DC; --quiet:#8F969B;
  --display:"Poppins",system-ui,sans-serif; --case:none; --disp-lh:1.02; --disp-ls:-.03em;
  --disp-size:clamp(2.8rem,7vw,6rem); --h2-size:clamp(2rem,3.8vw,3.3rem); --h3-size:1.3rem;
  --proof-size:1.2rem; --num-size:1.4rem; --spec-size:1.3rem; --pull-size:clamp(1.6rem,2.8vw,2.4rem); --stmt-size:clamp(1.7rem,3.4vw,2.7rem);
  --ticker-size:1rem; --foot-tag:1rem;
  --scrim:13,17,15;
  --ground-art:radial-gradient(70% 45% at 50% -10%,rgba(147,225,2,.10) 0%,transparent 70%),radial-gradient(60% 50% at 100% 100%,#141b16 0%,transparent 60%),linear-gradient(180deg,#101512,#0D110F 40%,#0B0E0C);
  --ground-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cpath d='M96 0H0v96' fill='none' stroke='%23ffffff' stroke-opacity='.05'/%3E%3C/svg%3E");
  --ground-texture-opacity:.6;
}
html[data-mode="dark"] .marquee{font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--quiet)}
html[data-mode="dark"] .proof b{letter-spacing:-.01em}
html[data-mode="dark"] .numbered > li::before{letter-spacing:-.02em}
html[data-mode="dark"] .band .display{font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.1;letter-spacing:-.03em}
html[data-mode="dark"] .footer .tag{font-weight:600;letter-spacing:.14em;text-transform:uppercase}
html[data-mode="dark"] .quote blockquote::before{font-size:2.2rem}
html[data-mode="dark"] .hero .media::after{background:linear-gradient(180deg,rgba(13,17,15,html[data-mode="dark"] .35) 0%,rgba(13,17,15,html[data-mode="dark"] .25) 35%,rgba(13,17,15,html[data-mode="dark"] .7) 70%,var(--ground) 100%),linear-gradient(90deg,rgba(13,17,15,html[data-mode="dark"] .85) 0%,rgba(13,17,15,html[data-mode="dark"] .4) 55%,rgba(13,17,15,html[data-mode="dark"] .2) 100%)}
html[data-mode="dark"] .spec li b{letter-spacing:-.01em}


/* Terrain: contour lines under everything, revealed around the pointer. Drawn by site.js, rasterised once. */
.terrain{position:fixed;inset:-12vh 0;z-index:-1;pointer-events:none;--py:0px;--mx:50vw;--my:40vh}
.terrain .dim,.terrain .lit{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:translateY(var(--py));will-change:transform}
.terrain .dim{opacity:.22}
.terrain .lit{-webkit-mask-image:radial-gradient(circle 420px at var(--mx) var(--my),#000 0,rgba(0,0,0,.9) 28%,rgba(0,0,0,.25) 62%,transparent 100%);mask-image:radial-gradient(circle 420px at var(--mx) var(--my),#000 0,rgba(0,0,0,.9) 28%,rgba(0,0,0,.25) 62%,transparent 100%)}
html[data-mode="light"]:not([data-theme="sub"]) .terrain .dim{opacity:.3}
@media (prefers-reduced-motion:reduce){.terrain .lit{-webkit-mask-image:none;mask-image:none;opacity:.5}}
@media print{.terrain{display:none}}
/* Sections with their own ground sit above the terrain; the terrain shows through the page ground, which is translucent. */
html[data-mode="light"]:not([data-theme="sub"]){--page-ground:#FFFFFF}
body{background:transparent}
html[data-mode="dark"],html[data-theme="sub"]{--page-ground:#0D110F}
body::before{background:var(--page-ground)}
html[data-mode="dark"] body::before,html[data-theme="sub"] body::before{background:var(--ground-art)}
html[data-mode="light"]:not([data-theme="sub"]) .section.alt{background:rgba(244,244,244,.78)}
html[data-mode="light"]:not([data-theme="sub"]) .product{background:rgba(255,255,255,.85)}
html[data-mode="dark"] .section.alt,html[data-theme="sub"] .section.alt{background:rgba(21,27,23,.72)}
/* Mode toggle in the nav */
.mode{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;color:var(--fg);flex:none}
.mode svg{width:18px;height:18px}
.mode .sun{display:none}
html[data-mode="dark"] .mode .sun{display:block}html[data-mode="dark"] .mode .moon{display:none}
html[data-mode="light"]:not([data-theme="sub"]) .own .logo.on-dark{background:#0D110F;padding:10px 14px;border-radius:6px;box-sizing:content-box}
html[data-mode="light"]:not([data-theme="sub"]) .splash .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.08);backdrop-filter:blur(6px)}
html[data-mode="light"]:not([data-theme="sub"]) .splash .btn-go{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
html[data-mode="light"]:not([data-theme="sub"]) .dm-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.08)}