:root {
  --font-geist-sans: Arial, Helvetica, sans-serif;
  --font-geist-mono: "Courier New", Consolas, monospace;
  --navy: #0b1c2b;
  --navy-2: #10293d;
  --cream: #f1ece1;
  --paper: #faf7f0;
  --orange: #ee6c35;
  --steel: #9eb0bb;
  --line: rgba(11, 28, 43, .16);
  --white: #fff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--navy); font-family: var(--font-geist-sans), Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

.status-bar { min-height: 34px; display: flex; justify-content: center; align-items: center; gap: 10px; padding: 7px 20px; background: var(--orange); color: var(--navy); text-align: center; text-transform: uppercase; font: 700 10px/1.4 var(--font-geist-mono); letter-spacing: .11em; }
.status-pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--navy); box-shadow: 0 0 0 4px rgba(11,28,43,.12); }
.site-header { height: 86px; max-width: 1400px; margin: auto; padding: 0 42px; display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.brand { display: inline-flex; align-items: center; gap: 12px; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; background: var(--navy); color: var(--cream); font: 800 19px var(--font-geist-mono); clip-path: polygon(0 0,100% 0,100% 72%,50% 100%,0 72%); padding-bottom: 4px; }
.brand-name { font-size: 19px; font-weight: 800; letter-spacing: .28em; }
.site-header nav { display: flex; align-items: center; gap: 30px; font-size: 13px; font-weight: 620; }
.site-header nav a { transition: color .18s ease; }
.site-header nav a:hover { color: var(--orange); }
.header-link { display: flex; align-items: center; gap: 15px; border-bottom: 1px solid var(--navy); padding: 8px 0; font-size: 12px; font-weight: 720; }

.hero { max-width: 1400px; margin: auto; min-height: 745px; padding: 44px 42px 84px; display: grid; grid-template-columns: .96fr 1.04fr; gap: 68px; align-items: center; }
.kicker { display: flex; flex-direction: column; gap: 3px; padding-left: 16px; border-left: 3px solid var(--orange); text-transform: uppercase; font: 680 11px/1.25 var(--font-geist-mono); letter-spacing: .14em; }
.hero h1 { max-width: 700px; margin: 30px 0 0; font-size: clamp(56px, 6.2vw, 91px); line-height: .91; letter-spacing: -.065em; font-weight: 780; }
.hero h1 em { display: block; color: var(--orange); font: 400 .84em/1.08 Georgia, serif; letter-spacing: -.045em; }
.hero-copy > p { max-width: 640px; margin: 31px 0; color: rgba(11,28,43,.74); font-size: 17px; line-height: 1.65; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 25px; padding: 0 22px; border: 1px solid var(--navy); font-size: 13px; font-weight: 720; transition: transform .18s ease, background .18s ease; }
.button.primary { background: var(--navy); color: white; }
.button.ghost { background: transparent; }
.button:hover { transform: translateY(-2px); }
.button.primary:hover { background: var(--orange); border-color: var(--orange); color: var(--navy); }
.founding-note { max-width: 650px; margin-top: 35px; padding-top: 21px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 145px 1fr; gap: 20px; font-size: 11px; line-height: 1.5; }
.founding-note strong { text-transform: uppercase; letter-spacing: .07em; }
.founding-note span { color: rgba(11,28,43,.62); }
.hero-image { position: relative; margin: 0; min-height: 615px; overflow: hidden; background: var(--navy); }
.hero-image::before { content: "VETTS"; position: absolute; z-index: 2; right: -24px; top: -15px; font-weight: 850; font-size: 95px; line-height: 1; letter-spacing: .12em; color: rgba(255,255,255,.14); }
.hero-image > img { width: 100%; height: 545px; object-fit: cover; object-position: 58% center; filter: saturate(.78) contrast(1.06); }
.hero-image figcaption { min-height: 70px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 16px 20px; color: white; font-size: 11px; }
.hero-image figcaption span { max-width: 250px; font-weight: 650; }
.hero-image figcaption a { opacity: .6; text-align: right; }

.section-label { text-transform: uppercase; font: 720 10px var(--font-geist-mono); letter-spacing: .14em; }
.section-label.light { color: var(--orange); }
.principles { max-width: 1400px; margin: auto; padding: 0 42px 110px; }
.principles > .section-label { padding: 20px 0; border-top: 1px solid var(--line); }
.principles-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); }
.principles article { min-height: 340px; padding: 34px; border-right: 1px solid var(--line); display: flex; flex-direction: column; }
.principles article:last-child { border-right: 0; }
.principles article > span { font: 11px var(--font-geist-mono); color: var(--orange); }
.principles h2 { margin: auto 0 20px; font-size: clamp(31px, 3.2vw, 47px); line-height: .98; letter-spacing: -.05em; }
.principles p { margin: 0; max-width: 340px; color: rgba(11,28,43,.66); font-size: 13px; line-height: 1.62; }

