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

/* ===== PALETTE / TOKENS ===== */
:root{
  --ink:#0B0B0C;
  --accent:#FFD400;
  --white:#FFFFFF;
  --ink-soft:#1A1A1C;
  --muted-on-dark:#D8D8D6;
  --muted-on-light:#4A4A4C;
  --border:4px;
  --border-thin:3px;
  --pad-x:clamp(1.1rem,4vw,3.5rem);
  --band-y:clamp(3.25rem,7vw,6.5rem);
  --maxw:1240px;
  --font-display:"Arial Black","Arial Bold",Impact,"Haettenschweiler","Franklin Gothic Heavy",sans-serif;
  --font-body:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --step--1:clamp(.78rem,.74rem + .2vw,.86rem);
  --step-0:clamp(1rem,.96rem + .25vw,1.12rem);
  --step-1:clamp(1.15rem,1.05rem + .5vw,1.4rem);
  --step-2:clamp(1.5rem,1.25rem + 1.2vw,2.25rem);
  --step-3:clamp(2rem,1.4rem + 3vw,3.5rem);
  --step-4:clamp(2.6rem,1.4rem + 6.5vw,6rem);
  --step-5:clamp(3.2rem,1.2rem + 10vw,9rem);
}

/* ===== BASE TYPE ===== */
body{
  background:var(--ink);
  color:var(--white);
  font-family:var(--font-body);
  font-size:var(--step-0);
  font-weight:700;
  line-height:1.55;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-display);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:-.02em;
  line-height:.92;
  text-wrap:balance;
}
h1{font-size:var(--step-5)}
h2{font-size:var(--step-4)}
h3{font-size:var(--step-2);letter-spacing:-.01em}
h4{font-size:var(--step-1);letter-spacing:0}
p{max-width:68ch}
strong,b{font-weight:900}
::selection{background:var(--accent);color:var(--ink)}

/* ===== LAYOUT PRIMITIVES ===== */
.container{
  width:100%;
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:var(--pad-x);
}
.section{padding-block:var(--band-y)}
.band{
  width:100%;
  padding-block:var(--band-y);
  background:var(--accent);
  color:var(--ink);
  border-block:var(--border) solid var(--ink);
}
.band h1,.band h2,.band h3,.band h4{color:var(--ink)}
.band .muted{color:var(--muted-on-light)}
.center{text-align:center}
.center p{margin-inline:auto}
.muted{color:var(--muted-on-dark)}
.lead{
  font-size:var(--step-1);
  font-weight:700;
  line-height:1.4;
  max-width:56ch;
}
.eyebrow{
  display:inline-block;
  font-family:var(--font-display);
  font-size:var(--step--1);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.22em;
  background:var(--accent);
  color:var(--ink);
  border:var(--border-thin) solid var(--ink);
  padding:.4em .8em;
  margin-bottom:1.1rem;
  white-space:nowrap;
}
.band .eyebrow{background:var(--ink);color:var(--accent);border-color:var(--ink)}

/* ===== BUTTONS ===== */
.btn{
  display:inline-block;
  font-family:var(--font-display);
  font-size:var(--step-0);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  line-height:1;
  padding:1.05em 1.7em;
  border:var(--border) solid var(--ink);
  border-radius:0;
  background:var(--white);
  color:var(--ink);
  cursor:pointer;
  text-align:center;
  transition:transform .12s ease,background-color .12s ease,color .12s ease;
}
.btn:hover,.btn:focus-visible{background:var(--ink);color:var(--accent);transform:translate(-3px,-3px)}
.btn-primary{background:var(--accent);color:var(--ink);border-color:var(--ink)}
.btn-primary:hover,.btn-primary:focus-visible{background:var(--ink);color:var(--accent)}
.band .btn{background:var(--ink);color:var(--accent);border-color:var(--ink)}
.band .btn:hover,.band .btn:focus-visible{background:var(--white);color:var(--ink)}
:focus-visible{outline:var(--border-thin) solid var(--accent);outline-offset:3px}

/* ===== HERO ===== */
.hero{
  background:var(--ink);
  color:var(--white);
  padding-block:clamp(3rem,8vw,7rem);
  border-bottom:var(--border) solid var(--accent);
}
.hero h1{max-width:20ch}
.hero .lead{margin-top:1.4rem;color:var(--muted-on-dark)}
.hero .btn{margin-top:2rem;margin-right:.75rem}

