<style>
/* ===== RESET ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
img,svg{display:block;max-width:100%}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}

/* ===== PALETTE ===== */
:root{
  --ink:#0B0B0C;
  --accent:#FFD400;
  --white:#FFFFFF;
  --paper:#F4F4F2;
  --muted-dark:#B9B9B4;
  --muted-light:#4A4A48;
  --border:4px;
  --border-thin:3px;
  --maxw:1200px;
  --pad:clamp(1.25rem,4vw,3rem);
  --sec-y:clamp(3.5rem,8vw,7rem);
  --font-head:"Arial Black","Arial Bold",Impact,"Haettenschweiler","Franklin Gothic Heavy",sans-serif;
  --font-body:"Helvetica Neue",Arial,Helvetica,sans-serif;
  --t-xs:.75rem;
  --t-sm:.875rem;
  --t-base:1.0625rem;
  --t-lg:1.25rem;
  --t-xl:clamp(1.5rem,3vw,2rem);
  --t-2xl:clamp(2rem,5vw,3.25rem);
  --t-3xl:clamp(2.75rem,8vw,5.5rem);
  --t-hero:clamp(3rem,12vw,9rem);
}

/* ===== BASE ===== */
body{
  background:var(--ink);
  color:var(--white);
  font-family:var(--font-body);
  font-size:var(--t-base);
  font-weight:700;
  line-height:1.55;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-head);
  text-transform:uppercase;
  letter-spacing:-.02em;
  line-height:.92;
  font-weight:900;
}
h1{font-size:var(--t-hero)}
h2{font-size:var(--t-3xl)}
h3{font-size:var(--t-2xl)}
h4{font-size:var(--t-xl)}
p{max-width:68ch}
strong{font-weight:900}
hr{border:0;border-top:var(--border-thin) solid currentColor;opacity:.25}