.mission-statement { max-width: none; padding: 120px max(42px, calc((100vw - 1316px)/2)); background: var(--navy); color: white; display: grid; grid-template-columns: .25fr 1.2fr .55fr; gap: 55px; align-items: start; }
.mission-statement > p { margin: 0; font-size: clamp(42px, 5vw, 70px); font-weight: 700; line-height: 1.03; letter-spacing: -.055em; }
.mission-statement > p em { color: var(--orange); font-family: Georgia, serif; font-weight: 400; }
.mission-detail { align-self: end; color: rgba(255,255,255,.62); font-size: 14px; line-height: 1.7; padding-bottom: 8px; }

.section { max-width: 1400px; margin: auto; padding: 120px 42px; }
.section-heading { display: grid; grid-template-columns: 1.35fr .65fr; gap: 95px; align-items: end; }
.section-heading h2 { margin: 18px 0 0; font-size: clamp(44px, 5vw, 70px); line-height: .98; letter-spacing: -.06em; }
.section-heading > p { margin: 0 0 5px; color: rgba(11,28,43,.66); font-size: 15px; line-height: 1.65; }
.journey-list { list-style: none; margin: 65px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.journey-list li { min-height: 145px; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; justify-content: space-between; }
.journey-list span { color: var(--orange); font: 11px var(--font-geist-mono); }
.journey-list strong { max-width: 150px; font-size: 16px; line-height: 1.15; }

.support-section { max-width: none; padding: 0; display: grid; grid-template-columns: .9fr 1.1fr; background: var(--cream); }
.support-media { position: relative; min-height: 830px; overflow: hidden; }
.support-media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.7); }
.image-block-label { position: absolute; left: 0; bottom: 0; padding: 25px 34px; background: var(--orange); color: var(--navy); font-size: 17px; font-weight: 760; line-height: 1.28; }
.support-content { padding: 100px max(42px, calc((100vw - 1316px)/2)) 80px 70px; }
.support-content > h2 { margin: 18px 0 55px; font-size: clamp(44px, 5vw, 68px); line-height: 1; letter-spacing: -.055em; }
.support-list { border-top: 1px solid var(--line); }
.support-list article { display: grid; grid-template-columns: 45px 1fr; gap: 18px; padding: 23px 0; border-bottom: 1px solid var(--line); }
.support-list article > span { color: var(--orange); font: 11px var(--font-geist-mono); padding-top: 3px; }
.support-list h3 { margin: 0 0 7px; font-size: 17px; }
.support-list p { margin: 0; max-width: 650px; color: rgba(11,28,43,.64); font-size: 13px; line-height: 1.58; }
.source-credit { display: inline-block; margin-top: 24px; color: rgba(11,28,43,.5); font-size: 10px; }

.eligibility { max-width: none; padding-left: max(42px, calc((100vw - 1316px)/2)); padding-right: max(42px, calc((100vw - 1316px)/2)); background: var(--navy); color: white; }
.eligibility-title { display: grid; grid-template-columns: .35fr 1.65fr; gap: 65px; align-items: start; }
.eligibility-title h2 { max-width: 900px; margin: 0; font-size: clamp(44px, 5vw, 70px); line-height: 1; letter-spacing: -.055em; }
.eligibility-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 70px; border: 1px solid rgba(255,255,255,.16); }
.eligibility-grid article { min-height: 305px; padding: 32px; border-right: 1px solid rgba(255,255,255,.16); display: flex; flex-direction: column; }
.eligibility-grid article:last-child { border-right: 0; }
.eligibility-grid strong { color: var(--orange); font-size: 72px; line-height: 1; letter-spacing: -.07em; }
.eligibility-grid span { margin-top: 9px; text-transform: uppercase; font: 700 10px var(--font-geist-mono); letter-spacing: .12em; }
.eligibility-grid p { margin: auto 0 0; color: rgba(255,255,255,.66); font-size: 13px; line-height: 1.62; }
.eligibility-note { margin: 30px 0 0; max-width: 1050px; color: rgba(255,255,255,.54); font-size: 11px; line-height: 1.6; }

