:root {
  --ink: #06110f;
  --ink-soft: #081b17;
  --panel: #0b2520;
  --panel-light: #10352d;
  --green: #55f2a9;
  --green-deep: #0fd978;
  --brand-green: #8dc63f;
  --brand-green-light: #b6d957;
  --cyan: #6fe7ff;
  --blue: #1b75bb;
  --blue-light: #35a8e0;
  --lime: #b7ff5c;
  --white: #f4fff9;
  --paper: #eaf7ef;
  --muted: #9ab8ae;
  --line: rgba(138, 255, 211, .16);
  --line-bright: rgba(138, 255, 211, .34);
  --shadow: 0 32px 100px rgba(0, 0, 0, .38);
  --radius: 28px;
  --shell: 1240px;
  --font-body: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Space Grotesk", "Manrope", ui-sans-serif, system-ui, sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scrollbar-color: var(--green-deep) var(--ink);
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background: var(--ink);
  color: var(--white);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}

body::selection {
  background: var(--green);
  color: var(--ink);
}

img {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button,
input,
textarea,
select {
  font: inherit;
}

.shell {
  width: min(calc(100% - 48px), var(--shell));
  margin-inline: auto;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: fixed;
  left: 20px;
  top: 16px;
  z-index: 1000;
  padding: 10px 16px;
  border-radius: 8px;
  background: var(--white);
  color: var(--ink);
  transform: translateY(-150%);
  transition: transform .2s ease;
}

.skip-link:focus {
  transform: translateY(0);
}

.scroll-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 999;
  height: 2px;
  background: rgba(255, 255, 255, .03);
}

.scroll-progress span {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--green), var(--cyan));
  box-shadow: 0 0 18px var(--green);
}

.trust-bar {
  position: relative;
  z-index: 20;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  background: #04100d;
  color: #b8d3ca;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.trust-bar__inner {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.facility-status {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.facility-status strong {
  color: #dff8ee;
  font-size: 10px;
  letter-spacing: .1em;
  white-space: nowrap;
}

.trust-location {
  color: #83a399;
  white-space: nowrap;
}

.trust-location::before {
  content: "/";
  margin-right: 10px;
  color: rgba(255, 255, 255, .22);
}

.trust-hours {
  color: #a9c5bc;
  white-space: nowrap;
}

.live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 5px rgba(85, 242, 169, .08), 0 0 14px var(--green);
  animation: livePulse 2s ease-in-out infinite;
}

.trust-bar__links {
  display: flex;
  align-items: center;
  gap: 10px;
}

.trust-bar__links a {
  color: var(--white);
}

.trust-payment {
  padding: 5px 10px;
  border: 1px solid rgba(53, 168, 224, .24);
  border-radius: 5px;
  color: #a9dff8 !important;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.trust-payment:hover,
.trust-payment:focus-visible {
  border-color: rgba(141, 198, 63, .55);
  background: rgba(141, 198, 63, .08);
  color: #d9ff9b !important;
}

.trust-ebay {
  padding: 5px 10px;
  border: 1px solid rgba(141, 198, 63, .3);
  border-radius: 5px;
  color: #d9ff9b !important;
  white-space: nowrap;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.trust-ebay:hover,
.trust-ebay:focus-visible {
  border-color: rgba(53, 168, 224, .55);
  background: rgba(53, 168, 224, .09);
  color: #c9efff !important;
}

.trust-phone {
  display: flex;
  align-items: baseline;
  gap: 9px;
  text-transform: none;
}

.trust-phone span {
  color: #78988e;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.trust-phone strong {
  color: #fff;
  font-family: var(--font-display);
  font-size: 15px;
  letter-spacing: .04em;
  transition: color .2s ease, text-shadow .2s ease;
}

.trust-phone:hover strong,
.trust-phone:focus-visible strong {
  color: var(--brand-green-light);
  text-shadow: 0 0 16px rgba(141, 198, 63, .3);
}

.facility-status.is-closed .live-dot {
  background: #f0b35b;
  box-shadow: 0 0 0 5px rgba(240, 179, 91, .08), 0 0 13px rgba(240, 179, 91, .5);
  animation: none;
}

.facility-status.is-closed strong {
  color: #eacda5;
}

.site-header {
  position: sticky;
  top: 2px;
  z-index: 100;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  background: rgba(6, 17, 15, .84);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}

.header-inner {
  min-height: 98px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(16px, 1.6vw, 28px);
}

.brand {
  position: relative;
  width: 248px;
  min-width: 248px;
  height: 78px;
  padding: 0;
  display: block;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  isolation: isolate;
  transform: translateY(-7px);
}

.brand::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 82%;
  height: 54%;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  background:
    radial-gradient(circle at 62% 58%, rgba(255, 255, 255, .13), transparent 48%),
    linear-gradient(90deg, rgba(27, 117, 187, .34), rgba(141, 198, 63, .29));
  filter: blur(24px);
  transform: translate(-50%, -50%);
  opacity: .5;
}

.brand img {
  position: absolute;
  width: 220px;
  max-width: none;
  height: auto;
  left: 50%;
  top: 52%;
  object-fit: initial;
  filter:
    drop-shadow(0 0 8px rgba(53, 168, 224, .25))
    drop-shadow(0 0 8px rgba(141, 198, 63, .2));
  transform: translate(-50%, -50%);
}

.main-nav {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: clamp(10px, 1.05vw, 17px);
  flex-wrap: nowrap;
  color: #c7dcd5;
  font-size: clamp(12.5px, .95vw, 14px);
  font-weight: 700;
}

.main-nav > a {
  flex: 0 0 auto;
  width: max-content;
  max-width: none;
  white-space: nowrap !important;
  word-break: keep-all;
  overflow-wrap: normal;
}

.main-nav > a eg-home-text,
.main-nav > a [data-home-key] {
  display: inline-block;
  width: max-content;
  max-width: none;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  white-space: nowrap !important;
  word-break: keep-all;
  overflow-wrap: normal;
}

.main-nav > a:not(.nav-cta) {
  position: relative;
  padding: 14px 0;
}

.main-nav > a:not(.nav-cta)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 8px;
  width: 100%;
  height: 1px;
  background: var(--green);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .25s ease;
}

.main-nav > a:hover,
.main-nav > a:focus-visible {
  color: var(--white);
}

.main-nav > a:not(.nav-cta):hover::after,
.main-nav > a:not(.nav-cta):focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

.main-nav > a.nav-active {
  color: var(--white);
}

.main-nav > a.nav-active:not(.nav-cta)::after {
  transform: scaleX(1);
  transform-origin: left;
}

.nav-mobile-payment,
.nav-mobile-ebay {
  display: none;
}

.nav-cta {
  min-height: 48px;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid rgba(85, 242, 169, .38);
  border-radius: 8px;
  background: rgba(85, 242, 169, .08);
  color: var(--green);
  transition: background .25s ease, color .25s ease, transform .25s ease;
}

.nav-cta:hover,
.nav-cta:focus-visible {
  background: var(--green);
  color: var(--ink);
  transform: translateY(-2px);
}

.nav-cta.nav-active {
  border-color: rgba(141, 198, 63, .82);
  background: linear-gradient(110deg, rgba(27, 117, 187, .22), rgba(141, 198, 63, .22));
  color: #d9ff9b;
  box-shadow: inset 0 0 0 1px rgba(141, 198, 63, .12), 0 0 24px rgba(141, 198, 63, .08);
}

.menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: rgba(255, 255, 255, .03);
}

.menu-toggle > span:not(.sr-only) {
  display: block;
  height: 1px;
  margin: 5px 0;
  background: var(--white);
  transition: transform .25s ease, opacity .25s ease;
}

.hero {
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 124px);
  padding: clamp(70px, 8vw, 118px) 0 28px;
  isolation: isolate;
  background:
    linear-gradient(rgba(111, 231, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(111, 231, 255, .025) 1px, transparent 1px),
    radial-gradient(circle at 58% 40%, rgba(15, 217, 120, .06), transparent 34%),
    var(--ink);
  background-size: 58px 58px, 58px 58px, auto, auto;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, var(--ink) 0%, transparent 17%, transparent 83%, var(--ink) 100%);
}

.hero-glow {
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  filter: blur(16px);
  pointer-events: none;
}

.hero-glow--one {
  width: 430px;
  height: 430px;
  right: -200px;
  top: 6%;
  background: rgba(22, 138, 199, .09);
}

.hero-glow--two {
  width: 360px;
  height: 360px;
  left: 19%;
  bottom: -270px;
  background: rgba(85, 242, 169, .11);
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(530px, 1.12fr);
  align-items: center;
  gap: clamp(48px, 7vw, 96px);
}

.eyebrow,
.kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--green);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.eyebrow-icon {
  color: var(--cyan);
  font-size: 8px;
}

.eyebrow-line {
  width: 46px;
  height: 1px;
  background: linear-gradient(90deg, var(--green), transparent);
}

.hero h1 {
  margin: 26px 0 24px;
  padding-right: 20px;
  font-family: var(--font-display);
  font-size: var(--hero-fit-size, clamp(64px, 6.8vw, 104px));
  line-height: .86;
  letter-spacing: -.075em;
  white-space: nowrap;
}

.hero h1 span {
  display: inline-block;
  padding-right: .14em;
  color: transparent;
  -webkit-text-stroke: 1px rgba(111, 231, 255, .72);
  text-shadow: 0 0 50px rgba(111, 231, 255, .08);
}

.hero-lead {
  max-width: 610px;
  margin: 0;
  color: #b6cdc5;
  font-size: clamp(17px, 1.5vw, 20px);
  line-height: 1.7;
}

.hero-actions {
  margin-top: 36px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.button {
  position: relative;
  min-height: 56px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 800;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}

.button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, .32), transparent 58%);
  transform: translateX(-140%);
  transition: transform .6s ease;
}

.button:hover::before {
  transform: translateX(140%);
}

.button:hover,
.button:focus-visible {
  transform: translateY(-3px);
}

.button--primary {
  background: var(--green);
  color: var(--ink);
  box-shadow: 0 18px 44px rgba(15, 217, 120, .16);
}

.button--primary:hover,
.button--primary:focus-visible {
  box-shadow: 0 22px 54px rgba(15, 217, 120, .28);
}

.button-arrow {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(6, 17, 15, .12);
}

.button--ghost {
  border-color: rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .025);
  color: #dcece6;
}

.button--ghost:hover,
.button--ghost:focus-visible {
  border-color: var(--line-bright);
  background: rgba(85, 242, 169, .06);
}

