*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--black:#0a0a0a;--yellow:#FEDA00;--steel:#1E2D40;--white:#ffffff;--offwhite:#F7F6F2;--charcoal:#2C2C2C;--gold:#8a6f00;}
html{scroll-behavior:smooth}
body{font-family:'Barlow',sans-serif;background:var(--black);color:var(--white);overflow-x:hidden}

/* HERO */
.page-hero{margin-top:64px;background:var(--black);padding:64px 96px 48px;border-bottom:1px solid rgba(255,255,255,.06)}
.page-hero-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.page-hero-eyebrow::before{content:'';width:24px;height:2px;background:var(--yellow);display:inline-block}
.page-hero-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(48px,6vw,80px);font-weight:800;text-transform:uppercase;color:var(--white);line-height:.95;letter-spacing:-.02em;margin-bottom:16px}
.page-hero-title span{color:var(--yellow)}
.page-hero-sub{font-size:16px;color:rgba(255,255,255,.5);max-width:560px;line-height:1.6}

/* STRIPE */
.stripe{height:4px;background:repeating-linear-gradient(90deg,#FEDA00 0px,#FEDA00 24px,#0a0a0a 24px,#0a0a0a 32px)}

/* STATS — slimmed down */
.stats-strip{background:var(--yellow);padding:0;overflow:hidden}
.stats-strip-track{display:flex;align-items:center;width:max-content;animation:stat-scroll 30s linear infinite}
.stats-strip-track:hover{animation-play-state:paused}
.stat-item{display:flex;align-items:baseline;gap:12px;padding:20px 48px;white-space:nowrap;border-right:1px solid rgba(0,0,0,.12)}
.stat-num{font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:800;color:var(--black);line-height:1}
.stat-label{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(0,0,0,.6)}
@keyframes stat-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── COLOUR SYSTEM FOR SECTIONS ──
   Black bg  → eyebrow: yellow,  headline: white
   Steel bg  → eyebrow: yellow,  headline: white
   Offwhite  → eyebrow: gold,    headline: black
*/
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.eyebrow::before{content:'';width:24px;height:2px;display:inline-block}
/* on dark (black or steel) */
.eyebrow-dark{color:var(--yellow)}
.eyebrow-dark::before{background:var(--yellow)}
/* on light (offwhite) */
.eyebrow-light{color:var(--gold)}
.eyebrow-light::before{background:var(--gold)}

.section-headline{font-family:'Barlow Condensed',sans-serif;font-size:clamp(36px,4vw,56px);font-weight:800;text-transform:uppercase;line-height:.95;letter-spacing:-.02em;margin-bottom:24px}
/* on dark */
.headline-dark{color:var(--white)}
/* on light */
.headline-light{color:var(--black)}

/* MISSION — steel blue */
.mission-section{background:var(--offwhite);padding:80px 96px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;border-bottom:1px solid rgba(255,255,255,.06)}
.body-text{font-size:15px;color:#444;line-height:1.8;margin-bottom:16px}
.body-text strong{color:#111;font-weight:600}
.mission-callout{background:var(--white);border-left:4px solid var(--gold);padding:24px 28px;margin-top:32px}
.mission-callout p{font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:700;text-transform:uppercase;color:var(--black);line-height:1.2;letter-spacing:-.01em}

/* CREDENTIALS — right column on steel */
.credentials-col{display:flex;flex-direction:column;gap:2px}
.credential-card{background:var(--white);padding:32px;position:relative;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.credential-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--yellow)}
.credential-icon{font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:900;color:rgba(138,111,0,.2);line-height:1;margin-bottom:12px;letter-spacing:-.03em}
.credential-title{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;color:var(--black);margin-bottom:8px;letter-spacing:.02em}
.credential-body{font-size:13px;color:#666;line-height:1.6}

/* STORY — offwhite */
.story-section{background:var(--steel);padding:80px 96px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.story-body{font-size:15px;color:rgba(255,255,255,.55);line-height:1.8;margin-bottom:16px}
.story-body strong{color:rgba(255,255,255,.9);font-weight:600}
.story-timeline{display:flex;flex-direction:column;gap:0}
.timeline-item{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.timeline-item:last-child{border-bottom:none}
.timeline-year{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:800;color:var(--yellow);line-height:1;letter-spacing:0;min-width:64px;flex-shrink:0;padding-top:2px}
.timeline-title{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;color:var(--white);margin-bottom:4px;letter-spacing:.02em}
.timeline-body{font-size:13px;color:rgba(255,255,255,.5);line-height:1.6}

/* TESTING — steel */
.testing-section{background:var(--offwhite);padding:80px 96px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;border-bottom:1px solid rgba(0,0,0,.06)}
.testing-stats{display:flex;flex-direction:column;gap:2px;margin-top:24px}
.testing-stat{background:var(--white);padding:18px 24px;display:flex;align-items:baseline;gap:12px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.testing-stat-num{font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:800;color:var(--gold);line-height:1;letter-spacing:0}
.testing-stat-label{font-size:13px;color:#666;line-height:1.4}
.testing-note{font-size:12px;color:#aaa;line-height:1.5;padding-top:12px}
.yt-wrap{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden}
.yt-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.yt-thumb{position:absolute;inset:0;cursor:pointer;overflow:hidden}
.yt-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.yt-thumb:hover img{transform:scale(1.03)}
.yt-thumb-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;transition:background .2s}
.yt-thumb:hover .yt-thumb-overlay{background:rgba(0,0,0,.2)}
.yt-play{width:72px;height:72px;background:var(--yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.yt-thumb:hover .yt-play{transform:scale(1.1)}
.yt-play svg{width:28px;height:28px;fill:var(--black);margin-left:5px}

/* BELIEF — black */
.belief-section{background:#0D1B2A;padding:80px 96px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;border-bottom:1px solid rgba(255,255,255,.06)}
.belief-body{font-size:15px;color:rgba(255,255,255,.55);line-height:1.8;margin-bottom:16px}
.belief-body strong{color:rgba(255,255,255,.9);font-weight:600}
.belief-values{display:flex;flex-direction:column;gap:2px}
.value-card{background:rgba(255,255,255,.05);padding:24px 28px;display:flex;gap:20px;align-items:start;border:1px solid rgba(255,255,255,.08)}
.value-num{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:900;color:rgba(254,218,0,.15);line-height:1;flex-shrink:0;width:36px}
.value-title{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;color:var(--white);margin-bottom:6px;letter-spacing:.02em}
.value-body{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6}
.trust-ticker-wrap {
  background: var(--steel);
  padding: 24px 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.trust-ticker-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.15em;
  color: rgba(255,255,255,0.35);
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 32px;
  flex-shrink: 0;
  border-right: 1px solid rgba(255,255,255,0.1);
}
.trust-ticker-outer {
  flex: 1;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%);
}
.trust-ticker-track {
  display: flex;
  align-items: center;
  gap: 64px;
  width: max-content;
  animation: ticker-scroll 50s linear infinite;
  padding: 0 32px;
}
.trust-ticker-track:hover { animation-play-state: paused; }
.ticker-logo {
  height: 40px;
  width: auto;
  max-width: 140px;
  object-fit: contain;
  opacity: 0.6;
  flex-shrink: 0;
  transition: opacity 0.2s;
}
.ticker-logo:hover { opacity: 1; }
@keyframes ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* CTA */
.section-cta{background:var(--yellow);padding:64px 96px;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}
.cta-headline{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,3.5vw,48px);font-weight:800;text-transform:uppercase;color:var(--black);line-height:1;margin-bottom:10px}
.cta-sub{font-size:15px;color:rgba(0,0,0,.65);line-height:1.6}
.btn-dark{background:var(--black);color:var(--yellow);font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:18px 40px;border:none;cursor:pointer;border-radius:2px;text-decoration:none;display:inline-block;white-space:nowrap;transition:background .2s}
.btn-dark:hover{background:#222}

@media screen and (max-width: 780px) {
	.page-hero,
	.section-cta,
	.mission-section,
	.story-section,
	.testing-section,
	.belief-section {
		padding: 50px 40px;
	}
	.section-cta {
		display: block;
	}
	.mission-section {
		display: block;
	}
	.story-section {
		display: block;
	}
	.testing-section {
		display: block;
	}
	.yt-wrap {
		margin-top: 30px;
	}
	.belief-section {
		display: block;
	}
}