/* Knepper "metal" (12 Oct 2026): chrome, white and gold on black. Sharp, not cartoon. */
:root{--metal:linear-gradient(135deg,#FFFFFF 0%,#C7CDD5 32%,#F6F8FA 52%,#8F98A3 78%,#E9ECF0 100%);--gold-metal:linear-gradient(135deg,#F3DD9A 0%,#C9A44C 45%,#F6E3A8 60%,#9C7A2E 100%)}
body{background:radial-gradient(1200px 700px at 80% -10%,rgba(185,194,205,.08),transparent 60%),radial-gradient(900px 600px at -10% 40%,rgba(217,180,90,.05),transparent 60%),#08090B}
.btn--lime{background:var(--metal);background-size:220% 220%;color:#08090B;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(0,0,0,.25),0 10px 30px -14px rgba(232,236,241,.55);transition:background-position .8s cubic-bezier(.22,1,.36,1),transform .35s,box-shadow .35s}
.btn--lime:hover{background-position:100% 100%;box-shadow:inset 0 1px 0 #fff,0 16px 40px -12px rgba(232,236,241,.7)}
.btn--wire{border-color:rgba(232,236,241,.35)}
.btn--wire:hover{border-color:#E8ECF1;color:#fff;box-shadow:0 0 0 1px rgba(232,236,241,.25),0 0 26px -6px rgba(232,236,241,.45)}
.kick{color:#D9B45A;background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.h2,.h2--xl,h1{background:linear-gradient(180deg,#FFFFFF 0%,#E6E9EE 46%,#AEB6C0 54%,#F4F6F8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tlink{color:#E8ECF1;border-bottom-color:rgba(217,180,90,.6)}
.tlink:hover{color:#D9B45A}
::selection{background:#D9B45A;color:#08090B}

/* ── video hero ─────────────────────────────────────────────────────── */
.vhero{position:relative;min-height:min(92vh,880px);display:flex;align-items:center;overflow:hidden;padding-top:120px;padding-bottom:90px;background:#060708}
.vhero__media{position:absolute;inset:0;z-index:0}
.vhero__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.08) brightness(.82)}
.vhero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,8,.94) 0%,rgba(6,7,8,.78) 38%,rgba(6,7,8,.35) 70%,rgba(6,7,8,.55) 100%),linear-gradient(0deg,#08090B 0%,rgba(8,9,11,0) 28%)}
.vhero__traces{position:absolute;inset:0;width:100%;height:100%}
.tr__base{fill:none;stroke:url(#kcChrome);stroke:#9AA3AE;stroke-opacity:.55;stroke-width:3;stroke-linejoin:miter}
.tr__flow{fill:none;stroke:#F4F9FF;stroke-width:3;stroke-linecap:round;stroke-dasharray:60 900;stroke-dashoffset:960;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 12px #7FC4FF);animation:trFlow 3.6s cubic-bezier(.5,0,.5,1) infinite}
.tr__flow--b{animation-delay:-1.2s;animation-duration:4.2s}.tr__flow--c{animation-delay:-2.1s;animation-duration:3.2s}.tr__flow--d{animation-delay:-.6s;animation-duration:4.8s}
.tr__node{fill:#0B0C0F;stroke:#E8ECF1;stroke-width:3.5;filter:drop-shadow(0 0 6px rgba(127,196,255,.55))}
.tr__node--gold{stroke:#D9B45A;filter:drop-shadow(0 0 8px rgba(217,180,90,.6))}
@keyframes trFlow{0%{stroke-dashoffset:960}100%{stroke-dashoffset:0}}
.vhero__in{position:relative;z-index:2;max-width:var(--wrap)}
.vhero .hero__h1{font-size:clamp(3rem,8.4vw,7.2rem);line-height:.88;margin:0 0 22px;max-width:12ch}
.vhero .hero__h1 .w{display:block}
.vhero .hero__sub{max-width:52ch;font-size:clamp(1.02rem,1.3vw,1.18rem);color:rgba(241,242,244,.84);margin:0 0 30px}
.vhero .hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:38px}
.vhero__book{font-size:15px!important;padding:19px 34px!important}
.vhero__proof{list-style:none;margin:0;padding:18px 0 0;display:flex;flex-wrap:wrap;gap:12px 40px;border-top:1px solid;border-image:linear-gradient(90deg,rgba(232,236,241,.5),rgba(217,180,90,.45),transparent) 1}
.vhero__proof b{display:block;font-family:var(--display);font-size:1.7rem;letter-spacing:.02em;background:var(--metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vhero__proof span{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(241,242,244,.6)}
@media (max-width:760px){.vhero{min-height:auto;padding-top:110px;padding-bottom:64px}.vhero__shade{background:linear-gradient(180deg,rgba(6,7,8,.55),rgba(6,7,8,.92) 70%)}.vhero__traces{opacity:.55}}
@media (prefers-reduced-motion:reduce){.tr__flow{animation:none;stroke-dasharray:none;opacity:.35}.vhero__vid{display:none}.vhero__media{background:url(/assets/video/hero-racks.jpg) center/cover}}

/* ── electric chrome: the lines through the site ─────────────────────── */
:root{--kc-cyan:#EAF4FF;--kc-ice:#F4F8FF;--kc-lime:#C9D1DA;--kc-green:#B9C2CD;--kc-purple:#AEB6C0;--kc-gold:#D9B45A;--kc-amber:#C9A44C;--elec:#7FC4FF}
.runpage .sec[data-accent]{
  --sc1:rgba(244,248,255,.34);--sh1:rgba(127,196,255,.10);
  --sc2:rgba(232,236,241,.30);--sh2:rgba(127,196,255,.09);
  --sc3:color-mix(in srgb,var(--accent-deep) 34%,transparent);--sh3:rgba(127,196,255,.07)}
.run__live{stroke:#EEF3F9!important;stroke-width:2.6;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 9px var(--elec))!important}
.run__base{stroke:rgba(154,163,174,.45)}
.run__pk{background:#fff;box-shadow:0 0 0 3px rgba(232,236,241,.5),0 0 18px 6px rgba(127,196,255,.75)!important}
.run__dot{border-color:#9AA3AE;background:#0B0C0F}
.run__dot.on{border-color:#D9B45A!important;background:#D9B45A!important;box-shadow:0 0 12px rgba(217,180,90,.85)!important}
.run__charge{stroke:#fff!important;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 10px var(--elec))!important}
.pnl__tail path,.irun__live{stroke:#EEF3F9!important;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 8px var(--elec))!important}
.dh em,.vanb__slogan em{background-image:linear-gradient(96deg,#FFFFFF 0%,#BFC6CF 38%,#F2DB95 72%,#C9A44C 100%)!important}
.sec > .wrap > hr,.lsec > .wrap > hr{border:0;height:1px;background:linear-gradient(90deg,transparent,#9AA3AE 15%,#F4F8FF 50%,#D9B45A 85%,transparent)}

/* ── the tube through the page: polished metal + live current ───────── */
html.has-current main > .volt{clip-path:inset(var(--vtop,0px) 0 0 0)}
.volt__pipe{stroke:rgba(154,163,174,.18)!important;stroke-width:10!important}
.volt__halo{stroke:#7FC4FF!important;opacity:.26!important;filter:blur(10px)!important}
.volt__glass{opacity:.7!important;stroke-width:2.8!important}
.volt__flow{opacity:1!important;filter:drop-shadow(0 0 6px rgba(127,196,255,.75))}
.volt__core{stroke:#FFFFFF!important;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 10px #9FD3FF)}
.volt__spark{stroke:#FFFFFF!important;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 14px #7FC4FF)}
.volt__tap{fill:#0B0C0F!important;stroke:#C9D1DA!important;stroke-width:2!important}
.volt__tap.is-live{fill:#D9B45A!important;stroke:#F7EFD2!important;filter:drop-shadow(0 0 9px rgba(217,180,90,.85))!important}
html.has-current main .sec::before,html.has-current main .lsec::before{background:linear-gradient(90deg,transparent,#9AA3AE 20%,#FFFFFF 50%,#D9B45A 80%,transparent)!important}
.curline::after,.lsec > .wrap > hr::after,.sec > .wrap > hr::after{background:linear-gradient(90deg,transparent,#FFFFFF,#7FC4FF,transparent)!important}

/* header mark: the metal K, no fade mask */
.hdr__mark{width:42px!important;height:auto;border-radius:0!important;-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(0 2px 8px rgba(217,180,90,.25))}