/* ===== LAYOUT ===== */
.container{
  width:100%;
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:var(--pad);
}
.section{padding-block:var(--sec-y)}
.section + .section{border-top:var(--border) solid var(--ink)}
.center{text-align:center}
.center p,.center .lead{margin-inline:auto}
.muted{color:var(--muted-dark)}
.band{
  width:100%;
  background:var(--ink);
  color:var(--white);
  border-block:var(--border) solid var(--accent);
  padding-block:var(--sec-y);
}
.band.light{background:var(--paper);color:var(--ink);border-block-color:var(--ink)}
.band.light .muted{color:var(--muted-light)}
.band.accent{background:var(--accent);color:var(--ink);border-block-color:var(--ink)}
.band.accent .muted{color:#3D3300}

/* ===== TYPE HELPERS ===== */
.eyebrow{
  display:inline-block;
  font-family:var(--font-head);
  font-size:var(--t-sm);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.22em;
  color:var(--accent);
  background:var(--ink);
  border:var(--border-thin) solid var(--accent);
  padding:.4rem .8rem;
  margin-bottom:1.25rem;
}
.band.light .eyebrow,.band.accent .eyebrow{background:var(--ink);color:var(--accent)}
.lead{
  font-size:var(--t-lg);
  font-weight:700;
  line-height:1.45;
  max-width:60ch;
}

/* ===== HERO ===== */
.hero{
  background:var(--ink);
  color:var(--white);
  border-bottom:var(--border) solid var(--accent);
  padding-block:clamp(3rem,9vw,7rem);
  position:relative;
}
.hero h1{
  font-size:var(--t-hero);
  letter-spacing:-.035em;
  margin-bottom:1.5rem;
}
.hero h1 em{
  font-style:normal;
  color:var(--accent);
  display:block;
}
.hero .lead{color:var(--white);max-width:52ch}
.hero .muted{color:var(--muted-dark)}

/* ===== BUTTONS ===== */
.btn{
  display:inline-block;
  font-family:var(--font-head);
  font-size:var(--t-sm);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  padding:1rem 1.75rem;
  border:var(--border-thin) solid var(--white);
  background:transparent;
  color:var(--white);
  border-radius:0;
  cursor:pointer;
  transition:background .15s linear,color .15s linear,transform .15s linear;
}
.btn:hover,.btn:focus-visible{background:var(--white);color:var(--ink)}
.btn-primary{
  background:var(--accent);
  color:var(--ink);
  border-color:var(--ink);
}
.btn-primary:hover,.btn-primary:focus-visible{
  background:var(--white);
  color:var(--ink);
  border-color:var(--ink);
}
.band.light .btn,.band.accent .btn{border-color:var(--ink);color:var(--ink)}
.band.light .btn:hover,.band.accent .btn:hover{background:var(--ink);color:var(--white)}

/* ===== GRID & CARDS ===== */
.grid{
  display:grid;
  gap:clamp(1rem,2.5vw,2rem);
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.card{
  background:var(--ink);
  color:var(--white);
  border:var(--border) solid var(--accent);
  padding:clamp(1.25rem,3vw,2rem);
  display:flex;
  flex-direction:column;
  gap:.75rem;
}
.card h3,.card h4{margin-bottom:.25rem}
.card .muted{color:var(--muted-dark)}
.band.light .card{background:var(--white);color:var(--ink);border-color:var(--ink)}
.band.light .card .muted{color:var(--muted-light)}
.band.accent .card{background:var(--ink);color:var(--white);border-color:var(--ink)}
.band.accent .card .muted{color:var(--muted-dark)}

/* ===== SPLIT ===== */
.split{
  display:grid;
  gap:clamp(1.5rem,4vw,3.5rem);
  grid-template-columns:1fr 1fr;
  align-items:start;
}
.split > *{min-width:0}

/* ===== STAT ===== */
.stat{
  border-left:var(--border) solid var(--accent);
  padding-left:1.25rem;
}
.stat .stat-num,.stat strong{
  display:block;
  font-family:var(--font-head);
  font-size:clamp(2.5rem,7vw,4.5rem);
  font-weight:900;
  line-height:.9;
  letter-spacing:-.03em;
  color:var(--accent);
  white-space:nowrap;
}
.stat span:last-child,.stat small{
  display:block;
  margin-top:.5rem;
  font-size:var(--t-sm);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--muted-dark);
  white-space:nowrap;
}
.band.light .stat{border-left-color:var(--ink)}
.band.light .stat .stat-num,.band.light .stat strong{color:var(--ink)}
.band.light .stat span:last-child,.band.light .stat small{color:var(--muted-light)}

/* ===== FRAME ===== */
.frame{
  border:var(--border) solid var(--accent);
  background:var(--ink);
  padding:clamp(1.5rem,4vw,3rem);
  position:relative;
}
.frame::after{
  content:"";
  position:absolute;
  inset:auto -14px -14px auto;
  width:60%;
  height:60%;
  background:var(--accent);
  z-index:-1;
}
.band.light .frame{border-color:var(--ink);background:var(--white);color:var(--ink)}
.band.accent .frame{border-color:var(--ink);background:var(--ink);color:var(--white)}

/* ===== SITE HEADER ===== */
body.wpb-canvas .site-header{
  background:var(--ink);
  border-bottom:var(--border) solid var(--accent);
  position:sticky;
  top:0;
  z-index:50;
}
body.wpb-canvas .header-inner{
  max-width:var(--maxw);
  margin-inline:auto;
  padding:.85rem var(--pad);
  display:flex;
  align-items:center;
  gap:1rem 1.5rem;
  flex-wrap:wrap;
}
body.wpb-canvas .brand{
  font-family:var(--font-head);
  font-size:clamp(1rem,2.4vw,1.4rem);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:-.01em;
  line-height:1;
  color:var(--white);
  white-space:nowrap;
  flex:0 0 auto;
}
body.wpb-canvas .brand span{color:var(--accent)}
body.wpb-canvas .nav{
  flex:1 1 auto;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
body.wpb-canvas .nav::-webkit-scrollbar{display:none}
body.wpb-canvas .nav ul{
  display:flex;
  align-items:center;
  gap:clamp(.85rem,2.5vw,1.75rem);
  flex-wrap:nowrap;
}
body.wpb-canvas .nav li{flex:0 0 auto}
body.wpb-canvas .nav a{
  display:block;
  font-family:var(--font-head);
  font-size:var(--t-xs);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--white);
  padding:.5rem 0;
  border-bottom:var(--border-thin) solid transparent;
  white-space:nowrap;
}
body.wpb-canvas .nav a:hover, body.wpb-canvas .nav a:focus-visible{
  color:var(--accent);
  border-bottom-color:var(--accent);
}
body.wpb-canvas .nav-cta{
  flex:0 0 auto;
  font-family:var(--font-head);
  font-size:var(--t-xs);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  padding:.7rem 1.15rem;
  background:var(--accent);
  color:var(--ink);
  border:var(--border-thin) solid var(--ink);
  white-space:nowrap;
}
body.wpb-canvas .nav-cta:hover, body.wpb-canvas .nav-cta:focus-visible{background:var(--white);color:var(--ink)}

/* ===== SITE FOOTER ===== */
body.wpb-canvas .site-footer{
  background:var(--ink);
  color:var(--white);
  border-top:var(--border) solid var(--accent);
  padding-block:clamp(2.5rem,6vw,4.5rem) 0;
}
body.wpb-canvas .footer-grid{
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:var(--pad);
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:clamp(1.75rem,4vw,3.5rem);
  padding-bottom:clamp(2rem,5vw,3.5rem);
}
body.wpb-canvas .footer-col{min-width:0}
body.wpb-canvas .footer-col body.wpb-canvas .brand{display:block;margin-bottom:1rem;font-size:clamp(1.1rem,2.6vw,1.5rem)}
body.wpb-canvas .footer-col p{font-size:var(--t-sm);color:var(--muted-dark);max-width:38ch}
body.wpb-canvas .footer-heading{
  font-family:var(--font-head);
  font-size:var(--t-sm);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:var(--accent);
  margin-bottom:1rem;
  padding-bottom:.5rem;
  border-bottom:var(--border-thin) solid var(--accent);
}
body.wpb-canvas .footer-col ul{display:flex;flex-direction:column;gap:.6rem}
body.wpb-canvas .footer-col li{font-size:var(--t-sm)}
body.wpb-canvas .footer-col a{color:var(--white);font-weight:700}
body.wpb-canvas .footer-col a:hover, body.wpb-canvas .footer-col a:focus-visible{color:var(--accent)}
body.wpb-canvas .footer-col address{font-style:normal;font-size:var(--t-sm);color:var(--muted-dark);line-height:1.8}
body.wpb-canvas .footer-col address a{color:var(--white);white-space:nowrap}
body.wpb-canvas .footer-bottom{
  border-top:var(--border-thin) solid #2A2A2C;
  padding:1.25rem var(--pad);
  max-width:var(--maxw);
  margin-inline:auto;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 1.5rem;
  align-items:center;
  justify-content:space-between;
  font-size:var(--t-xs);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--muted-dark);
}
body.wpb-canvas .footer-bottom a{color:var(--muted-dark)}
body.wpb-canvas .footer-bottom a:hover{color:var(--accent)}