/* ===== GRIDS + CARDS ===== */
.grid{
  display:grid;
  gap:clamp(1rem,2.5vw,1.75rem);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.card{
  background:var(--white);
  color:var(--ink);
  border:var(--border) solid var(--ink);
  padding:clamp(1.25rem,2.5vw,1.85rem);
  box-shadow:10px 10px 0 var(--ink);
}
.card h3{margin-bottom:.6rem}
.card p{font-weight:700;color:var(--muted-on-light);max-width:44ch}
.card .eyebrow{margin-bottom:.9rem}
.band .card{box-shadow:10px 10px 0 var(--ink)}

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

/* ===== STAT ===== */
.stat{
  border:var(--border) solid var(--ink);
  padding:clamp(1rem,2.5vw,1.6rem);
  background:var(--white);
  color:var(--ink);
}
.stat b,.stat strong,.stat .stat-number{
  display:block;
  font-family:var(--font-display);
  font-size:var(--step-4);
  font-weight:900;
  line-height:.9;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.stat span{display:block;margin-top:.5rem;font-size:var(--step--1);font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--muted-on-light)}
.band .stat{background:var(--ink);color:var(--accent);border-color:var(--ink)}
.band .stat span{color:var(--accent)}

/* ===== FRAME ===== */
.frame{
  border:var(--border) solid var(--ink);
  background:var(--white);
  color:var(--ink);
  padding:clamp(1.25rem,3vw,2.25rem);
  box-shadow:14px 14px 0 var(--accent);
}
.band .frame{box-shadow:14px 14px 0 var(--ink)}
.frame h3{margin-bottom:.6rem}
.frame p{color:var(--muted-on-light)}

/* ===== SITE HEADER ===== */
body.wpb-canvas .site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:var(--ink);
  border-bottom:var(--border) solid var(--accent);
}
body.wpb-canvas .header-inner{
  display:flex;
  align-items:center;
  gap:clamp(.75rem,2vw,2rem);
  flex-wrap:wrap;
  max-width:var(--maxw);
  margin-inline:auto;
  padding:.85rem var(--pad-x);
}
body.wpb-canvas .brand{
  font-family:var(--font-display);
  font-size:clamp(1.1rem,1rem + .8vw,1.6rem);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:-.01em;
  color:var(--white);
  white-space:nowrap;
  flex:0 0 auto;
}
body.wpb-canvas .brand:hover, body.wpb-canvas .brand:focus-visible{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:thin;
}
body.wpb-canvas .nav ul{
  display:flex;
  align-items:center;
  gap:clamp(.9rem,2.2vw,1.9rem);
  flex-wrap:nowrap;
  white-space:nowrap;
}
body.wpb-canvas .nav li{flex:0 0 auto}
body.wpb-canvas .nav a{
  display:inline-block;
  font-family:var(--font-display);
  font-size:var(--step--1);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--white);
  padding:.5em 0;
  border-bottom:var(--border-thin) solid transparent;
}
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-size:var(--step--1);
  padding:.85em 1.25em;
}

/* ===== 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,5vw,4rem) 0;
}
body.wpb-canvas .footer-grid{
  display:grid;
  gap:clamp(1.5rem,3.5vw,2.75rem);
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:var(--pad-x);
}
body.wpb-canvas .footer-col{min-width:0}
body.wpb-canvas .footer-heading{
  font-family:var(--font-display);
  font-size:var(--step-1);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.02em;
  color:var(--accent);
  margin-bottom:1rem;
}
body.wpb-canvas .footer-col p, body.wpb-canvas .footer-col li{color:var(--muted-on-dark);font-weight:700}
body.wpb-canvas .footer-col ul{display:grid;gap:.55rem}
body.wpb-canvas .footer-col a{color:var(--white);border-bottom:var(--border-thin) solid transparent}
body.wpb-canvas .footer-col a:hover, body.wpb-canvas .footer-col a:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}
body.wpb-canvas .footer-col address{font-style:normal;color:var(--muted-on-dark);font-weight:700}
body.wpb-canvas .footer-col a[href^="tel"], body.wpb-canvas .footer-col .nowrap,.nowrap{white-space:nowrap}
body.wpb-canvas .footer-bottom{
  margin-top:clamp(2rem,4vw,3rem);
  border-top:var(--border-thin) solid var(--ink-soft);
  padding:1.1rem var(--pad-x);
  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(--step--1);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--muted-on-dark);
}

/* ===== RESPONSIVE ===== */
@media (max-width:1024px){
  body.wpb-canvas .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.wpb-canvas .footer-col:first-child{grid-column:1 / -1}
  .split{grid-template-columns:1fr}
}
@media (max-width:768px){
  :root{--border:3px;--border-thin:3px}
  body.wpb-canvas .header-inner{flex-wrap:wrap;padding-block:.7rem;gap:.6rem}
  body.wpb-canvas .brand{order:1}
  body.wpb-canvas .nav-cta{order:2;margin-left:auto}
  body.wpb-canvas .nav{order:3;flex:1 1 100%;min-width:0;overflow-x:auto;padding-bottom:.35rem}
  body.wpb-canvas .nav ul{gap:1.15rem}
  body.wpb-canvas .footer-grid{grid-template-columns:1fr}
  body.wpb-canvas .footer-col:first-child{grid-column:auto}
  body.wpb-canvas .footer-bottom{flex-direction:column;align-items:flex-start}
  .hero .btn{margin-right:0;margin-bottom:.75rem;display:block;width:100%}
  .card,.frame,.stat{box-shadow:7px 7px 0 var(--ink)}
  .frame{box-shadow:7px 7px 0 var(--accent)}
  .band .frame{box-shadow:7px 7px 0 var(--ink)}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

@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>