/* styles.css */
/* ============================================================
   EcoVerse Solutions — shared stylesheet
   Design system: three material streams, one visual code.
   Metals = copper · E-waste = slate · Battery = volt
   ============================================================ */

:root {
  --bg: #F2EFE9;
  --surface: #FFFFFF;
  --surface-2: #EAE6DC;
  --text: #17191A;
  --text-muted: #5B5751;
  --border: #DAD4C8;

  --copper: #A85A28;
  --copper-tint: #F3E1CE;
  --slate: #3E4C63;
  --slate-tint: #E1E6EC;
  --volt: #1F8F73;
  --volt-tint: #D9EFE8;

  --ink-on-accent: #FBF9F5;
  --shadow: 0 1px 2px rgba(23,25,26,0.06), 0 8px 24px rgba(23,25,26,0.05);
  --radius-s: 4px;
  --radius-m: 8px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #15171A;
    --surface: #1D2023;
    --surface-2: #24282B;
    --text: #F2EFE9;
    --text-muted: #A8A39B;
    --border: #34383C;

    --copper: #DE9557;
    --copper-tint: rgba(222,149,87,0.14);
    --slate: #8AA0BC;
    --slate-tint: rgba(138,160,188,0.14);
    --volt: #45C79E;
    --volt-tint: rgba(69,199,158,0.14);

    --ink-on-accent: #11130F;
    --shadow: 0 1px 2px rgba(0,0,0,0.3), 0 8px 24px rgba(0,0,0,0.35);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #15171A;
  --surface: #1D2023;
  --surface-2: #24282B;
  --text: #F2EFE9;
  --text-muted: #A8A39B;
  --border: #34383C;

  --copper: #DE9557;
  --copper-tint: rgba(222,149,87,0.14);
  --slate: #8AA0BC;
  --slate-tint: rgba(138,160,188,0.14);
  --volt: #45C79E;
  --volt-tint: rgba(69,199,158,0.14);

  --ink-on-accent: #11130F;
  --shadow: 0 1px 2px rgba(0,0,0,0.3), 0 8px 24px rgba(0,0,0,0.35);
  color-scheme: dark;
}

* { box-sizing: border-box; }

html, body {
  background: var(--bg);
  color: var(--text);
}

body {
  font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  line-height: 1.55;
  padding-inline: 0;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  font-family: "Big Shoulders Display", "Arial Narrow", sans-serif;
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: 0.2px;
  text-wrap: balance;
  margin: 0;
  color: var(--text);
}

p { margin: 0; color: var(--text); }

a { color: inherit; }

.mono {
  font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}

.wrap {
  max-width: 1180px;
  margin-inline: auto;
  padding-inline: max(20px, env(safe-area-inset-left, 0px));
}

/* ---------------- utility bar + nav ---------------- */

.utility-bar {
  background: var(--surface-2);
  border-bottom: 1px solid var(--border);
  padding-top: env(safe-area-inset-top, 0px);
}
.utility-bar .wrap {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-block: 7px;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  flex-wrap: wrap;
}
.utility-bar a { text-decoration: none; }
.utility-bar a:hover { color: var(--text); }

header.site {
  position: sticky;
  top: env(safe-area-inset-top, 0px);
  z-index: 40;
  background: var(--bg);
  border-bottom: 1px solid var(--border);
}
header.site .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 14px;
  gap: 20px;
}
.wordmark {
  display: flex;
  align-items: baseline;
  gap: 8px;
  text-decoration: none;
  flex-shrink: 0;
}
.wordmark .mark {
  font-family: "Big Shoulders Display", sans-serif;
  font-weight: 800;
  font-size: 26px;
  letter-spacing: 0.5px;
  color: var(--text);
}
.wordmark .mark span { color: var(--volt); }
.wordmark .sub {
  font-family: "IBM Plex Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  color: var(--text-muted);
  text-transform: uppercase;
  white-space: nowrap;
}

nav.primary {
  display: flex;
  align-items: center;
  gap: 28px;
}
nav.primary a {
  text-decoration: none;
  font-size: 14.5px;
  font-weight: 500;
  color: var(--text-muted);
  padding-block: 4px;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}
nav.primary a:hover,
nav.primary a[aria-current="page"] {
  color: var(--text);
  border-bottom-color: var(--volt);
}
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: var(--radius-s);
  font-size: 14.5px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
}
.btn-primary {
  background: var(--text);
  color: var(--bg);
}
.btn-primary:hover { opacity: 0.85; }
.btn-ghost {
  background: transparent;
  border-color: var(--border);
  color: var(--text);
}
.btn-ghost:hover { border-color: var(--text); }

.nav-toggle {
  display: none;
  background: none;
  border: 1px solid var(--border);
  border-radius: var(--radius-s);
  padding: 8px 10px;
  cursor: pointer;
  color: var(--text);
}

/* ---------------- hero ---------------- */