/* ===== RESPONSIVE ===== */
@media (max-width:1024px){
  body.wpb-canvas .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
  body.wpb-canvas .footer-col:first-child{grid-column:1 / -1}
  .split{grid-template-columns:1fr;gap:2rem}
}
@media (max-width:768px){
  :root{--border:3px;--border-thin:3px}
  body.wpb-canvas .header-inner{gap:.6rem 1rem;padding-block:.7rem}
  body.wpb-canvas .brand{font-size:1rem}
  body.wpb-canvas .nav{order:3;flex:1 1 100%;width:100%}
  body.wpb-canvas .nav ul{gap:1.1rem}
  body.wpb-canvas .nav a{font-size:.6875rem;letter-spacing:.1em}
  body.wpb-canvas .nav-cta{order:2;margin-left:auto;font-size:.6875rem;padding:.6rem .85rem}
  .grid{grid-template-columns:1fr}
  body.wpb-canvas .footer-grid{grid-template-columns:1fr;gap:2rem}
  body.wpb-canvas .footer-bottom{flex-direction:column;align-items:flex-start;text-align:left}
  .hero h1{letter-spacing:-.02em}
  .stat{border-left-width:3px}
}
@media (max-width:420px){
  body.wpb-canvas .nav a{font-size:.625rem}
  body.wpb-canvas .nav ul{gap:.85rem}
}

@media (max-width:768px){
  body.wpb-canvas .header-inner{flex-wrap:wrap !important;row-gap:.5rem}
  body.wpb-canvas .nav{max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.wpb-canvas .nav ul{flex-wrap:wrap !important}
  body.wpb-canvas .nav li{flex:0 0 auto}
  body.wpb-canvas .nav a{white-space:nowrap}
  body.wpb-canvas .footer-grid{grid-template-columns:1fr !important;gap:1.5rem}
}
</style>