.hero-assurances {
  max-width: 660px;
  margin-top: 54px;
  padding-top: 23px;
  display: grid;
  grid-template-columns: repeat(3, max-content);
  justify-content: space-between;
  border-top: 1px solid var(--line);
}

.hero-assurances > div {
  display: flex;
  align-items: flex-start;
  gap: 13px;
}

.hero-assurances > div + div {
  padding-left: 18px;
  border-left: 1px solid rgba(255, 255, 255, .07);
}

.hero-assurances strong {
  color: var(--cyan);
  font-family: var(--font-display);
  font-size: 12px;
}

.hero-assurances span {
  color: #879f97;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.hero-visual {
  position: relative;
  perspective: 1000px;
}

.visual-frame {
  position: relative;
  min-height: 610px;
  overflow: hidden;
  border: 1px solid rgba(111, 231, 255, .18);
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 45%, rgba(15, 217, 120, .09), transparent 37%),
    linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01));
  box-shadow: var(--shadow), inset 0 0 80px rgba(0, 0, 0, .2);
  transform: rotateY(-1.5deg) rotateX(1deg);
  transform-style: preserve-3d;
  transition: transform .22s ease-out;
}

.visual-topline {
  position: absolute;
  inset: 0 0 auto;
  z-index: 8;
  height: 56px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  color: #90aba2;
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.visual-topline span:first-child {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #bed4cd;
}

.visual-topline i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 12px var(--green);
}

