:root{
  --steel-900:#111111;
  --steel-700:#3a3a3a;
  --steel-500:#F7F8F2;
  --steel-400:#e5e7eb;
  --steel-300:#d1d5db;

  --paper:#ffffff;

  /* New theme */
  --brand:#1f7a4f;     /* green */
  --brand-dark:#145a39;
  --sun:#FFD300;       /* yellow accent */
  --sun-soft: rgba(255,211,0,.18);

  /* keep as optional */
  --pop:#2FA36B;
}

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--steel-900);
  background:var(--paper);
  line-height:1.65;
}

.container{width:min(920px,92%);margin:0 auto}

/* Header stays white, but gets a yellow border to match your request */
header{
  position:sticky;
  top:0;
  background:var(--paper);
  border-bottom:3px solid var(--sun);
  z-index:10;
}

.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:.8rem 0;
}

.brand{
  display:flex;
  align-items:center;
  gap:.6rem;
  text-decoration:none;
  color:inherit;
}

.brand img{height:38px}

.brand-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:26px;
  letter-spacing:1px;
}

nav a{
  margin-left:1rem;
  text-decoration:none;
  color:var(--steel-900);
  font-weight:800;
}

nav a:hover{
  color:var(--brand);
}

/* CTA becomes green with yellow border */
.cta{
  display:inline-block;
  background:var(--brand);
  border:2px solid var(--sun);
  color:#fff;
  padding:.7rem 1rem;
  border-radius:10px;
  font-weight:900;
  text-transform:uppercase;
  box-shadow:0 0 10px rgba(31,122,79,.25);
  text-decoration:none;
}

.cta:hover{
  transform: translateY(-1px);
  opacity:.98;
}

/* Hero becomes green -> white with a yellow glow */
.hero{
  padding:clamp(1.5rem,5vw,3rem) 0 1rem;
  background:linear-gradient(135deg, rgba(31,122,79,.18), rgba(255,211,0,.22));
  color:#111;
  text-align:center;
  border-bottom:2px solid var(--sun);
}

/* Eyebrow: yellow badge */
.eyebrow{
  color:#111;
  font-weight:900;
  letter-spacing:1.5px;
  text-transform:uppercase;
  font-size:.85rem;
  background:var(--sun);
  display:inline-block;
  padding:.2rem .6rem;
  border-radius:6px;
}

/* Title green */
h1{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.4rem,6vw,4.2rem);
  line-height:.95;
  margin:.5rem 0 .6rem;
  color:var(--brand-dark);
  text-shadow:1px 1px 0 rgba(255,255,255,.65);
}

.lead{
  font-size:clamp(1rem,2vw,1.15rem);
  color:#1a1a1a;
  max-width:720px;
  margin:0 auto;
}

section{
  padding:clamp(1.25rem,4vw,2rem) 0;
  border-top:1px solid var(--steel-400);
}
section:first-of-type{border-top:none}

/* Headings green/yellow */
h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(1.6rem,4vw,2.4rem);
  letter-spacing:.5px;
  margin:.2rem 0 .6rem;
  color:var(--brand);
}

h3{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(1.25rem,3vw,1.6rem);
  margin:.4rem 0 .3rem;
  color:var(--brand-dark);
}

ul{padding-left:1.2rem;margin:.4rem 0}
li{margin:.35rem 0}

.note{
  background:var(--steel-500);
  border:2px solid var(--sun);
  padding:.85rem;
  border-radius:12px;
}

/* Chips: yellow fill, green text */
.chips{margin-top:.4rem}

.chip{
  display:inline-block;
  border:1px solid rgba(31,122,79,.25);
  padding:.35rem .6rem;
  border-radius:999px;
  font-size:.8rem;
  font-weight:900;
  text-transform:uppercase;
  margin:.25rem .25rem 0 0;
  background:var(--sun);
  color:#111;
  box-shadow:0 0 8px var(--sun-soft);
}

/* Footer green with yellow top border */
footer{
  border-top:3px solid var(--sun);
  padding:1rem 0;
  background:var(--brand);
  color:#fff;
}

footer a{color:#fff;text-decoration:underline}

/* Mobile */
@media (max-width:720px){
  nav a{display:none}
  .cta{display:none}
}