
:root{
  --midnight:#0E151B; --carbon:#14161A; --charcoal:#1E2126; --steel:#3A4046;
  --ash:#8A9097; --orange:#DE7009; --orange2:#F0A95C; --ember:#C55E1D;
  --teal:#0D4F5D; --paper:#F5F2EA; --concrete:#C9CDD2; --green:#3E9B4F;
  --wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--carbon);color:var(--paper);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:17px;line-height:1.6}
img{max-width:100%;height:auto}
a{color:var(--orange2)}
a:hover{color:var(--orange)}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:20px;padding-right:20px}
.narrow{max-width:820px}
h1,h2{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  text-transform:uppercase;letter-spacing:.02em;line-height:1.05;margin:0 0 .5em}
h1{font-weight:700;font-size:clamp(40px,6.5vw,76px)}
h2{font-weight:600;font-size:clamp(30px,4vw,46px);margin-top:1.2em}
h3{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;font-weight:600;
  font-size:26px;letter-spacing:.02em;margin:1em 0 .4em}
p{margin:0 0 1em}
.hl{color:var(--orange)}
.eyebrow{font-family:Inter,sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:14px}
.lead{font-size:20px;line-height:1.5;color:var(--concrete)}
/* header */
.site-header{background:var(--midnight);border-bottom:3px solid var(--orange);
  position:sticky;top:0;z-index:50}
.header-in{display:flex;align-items:center;gap:28px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;flex:none}
.brand img{width:58px;height:58px;object-fit:cover;border-radius:8px}
.brand-text{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;
  font-size:27px;text-transform:uppercase;letter-spacing:.03em;color:var(--paper)}
.brand-text em{font-style:normal;color:var(--orange)}
.main-nav{display:flex;flex-wrap:wrap;gap:6px 20px;margin-left:auto}
.main-nav a{color:var(--paper);text-decoration:none;font-weight:500;font-size:15px}
.main-nav a:hover{color:var(--orange2)}
.btn{display:inline-block;font-family:Inter,sans-serif;font-weight:600;font-size:14px;
  letter-spacing:.08em;text-transform:uppercase;text-decoration:none;
  padding:13px 22px;border-radius:6px;border:2px solid transparent;cursor:pointer}
.btn-cta{background:var(--orange);color:#14161A}
.btn-cta:hover{background:var(--orange2);color:#14161A}
.btn-ghost,.btn.ghost,.btn.secondary{background:transparent;color:var(--paper);
  border-color:var(--steel)}
.btn-ghost:hover,.btn.ghost:hover,.btn.secondary:hover{border-color:var(--orange);color:var(--orange2)}
.header-cta{flex:none}
.crumbs{padding-top:14px;font-size:14px;color:var(--ash)}
.crumbs a{color:var(--ash);text-decoration:none}
.crumbs a:hover{color:var(--orange2)}
/* hero + sections */
.hero,.page-hero{padding:56px 20px 30px}
.hero h1{max-width:14ch}
section{padding:18px 0}
main section{max-width:var(--wrap);margin:0 auto;padding-left:20px;padding-right:20px}
main section.wrap{padding-left:20px;padding-right:20px}
.flow p{max-width:72ch}
/* stat + tally strips */
.stats,.tally-row,.tallies{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0}
.stat,.tally{background:var(--charcoal);border:1px solid var(--steel);
  border-top:3px solid var(--teal);border-radius:10px;padding:16px 20px;flex:1 1 180px}
.stat strong,.tally strong{display:block;font-family:"Barlow Condensed",sans-serif;
  font-size:36px;font-weight:700;color:var(--orange);line-height:1}
.stat span,.tally span{color:var(--concrete);font-size:14px}
/* cards + grids */
.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:20px 0 30px}
.guide-card{display:block;background:var(--charcoal);border:1px solid var(--steel);
  border-radius:12px;padding:20px;text-decoration:none;color:var(--paper)}
.guide-card:hover{border-color:var(--orange)}
.guide-card h3{margin-top:0;color:var(--paper)}
.guide-card p{color:var(--concrete);font-size:15px;margin:0}
.guide-list,.curated-list{list-style:none;padding:0;margin:16px 0}
.guide-list li,.curated-list li,.curated-item{background:var(--charcoal);
  border:1px solid var(--steel);border-radius:10px;padding:14px 18px;margin-bottom:10px}
.footage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:20px 0}
.footage-still{margin:0}
.footage-still img{border-radius:10px;border:1px solid var(--steel);width:100%;
  aspect-ratio:16/10;object-fit:cover}
figure{margin:16px 0}
figcaption{font-size:13px;color:var(--ash);margin-top:6px}
/* tables */
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
th,td{border:1px solid var(--steel);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--charcoal);font-weight:600}
td.val,th.val{text-align:right;white-space:nowrap}
/* forms */
.review-form,.capture-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;
  background:var(--charcoal);border:1px solid var(--steel);border-radius:12px;padding:24px;margin:20px 0 40px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1/-1}
label{font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--concrete)}
input,select,textarea{background:var(--carbon);border:1px solid var(--steel);
  border-radius:6px;color:var(--paper);padding:11px 12px;font:inherit;font-size:16px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--orange);border-color:var(--orange)}
.form-note{grid-column:1/-1;color:var(--ash);font-size:14px}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* bands */
.cta-band{background:var(--midnight);border:1px solid var(--steel);
  border-left:5px solid var(--orange);border-radius:12px;padding:28px;margin:34px auto}
.investor-band{background:var(--charcoal);border:1px solid var(--teal);
  border-radius:12px;padding:24px;margin:26px 0}
.eco-proof{background:var(--charcoal);border:1px solid var(--teal);
  border-radius:12px;padding:24px;margin:30px auto}
.sources{font-size:13px;color:var(--ash);word-break:break-all}
.sources a{color:var(--ash)}
/* footer */
.site-footer{background:var(--midnight);border-top:3px solid var(--teal);margin-top:56px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;padding-top:38px}
.foot-brand img{width:110px;height:110px;object-fit:cover;border-radius:10px}
.foot-brand p{color:var(--concrete);font-size:15px}
.tagline{font-family:"Barlow Condensed",sans-serif;font-size:22px;font-weight:600;
  text-transform:uppercase;letter-spacing:.03em;color:var(--paper)}
.foot-col h3{color:var(--orange);font-size:20px;margin-top:6px}
.foot-col a{display:block;color:var(--concrete);text-decoration:none;padding:4px 0;font-size:15px}
.foot-col a:hover{color:var(--orange2)}
.foot-legal a{color:var(--concrete);text-decoration:none}
.foot-legal a:hover{color:var(--orange2)}
.foot-legal{border-top:1px solid var(--steel);margin-top:10px;padding:16px 20px 26px}
.foot-legal p{color:var(--ash);font-size:13px;margin:0}
@media (max-width:900px){
  .header-in{flex-wrap:wrap;gap:12px}
  .main-nav{order:3;width:100%;margin-left:0}
  .foot-grid{grid-template-columns:1fr 1fr}
  .review-form,.capture-form{grid-template-columns:1fr}
}
@media (max-width:560px){ .foot-grid{grid-template-columns:1fr} }

.footage-still video{border-radius:10px;border:1px solid var(--steel);width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--carbon)}