.hero {
  padding-block: 56px 48px;
  position: relative;
  overflow: hidden;
}
.hero .wrap { position: relative; z-index: 1; }
.hero-art {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 420px;
  max-width: 40vw;
  z-index: 0;
}
@media (max-width: 980px) {
  .hero-art { display: none; }
}
.hero .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 18px;
}
.hero .eyebrow::before {
  content: "";
  width: 8px; height: 8px;
  background: var(--volt);
  border-radius: 50%;
  display: inline-block;
}
.hero h1 {
  font-size: clamp(38px, 6vw, 68px);
  max-width: 16ch;
}
.hero .lede {
  margin-top: 22px;
  font-size: 18px;
  color: var(--text-muted);
  max-width: 60ch;
}
.hero .cta-row {
  margin-top: 30px;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.page-header {
  padding-block: 44px 36px;
  border-bottom: 1px solid var(--border);
  position: relative;
  overflow: hidden;
}
.page-header .wrap { position: relative; z-index: 1; }
.bg-pattern {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  color: var(--border);
  z-index: 0;
}

.section-watermark {
  position: absolute;
  top: 50%;
  right: 6%;
  transform: translateY(-50%);
  width: 180px;
  height: 180px;
  opacity: 0.07;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 720px) {
  .section-watermark { display: none; }
}
.page-header .eyebrow {
  font-family: "IBM Plex Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 14px;
  display: block;
}
.page-header h1 { font-size: clamp(32px, 5vw, 50px); max-width: 20ch; }
.page-header .lede {
  margin-top: 16px;
  font-size: 17px;
  color: var(--text-muted);
  max-width: 62ch;
}

/* ---------------- stat strip ---------------- */

.stat-strip {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: var(--surface-2);
}
.stat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--border);
}
.stat-cell {
  background: var(--surface-2);
  padding: 22px 20px;
}
.stat-cell .num {
  font-family: "IBM Plex Mono", monospace;
  font-variant-numeric: tabular-nums;
  font-size: 28px;
  font-weight: 500;
  color: var(--text);
}
.stat-cell .label {
  margin-top: 4px;
  font-size: 13px;
  color: var(--text-muted);
}

/* ---------------- sections ---------------- */

section { padding-block: 64px; }
.section-head { max-width: 62ch; margin-bottom: 36px; }
.section-head .kicker {
  font-family: "IBM Plex Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted);
  display: block;
  margin-bottom: 10px;
}
.section-head h2 { font-size: clamp(26px, 4vw, 38px); }
.section-head p { margin-top: 14px; color: var(--text-muted); font-size: 16px; }

/* ---------------- stream cards (the color code) ---------------- */

.streams {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.stream-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-m);
  padding: 26px 24px 24px;
  box-shadow: var(--shadow);
  position: relative;
  overflow: hidden;
}
.stream-card::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 5px;
  background: var(--accent, var(--volt));
}
.stream-card.copper { --accent: var(--copper); }
.stream-card.slate { --accent: var(--slate); }
.stream-card.volt { --accent: var(--volt); }

.stream-tag {
  font-family: "IBM Plex Mono", monospace;
  font-size: 11.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent, var(--volt));
  display: inline-block;
  margin-bottom: 14px;
  font-weight: 500;
}
.stream-card h3 {
  font-size: 23px;
  margin-bottom: 10px;
}
.stream-card .materials {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.chip {
  font-family: "IBM Plex Mono", monospace;
  font-size: 11.5px;
  padding: 4px 9px;
  border-radius: 999px;
  background: var(--accent-tint, var(--surface-2));
  color: var(--text);
  border: 1px solid var(--border);
}
.stream-card.copper .chip { background: var(--copper-tint); }
.stream-card.slate .chip { background: var(--slate-tint); }
.stream-card.volt .chip { background: var(--volt-tint); }

.stream-card p.desc { color: var(--text-muted); font-size: 15px; margin-top: 12px; }
.stream-card .link {
  margin-top: 18px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid var(--accent, var(--volt));
}

/* ---------------- feature grid (material recovery mgmt) ---------------- */

.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  border-radius: var(--radius-m);
  overflow: hidden;
}
.feature {
  background: var(--surface);
  padding: 26px 22px;
}
.feature .icon {
  width: 34px; height: 34px;
  color: var(--volt);
  margin-bottom: 14px;
}
.feature h3 { font-size: 17px; font-family: "IBM Plex Sans", sans-serif; font-weight: 600; margin-bottom: 8px; }
.feature p { color: var(--text-muted); font-size: 14.5px; }

/* ---------------- two column / about blocks ---------------- */

.split {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 48px;
  align-items: start;
}
.callout {
  background: var(--surface);
  border: 1px solid var(--border);
  border-left: 4px solid var(--volt);
  border-radius: var(--radius-s);
  padding: 22px 22px;
  font-size: 15.5px;
}
.callout .kicker {
  font-family: "IBM Plex Mono", monospace;
  font-size: 11px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--text-muted);
  display: block;
  margin-bottom: 8px;
}

.timeline { border-left: 2px solid var(--border); padding-left: 22px; display: flex; flex-direction: column; gap: 26px; }
.timeline .row .tag {
  font-family: "IBM Plex Mono", monospace;
  font-size: 11.5px;
  color: var(--text-muted);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.timeline .row h4 { font-size: 17px; font-family: "IBM Plex Sans", sans-serif; font-weight: 600; margin-top: 4px; }
.timeline .row p { color: var(--text-muted); font-size: 14.5px; margin-top: 6px; }

/* ---------------- compliance badges ---------------- */

.badges { display: flex; flex-wrap: wrap; gap: 12px; }
.badge {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-m);
  padding: 12px 16px;
  font-size: 13.5px;
  font-weight: 500;
}
.badge .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--volt); flex-shrink: 0; }

/* ---------------- segments (who we serve) ---------------- */