.visual-grid {
  position: absolute;
  inset: 56px 0 0;
  opacity: .6;
  background:
    linear-gradient(rgba(111, 231, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(111, 231, 255, .045) 1px, transparent 1px);
  background-size: 34px 34px;
  -webkit-mask-image: linear-gradient(to bottom, black, transparent 86%);
  mask-image: linear-gradient(to bottom, black, transparent 86%);
}

.scan-line {
  position: absolute;
  inset: 57px 0 auto;
  z-index: 2;
  height: 1px;
  opacity: .7;
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
  box-shadow: 0 0 16px rgba(111, 231, 255, .6);
  animation: scan 5s linear infinite;
}

.drive-track {
  position: absolute;
  left: 38px;
  top: 145px;
  width: 280px;
  height: 270px;
}

.track-line {
  position: absolute;
  left: 0;
  right: 0;
  top: 210px;
  height: 1px;
  background: linear-gradient(90deg, rgba(111, 231, 255, .5), rgba(111, 231, 255, .05));
}

.track-line::after {
  content: "";
  position: absolute;
  top: -3px;
  right: 0;
  border-left: 7px solid rgba(111, 231, 255, .5);
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

.track-arrow {
  position: absolute;
  left: 4px;
  top: 224px;
  color: #66887d;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .18em;
}

.drive-unit {
  position: absolute;
  left: 3px;
  top: 14px;
  width: 190px;
  height: 160px;
  border: 2px solid #89a69d;
  border-radius: 15px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .17), transparent 23%),
    linear-gradient(155deg, #324842, #122b25);
  box-shadow: 0 28px 44px rgba(0, 0, 0, .42), inset 0 0 0 6px rgba(255, 255, 255, .025);
  transform: perspective(430px) rotateY(10deg) rotateX(5deg);
  animation: driveFeed 6s cubic-bezier(.65, 0, .35, 1) infinite;
}

.drive-unit::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: -7px;
  height: 6px;
  border-radius: 0 0 5px 5px;
  background: repeating-linear-gradient(90deg, #b5d0c6 0 5px, #304d44 5px 8px);
}

.drive-platter {
  position: absolute;
  left: 21px;
  top: 23px;
  width: 108px;
  height: 108px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(111, 231, 255, .42);
  border-radius: 50%;
  background:
    radial-gradient(circle, #10201d 0 12%, #8eb8ad 13% 17%, #152c27 18% 25%, transparent 26%),
    conic-gradient(from 20deg, #38675d, #d2e9e0, #1d4139, #7ea99e, #38675d);
  box-shadow: inset 0 0 20px rgba(0, 0, 0, .52), 0 0 20px rgba(111, 231, 255, .08);
  animation: platter 4s linear infinite;
}

.drive-platter span {
  width: 17px;
  height: 17px;
  border: 4px solid #10211d;
  border-radius: 50%;
  background: #9dc0b6;
}

.drive-arm {
  position: absolute;
  left: 91px;
  top: 39px;
  width: 78px;
  height: 13px;
  border-radius: 12px;
  background: linear-gradient(180deg, #bdd2cb, #496960);
  box-shadow: 0 5px 8px rgba(0, 0, 0, .3);
  transform: rotate(-29deg);
  transform-origin: 90% 50%;
  animation: driveArm 2.4s ease-in-out infinite alternate;
}

.drive-arm::after {
  content: "";
  position: absolute;
  right: -7px;
  top: -7px;
  width: 27px;
  height: 27px;
  border: 5px solid #68847c;
  border-radius: 50%;
  background: #19332d;
}

.drive-label {
  position: absolute;
  right: 10px;
  bottom: 14px;
  padding: 6px 8px;
  border-left: 2px solid var(--green);
  color: #86a198;
  font-size: 7px;
  line-height: 1.3;
  letter-spacing: .12em;
}

.drive-label b {
  color: var(--green);
  font-size: 8px;
}

.drive-screw {
  position: absolute;
  z-index: 3;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0b1d19;
  box-shadow: inset 1px 1px #718b83;
}

.drive-screw--a { left: 8px; top: 8px; }
.drive-screw--b { right: 8px; top: 8px; }
.drive-screw--c { left: 8px; bottom: 8px; }
.drive-screw--d { right: 8px; bottom: 8px; }

.shredder {
  position: absolute;
  z-index: 4;
  top: 113px;
  right: 30px;
  width: 240px;
  filter: drop-shadow(0 30px 30px rgba(0, 0, 0, .45));
}

.shredder-head {
  height: 63px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(111, 231, 255, .25);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(180deg, #284b43, #102a24);
  color: #b9d4ca;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .14em;
}

.shredder-head i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 16px var(--green);
}

.shredder-slot {
  position: relative;
  height: 116px;
  overflow: hidden;
  border: 1px solid rgba(111, 231, 255, .22);
  background: #020806;
  box-shadow: inset 0 20px 30px #000;
}

.shredder-slot::before,
.shredder-slot::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  width: 18px;
  background: linear-gradient(90deg, #17362f, #274b43);
}

.shredder-slot::before { left: 0; }
.shredder-slot::after { right: 0; transform: scaleX(-1); }

.blade-row {
  position: absolute;
  left: 20px;
  right: 20px;
  height: 48px;
  display: flex;
  justify-content: space-around;
}

.blade-row--one { top: 12px; }
.blade-row--two { bottom: 10px; flex-direction: row-reverse; }

.blade-row span {
  width: 38px;
  height: 38px;
  margin-left: -9px;
  display: block;
  border: 5px dashed #7b9990;
  border-radius: 50%;
  background: radial-gradient(circle, #0d1c19 0 29%, #536e66 30% 43%, #1a302b 44%);
  box-shadow: 0 0 0 2px #162f29;
  animation: blades .9s linear infinite;
}

.blade-row--two span {
  animation-direction: reverse;
}

.shredder-body {
  height: 72px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(111, 231, 255, .2);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(180deg, #18362f, #0c211c);
}

.shredder-body div {
  display: grid;
  gap: 2px;
}

.shredder-body span {
  color: #66857a;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .14em;
}

.shredder-body b {
  color: var(--white);
  font-family: var(--font-display);
  font-size: 13px;
}

.fragments {
  position: absolute;
  z-index: 3;
  top: 365px;
  right: 64px;
  width: 170px;
  height: 98px;
}

.fragments i {
  position: absolute;
  top: -20px;
  width: 11px;
  height: 7px;
  border: 1px solid rgba(111, 231, 255, .44);
  background: #436c62;
  opacity: 0;
  animation: fragments 2.8s linear infinite;
}

.fragments i:nth-child(2n) { background: #a5c6bd; width: 6px; height: 11px; }
.fragments i:nth-child(3n) { background: #328e6c; width: 13px; height: 5px; }
.fragments i:nth-child(1) { left: 8%; animation-delay: .1s; }
.fragments i:nth-child(2) { left: 19%; animation-delay: .65s; }
.fragments i:nth-child(3) { left: 29%; animation-delay: 1.1s; }
.fragments i:nth-child(4) { left: 38%; animation-delay: .35s; }
.fragments i:nth-child(5) { left: 46%; animation-delay: 1.65s; }
.fragments i:nth-child(6) { left: 54%; animation-delay: .85s; }
.fragments i:nth-child(7) { left: 63%; animation-delay: 1.35s; }
.fragments i:nth-child(8) { left: 72%; animation-delay: .2s; }
.fragments i:nth-child(9) { left: 82%; animation-delay: 1.8s; }
.fragments i:nth-child(10) { left: 91%; animation-delay: .95s; }
.fragments i:nth-child(11) { left: 14%; animation-delay: 2s; }
.fragments i:nth-child(12) { left: 34%; animation-delay: 2.3s; }
.fragments i:nth-child(13) { left: 49%; animation-delay: 2.1s; }
.fragments i:nth-child(14) { left: 68%; animation-delay: 2.5s; }
.fragments i:nth-child(15) { left: 77%; animation-delay: 2.2s; }
.fragments i:nth-child(16) { left: 87%; animation-delay: 2.6s; }

.security-readout {
  position: absolute;
  z-index: 7;
  left: 30px;
  right: 30px;
  bottom: 24px;
  min-height: 92px;
  padding: 16px 20px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
  border: 1px solid rgba(85, 242, 169, .28);
  border-radius: 10px;
  background: rgba(5, 20, 16, .88);
  box-shadow: 0 0 40px rgba(15, 217, 120, .07);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.readout-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(85, 242, 169, .3);
  border-radius: 50%;
  background: rgba(85, 242, 169, .06);
}

.readout-icon span {
  width: 14px;
  height: 22px;
  position: relative;
  border: 2px solid var(--green);
  border-radius: 3px;
}

.readout-icon span::before,
.readout-icon span::after {
  content: "";
  position: absolute;
  background: var(--green);
}

.readout-icon span::before {
  width: 18px;
  height: 2px;
  left: -4px;
  top: 8px;
  transform: rotate(45deg);
}

.readout-icon span::after {
  width: 18px;
  height: 2px;
  left: -4px;
  top: 8px;
  transform: rotate(-45deg);
}

.security-readout small {
  display: block;
  margin-bottom: 2px;
  color: #709087;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .18em;
}

.security-readout strong {
  color: var(--green);
  font-family: var(--font-display);
  font-size: clamp(18px, 2vw, 25px);
  letter-spacing: .06em;
  text-shadow: 0 0 24px rgba(85, 242, 169, .25);
}

.readout-bars {
  display: flex;
  align-items: flex-end;
  gap: 3px;
}

.readout-bars i {
  width: 3px;
  background: var(--green);
  box-shadow: 0 0 7px rgba(85, 242, 169, .4);
  animation: bars 1.3s ease-in-out infinite alternate;
}

.readout-bars i:nth-child(1) { height: 9px; animation-delay: -.8s; }
.readout-bars i:nth-child(2) { height: 22px; animation-delay: -.2s; }
.readout-bars i:nth-child(3) { height: 14px; animation-delay: -.5s; }
.readout-bars i:nth-child(4) { height: 29px; animation-delay: -.9s; }
.readout-bars i:nth-child(5) { height: 18px; animation-delay: -.1s; }

.visual-corner {
  position: absolute;
  width: 28px;
  height: 28px;
  border-color: rgba(111, 231, 255, .5);
}

.visual-corner--tl { left: 11px; top: 70px; border-left: 1px solid; border-top: 1px solid; }
.visual-corner--tr { right: 11px; top: 70px; border-right: 1px solid; border-top: 1px solid; }
.visual-corner--bl { left: 11px; bottom: 12px; border-left: 1px solid; border-bottom: 1px solid; }
.visual-corner--br { right: 11px; bottom: 12px; border-right: 1px solid; border-bottom: 1px solid; }

.hero-bottom {
  margin-top: clamp(56px, 8vw, 96px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 25px;
  color: #6f8e84;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.hero-bottom > div {
  height: 1px;
  background: linear-gradient(90deg, var(--line-bright), rgba(255, 255, 255, .03));
}

.hero-bottom a {
  color: #a9c3ba;
  transition: color .2s ease;
}

.hero-bottom a:hover {
  color: var(--green);
}

.hero-bottom a span {
  margin-left: 8px;
  color: var(--green);
}

.proof-strip {
  position: relative;
  z-index: 5;
  border-top: 1px solid rgba(255, 255, 255, .06);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  background: #081713;
}

.proof-grid {
  min-height: 138px;
  display: grid;
  grid-template-columns: 1.4fr repeat(4, 1fr);
  align-items: stretch;
}

.proof-grid > * {
  min-width: 0;
  padding: 25px 18px;
  display: flex;
  align-items: center;
}

.proof-grid > * + * {
  border-left: 1px solid rgba(255, 255, 255, .065);
}

.proof-intro {
  padding-left: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.proof-intro span {
  color: var(--green);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.proof-intro strong {
  max-width: 230px;
  margin-top: 5px;
  font-family: var(--font-display);
  font-size: 17px;
  line-height: 1.35;
}

.proof-item {
  gap: 12px;
}

.proof-mark {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(85, 242, 169, .26);
  border-radius: 50%;
  background: rgba(85, 242, 169, .04);
  color: var(--green);
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
}

.proof-item div {
  display: grid;
}

.proof-item strong {
  color: #dcebe6;
  font-size: 11px;
}

.proof-item small {
  color: #708c83;
  font-size: 8px;
  line-height: 1.5;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.section {
  position: relative;
  padding: clamp(100px, 11vw, 158px) 0;
}

.section-heading {
  margin-bottom: clamp(52px, 6vw, 78px);
}

.section-heading--split {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(310px, .55fr);
  align-items: end;
  gap: clamp(40px, 8vw, 110px);
}

.section-heading h2,
.certification-copy h2,
.media-copy h2,
.contact-content h2 {
  margin: 17px 0 0;
  max-width: 790px;
  font-family: var(--font-display);
  font-size: clamp(42px, 5vw, 68px);
  line-height: 1.02;
  letter-spacing: -.052em;
}

.section-heading p,
.certification-copy > p,
.media-copy > p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.8;
}

.security {
  background:
    radial-gradient(circle at 5% 60%, rgba(15, 217, 120, .06), transparent 28%),
    var(--paper);
  color: #10221d;
}

.security .kicker {
  color: #087f4d;
}

.security .section-heading p {
  color: #547168;
}

.risk-layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.risk-card {
  position: relative;
  min-height: 495px;
  padding: clamp(28px, 3vw, 40px);
  overflow: hidden;
  border: 1px solid rgba(12, 69, 51, .1);
  border-radius: 18px;
  background: rgba(255, 255, 255, .48);
}

.risk-card h3 {
  position: relative;
  z-index: 2;
  margin: 28px 0 16px;
  font-family: var(--font-display);
  font-size: clamp(26px, 2.4vw, 34px);
  line-height: 1.1;
  letter-spacing: -.04em;
}

.risk-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #597068;
  font-size: 14px;
}

.card-index {
  position: absolute;
  left: 40px;
  bottom: 30px;
  color: #799187;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}

.risk-number {
  position: relative;
  z-index: 2;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  border: 1px solid rgba(12, 69, 51, .09);
  border-radius: 12px;
  overflow: visible;
  background:
    linear-gradient(rgba(12, 69, 51, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(12, 69, 51, .035) 1px, transparent 1px),
    rgba(255, 255, 255, .55);
  background-size: 20px 20px;
}

.risk-number img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.risk-number span {
  color: #527168;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .15em;
}

.risk-number strong {
  color: #d56041;
  font-family: var(--font-display);
  font-size: 42px;
}

.risk-card--active {
  border-color: rgba(85, 242, 169, .24);
  background: var(--ink-soft);
  color: var(--white);
  box-shadow: 0 28px 70px rgba(4, 26, 20, .17);
}

.risk-card--active p {
  color: #9db9b0;
}

.risk-card--active a {
  position: relative;
  z-index: 2;
  margin-top: 26px;
  display: inline-flex;
  align-items: center;
  gap: 22px;
  color: var(--green);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.risk-label {
  position: relative;
  z-index: 2;
  color: var(--green);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em;
}

.risk-card--active .card-index {
  color: #607d73;
}

.shard-field {
  position: absolute;
  inset: auto -20px -15px auto;
  width: 220px;
  height: 270px;
  opacity: .48;
}

.shard-field i {
  position: absolute;
  width: 33px;
  height: 12px;
  border: 1px solid var(--green);
  background: rgba(85, 242, 169, .06);
  transform: rotate(var(--r, 12deg));
}

.shard-field i:nth-child(1) { left: 15px; top: 20px; --r: 31deg; }
.shard-field i:nth-child(2) { left: 75px; top: 65px; --r: -16deg; width: 48px; }
.shard-field i:nth-child(3) { right: 20px; top: 110px; --r: 48deg; }
.shard-field i:nth-child(4) { left: 40px; top: 145px; --r: -38deg; height: 20px; }
.shard-field i:nth-child(5) { left: 105px; top: 180px; --r: 13deg; }
.shard-field i:nth-child(6) { right: 9px; bottom: 15px; --r: -27deg; width: 57px; }
.shard-field i:nth-child(7) { left: 15px; bottom: 7px; --r: 42deg; }

.shield-lock {
  position: relative;
  width: 132px;
  height: 153px;
  margin: 4px auto 25px;
}

.shield-lock::before {
  content: "";
  position: absolute;
  inset: 18px 0 0;
  border: 2px solid rgba(15, 135, 80, .25);
  border-radius: 66px 66px 44px 44px;
  clip-path: polygon(50% 0, 100% 17%, 93% 68%, 50% 100%, 7% 68%, 0 17%);
  background: linear-gradient(160deg, rgba(85, 242, 169, .08), rgba(22, 138, 199, .04));
}

.shield-lock__top {
  position: absolute;
  z-index: 2;
  left: 45px;
  top: 47px;
  width: 42px;
  height: 42px;
  border: 6px solid #0d7548;
  border-bottom: 0;
  border-radius: 24px 24px 0 0;
}

.shield-lock__body {
  position: absolute;
  z-index: 3;
  left: 36px;
  top: 80px;
  width: 60px;
  height: 49px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #0d7548;
  box-shadow: 0 12px 26px rgba(13, 117, 72, .2);
}

.shield-lock__body span {
  width: 7px;
  height: 15px;
  border-radius: 5px;
  background: var(--paper);
}

.handoff-image {
  width: 170px;
  height: 170px;
  margin: 0 auto 18px;
  overflow: hidden;
  border-radius: 24px;
}

.handoff-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.risk-card--check h3 {
  margin-top: 0;
}

.risk-card--check ul {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  color: #49645b;
  font-size: 12px;
  font-weight: 700;
}

.risk-card--check li {
  padding: 10px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid rgba(12, 69, 51, .08);
}

.risk-card--check li span {
  color: #0b9258;
}

.process {
  overflow: hidden;
  background:
    linear-gradient(rgba(111, 231, 255, .022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(111, 231, 255, .022) 1px, transparent 1px),
    #071713;
  background-size: 60px 60px;
}

.process-glow {
  position: absolute;
  width: 700px;
  height: 300px;
  left: 50%;
  top: 30%;
  background: rgba(15, 217, 120, .06);
  filter: blur(100px);
  transform: translateX(-50%);
}

.section-heading--center {
  position: relative;
  z-index: 2;
  max-width: 820px;
  margin-inline: auto;
  text-align: center;
}

.section-heading--center .kicker {
  justify-content: center;
}

.section-heading--center h2 {
  margin-inline: auto;
}

.section-heading--center p {
  max-width: 580px;
  margin: 24px auto 0;
}

.process-line {
  position: relative;
  z-index: 2;
  width: 80%;
  height: 1px;
  margin: 0 auto -1px;
  overflow: visible;
  background: rgba(255, 255, 255, .1);
}

.process-line span {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0;
  background: linear-gradient(90deg, var(--green), var(--cyan));
  box-shadow: 0 0 14px rgba(85, 242, 169, .4);
  transition: width 1.6s cubic-bezier(.22, 1, .36, 1);
}

.process-steps {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.process-step {
  min-width: 0;
  padding: 0 clamp(12px, 1.6vw, 24px);
  text-align: center;
}

.process-step + .process-step {
  border-left: 1px solid rgba(255, 255, 255, .055);
}

.step-number {
  width: 40px;
  height: 40px;
  margin: -20px auto 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(85, 242, 169, .35);
  border-radius: 50%;
  background: #071713;
  box-shadow: 0 0 0 8px #071713;
}

.step-number span {
  color: var(--green);
  font-family: var(--font-display);
  font-size: 10px;
}

.step-icon {
  position: relative;
  width: 82px;
  height: 82px;
  margin: 0 auto 26px;
  border: 1px solid rgba(111, 231, 255, .15);
  border-radius: 18px;
  background: rgba(111, 231, 255, .025);
}

.step-icon.step-icon--photo {
  width: 112px;
  height: 96px;
  margin-bottom: 20px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.step-icon--photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 15px 20px rgba(0, 0, 0, .28));
}

.step-icon::before,
.step-icon::after,
.step-icon i,
.step-icon b {
  content: "";
  position: absolute;
  display: block;
}

.step-icon--collect::before {
  width: 38px;
  height: 29px;
  left: 20px;
  top: 29px;
  border: 2px solid var(--cyan);
  border-radius: 3px;
}

.step-icon--collect::after {
  width: 22px;
  height: 8px;
  left: 28px;
  top: 20px;
  border: 2px solid var(--cyan);
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
}

.step-icon--collect i {
  width: 8px;
  height: 8px;
  left: 36px;
  top: 39px;
  border: 2px solid var(--green);
  border-radius: 50%;
}

.step-icon--inventory::before {
  width: 34px;
  height: 44px;
  left: 23px;
  top: 19px;
  border: 2px solid var(--cyan);
  border-radius: 4px;
}

.step-icon--inventory::after {
  width: 17px;
  height: 6px;
  left: 31px;
  top: 16px;
  border: 2px solid var(--green);
  border-radius: 3px;
  background: #071713;
}

.step-icon--inventory i {
  width: 16px;
  height: 2px;
  left: 35px;
  top: 35px;
  background: var(--cyan);
  box-shadow: 0 9px var(--cyan), 0 18px var(--cyan);
}

.step-icon--lock::before {
  width: 38px;
  height: 31px;
  left: 20px;
  top: 34px;
  border: 2px solid var(--cyan);
  border-radius: 5px;
}

.step-icon--lock::after {
  width: 24px;
  height: 24px;
  left: 27px;
  top: 17px;
  border: 2px solid var(--green);
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
}

.step-icon--lock i {
  width: 6px;
  height: 14px;
  left: 37px;
  top: 43px;
  border-radius: 4px;
  background: var(--green);
}

.step-icon--destroy::before {
  width: 40px;
  height: 31px;
  left: 20px;
  top: 26px;
  border: 2px solid var(--green);
  border-radius: 4px;
}

.step-icon--destroy::after {
  width: 26px;
  height: 2px;
  left: 27px;
  top: 40px;
  background: var(--green);
  box-shadow: 0 -7px var(--cyan), 0 7px var(--cyan);
  transform: rotate(-25deg);
}

.step-icon--recover::before {
  width: 38px;
  height: 38px;
  left: 20px;
  top: 20px;
  border: 2px dashed var(--cyan);
  border-radius: 50%;
}

.step-icon--recover::after {
  width: 0;
  height: 0;
  right: 16px;
  top: 32px;
  border-left: 8px solid var(--green);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transform: rotate(35deg);
}

.process-step h3 {
  margin: 0 0 13px;
  font-family: var(--font-display);
  font-size: 21px;
  letter-spacing: -.03em;
}

.process-step p {
  margin: 0;
  color: #87a097;
  font-size: 12px;
  line-height: 1.7;
}

.step-meta {
  margin-top: 25px;
  display: block;
  color: #58786e;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .16em;
}

.media-lab {
  background: var(--paper);
  color: #10221d;
}

.media-lab__layout {
  display: grid;
  grid-template-columns: .68fr 1.32fr;
  align-items: center;
  gap: clamp(50px, 8vw, 120px);
}

.media-copy .kicker {
  color: #087f4d;
}

.media-copy h2 {
  font-size: clamp(40px, 4.7vw, 64px);
}

.media-copy > p {
  max-width: 450px;
  margin-top: 24px;
  color: #57736a;
}

.media-tabs {
  margin-top: 42px;
  display: grid;
  gap: 8px;
}

.media-copy__link {
  margin-top: 28px;
}

.media-tab {
  position: relative;
  min-height: 55px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(12, 69, 51, .12);
  border-radius: 8px;
  background: transparent;
  color: #416158;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  text-align: left;
  transition: color .2s ease, border-color .2s ease, background .2s ease, padding .2s ease;
}

.media-tab::after {
  content: "→";
  position: absolute;
  right: 18px;
  opacity: 0;
  color: var(--green-deep);
  transition: opacity .2s ease, transform .2s ease;
}

.media-tab:hover,
.media-tab:focus-visible,
.media-tab.active {
  padding-left: 24px;
  border-color: rgba(15, 145, 87, .28);
  background: #fff;
  color: #0a7c4c;
}

.media-tab.active::after {
  opacity: 1;
  transform: translateX(3px);
}

.media-console {
  overflow: hidden;
  border: 1px solid rgba(111, 231, 255, .18);
  border-radius: 18px;
  background:
    linear-gradient(rgba(111, 231, 255, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(111, 231, 255, .03) 1px, transparent 1px),
    #071713;
  background-size: 30px 30px;
  box-shadow: 0 36px 90px rgba(7, 40, 31, .18);
  color: var(--white);
}

.console-header,
.console-footer {
  min-height: 48px;
  padding: 0 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  color: #78978d;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .16em;
}

.console-header span:last-child {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--green);
}

.console-header i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 9px var(--green);
}

.console-body {
  min-height: 420px;
  padding: clamp(35px, 5vw, 58px);
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  align-items: center;
  gap: clamp(30px, 5vw, 64px);
}

.media-object {
  position: relative;
  width: min(100%, 240px);
  aspect-ratio: 1;
  margin: auto;
  border: 1px solid rgba(111, 231, 255, .22);
  border-radius: 26px;
  background: linear-gradient(145deg, #294940, #0a211b);
  box-shadow: inset 0 0 0 8px rgba(255, 255, 255, .018), 0 26px 50px rgba(0, 0, 0, .34);
  transform: rotate(-5deg);
  transition: border-radius .4s ease, transform .4s ease;
}

.media-object i {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #071713;
  box-shadow: inset 1px 1px #718b83;
}

.media-object i:nth-of-type(1) { left: 12px; top: 12px; }
.media-object i:nth-of-type(2) { right: 12px; top: 12px; }
.media-object i:nth-of-type(3) { left: 12px; bottom: 12px; }
.media-object i:nth-of-type(4) { right: 12px; bottom: 12px; }

.media-object__ring {
  position: absolute;
  width: 58%;
  height: 58%;
  left: 12%;
  top: 16%;
  border: 12px solid #8eaca3;
  border-radius: 50%;
  background: radial-gradient(circle, #10201d 0 12%, #77a398 13% 17%, #17342d 18%);
  box-shadow: inset 0 0 20px rgba(0, 0, 0, .5);
  animation: platter 5s linear infinite;
}

.media-object__core {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 34%;
  top: 37%;
  border: 4px solid #152821;
  border-radius: 50%;
  background: #bdd2cb;
}

.media-object__arm {
  position: absolute;
  width: 45%;
  height: 13px;
  right: 12%;
  top: 36%;
  border-radius: 8px;
  background: linear-gradient(#c8ded6, #4c7167);
  transform: rotate(-24deg);
}

.media-object[data-type="ssd"] {
  border-radius: 14px;
  transform: rotate(4deg) scale(.9);
}

.media-object[data-type="ssd"] .media-object__ring {
  width: 58%;
  height: 46%;
  left: 21%;
  top: 25%;
  border: 2px solid var(--green);
  border-radius: 8px;
  background:
    linear-gradient(90deg, transparent 48%, rgba(85, 242, 169, .4) 49% 51%, transparent 52%),
    linear-gradient(transparent 48%, rgba(85, 242, 169, .4) 49% 51%, transparent 52%),
    #0c5a3d;
  background-size: 26px 26px;
  animation: none;
}

.media-object[data-type="ssd"] .media-object__core {
  width: 12px;
  height: 12px;
  left: 29%;
  top: 32%;
  border: 0;
  border-radius: 2px;
  background: var(--cyan);
  box-shadow: 34px 0 var(--green), 68px 0 var(--cyan), 0 34px var(--green), 34px 34px var(--cyan), 68px 34px var(--green);
}

.media-object[data-type="ssd"] .media-object__arm {
  display: none;
}

.media-object[data-type="server"] {
  height: 165px;
  aspect-ratio: auto;
  border-radius: 8px;
  transform: none;
}

.media-object[data-type="server"] .media-object__ring {
  width: 12px;
  height: 12px;
  left: 18px;
  top: 22px;
  border: 0;
  background: var(--green);
  box-shadow: 0 30px var(--cyan), 0 60px var(--green), 0 90px var(--cyan);
  animation: livePulse 1.6s ease-in-out infinite;
}

.media-object[data-type="server"] .media-object__core {
  width: 65%;
  height: 8px;
  left: 60px;
  top: 23px;
  border: 0;
  border-radius: 2px;
  background: rgba(255, 255, 255, .16);
  box-shadow: 0 30px rgba(255, 255, 255, .16), 0 60px rgba(255, 255, 255, .16), 0 90px rgba(255, 255, 255, .16);
}

.media-object[data-type="server"] .media-object__arm {
  display: none;
}

.media-object[data-type="mobile"] {
  width: 126px;
  border-radius: 24px;
  transform: rotate(5deg);
}

.media-object[data-type="mobile"]::before {
  content: "";
  position: absolute;
  inset: 15px 9px;
  border-radius: 16px;
  background:
    radial-gradient(circle at 65% 35%, rgba(111, 231, 255, .32), transparent 23%),
    linear-gradient(145deg, #0f392e, #071713);
}

.media-object[data-type="mobile"] .media-object__ring {
  width: 32px;
  height: 32px;
  left: 25px;
  top: 27px;
  border: 2px solid var(--cyan);
  animation: none;
}

.media-object[data-type="mobile"] .media-object__core,
.media-object[data-type="mobile"] .media-object__arm {
  display: none;
}

.media-object.media-object--photo {
  width: min(100%, 260px);
  height: auto;
  aspect-ratio: 19 / 18;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.media-object.media-object--photo::before,
.media-object.media-object--photo::after {
  display: none;
  content: none;
}

.media-object__photo {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 24px 30px rgba(0, 0, 0, .32));
}

.console-code {
  color: var(--cyan);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .16em;
}

.console-info h3 {
  margin: 14px 0 17px;
  font-family: var(--font-display);
  font-size: clamp(26px, 3vw, 39px);
  line-height: 1.05;
  letter-spacing: -.04em;
}

.console-info p {
  margin: 0;
  color: #91aaa1;
  font-size: 13px;
  line-height: 1.8;
}

.console-result {
  margin-top: 34px;
  padding: 15px 17px;
  display: grid;
  gap: 4px;
  border-left: 2px solid var(--green);
  background: rgba(85, 242, 169, .05);
}

.console-result span {
  color: #6d8c81;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .16em;
}

.console-result strong {
  color: var(--green);
  font-family: var(--font-display);
  font-size: 14px;
  letter-spacing: .05em;
}

.console-footer {
  border-top: 1px solid rgba(255, 255, 255, .07);
  border-bottom: 0;
}

.console-footer div {
  display: flex;
  gap: 10px;
}

.console-footer i {
  width: 28px;
  height: 2px;
  background: rgba(255, 255, 255, .1);
}

.console-footer i:nth-child(-n+4) {
  background: var(--green);
  box-shadow: 0 0 8px rgba(85, 242, 169, .25);
}

.services {
  background: #081713;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.service-card {
  position: relative;
  min-height: 350px;
  padding: clamp(28px, 4vw, 43px);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 28px 34px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 16px;
  background: rgba(255, 255, 255, .018);
  transition: border-color .3s ease, background .3s ease, transform .3s ease;
}

.service-card::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  right: -100px;
  top: -100px;
  border-radius: 50%;
  background: rgba(111, 231, 255, .035);
  transition: transform .4s ease, background .4s ease;
}

.service-card:hover,
.service-card:focus-visible {
  border-color: rgba(85, 242, 169, .24);
  background: rgba(85, 242, 169, .035);
  transform: translateY(-5px);
}

.service-card:hover::before {
  background: rgba(85, 242, 169, .08);
  transform: scale(1.3);
}

.service-card--featured {
  grid-column: 1 / -1;
  min-height: 320px;
  background:
    linear-gradient(145deg, rgba(85, 242, 169, .09), rgba(111, 231, 255, .02)),
    rgba(255, 255, 255, .02);
}

.service-index {
  color: #66867b;
  font-family: var(--font-display);
  font-size: 10px;
}

.service-symbol {
  position: relative;
  width: 74px;
  height: 74px;
  grid-row: 1 / 3;
  border: 1px solid rgba(111, 231, 255, .17);
  border-radius: 15px;
  background: rgba(111, 231, 255, .025);
}

.service-symbol--image {
  overflow: hidden;
  background: #071a19;
}

.service-symbol--image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.service-card > div:nth-of-type(2) {
  align-self: center;
}

.service-type {
  color: var(--green);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .16em;
}

.service-card h3 {
  margin: 10px 0 15px;
  font-family: var(--font-display);
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.05;
  letter-spacing: -.04em;
}

.service-card p {
  max-width: 460px;
  margin: 0;
  color: #8ea79e;
  font-size: 13px;
}

.service-link {
  grid-column: 2;
  align-self: end;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #b8cdc5;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.service-link b {
  color: var(--green);
  font-size: 17px;
}

.service-symbol::before,
.service-symbol::after,
.service-symbol i,
.service-symbol b {
  content: "";
  position: absolute;
  display: block;
}

.service-symbol--shred i {
  width: 37px;
  height: 4px;
  left: 18px;
  border-radius: 2px;
  background: var(--cyan);
  transform: rotate(-18deg);
}

.service-symbol--shred i:nth-child(1) { top: 24px; }
.service-symbol--shred i:nth-child(2) { top: 36px; left: 22px; width: 28px; background: var(--green); transform: rotate(21deg); }
.service-symbol--shred i:nth-child(3) { top: 48px; left: 14px; width: 43px; transform: rotate(-8deg); }

.service-symbol--computer::before {
  width: 39px;
  height: 29px;
  left: 16px;
  top: 17px;
  border: 2px solid var(--cyan);
  border-radius: 3px;
}

.service-symbol--computer::after {
  width: 24px;
  height: 2px;
  left: 25px;
  top: 54px;
  background: var(--green);
  box-shadow: 0 -8px var(--green);
}

.service-symbol--electronics::before {
  width: 38px;
  height: 38px;
  left: 17px;
  top: 17px;
  border: 2px solid var(--cyan);
  border-radius: 11px;
}

.service-symbol--electronics::after {
  width: 24px;
  height: 2px;
  left: 25px;
  top: 35px;
  background: var(--green);
  box-shadow: 0 -9px var(--cyan), 0 9px var(--cyan);
}

.service-symbol--electronics i {
  width: 8px;
  height: 8px;
  left: 33px;
  top: 31px;
  z-index: 2;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 12px rgba(85, 242, 169, .45);
}

.service-symbol--pickup::before {
  width: 37px;
  height: 25px;
  left: 14px;
  top: 25px;
  border: 2px solid var(--cyan);
  border-radius: 3px;
}

.service-symbol--pickup::after {
  width: 14px;
  height: 17px;
  left: 51px;
  top: 33px;
  border: 2px solid var(--green);
  border-left: 0;
}

.service-symbol--pickup i {
  width: 9px;
  height: 9px;
  left: 22px;
  top: 48px;
  border: 2px solid var(--green);
  border-radius: 50%;
  box-shadow: 30px 0 0 -2px #081713, 30px 0 0 0 var(--green);
}

.service-symbol--event::before {
  width: 38px;
  height: 40px;
  left: 17px;
  top: 18px;
  border: 2px solid var(--cyan);
  border-radius: 3px;
}

.service-symbol--event::after {
  width: 42px;
  height: 2px;
  left: 15px;
  top: 30px;
  background: var(--green);
}

.service-symbol--event i {
  width: 5px;
  height: 5px;
  left: 27px;
  top: 39px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 12px 0 var(--cyan), 0 10px var(--cyan), 12px 10px var(--green);
}

.certifications {
  background:
    radial-gradient(circle at 10% 20%, rgba(85, 242, 169, .12), transparent 27%),
    var(--paper);
  color: #10221d;
}

.certification-layout {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  align-items: center;
  gap: clamp(60px, 9vw, 130px);
}

.certification-copy .kicker {
  color: #087f4d;
}

.certification-copy h2 {
  font-size: clamp(40px, 4.6vw, 62px);
}

.certification-copy > p {
  margin-top: 26px;
  color: #58736a;
}

.text-link {
  margin-top: 32px;
  display: inline-flex;
  align-items: center;
  gap: 24px;
  color: #087f4d;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.certification-board {
  padding: 13px;
  border: 1px solid rgba(12, 69, 51, .13);
  border-radius: 16px;
  background: rgba(255, 255, 255, .54);
  box-shadow: 0 32px 80px rgba(15, 62, 48, .1);
}

.board-header {
  min-height: 46px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #789289;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .14em;
}

.board-header span:last-child {
  color: #0a9257;
}

.board-row {
  min-height: 92px;
  padding: 15px 17px;
  display: grid;
  grid-template-columns: 58px 1fr auto;
  align-items: center;
  gap: 18px;
  border: 1px solid rgba(12, 69, 51, .075);
  border-radius: 8px;
  background: rgba(255, 255, 255, .66);
}

.board-row + .board-row {
  margin-top: 7px;
}

.board-code {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(15, 145, 87, .22);
  border-radius: 50%;
  color: #0b8a53;
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
}

.board-row div {
  display: grid;
}

.board-row strong {
  font-family: var(--font-display);
  font-size: 14px;
}

.board-row small {
  color: #728a82;
  font-size: 9px;
}

.board-status {
  padding: 5px 8px;
  border: 1px solid rgba(15, 145, 87, .15);
  border-radius: 4px;
  background: rgba(15, 145, 87, .04);
  color: #0b8a53;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .12em;
}

.contact-cta {
  overflow: hidden;
  background: #071713;
}

.contact-panel {
  position: relative;
  min-height: 500px;
  padding: clamp(45px, 7vw, 86px);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 60px;
  overflow: hidden;
  border: 1px solid rgba(85, 242, 169, .24);
  border-radius: 24px;
  background:
    linear-gradient(130deg, rgba(85, 242, 169, .12), transparent 43%),
    linear-gradient(300deg, rgba(111, 231, 255, .08), transparent 42%),
    #0b2a23;
  box-shadow: var(--shadow);
  isolation: isolate;
}

.contact-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(rgba(111, 231, 255, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(111, 231, 255, .04) 1px, transparent 1px);
  background-size: 32px 32px;
  -webkit-mask-image: linear-gradient(90deg, black, transparent 74%);
  mask-image: linear-gradient(90deg, black, transparent 74%);
}

.contact-noise {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .12;
  background-image: radial-gradient(rgba(255,255,255,.5) .5px, transparent .5px);
  background-size: 8px 8px;
}

.contact-content {
  position: relative;
  z-index: 3;
  max-width: 780px;
}

.contact-content h2 {
  font-size: clamp(46px, 5.6vw, 76px);
}

.contact-content > p {
  max-width: 620px;
  margin: 25px 0 0;
  color: #a5c0b7;
  font-size: 16px;
}

.contact-actions {
  margin-top: 39px;
  display: flex;
  align-items: center;
  gap: 30px;
}

.button--light {
  background: var(--white);
  color: var(--ink);
}

.contact-phone {
  position: relative;
  padding: 8px 0;
  display: grid;
  gap: 3px;
}

.contact-phone small {
  color: #78998d;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.contact-phone strong {
  color: var(--brand-green-light);
  font-family: var(--font-display);
  font-size: clamp(27px, 2.8vw, 38px);
  line-height: 1;
  letter-spacing: -.02em;
  text-shadow: 0 0 22px rgba(141, 198, 63, .18);
  transition: color .2s ease, text-shadow .2s ease, transform .2s ease;
}

.contact-phone:hover strong,
.contact-phone:focus-visible strong {
  color: var(--blue-light);
  text-shadow: 0 0 24px rgba(53, 168, 224, .35);
  transform: translateX(3px);
}

.contact-stamp {
  position: relative;
  z-index: 2;
  width: 190px;
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid rgba(85, 242, 169, .35);
  border-radius: 50%;
  color: #7fa398;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .18em;
  line-height: 1.4;
  transform: rotate(8deg);
}

.contact-stamp::before,
.contact-stamp::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.contact-stamp::before {
  inset: 8px;
  border: 1px dashed rgba(85, 242, 169, .25);
  animation: platter 18s linear infinite;
}

.contact-stamp::after {
  inset: 25px;
  border: 1px solid rgba(111, 231, 255, .13);
}

.contact-stamp strong {
  color: var(--green);
  font-family: var(--font-display);
  font-size: 25px;
  letter-spacing: .03em;
}

.contact-lock {
  position: absolute;
  z-index: 1;
  right: 120px;
  top: 50%;
  width: 300px;
  height: 340px;
  opacity: .055;
  transform: translateY(-50%);
}

.contact-lock div {
  position: absolute;
  left: 70px;
  top: 0;
  width: 160px;
  height: 180px;
  border: 28px solid var(--green);
  border-bottom: 0;
  border-radius: 90px 90px 0 0;
}

.contact-lock span {
  position: absolute;
  left: 20px;
  bottom: 0;
  width: 260px;
  height: 210px;
  border-radius: 28px;
  background: var(--green);
}

.site-footer {
  border-top: 1px solid rgba(255, 255, 255, .07);
  background: #040e0c;
}

.footer-top {
  padding: 70px 0 55px;
  display: grid;
  grid-template-columns: 2fr repeat(3, 1fr);
  gap: clamp(35px, 7vw, 90px);
}

.footer-logo {
  position: relative;
  width: 260px;
  height: 90px;
  overflow: hidden;
  isolation: isolate;
}

.footer-logo::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 72%;
  height: 42%;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  background:
    radial-gradient(circle at 62% 58%, rgba(255, 255, 255, .1), transparent 50%),
    linear-gradient(90deg, rgba(27, 117, 187, .27), rgba(141, 198, 63, .23));
  filter: blur(26px);
  transform: translate(-50%, -50%);
}

.footer-logo img {
  position: absolute;
  width: 240px;
  max-width: none;
  height: auto;
  left: 50%;
  top: 52%;
  filter:
    drop-shadow(0 0 9px rgba(53, 168, 224, .22))
    drop-shadow(0 0 9px rgba(141, 198, 63, .18));
  transform: translate(-50%, -50%);
}

.footer-brand p {
  max-width: 340px;
  margin: 22px 0 0;
  color: #718d84;
  font-size: 12px;
}

.footer-column {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  color: #708a82;
  font-size: 11px;
}

.footer-column strong {
  margin-bottom: 8px;
  color: var(--white);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.footer-column a:hover {
  color: var(--green);
}

.footer-column .footer-phone {
  margin-bottom: 3px;
  color: var(--brand-green-light);
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.01em;
}

.footer-bottom {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-top: 1px solid rgba(255, 255, 255, .065);
  color: #58736a;
  font-size: 9px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.footer-bottom a {
  color: #9bb5ac;
}

.reveal {
  opacity: 0;
  transform: translateY(25px);
  transition: opacity .8s ease, transform .8s cubic-bezier(.22, 1, .36, 1);
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Brand color reinforcement: the blue and lime green come directly from the eGreen identity. */
.scroll-progress span {
  background: linear-gradient(90deg, var(--blue), var(--blue-light) 38%, var(--brand-green) 68%, var(--brand-green-light));
  box-shadow: 0 0 18px rgba(53, 168, 224, .55);
}

.trust-bar {
  background:
    linear-gradient(90deg, rgba(27, 117, 187, .13), transparent 34%, transparent 66%, rgba(141, 198, 63, .11)),
    #04100d;
}

.live-dot {
  background: var(--brand-green-light);
  box-shadow: 0 0 0 5px rgba(141, 198, 63, .1), 0 0 14px var(--brand-green);
}

.site-header::after {
  content: "";
  position: absolute;
  inset: auto 0 -1px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 4%, var(--blue), var(--blue-light) 34%, var(--brand-green) 66%, transparent 96%);
  opacity: .72;
}

.main-nav > a:not(.nav-cta)::after {
  background: linear-gradient(90deg, var(--blue-light), var(--brand-green-light));
}

.nav-cta {
  border-color: rgba(141, 198, 63, .46);
  background: linear-gradient(110deg, rgba(27, 117, 187, .12), rgba(141, 198, 63, .1));
  color: var(--brand-green-light);
}

.nav-cta:hover,
.nav-cta:focus-visible {
  background: linear-gradient(110deg, var(--blue), var(--brand-green));
  color: #fff;
}

.hero {
  background:
    linear-gradient(rgba(53, 168, 224, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(53, 168, 224, .03) 1px, transparent 1px),
    radial-gradient(circle at 77% 30%, rgba(27, 117, 187, .17), transparent 29%),
    radial-gradient(circle at 42% 73%, rgba(141, 198, 63, .1), transparent 31%),
    var(--ink);
  background-size: 58px 58px, 58px 58px, auto, auto, auto;
}

.hero-glow--one {
  background: rgba(27, 117, 187, .19);
}

.hero-glow--two {
  background: rgba(141, 198, 63, .13);
}

.eyebrow {
  color: var(--brand-green-light);
}

.eyebrow-icon {
  color: var(--blue-light);
  text-shadow: 0 0 14px rgba(53, 168, 224, .7);
}

.eyebrow-line {
  background: linear-gradient(90deg, var(--brand-green-light), var(--blue-light), transparent);
}

.hero h1 span {
  background: linear-gradient(92deg, var(--blue-light) 0%, #67c6e9 38%, var(--brand-green-light) 72%, var(--brand-green) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke: 0;
  text-shadow: none;
}

.button--primary {
  background: linear-gradient(110deg, var(--brand-green-light), var(--brand-green));
  box-shadow: 0 18px 44px rgba(141, 198, 63, .19), 0 0 0 1px rgba(255, 255, 255, .08) inset;
}

.button--primary:hover,
.button--primary:focus-visible {
  box-shadow: 0 22px 54px rgba(141, 198, 63, .3), 0 0 28px rgba(53, 168, 224, .12);
}

.button-arrow {
  background: rgba(18, 75, 49, .18);
}

.button--ghost {
  border-color: rgba(53, 168, 224, .24);
  background: linear-gradient(110deg, rgba(27, 117, 187, .06), rgba(141, 198, 63, .025));
}

.button--ghost:hover,
.button--ghost:focus-visible {
  border-color: rgba(53, 168, 224, .5);
  background: rgba(27, 117, 187, .1);
}

.hero-assurances > div:nth-child(1) strong,
.hero-assurances > div:nth-child(3) strong {
  color: var(--blue-light);
}

.hero-assurances > div:nth-child(2) strong {
  color: var(--brand-green-light);
}

.visual-frame {
  border-color: rgba(53, 168, 224, .33);
  background:
    radial-gradient(circle at 48% 40%, rgba(27, 117, 187, .12), transparent 33%),
    radial-gradient(circle at 78% 67%, rgba(141, 198, 63, .08), transparent 28%),
    linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01));
  box-shadow: var(--shadow), 0 0 60px rgba(27, 117, 187, .08), inset 0 0 80px rgba(0, 0, 0, .2);
}

.visual-topline {
  border-bottom-color: rgba(53, 168, 224, .18);
}

.visual-topline i {
  background: var(--brand-green-light);
  box-shadow: 0 0 12px var(--brand-green);
}

.scan-line {
  background: linear-gradient(90deg, transparent, var(--blue-light), #a8dff1, transparent);
  box-shadow: 0 0 18px rgba(53, 168, 224, .75);
}

.drive-platter {
  border-color: rgba(53, 168, 224, .75);
  box-shadow: inset 0 0 20px rgba(0, 0, 0, .52), 0 0 26px rgba(53, 168, 224, .18);
}

.drive-label {
  border-left-color: var(--brand-green);
}

.drive-label b {
  color: var(--brand-green-light);
}

.track-line {
  background: linear-gradient(90deg, var(--blue-light), rgba(53, 168, 224, .06));
}

.track-line::after {
  border-left-color: var(--blue-light);
}

.shredder-head {
  border-color: rgba(53, 168, 224, .4);
  background: linear-gradient(180deg, #255875, #12342e);
}

.shredder-head i {
  background: var(--brand-green-light);
  box-shadow: 0 0 16px var(--brand-green);
}

.blade-row span:nth-child(odd) {
  border-color: #4e9ec5;
}

.blade-row span:nth-child(even) {
  border-color: #8faf59;
}

.fragments i:nth-child(odd) {
  border-color: rgba(53, 168, 224, .7);
  background: #337da5;
}

.fragments i:nth-child(even) {
  border-color: rgba(141, 198, 63, .65);
  background: #779c45;
}

.security-readout {
  border-color: rgba(141, 198, 63, .43);
  background: linear-gradient(110deg, rgba(27, 117, 187, .08), rgba(5, 20, 16, .9) 45%, rgba(141, 198, 63, .07));
  box-shadow: 0 0 44px rgba(27, 117, 187, .09), 0 0 30px rgba(141, 198, 63, .06);
}

.readout-icon {
  border-color: rgba(53, 168, 224, .45);
  background: rgba(27, 117, 187, .1);
}

.readout-icon span,
.readout-icon span::before,
.readout-icon span::after {
  border-color: var(--blue-light);
  background-color: var(--blue-light);
}

.security-readout strong {
  color: var(--brand-green-light);
  text-shadow: 0 0 24px rgba(141, 198, 63, .3);
}

.readout-bars i:nth-child(odd) {
  background: var(--blue-light);
  box-shadow: 0 0 7px rgba(53, 168, 224, .5);
}

.readout-bars i:nth-child(even) {
  background: var(--brand-green-light);
  box-shadow: 0 0 7px rgba(141, 198, 63, .5);
}

.visual-corner {
  border-color: rgba(53, 168, 224, .7);
}

.hero-bottom > div {
  background: linear-gradient(90deg, var(--blue), rgba(53, 168, 224, .3) 40%, rgba(141, 198, 63, .3) 70%, transparent);
}

.hero-bottom a span {
  color: var(--brand-green-light);
}

.proof-strip {
  background:
    linear-gradient(90deg, rgba(27, 117, 187, .08), transparent 42%, rgba(141, 198, 63, .055)),
    #081713;
}

.proof-item:nth-child(even) .proof-mark {
  border-color: rgba(53, 168, 224, .38);
  background: rgba(27, 117, 187, .08);
  color: var(--blue-light);
}

.proof-item:nth-child(odd) .proof-mark {
  border-color: rgba(141, 198, 63, .35);
  background: rgba(141, 198, 63, .06);
  color: var(--brand-green-light);
}

.security .kicker,
.media-copy .kicker,
.certification-copy .kicker {
  color: var(--blue);
}

.risk-card--active {
  border-color: rgba(53, 168, 224, .3);
  background:
    radial-gradient(circle at 100% 100%, rgba(141, 198, 63, .12), transparent 42%),
    linear-gradient(145deg, rgba(27, 117, 187, .13), transparent 45%),
    var(--ink-soft);
}

.risk-label {
  color: var(--blue-light);
}

.risk-card--active a {
  color: var(--brand-green-light);
}

.shard-field i:nth-child(odd) {
  border-color: var(--blue-light);
  background: rgba(27, 117, 187, .1);
}

.shard-field i:nth-child(even) {
  border-color: var(--brand-green-light);
  background: rgba(141, 198, 63, .07);
}

.shield-lock__top {
  border-color: var(--blue);
}

.shield-lock__body {
  background: linear-gradient(145deg, var(--blue), var(--brand-green));
  box-shadow: 0 12px 26px rgba(27, 117, 187, .22);
}

.process-line span {
  background: linear-gradient(90deg, var(--blue), var(--blue-light) 38%, var(--brand-green-light) 76%);
  box-shadow: 0 0 14px rgba(53, 168, 224, .46);
}

.process-step:nth-child(odd) .step-number {
  border-color: rgba(53, 168, 224, .5);
}

.process-step:nth-child(odd) .step-number span {
  color: var(--blue-light);
}

.process-step:nth-child(even) .step-number {
  border-color: rgba(141, 198, 63, .5);
}

.process-step:nth-child(even) .step-number span {
  color: var(--brand-green-light);
}

.step-icon--collect::before,
.step-icon--inventory::before,
.step-icon--lock::before,
.step-icon--destroy::before,
.step-icon--recover::before {
  border-color: var(--blue-light);
}

.step-icon--collect::after,
.step-icon--inventory::after,
.step-icon--lock::after,
.step-icon--destroy::after {
  border-color: var(--brand-green-light);
}

.step-icon--lock i,
.service-symbol--electronics i {
  background: var(--brand-green-light);
}

.media-tab:hover,
.media-tab:focus-visible,
.media-tab.active {
  border-color: rgba(27, 117, 187, .35);
  color: var(--blue);
}

.media-tab::after {
  color: var(--brand-green);
}

.media-console {
  border-color: rgba(53, 168, 224, .32);
  background:
    linear-gradient(rgba(53, 168, 224, .038) 1px, transparent 1px),
    linear-gradient(90deg, rgba(53, 168, 224, .038) 1px, transparent 1px),
    radial-gradient(circle at 25% 50%, rgba(27, 117, 187, .13), transparent 32%),
    #071713;
  background-size: 30px 30px, 30px 30px, auto, auto;
}

.console-header span:last-child,
.console-result strong {
  color: var(--brand-green-light);
}

.console-code {
  color: var(--blue-light);
}

.console-result {
  border-left-color: var(--blue-light);
  background: linear-gradient(90deg, rgba(27, 117, 187, .1), rgba(141, 198, 63, .045));
}

.console-footer i:nth-child(1),
.console-footer i:nth-child(2) {
  background: var(--blue-light);
  box-shadow: 0 0 8px rgba(53, 168, 224, .3);
}

.console-footer i:nth-child(3),
.console-footer i:nth-child(4) {
  background: var(--brand-green-light);
  box-shadow: 0 0 8px rgba(141, 198, 63, .3);
}

.service-card--featured {
  background:
    radial-gradient(circle at 100% 0, rgba(53, 168, 224, .12), transparent 40%),
    linear-gradient(145deg, rgba(27, 117, 187, .11), rgba(141, 198, 63, .07)),
    rgba(255, 255, 255, .02);
}

.service-card:nth-child(odd):hover,
.service-card:nth-child(odd):focus-visible {
  border-color: rgba(53, 168, 224, .32);
  background: rgba(27, 117, 187, .05);
}

.service-card:nth-child(even):hover,
.service-card:nth-child(even):focus-visible {
  border-color: rgba(141, 198, 63, .3);
  background: rgba(141, 198, 63, .045);
}

.service-type {
  color: var(--brand-green-light);
}

.service-card:nth-child(odd) .service-type,
.service-card:nth-child(odd) .service-link b {
  color: var(--blue-light);
}

.service-card:nth-child(even) .service-type,
.service-card:nth-child(even) .service-link b {
  color: var(--brand-green-light);
}

.board-row:nth-child(even) .board-code {
  border-color: rgba(27, 117, 187, .27);
  color: var(--blue);
}

.board-row:nth-child(odd) .board-code {
  border-color: rgba(141, 198, 63, .34);
  color: #6d9e2d;
}

.board-status {
  border-color: rgba(27, 117, 187, .18);
  background: linear-gradient(90deg, rgba(27, 117, 187, .06), rgba(141, 198, 63, .05));
  color: var(--blue);
}

.contact-panel {
  border-color: rgba(53, 168, 224, .34);
  background:
    radial-gradient(circle at 86% 24%, rgba(27, 117, 187, .2), transparent 30%),
    linear-gradient(130deg, rgba(141, 198, 63, .18), transparent 43%),
    linear-gradient(300deg, rgba(53, 168, 224, .13), transparent 42%),
    #0b2a23;
}

.contact-content .kicker {
  color: var(--brand-green-light);
}

.button--light {
  background: linear-gradient(110deg, #fff, #e9f5ff 52%, #eff8e4);
  box-shadow: 0 16px 40px rgba(27, 117, 187, .16);
}

.contact-phone strong {
  background: linear-gradient(90deg, var(--blue-light), var(--brand-green-light));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.contact-phone:hover strong,
.contact-phone:focus-visible strong {
  background: linear-gradient(90deg, var(--brand-green-light), var(--blue-light));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.contact-stamp {
  border-color: rgba(53, 168, 224, .48);
}

.contact-stamp::before {
  border-color: rgba(141, 198, 63, .42);
}

.contact-stamp strong {
  background: linear-gradient(90deg, var(--blue-light), var(--brand-green-light));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@keyframes livePulse {
  0%, 100% { opacity: .55; transform: scale(.9); }
  50% { opacity: 1; transform: scale(1.08); }
}

@keyframes scan {
  0% { transform: translateY(0); opacity: 0; }
  12%, 85% { opacity: .7; }
  100% { transform: translateY(500px); opacity: 0; }
}

@keyframes platter {
  to { transform: rotate(360deg); }
}

@keyframes driveArm {
  to { transform: rotate(-13deg); }
}

@keyframes driveFeed {
  0%, 14% { transform: perspective(430px) rotateY(10deg) rotateX(5deg) translateX(0) scale(1); opacity: 1; }
  52% { transform: perspective(430px) rotateY(10deg) rotateX(5deg) translateX(155px) scale(.78); opacity: 1; }
  63%, 78% { transform: perspective(430px) rotateY(10deg) rotateX(5deg) translateX(245px) scale(.25); opacity: 0; }
  79% { transform: perspective(430px) rotateY(10deg) rotateX(5deg) translateX(0) scale(1); opacity: 0; }
  92%, 100% { opacity: 1; }
}

@keyframes blades {
  to { transform: rotate(360deg); }
}

@keyframes fragments {
  0%, 12% { opacity: 0; transform: translateY(-20px) rotate(0); }
  20% { opacity: .9; }
  100% { opacity: 0; transform: translateY(105px) rotate(310deg); }
}

@keyframes bars {
  to { transform: scaleY(.35); opacity: .45; }
}

@media (max-width: 1120px) {
  .header-inner {
    gap: 18px;
  }

  .brand {
    width: 220px;
    min-width: 220px;
  }

  .brand img {
    width: 202px;
  }

  .main-nav {
    gap: 12px;
    font-size: 13px;
  }

  .nav-cta {
    padding-inline: 14px;
  }

  .hero-grid {
    grid-template-columns: .9fr 1.1fr;
    gap: 36px;
  }

  .visual-frame {
    min-height: 550px;
  }

  .drive-track {
    left: 20px;
    transform: scale(.85);
    transform-origin: left center;
  }

  .shredder {
    right: 18px;
    transform: scale(.88);
    transform-origin: right top;
  }

  .fragments {
    right: 38px;
  }

  .proof-grid {
    grid-template-columns: 1.2fr repeat(4, 1fr);
  }

  .proof-grid > * {
    padding-inline: 12px;
  }

  .proof-mark {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }
}

@media (max-width: 1240px) and (min-width: 961px) {
  .trust-location,
  .trust-hours,
  .trust-payment,
  .trust-ebay,
  .trust-phone span {
    display: none;
  }

  .header-inner {
    min-height: 88px;
  }

  .brand {
    width: 218px;
    min-width: 218px;
    height: 70px;
    transform: translateY(-5px);
  }

  .brand img { width: 196px; }

  .menu-toggle {
    display: block;
    cursor: pointer;
  }

  .menu-toggle[aria-expanded="true"] > span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] > span:nth-child(2) { opacity: 0; }
  .menu-toggle[aria-expanded="true"] > span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

  .main-nav {
    position: absolute;
    inset: calc(100% + 1px) 0 auto;
    display: grid;
    gap: 5px;
    padding: 22px 24px 28px;
    border-bottom: 1px solid var(--line);
    background: rgba(4, 16, 13, .98);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .35);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
  }

  .main-nav.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .main-nav > a:not(.nav-cta) { padding: 11px 0; }
  .main-nav .nav-mobile-payment,
  .main-nav .nav-mobile-ebay { display: block; color: var(--blue-light); }
  .nav-cta { margin-top: 8px; }
}

@media (max-width: 960px) {
  .trust-bar__inner {
    min-height: 42px;
    justify-content: space-between;
    gap: 12px;
  }

  .trust-bar__links {
    display: flex;
  }

  .trust-location,
  .trust-hours,
  .trust-payment,
  .trust-ebay,
  .trust-phone span {
    display: none;
  }

  .trust-phone strong {
    font-size: 14px;
  }

  .header-inner {
    min-height: 88px;
  }

  .brand {
    width: 218px;
    min-width: 218px;
    height: 70px;
    transform: translateY(-5px);
  }

  .brand img {
    width: 196px;
    top: 52%;
    height: auto;
  }

  .menu-toggle {
    display: block;
    cursor: pointer;
  }

  .menu-toggle[aria-expanded="true"] > span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }

  .menu-toggle[aria-expanded="true"] > span:nth-child(2) {
    opacity: 0;
  }

  .menu-toggle[aria-expanded="true"] > span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }

  .main-nav {
    position: absolute;
    inset: calc(100% + 1px) 0 auto;
    padding: 22px 24px 28px;
    display: grid;
    gap: 5px;
    border-bottom: 1px solid var(--line);
    background: rgba(4, 16, 13, .98);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .35);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
  }

  .main-nav.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .main-nav > a:not(.nav-cta) {
    padding: 11px 0;
  }

  .main-nav .nav-mobile-payment {
    display: block;
    color: var(--blue-light);
  }

  .main-nav .nav-mobile-ebay {
    display: block;
    color: #d9ff9b;
  }

  .nav-cta {
    margin-top: 8px;
  }

  .hero {
    padding-top: 80px;
  }

  .hero-grid {
    grid-template-columns: 1fr;
  }

  .hero-copy {
    max-width: 710px;
  }

  .hero h1 {
    font-size: var(--hero-fit-size, clamp(68px, 13vw, 104px));
  }

  .hero-visual {
    max-width: 660px;
    width: 100%;
    margin: 35px auto 0;
  }

  .visual-frame {
    min-height: 620px;
  }

  .drive-track {
    left: 38px;
    transform: none;
  }

  .shredder {
    right: 30px;
    transform: none;
  }

  .fragments {
    right: 64px;
  }

  .proof-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .proof-intro {
    grid-column: 1 / -1;
    min-height: 110px;
    padding-left: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .065);
  }

  .proof-grid > *:nth-child(4) {
    border-left: 0;
  }

  .section-heading--split {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 28px;
  }

  .section-heading--split p {
    max-width: 680px;
  }

  .risk-layout {
    grid-template-columns: 1fr 1fr;
  }

  .risk-card--check {
    grid-column: 1 / -1;
    min-height: 390px;
  }

  .risk-card--check ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 30px;
  }

  .process-line {
    display: none;
  }

  .process-steps {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .process-step {
    padding: 35px 30px;
    border: 1px solid rgba(255, 255, 255, .065);
    border-radius: 14px;
    background: rgba(255, 255, 255, .018);
  }

  .process-step + .process-step {
    border-left: 1px solid rgba(255, 255, 255, .065);
  }

  .process-step:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .step-number {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .media-lab__layout,
  .certification-layout {
    grid-template-columns: 1fr;
  }

  .media-copy {
    max-width: 700px;
  }

  .media-tabs {
    grid-template-columns: 1fr 1fr;
  }

  .contact-panel {
    grid-template-columns: 1fr;
  }

  .contact-stamp {
    display: none;
  }

  .footer-top {
    grid-template-columns: 1.8fr repeat(3, 1fr);
    gap: 35px;
  }
}

@media (max-width: 720px) {
  .shell {
    width: min(calc(100% - 30px), var(--shell));
  }

  .hero {
    min-height: auto;
    padding-top: 65px;
  }

  .hero h1 {
    margin-top: 22px;
    font-size: var(--hero-fit-size, clamp(57px, 18vw, 84px));
  }

  .hero-lead {
    font-size: 16px;
  }

  .hero-actions {
    display: grid;
  }

  .button {
    width: 100%;
  }

  .hero-assurances {
    gap: 12px;
  }

  .hero-assurances > div {
    display: grid;
    gap: 5px;
  }

  .hero-assurances > div + div {
    padding-left: 12px;
  }

  .hero-visual {
    margin-top: 18px;
  }

  .visual-frame {
    min-height: 520px;
  }

  .drive-track {
    left: 14px;
    top: 125px;
    transform: scale(.68);
    transform-origin: left center;
  }

  .shredder {
    top: 110px;
    right: 9px;
    transform: scale(.68);
    transform-origin: right top;
  }

  .fragments {
    top: 300px;
    right: 23px;
    transform: scale(.72);
    transform-origin: top right;
  }

  .security-readout {
    left: 14px;
    right: 14px;
    bottom: 15px;
    min-height: 78px;
    padding: 12px;
    gap: 10px;
  }

  .readout-icon {
    width: 38px;
    height: 38px;
  }

  .security-readout strong {
    font-size: 16px;
  }

  .hero-bottom {
    grid-template-columns: 1fr auto;
  }

  .hero-bottom > div {
    display: none;
  }

  .hero-bottom > span {
    display: none;
  }

  .hero-bottom a {
    grid-column: 2;
  }

  .proof-grid {
    grid-template-columns: 1fr;
  }

  .proof-grid > * {
    min-height: 92px;
    border-left: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
  }

  .proof-intro {
    min-height: 120px;
  }

  .section {
    padding-block: 90px;
  }

  .section-heading h2,
  .certification-copy h2,
  .media-copy h2,
  .contact-content h2 {
    font-size: clamp(38px, 12vw, 54px);
  }

  .risk-layout {
    grid-template-columns: 1fr;
  }

  .risk-card--check {
    grid-column: auto;
  }

  .risk-card--check ul {
    grid-template-columns: 1fr;
  }

  .process-steps {
    grid-template-columns: 1fr;
  }

  .process-step {
    padding-inline: 24px;
  }

  .process-step:last-child:nth-child(odd) {
    grid-column: auto;
  }

  .media-tabs {
    grid-template-columns: 1fr;
  }

  .console-body {
    grid-template-columns: 1fr;
    padding: 30px 22px;
  }

  .media-object {
    width: 180px;
  }

  .services-grid {
    grid-template-columns: 1fr;
  }

  .service-card {
    min-height: 330px;
    grid-template-columns: auto 1fr;
    gap: 24px;
  }

  .board-row {
    grid-template-columns: 47px 1fr;
    gap: 13px;
  }

  .board-code {
    width: 42px;
    height: 42px;
  }

  .board-status {
    grid-column: 2;
    justify-self: start;
  }

  .contact-panel {
    min-height: 540px;
    padding: 37px 24px;
  }

  .contact-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .contact-phone {
    justify-items: center;
  }

  .footer-top {
    grid-template-columns: 1fr 1fr;
  }

  .footer-brand {
    grid-column: 1 / -1;
  }

  .footer-bottom {
    padding: 24px 0;
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 430px) {
  .facility-status {
    gap: 7px;
  }

  .facility-status strong {
    font-size: 8.5px;
    letter-spacing: .06em;
  }

  .trust-phone strong {
    font-size: 12px;
  }

  .brand {
    width: 190px;
    min-width: 190px;
    height: 66px;
    transform: translateY(-4px);
  }

  .visual-topline span:last-child {
    display: none;
  }

  .brand img {
    width: 172px;
    top: 52%;
    height: auto;
  }

  .hero-assurances span {
    font-size: 9px;
  }

  .visual-frame {
    min-height: 475px;
  }

  .drive-track {
    left: 8px;
    top: 110px;
    transform: scale(.55);
  }

  .shredder {
    top: 103px;
    transform: scale(.56);
  }

  .fragments {
    top: 262px;
    right: 12px;
    transform: scale(.58);
  }

  .readout-bars {
    display: none;
  }

  .security-readout {
    grid-template-columns: auto 1fr;
  }

  .footer-top {
    grid-template-columns: 1fr;
  }

  .footer-brand {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }

  .reveal {
    opacity: 1;
    transform: none;
  }
}

/* Footer logo without the decorative halo. */
.footer-logo::before{display:none!important}
.footer-logo img{filter:none!important}

/* Readable shared footer. */
.footer-bottom{font-size:12px;color:#a0b8ac;line-height:1.7;padding-block:18px}
.footer-bottom eg-home-text{font-size:12px!important;line-height:1.7!important;color:inherit!important}
.footer-bottom a{color:#c5d9ce;padding-block:8px}

/* Discreet website authorship. */
.site-footer .site-author{padding-top:0;padding-bottom:18px;font:400 11px/1.6 Arial,Helvetica,sans-serif;color:#8fa59a;text-align:left;letter-spacing:0;text-transform:none}.site-author a{color:inherit;text-decoration:none;font-weight:400}.site-author a:hover,.site-author a:focus-visible{color:#eef5f0;text-decoration:underline;text-underline-offset:3px}

/* Credit aligned below Back to top. */
.site-footer .site-author,.pk-footer .site-author{text-align:right;padding-top:0;padding-bottom:18px}@media(max-width:760px){.site-footer .site-author,.pk-footer .site-author{text-align:center}}

.footer-brand .footer-affiliate{margin-top:26px;padding-top:20px;border-top:1px solid #adc5b51c;max-width:280px}.footer-brand .footer-affiliate>span{display:block;font:700 10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#9ab5a6;margin-bottom:12px}.footer-brand .footer-affiliate a{display:inline-grid;gap:10px;text-decoration:none;color:#a9c2b5}.footer-brand .footer-affiliate img{display:block;width:132px;height:auto;filter:none;box-shadow:none}.footer-brand .footer-affiliate b{font:500 12px/1.5 Arial,Helvetica,sans-serif}.footer-brand .footer-affiliate a:hover b{text-decoration:underline;color:#d5e9de}.footer-brand .footer-affiliate a:focus-visible{outline:2px solid #a5d639;outline-offset:5px}

/* Standalone affiliate column, consistent with PK Metals. */
.site-footer .footer-top{grid-template-columns:minmax(260px,1.65fr) repeat(3,minmax(115px,.8fr)) minmax(170px,1fr);gap:30px;align-items:start}
.site-footer .footer-affiliate-column{min-width:0;gap:12px}.site-footer .footer-affiliate-column>strong{white-space:normal}.site-footer .footer-affiliate-column .footer-affiliate-logo{display:block;margin:2px 0}.site-footer .footer-affiliate-logo img{display:block;width:150px;max-width:100%;height:auto;filter:none;box-shadow:none}.site-footer .footer-affiliate-column>p{margin:0;font-size:12px;line-height:1.8;color:#8fa99b;max-width:210px}.site-footer .footer-affiliate-column>a:last-child{font-size:12px}
@media(max-width:1100px){.site-footer .footer-top{grid-template-columns:minmax(230px,1.5fr) repeat(2,minmax(140px,1fr));gap:35px}.site-footer .footer-brand{grid-column:auto}}
@media(max-width:700px){.site-footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.site-footer .footer-brand{grid-column:1 / -1}.site-footer .footer-affiliate-column{grid-column:auto}}
@media(max-width:380px){.site-footer .footer-top{grid-template-columns:1fr}.site-footer .footer-brand{grid-column:auto}}