.risk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 60px; }
.risk-grid article { min-height: 240px; padding: 28px; display: flex; flex-direction: column; color: var(--navy); }
.risk-grid article > span { width: fit-content; padding: 6px 9px; background: rgba(255,255,255,.65); text-transform: uppercase; font: 700 9px var(--font-geist-mono); letter-spacing: .13em; }
.risk-grid .green { background: #adc5b6; }
.risk-grid .yellow { background: #e7c772; }
.risk-grid .red { background: #df7d65; }
.risk-grid h3 { margin: auto 0 10px; font-size: 31px; letter-spacing: -.04em; }
.risk-grid p { margin: 0; max-width: 300px; font-size: 13px; line-height: 1.5; }
.followup-band { margin-top: 14px; min-height: 88px; padding: 20px 28px; display: flex; gap: 16px; align-items: baseline; flex-wrap: wrap; background: var(--cream); }
.followup-band > span { margin-right: auto; text-transform: uppercase; font: 700 10px var(--font-geist-mono); letter-spacing: .12em; }
.followup-band strong { font-size: 33px; letter-spacing: -.05em; }
.followup-band i { font: 11px var(--font-geist-mono); color: rgba(11,28,43,.48); }

.founder { display: grid; grid-template-columns: .55fr 1.45fr; gap: 85px; align-items: center; background: var(--cream); }
.founder-monogram { aspect-ratio: 1/1; background: var(--orange); color: var(--navy); display: grid; place-items: center; font: 800 clamp(80px, 13vw, 180px) var(--font-geist-mono); letter-spacing: -.16em; padding-right: .14em; clip-path: polygon(0 0,100% 0,100% 82%,50% 100%,0 82%); }
.founder-copy h2 { margin: 18px 0 22px; font-size: clamp(40px, 4.5vw, 64px); line-height: 1; letter-spacing: -.055em; }
.founder-lead { font-weight: 740; }
.founder-copy > p:not(.founder-lead) { max-width: 760px; color: rgba(11,28,43,.68); font-size: 15px; line-height: 1.7; }
.founder blockquote { margin: 34px 0 0; padding-left: 22px; border-left: 3px solid var(--orange); font: italic 33px Georgia, serif; }

.readiness { max-width: none; background: var(--navy-2); color: white; padding-left: max(42px, calc((100vw - 1316px)/2)); padding-right: max(42px, calc((100vw - 1316px)/2)); }
.readiness .section-heading > p { color: rgba(255,255,255,.62); }
.gate-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin-top: 65px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.14); }
.gate-grid div { min-height: 72px; padding: 22px; display: flex; align-items: center; gap: 14px; background: var(--navy-2); font-size: 13px; }
.gate-grid span { color: var(--orange); }
.readiness-status { margin-top: 35px; padding: 28px; background: var(--orange); color: var(--navy); display: grid; grid-template-columns: .3fr .9fr 1fr; gap: 30px; align-items: center; }
.readiness-status span { text-transform: uppercase; font: 700 10px var(--font-geist-mono); letter-spacing: .12em; }
.readiness-status strong { font-size: 18px; }
.readiness-status p { margin: 0; font-size: 11px; line-height: 1.5; }

.partners { text-align: center; }
.partners h2 { margin: 24px auto 48px; font-size: clamp(48px, 6vw, 84px); line-height: .95; letter-spacing: -.065em; }
.partners h2 em { color: var(--orange); font-family: Georgia, serif; font-weight: 400; }
.partner-types { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
.partner-types span { border: 1px solid var(--line); border-radius: 100px; padding: 14px 18px; font-size: 12px; font-weight: 650; }

.faq { display: grid; grid-template-columns: .55fr 1.45fr; gap: 100px; border-top: 1px solid var(--line); }
.faq h2 { margin: 18px 0 0; font-size: 48px; letter-spacing: -.055em; }
.faq-list { border-top: 1px solid var(--line); }
details { border-bottom: 1px solid var(--line); }
summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px 0; font-size: 16px; font-weight: 700; }
summary::-webkit-details-marker { display: none; }
summary span { width: 30px; height: 30px; display: grid; place-items: center; background: var(--cream); border-radius: 50%; font-size: 18px; transition: transform .2s ease; }
details[open] summary span { transform: rotate(45deg); }
details p { max-width: 700px; margin: -5px 55px 25px 0; color: rgba(11,28,43,.66); font-size: 13px; line-height: 1.65; }

.footer { background: #06121d; color: white; padding: 75px max(42px, calc((100vw - 1316px)/2)) 28px; }
.footer-brand { display: flex; align-items: center; gap: 16px; }
.brand-mark.inverse { background: var(--orange); color: var(--navy); }
.footer-brand > div { display: flex; flex-direction: column; }
.footer-brand strong { font-size: 22px; letter-spacing: .26em; }
.footer-brand span:last-child { margin-top: 3px; color: rgba(255,255,255,.5); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.footer > p { margin: 60px 0; max-width: 850px; font-size: clamp(38px, 5vw, 70px); font-weight: 700; line-height: 1; letter-spacing: -.055em; }
.footer-bottom { padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); display: flex; justify-content: space-between; gap: 25px; font-size: 10px; text-transform: uppercase; letter-spacing: .09em; color: rgba(255,255,255,.45); }
.footer-bottom a:hover { color: var(--orange); }

@media (max-width: 1000px) {
  .site-header nav { display: none; }
  .hero { grid-template-columns: 1fr; }
  .hero-image { min-height: 560px; }
  .principles-grid { grid-template-columns: 1fr; }
  .principles article { min-height: 260px; border-right: 0; border-bottom: 1px solid var(--line); }
  .principles article:last-child { border-bottom: 0; }
  .mission-statement { grid-template-columns: 1fr; }
  .mission-detail { max-width: 700px; }
  .journey-list { grid-template-columns: repeat(2, 1fr); }
  .support-section { grid-template-columns: 1fr; }
  .support-media { min-height: 600px; }
  .support-content { padding: 80px 42px; }
  .eligibility-title, .section-heading, .founder, .faq { grid-template-columns: 1fr; gap: 45px; }
  .eligibility-grid { grid-template-columns: 1fr; }
  .eligibility-grid article { min-height: 240px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); }
  .risk-grid { grid-template-columns: 1fr; }
  .risk-grid article { min-height: 200px; }
  .founder-monogram { max-width: 420px; }
}

@media (max-width: 680px) {
  .status-bar { font-size: 8px; }
  .site-header { height: 72px; padding: 0 20px; }
  .header-link { display: none; }
  .hero { padding: 46px 20px 70px; gap: 45px; }
  .hero h1 { font-size: 52px; }
  .hero-copy > p { font-size: 15px; }
  .founding-note { grid-template-columns: 1fr; gap: 7px; }
  .hero-image { min-height: 455px; }
  .hero-image > img { height: 390px; }
  .hero-image::before { font-size: 62px; }
  .hero-image figcaption span { display: none; }
  .principles { padding: 0 20px 75px; }
  .principles article { padding: 28px; }
  .mission-statement, .section, .eligibility, .readiness, .partners { padding: 82px 20px; }
  .section-heading h2, .eligibility-title h2 { font-size: 43px; }
  .journey-list { grid-template-columns: 1fr 1fr; margin-top: 45px; }
  .journey-list li { min-height: 125px; padding: 17px; }
  .support-media { min-height: 460px; }
  .support-content { padding: 76px 20px; }
  .support-content > h2 { font-size: 44px; }
  .eligibility-grid article { padding: 25px; }
  .followup-band > span { width: 100%; }
  .readiness-status { grid-template-columns: 1fr; gap: 10px; }
  .gate-grid { grid-template-columns: 1fr; }
  .footer { padding: 62px 20px 25px; }
  .footer-bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}