.segments {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.segment {
  border: 1px solid var(--border);
  border-radius: var(--radius-m);
  padding: 22px;
  background: var(--surface);
}
.segment .idx {
  font-family: "IBM Plex Mono", monospace;
  color: var(--text-muted);
  font-size: 12px;
}
.segment h3 { font-size: 18px; font-family: "IBM Plex Sans", sans-serif; font-weight: 600; margin-top: 8px; }
.segment p { color: var(--text-muted); font-size: 14.5px; margin-top: 8px; }

/* ---------------- CTA band ---------------- */

.cta-band {
  background: var(--text);
  color: var(--bg);
  border-radius: var(--radius-m);
  padding: 42px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
}
.cta-band h2 { color: var(--bg); font-size: clamp(24px, 3.4vw, 32px); max-width: 22ch; }
.cta-band .btn-primary { background: var(--volt); color: var(--ink-on-accent); }
.cta-band .btn-ghost { border-color: rgba(242,239,233,0.35); color: var(--bg); }

/* ---------------- contact page ---------------- */

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
}
.info-card {
  border: 1px solid var(--border);
  border-radius: var(--radius-m);
  background: var(--surface);
  padding: 26px;
}
.info-row { display: flex; gap: 14px; padding-block: 12px; border-bottom: 1px solid var(--border); }
.info-row:last-child { border-bottom: none; }
.info-row .k { font-family: "IBM Plex Mono", monospace; font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted); width: 90px; flex-shrink: 0; padding-top: 2px; }
.info-row .v { font-size: 15px; }
.info-row a { text-decoration: none; border-bottom: 1px solid var(--border); }

form.contact-form { display: flex; flex-direction: column; gap: 16px; }
.field { display: flex; flex-direction: column; gap: 6px; }
.field label { font-size: 13px; font-weight: 600; color: var(--text-muted); }
.field input, .field select, .field textarea {
  font-family: inherit;
  font-size: 15px;
  padding: 11px 12px;
  border-radius: var(--radius-s);
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
}
.field input:focus, .field select:focus, .field textarea:focus {
  outline: 2px solid var(--volt);
  outline-offset: 1px;
}
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-note { font-size: 13px; color: var(--text-muted); }
.confirm {
  display: none;
  border: 1px solid var(--volt);
  background: var(--volt-tint);
  border-radius: var(--radius-m);
  padding: 18px 20px;
  font-size: 14.5px;
}
.confirm.show { display: block; }

/* ---------------- footer ---------------- */

footer.site {
  border-top: 1px solid var(--border);
  margin-top: 40px;
  padding-block: 40px calc(30px + env(safe-area-inset-bottom, 0px));
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 30px;
}
.footer-grid h4 {
  font-family: "IBM Plex Mono", monospace;
  font-size: 11.5px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
  font-weight: 500;
  margin-bottom: 14px;
}
.footer-grid a {
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: var(--text-muted);
  margin-bottom: 9px;
}
.footer-grid a:hover { color: var(--text); }
.footer-bottom {
  margin-top: 36px;
  padding-top: 20px;
  border-top: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 12.5px;
  color: var(--text-muted);
}

/* ---------------- responsive ---------------- */

@media (max-width: 860px) {
  .streams, .feature-grid, .segments { grid-template-columns: 1fr; }
  .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .split, .contact-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
  nav.primary { display: none; }
  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; }
  header.site.open nav.primary {
    display: flex;
    position: absolute;
    top: 100%; left: 0; right: 0;
    background: var(--bg);
    border-bottom: 1px solid var(--border);
    flex-direction: column;
    align-items: stretch;
    padding: 12px 20px 20px;
    gap: 4px;
  }
  header.site.open nav.primary a { padding-block: 10px; border-bottom: 1px solid var(--border); }
  .cta-band { flex-direction: column; align-items: flex-start; }
  .field-row { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: no-preference) {
  .stream-card, .segment, .feature { transition: transform 0.15s ease; }
}


/* home-design.css */
:root[data-theme="light"]{--bg:#f7f8f2;--surface:#fff;--surface-2:#eef1e7;--text:#173f32;--text-muted:#53675e;--border:#d8e0d5;--volt:#23744f;--volt-tint:#e5edda;--ink-on-accent:#fff}
html{scroll-behavior:smooth}body{font-size:16px}h1,h2,h3{font-family:"IBM Plex Sans",Arial,sans-serif;letter-spacing:-.045em;line-height:1.1}.wrap{max-width:1320px;padding-inline:48px}.mono{font-family:"IBM Plex Sans",sans-serif}.utility-bar{background:#163e31}.utility-bar .wrap{color:#d4dfd6;font-size:10px;letter-spacing:.07em;padding-block:9px}header.site{background:#f7f8f2f5;backdrop-filter:blur(12px)}header.site .wrap{padding-block:22px}.wordmark{align-items:center;gap:12px}.wordmark .mark{font-family:Arial,sans-serif;font-size:25px;letter-spacing:-2px}.wordmark .sub{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.04em}nav.primary{gap:24px}nav.primary a{font-size:12px}.btn,nav.primary .btn{padding:14px 22px;border-radius:999px;font-size:13px}.btn-primary,nav.primary .btn-primary{background:#174d37;color:white;border-bottom-color:transparent}.btn-ghost{border-color:#9bab99}.btn svg{width:16px;height:16px}.hero{padding:62px 0 66px}.hero>.wrap{display:grid;grid-template-columns:1.12fr 1fr;gap:52px;align-items:center}.hero h1{font-size:clamp(38px,4vw,59px);max-width:19ch;font-weight:500}.hero .eyebrow{font-family:inherit;color:#32614c;font-size:10px;letter-spacing:.15em;font-weight:600;margin-bottom:24px}.hero .lede{font-size:14px;line-height:1.85;margin-top:26px;max-width:62ch}.hero .cta-row{margin-top:28px}.hero-photo{position:relative;height:590px;border-radius:180px 180px 14px 14px;overflow:hidden;background:#dde5d4}.hero-photo img{height:100%;width:100%;object-fit:cover}.photo-lines{position:absolute;inset:18px;border:1px solid #ffffff80;border-radius:170px 170px 8px 8px;pointer-events:none}.stat-strip{background:#eaf0df;border:0}.stat-grid{background:transparent;gap:0}.stat-cell{background:none;padding:34px 30px 38px;position:relative;border-right:1px solid #cbd7c1}.stat-cell:first-child{padding-left:0}.stat-cell:last-child{border:0}.stat-cell .num{font-family:inherit;font-size:70px;font-weight:400;line-height:1.2;letter-spacing:-.06em;color:#21533c}.stat-cell .label{max-width:18ch;font-size:12px;line-height:1.6}.stat-cell:after{content:"";display:block;width:32px;height:3px;background:#7a994e;margin-top:18px}section{padding-block:90px}.section-head{max-width:76ch;margin-bottom:42px}.section-head .kicker,.callout .kicker{font-family:inherit;font-size:10px;letter-spacing:.17em;font-weight:600;color:#467055;margin-bottom:16px}.section-head h2{font-size:clamp(30px,3.2vw,43px);font-weight:500;max-width:24ch}.section-head p{font-size:14px;line-height:1.85;max-width:74ch;margin-top:20px}#streams .section-head{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;max-width:none}#streams .section-head .kicker{grid-column:1/-1}#streams .section-head p{margin-top:0}.streams{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border)}.stream-card{display:grid;grid-template-columns:110px 1fr;padding:34px 0;gap:32px;background:none;border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;overflow:visible}.stream-card:before{display:none}.stream-icon{width:88px;height:88px;border-radius:50%;background:#e6ebdf;display:grid;place-items:center;color:var(--accent)}.stream-icon svg{width:37px;height:37px}.stream-card.volt .stream-icon{background:#214e39;color:#d5e8b4}.stream-body{display:grid;grid-template-columns: .9fr 1.3fr;column-gap:52px}.stream-tag{font-family:inherit;font-size:10px;letter-spacing:.1em;margin-bottom:10px;grid-column:1}.stream-card h3{font-size:28px;font-weight:500;grid-column:1}.stream-card p.desc{grid-column:2;grid-row:1/4;font-size:14px;line-height:1.85;margin:0}.stream-card .materials{grid-column:2;margin-top:18px;gap:6px}.chip{font-family:inherit;background:transparent!important;border:0;border-radius:0;border-left:2px solid #b3c4ac;padding:0 9px;font-size:11px;margin-bottom:6px}.stream-card .link{grid-column:1;grid-row:4;font-size:12px;justify-self:start;align-self:end;margin-top:22px;border-bottom:1px solid var(--accent);padding-bottom:5px}.split{grid-template-columns:1.2fr .8fr;gap:90px}.split p{font-size:14px!important;line-height:1.9}.callout{border:0;border-radius:160px 160px 12px 12px;background:#e8edde;padding:35px 38px 40px;font-size:14px;line-height:1.85}.circular-art{display:block;width:190px;height:190px;margin:0 auto 26px}.callout .kicker{font-size:10px}main>section:nth-of-type(4){background:#163e31!important;border:0!important;--text:#f4f7eb;--text-muted:#cfdbd0;--border:#486051;--volt:#b5ce85}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #486051}.badge{background:none;border:0;border-bottom:1px solid #486051;border-radius:0;padding:22px 10px 22px 0;color:#e5eddf;font-size:12px}.badge .dot{background:#b5ce85;width:6px;height:6px}main>section:nth-of-type(4) .kicker{color:#b5ce85}.segments{gap:36px}.segment{border:0;border-top:1px solid #9cab97;border-radius:0;padding:25px 0;background:none}.segment .idx{font-size:12px;color:#598161}.segment h3{font-size:21px;line-height:1.35;margin-top:20px}.segment p{font-size:14px;line-height:1.8;margin-top:16px}.cta-band{background:#e7eedb;padding:55px;border-radius:12px;color:#173f32}.cta-band h2{color:#173f32;font-size:37px;font-weight:500}.cta-band p{color:#53675e!important;opacity:1!important;font-size:14px!important;line-height:1.85}.cta-band .btn-primary{background:#174d37;color:white}.cta-band .btn-ghost{color:#173f32;border-color:#93a387}.cta-band .cta-row{display:flex;gap:12px;flex-wrap:wrap}footer.site{margin-top:0;background:#eff2e8;padding-block:60px 30px}.footer-grid{grid-template-columns:1.5fr .7fr 1fr;gap:70px}.footer-grid p{font-size:13px!important;line-height:1.85}.footer-grid h4{font-family:inherit;letter-spacing:.07em;color:#254a38}.footer-grid a{font-size:13px}.footer-bottom{font-size:11px}a:focus-visible,button:focus-visible{outline:3px solid #5a8d43;outline-offset:5px}a:hover{color:#488153}.hero-photo img{animation:photo-in 1s ease-out both}@keyframes photo-in{from{transform:scale(1.04);opacity:.7}to{transform:scale(1);opacity:1}}
@media(max-width:1100px){.wrap{padding-inline:30px}.hero>.wrap{gap:30px}.hero-photo{height:600px}nav.primary{gap:14px}.wordmark .sub{display:none}.stream-body{column-gap:25px}.split{gap:40px}}
@media(max-width:760px){.wrap{padding-inline:22px}.utility-bar .wrap{font-size:9px;gap:5px}.hero{padding:35px 0 40px}.hero>.wrap{grid-template-columns:1fr;gap:32px}.hero h1{font-size:40px;max-width:22ch}.hero-photo{height:330px;border-radius:150px 150px 12px 12px}.hero .lede{font-size:14px}.wordmark .sub{display:block}.stat-cell{padding:22px 15px}.stat-cell:nth-child(3){padding-left:0}.stat-cell:nth-child(2){border:0}.stat-cell .num{font-size:54px}section{padding-block:55px}#streams .section-head{display:block}#streams .section-head p{margin-top:20px}.stream-card{grid-template-columns:46px 1fr;gap:16px;padding-block:28px}.stream-icon{width:44px;height:44px}.stream-icon svg{width:25px;height:25px}.stream-body{display:flex;flex-direction:column}.stream-card h3{font-size:26px;margin-bottom:16px}.stream-card p.desc{font-size:13px}.stream-card .materials{margin-top:18px}.stream-card .link{align-self:flex-start}.split{grid-template-columns:1fr}.callout{border-radius:100px 100px 12px 12px}.badges{grid-template-columns:1fr}.segments{grid-template-columns:1fr;gap:16px}.segment h3{margin-top:12px}.cta-band{padding:28px}.cta-band h2{font-size:30px}.footer-grid{grid-template-columns:1fr;gap:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* home-v2.css */
/* Image-led editorial homepage, second design study. */
.hero{padding:0;isolation:isolate;background:#143b2d}.hero>.wrap{min-height:710px;display:flex;align-items:center;padding-block:85px;position:relative;max-width:1440px}.hero-copy{position:relative;z-index:2;width:760px}.hero-photo{position:absolute;inset:0;height:100%;width:100%;border-radius:0;z-index:-1}.hero-photo img{object-position:center 62%;animation:none}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,35,25,.88),rgba(8,35,25,.66) 48%,rgba(8,35,25,.08))}.hero .photo-lines{display:none}.hero .eyebrow{color:#d1e8af;font-size:11px}.hero h1{color:#fff;font-size:clamp(44px,4.8vw,69px);max-width:19ch;line-height:1.08;font-weight:500}.hero h1 span{color:#c3dfa0}.hero .cta-row{margin-top:35px}.hero .btn-primary{background:#d4e7b7;color:#173f32}.hero .btn-ghost{color:#fff;border-color:#d0d9ce}.hero-intro{background:#f7f8f2;padding:50px 0}.hero-intro .wrap{position:relative;padding-left:calc(48px + 18%)}.hero-intro .wrap:before{content:"";position:absolute;left:48px;top:8px;width:110px;height:70px;border-top:3px solid #67904b;border-bottom:1px solid #b4c59c;transform:skewY(-20deg)}.hero-intro .lede{font-size:17px;line-height:1.85;color:#56645d;max-width:90ch}.stat-strip{background:#e8eedc}.stat-cell .num{font-size:80px;color:#2e6542}.stat-cell{padding-block:34px}.stat-cell:after{width:65px;background:linear-gradient(90deg,#6f9452 40%,#c9d7b6 40%)}.section-head h2{font-size:clamp(36px,3.6vw,51px);font-weight:500}.section-head h2 span{color:#658750}.section-head .kicker{color:#58774b;letter-spacing:.15em;font-size:11px}.section-head p{color:#617068;line-height:1.85;font-size:15px}#streams{padding-block:90px}#streams .section-head{align-items:start;margin-bottom:50px}.streams{gap:40px;border:0}.stream-card{grid-template-columns:1fr 1fr;gap:0;padding:0;border:0;background:#edf1e6;min-height:410px;overflow:hidden;position:relative}.stream-photo{grid-column:1;grid-row:1;min-height:410px}.stream-photo img{display:block;width:100%;height:100%;object-fit:cover}.stream-body{display:flex;flex-direction:column;grid-column:2;grid-row:1;padding:43px 45px;align-items:flex-start;justify-content:center}.stream-icon{position:absolute;top:24px;left:24px;width:48px;height:48px;background:#f7f8f2e8;z-index:2}.stream-icon svg{width:25px;height:25px}.stream-card.volt{background:#183f30}.stream-card.volt .stream-photo{grid-column:2}.stream-card.volt .stream-body{grid-column:1}.stream-card.volt .stream-icon{left:auto;right:24px;background:#d5e7ba;color:#1b4933}.stream-card.volt .stream-tag{color:#bfda99}.stream-card.volt h3{color:#f5f8ec}.stream-card.volt p.desc{color:#d1dbce}.stream-card.volt .chip,.stream-card.volt .link{color:#dbeaca;border-color:#87aa65}.stream-tag{font-size:10px;margin-bottom:15px;color:#607c55}.stream-card h3{font-size:34px;margin-bottom:20px;line-height:1.1}.stream-card p.desc{font-size:14px;line-height:1.85}.stream-card .materials{margin-top:23px}.stream-card .link{margin-top:25px;align-self:flex-start;font-size:13px}.chip{font-size:11px}.stream-card.copper{background:#efede3}.positioning{padding-top:25px;padding-bottom:95px}.positioning-photo{height:340px;position:relative;overflow:hidden;margin-bottom:55px;background:#c8d5b5}.positioning-photo img{width:72%;height:100%;object-fit:cover;object-position:center 58%;display:block}.orbit-decoration{position:absolute;inset:0 0 0 72%;background:#dde7ca;overflow:hidden}.orbit-decoration:before,.orbit-decoration:after{content:"";position:absolute;border:1px solid #708857;border-radius:50%;width:390px;height:390px;left:-80px;top:70px}.orbit-decoration:after{width:280px;height:280px;left:45px;top:-150px;border-width:35px;border-color:#bacd9e}.split{gap:70px;grid-template-columns:1.25fr .75fr}.split .section-head h2{max-width:23ch}.split p{color:#617068!important}.callout{border-radius:0;background:#e9efdf;padding:30px;position:relative}.circular-art{width:155px;height:155px;margin-bottom:18px}.compliance{position:relative;overflow:hidden}.compliance>.wrap{display:grid;grid-template-columns:1.04fr .96fr;gap:45px 65px;align-items:center}.compliance .section-head{margin:0}.compliance .section-head h2{color:#fff}.compliance .section-head h2 span{color:#bbd596}.compliance .section-head p{color:#cfdbd0;font-size:14px}.compliance-photo{height:580px;position:relative}.compliance-photo img{height:100%;width:100%;object-fit:cover;object-position:65% center}.compliance-photo:after{content:"";position:absolute;width:110px;height:110px;background:#c6dbab;right:-20px;bottom:-20px;clip-path:polygon(0 100%,100% 0,100% 100%)}.compliance .badges{grid-column:1/-1}.segments{gap:28px}.segment{border:0;padding:0 0 20px;background:#eef1e8}.segment-photo{height:230px;overflow:hidden;margin-bottom:24px}.segment-photo img{height:100%;width:100%;object-fit:cover;display:block}.segment:nth-child(1) .segment-photo img{object-position:70% center}.segment .idx,.segment h3,.segment p{margin-left:24px;margin-right:24px}.segment .idx{color:#64804d}.segment h3{font-size:23px;line-height:1.25}.segment p{font-size:14px}.cta-band{position:relative;overflow:hidden;border-radius:0;background:#dfe8cc;min-height:280px;padding:55px}.cta-band>div:not(.cta-decoration){position:relative;z-index:1}.cta-decoration{position:absolute;width:420px;height:420px;border:65px solid #c5d7a7;border-radius:50%;top:-150px;right:5%;opacity:.65}.cta-band h2{font-size:40px}.btn{transition:background .2s ease}.stream-photo img,.segment-photo img{transition:transform .6s ease}.stream-card:hover .stream-photo img,.segment:hover .segment-photo img{transform:scale(1.025)}
@media(max-width:1100px){.hero>.wrap{min-height:660px}.hero-copy{width:680px}.stream-body{padding:32px}.stream-card h3{font-size:30px}.hero-intro .wrap{padding-left:22%}.hero-intro .wrap:before{left:30px;width:95px}.compliance>.wrap{gap:40px}.compliance-photo{height:620px}}
@media(max-width:760px){.hero>.wrap{min-height:620px;padding-block:55px}.hero-copy{width:auto}.hero h1{font-size:43px;max-width:18ch}.hero-photo{height:100%;border-radius:0}.hero-photo:after{background:linear-gradient(90deg,#082319e6,#0823198c)}.hero-intro{padding:32px 0}.hero-intro .wrap{padding-inline:22px;padding-top:20px}.hero-intro .wrap:before{left:22px;top:0;width:55px;height:0;transform:none;border-bottom:0}.hero-intro .lede{font-size:15px;line-height:1.8}.stat-cell .num{font-size:59px}.stat-cell{padding-block:22px}.section-head h2{font-size:35px}#streams{padding-block:55px}.streams{gap:26px}.stream-card{display:flex;flex-direction:column;min-height:0}.stream-photo{height:240px;min-height:240px;width:100%}.stream-body{padding:28px 24px}.stream-card.volt .stream-icon{right:auto;left:24px}.stream-card h3{font-size:30px}.stream-card p.desc{font-size:14px}.positioning{padding-top:0;padding-bottom:55px}.positioning-photo{height:230px;margin-bottom:35px}.positioning-photo img{width:82%}.orbit-decoration{left:82%}.split{gap:32px}.compliance>.wrap{display:flex;flex-direction:column;gap:35px;align-items:stretch}.compliance-photo{height:350px;margin-right:12px}.compliance-photo:after{right:-12px;bottom:-12px;width:70px;height:70px}.compliance .badges{margin-top:5px}.segments{gap:25px}.segment-photo{height:230px}.segment h3{font-size:23px}.cta-band{padding:32px 25px}.cta-band h2{font-size:33px}.cta-decoration{right:-220px}.hero .cta-row{gap:10px}.hero .btn{padding:13px 19px}}
@media(prefers-reduced-motion:reduce){.stream-photo img,.segment-photo img,.btn{transition:none}.stream-card:hover .stream-photo img,.segment:hover .segment-photo img{transform:none}}

@media(max-width:760px){.positioning .split{grid-template-columns:minmax(0,1fr)}.positioning .callout{min-width:0}}


/* home-v3.css */
/* Compact image-led service columns; a single flow diagram for positioning. */
#streams{padding-block:64px 55px}
#streams .section-head{margin-bottom:32px}
#streams .streams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
#streams .stream-card{display:flex;flex-direction:column;min-height:0;background:transparent;border:0;overflow:hidden}
#streams .stream-photo{height:170px;min-height:170px;width:100%;flex:none}
#streams .stream-photo img{width:100%;height:100%;object-fit:cover}
#streams .stream-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:22px 0 0;flex:1}
#streams .stream-icon,#streams .stream-card.volt .stream-icon{left:14px;right:auto;top:14px;width:38px;height:38px;background:#f7f8f2e8;color:var(--accent)}
#streams .stream-icon svg{width:22px;height:22px}
#streams .stream-tag{font-size:10px;letter-spacing:.065em;margin-bottom:10px;color:#527143}
#streams h3{font-size:27px;color:#173f32;margin-bottom:15px;letter-spacing:-.04em}
#streams .desc{font-size:14px;line-height:1.75;color:#53675e}
#streams .materials{gap:5px;margin-top:17px;margin-bottom:20px}
#streams .chip{color:#53675e;border-color:#b3c4ac;font-size:10px;padding-inline:7px}
#streams .link{margin-top:auto;color:#254e39;border-color:#8da77c;font-size:12px;padding-top:3px}
.positioning{padding-top:55px;border-top:1px solid #d8e0d5}
.positioning .callout{padding:26px 30px 30px}
.positioning .process-diagram{display:block;width:100%;max-width:360px;height:auto;margin:0 auto 25px}
@media(min-width:761px) and (max-width:1000px){#streams .streams{gap:20px}#streams h3{font-size:23px}#streams .desc{font-size:13px}#streams .stream-photo{height:145px;min-height:145px}}
@media(max-width:760px){#streams{padding-block:45px}#streams .streams{grid-template-columns:1fr;gap:30px}#streams .stream-photo{height:155px;min-height:155px}#streams .stream-body{padding-top:18px}#streams .materials{margin-bottom:15px}#streams .stream-card{padding-bottom:25px;border-bottom:1px solid #d8e0d5}#streams .stream-card:last-child{border-bottom:0;padding-bottom:0}.positioning{padding-top:40px}.positioning .callout{padding:25px}}


/* brand.css */
:root{--brand-green:#8CC31E;--brand-blue:#008CCD;--brand-gray:#646464}
.wordmark{display:flex;align-items:center;flex-shrink:0}
.brand-logo{display:block;width:248px;height:auto;mix-blend-mode:multiply}
header.site .wrap{padding-block:14px}
.footer-brand .brand-logo{width:245px;max-width:100%;margin-bottom:20px}
.utility-bar{background:var(--brand-gray)}
.utility-bar .wrap{color:#fff}
nav.primary .btn-primary{background:var(--brand-gray);color:#fff}
nav.primary a[aria-current="page"]{border-bottom-color:var(--brand-green)}
.hero .eyebrow:before{background:var(--brand-green)}
.hero .btn-primary{background:var(--brand-green);color:#173f32}
.hero h1 span{color:#d3e9af}
.hero-intro .wrap:before{border-top-color:var(--brand-green);border-bottom-color:var(--brand-blue)}
main>section:not(.hero){position:relative}
main>section:not(.hero):before,footer.site:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:38px;background:url('../assets/brand-divider.svg') center top/100% 38px no-repeat;pointer-events:none}
.positioning{border-top:0}
footer.site{position:relative;border-top:0;padding-top:60px}
.stat-cell:nth-child(1):after,.stat-cell:nth-child(4):after{background:var(--brand-green)}
.stat-cell:nth-child(2):after{background:var(--brand-blue)}
.stat-cell:nth-child(3):after{background:var(--brand-gray)}
.stat-cell .label{color:var(--brand-gray)}
#streams .stream-card.slate{--stream-brand:var(--brand-blue)}
#streams .stream-card.volt{--stream-brand:var(--brand-green)}
#streams .stream-card.copper{--stream-brand:var(--brand-gray)}
#streams .stream-photo{border-bottom:4px solid var(--stream-brand)}
#streams .stream-icon{color:var(--stream-brand);background:#fff}
#streams .stream-card.volt .stream-icon{color:#497016;background:#f6fbe9}
#streams .stream-tag{color:var(--brand-gray)}
#streams .chip{border-left-color:var(--stream-brand)}
#streams .link{border-bottom-color:var(--stream-brand);border-bottom-width:2px}
.positioning .callout{border-top:3px solid var(--brand-blue);border-bottom:3px solid var(--brand-green)}
.process-diagram>g:first-of-type rect:nth-child(1){stroke:var(--brand-blue)}
.process-diagram>g:first-of-type rect:nth-child(2){stroke:var(--brand-green)}
.process-diagram>g:first-of-type rect:nth-child(3){stroke:var(--brand-gray)}
.process-diagram>rect{fill:var(--brand-gray)}
.compliance-photo:after{background:var(--brand-green)}
.badge:nth-child(3n+1) .dot{background:var(--brand-green)}
.badge:nth-child(3n+2) .dot{background:var(--brand-blue)}
.badge:nth-child(3n) .dot{background:#b6b6b6}
.segment:nth-child(1){border-bottom:3px solid var(--brand-green)}
.segment:nth-child(2){border-bottom:3px solid var(--brand-blue)}
.segment:nth-child(3){border-bottom:3px solid var(--brand-gray)}
.segment .idx{color:var(--brand-gray)}
.cta-band{border-left:5px solid var(--brand-green)}
.cta-band .btn-primary{background:var(--brand-gray);color:#fff;border-bottom:3px solid var(--brand-blue)}
.cta-decoration{border-color:#c3d99b}
a:focus-visible,button:focus-visible{outline-color:var(--brand-blue)}
@media(max-width:1100px){.brand-logo{width:220px}nav.primary{gap:14px}}
@media(max-width:760px){.brand-logo{width:207px}.footer-brand .brand-logo{width:220px}header.site .wrap{padding-block:12px}main>section:not(.hero):before,footer.site:before{background-size:auto 28px;background-position:left top;height:28px}.positioning .callout{padding-top:25px}}


/* brand-strong.css */
/* Larger, deliberate brand-color surfaces on the existing pale canvas. */
.stat-strip{background:#f7f8f2;padding:20px 0 30px}
.stat-grid{gap:12px;background:transparent}
.stat-cell,.stat-cell:first-child,.stat-cell:nth-child(3){padding:26px 25px 28px;border:0;position:relative;overflow:hidden}
.stat-cell:nth-child(1){background:#8CC31E}
.stat-cell:nth-child(2){background:#008CCD}
.stat-cell:nth-child(3){background:#646464}
.stat-cell:nth-child(4){background:#e3efd1;border:2px solid #8CC31E}
.stat-cell .num{font-size:80px;line-height:1.05;color:#193721}
.stat-cell:nth-child(2) .num,.stat-cell:nth-child(3) .num{color:#fff}
.stat-cell:nth-child(4) .num{color:#0073a8}
.stat-cell .label{font-weight:500;color:#173321;margin-top:12px;max-width:21ch;min-height:42px}
.stat-cell:nth-child(2) .label{color:#102b39}
.stat-cell:nth-child(3) .label{color:#fff}
.stat-cell:after{background:currentColor!important;color:#244e31;width:45px}
.stat-cell:nth-child(2):after,.stat-cell:nth-child(3):after{color:#fff}
.stat-cell:nth-child(4):after{color:#008CCD}
#streams .section-head h2{color:#0074a9}
#streams .section-head h2 span{color:#557e13}
#streams .section-head .kicker{display:inline-block;justify-self:start;padding:7px 12px;border-left:5px solid #8CC31E;background:#e7f0d8;color:#315822}
#streams .streams{gap:24px}
#streams .stream-card{background:#e6f2f7;border-bottom:4px solid #008CCD}
#streams .stream-card.volt{background:#edf4df;border-color:#8CC31E}
#streams .stream-card.copper{background:#eceeeb;border-color:#646464}
#streams .stream-photo{border-bottom:0}
#streams .stream-body{padding:0 23px 24px;position:relative}
#streams .stream-tag{padding-top:18px;margin-bottom:10px;color:#526254}
#streams .stream-card h3{order:-1;align-self:stretch;display:flex;align-items:center;min-height:73px;padding:19px 23px;margin:0 -23px 0;font-size:27px;background:#008CCD;color:#fff}
#streams .stream-card.volt h3{background:#8CC31E;color:#193721}
#streams .stream-card.copper h3{background:#646464;color:#fff}
#streams .desc{color:#435a50}
#streams .stream-icon{box-shadow:0 2px 12px #00000014}
#streams .link{padding-top:10px;font-weight:600}
.positioning{background:linear-gradient(90deg,#f7f8f2 0%,#f7f8f2 65%,#e6f1f5 65%,#e6f1f5 100%)}
.positioning .section-head .kicker{color:#006e9f;border-left:5px solid #008CCD;padding-left:12px}
.positioning .section-head h2{color:#0074a9}
.positioning .section-head h2 span{color:#557e13}
.positioning .callout{background:#8CC31E;color:#193721;border:0;border-top:9px solid #008CCD;padding:27px 30px 30px}
.positioning .callout .kicker{color:#224424;font-weight:700}
.positioning .callout .link{color:#193721;border-bottom-color:#193721!important}
.positioning .process-diagram{background:#f7faed;padding:15px;border-radius:8px}
.process-diagram>rect{fill:#008CCD}
.process-diagram>g:last-child{stroke:#fff}
.positioning .split{align-items:center}
@media(max-width:1100px){#streams .stream-card h3{font-size:24px;padding-inline:19px;margin-inline:-19px}#streams .stream-body{padding-inline:19px}.stat-cell .num{font-size:69px}}
@media(max-width:760px){.stat-strip{padding:10px 0 24px}.stat-grid{gap:10px}.stat-cell,.stat-cell:first-child,.stat-cell:nth-child(3){padding:22px 16px}.stat-cell .num{font-size:56px}.stat-cell .label{font-size:12px;min-height:58px}.positioning{background:#f7f8f2}.positioning .callout{padding:25px}#streams .stream-card{padding-bottom:0;border-bottom:4px solid #008CCD}#streams .stream-card.volt{border-bottom-color:#8CC31E}#streams .stream-card.copper{border-bottom:4px solid #646464}#streams .stream-body{padding-bottom:24px}#streams .stream-card h3{font-size:27px;min-height:68px}.positioning .split{align-items:start}}


/* refinements.css */
/* Softer surfaces with brand-colored data and leading action icons. */
.stat-strip{background:#e8eedc;padding:10px 0 20px}
.stat-grid{gap:0}
.stat-cell:nth-child(n){background:transparent;border:0;border-right:1px solid #cbd7c1;padding:27px 25px}
.stat-cell:last-child{border-right:0}
.stat-cell:nth-child(n) .num{color:#008CCD}
.stat-cell:nth-child(n) .label{color:#53675e}
.stat-cell:nth-child(n):after{color:#8CC31E}
.positioning{background:#f7f8f2}
.positioning .callout{background:#e9efdf;color:#173f32;border-top:3px solid #008CCD;border-bottom:3px solid #8CC31E}
.positioning .callout .kicker{color:#467055}
.positioning .callout .link{color:#173f32}
.positioning .process-diagram{background:transparent;border-radius:0;padding:0}
#streams .streams{gap:28px}
#streams .stream-card:nth-child(n){border:1px solid #d6ddd2;border-bottom:4px solid var(--stream-brand);border-radius:17px;box-shadow:0 6px 13px #183e3012,0 15px 28px #183e3017;transition:box-shadow .2s ease,transform .2s ease}
#streams .stream-card:hover{box-shadow:0 9px 18px #183e3019,0 20px 35px #183e301c;transform:translateY(-3px)}
#streams .stream-photo{border-radius:16px 16px 0 0}
.btn:before,.link:before{content:"";display:inline-block;flex:none;width:29px;height:29px;border-radius:50%;background:#008CCD url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/19px 19px no-repeat}
.btn{gap:10px}
.btn svg{display:none}
.btn-primary:before{background-color:#0074a9}
#streams .stream-card .link,.positioning .callout .link{display:inline-flex;align-items:center;gap:10px;border-bottom:0!important;padding-bottom:0;font-size:13px}
.positioning .callout .link{font-weight:600}
.link:before{width:34px;height:34px;background-size:21px}
#streams .stream-card .link:hover,.positioning .callout .link:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){nav.primary{gap:12px}nav.primary .btn{padding:11px 15px}.brand-logo{width:205px}}
@media(max-width:760px){.stat-cell:nth-child(n){padding:22px 16px}.stat-cell:nth-child(2){border-right:0}.stat-cell .label{min-height:50px}#streams .streams{gap:28px}.hero .cta-row{gap:10px}.hero .btn{padding:12px 14px;font-size:12px}.hero .btn:before{width:24px;height:24px;background-size:17px}.cta-band .btn{padding:12px 17px}.wordmark .brand-logo{width:207px}}
@media(prefers-reduced-motion:reduce){#streams .stream-card{transition:none}#streams .stream-card:hover{transform:none}}