<style>
/* ============ RESET ============ */
*,*::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}
button{background:none;border:0;cursor:pointer}
h1,h2,h3,h4,h5,h6{font-weight:900;line-height:.92}
table{border-collapse:collapse;width:100%}

/* ============ TOKENS ============ */
:root{
  --ink:#0B0B0C;
  --paper:#FFFFFF;
  --accent:#FFD400;
  --accent-ink:#0B0B0C;
  --muted:#5A5A5F;          /* 7.1:1 on white */
  --muted-dark:#B9B9BE;     /* 9.4:1 on #0B0B0C */
  --line:3px solid var(--ink);
  --line-thick:4px solid var(--ink);
  --line-light:3px solid var(--paper);
  --shadow:8px 8px 0 var(--ink);
  --shadow-accent:8px 8px 0 var(--accent);
  --pad:clamp(1.25rem,4vw,2.5rem);
  --sect:clamp(3.5rem,8vw,6.5rem);
  --maxw:1200px;
  --f-head:"Arial Black","Arial Bold",Impact,"Haettenschweiler","Franklin Gothic Heavy",sans-serif;
  --f-body:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --t-hero:clamp(2.75rem,11vw,7.5rem);
  --t-h2:clamp(2rem,6.5vw,4.5rem);
  --t-h3:clamp(1.25rem,2.6vw,1.75rem);
  --t-lead:clamp(1.05rem,2vw,1.35rem);
  --t-body:clamp(1rem,1.4vw,1.0625rem);
  --t-small:.8125rem;
}

/* ============ BASE ============ */
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--f-body);
  font-size:var(--t-body);
  font-weight:700;
  line-height:1.6;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:var(--f-head);text-transform:uppercase;letter-spacing:-.02em}
h1{font-size:var(--t-hero);letter-spacing:-.035em}
h2{font-size:var(--t-h2);letter-spacing:-.03em}
h3{font-size:var(--t-h3);letter-spacing:-.015em}
p{max-width:68ch}
strong,b{font-weight:900}

/* ============ LAYOUT ============ */
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.section{padding-block:var(--sect)}
.section>*+*{margin-top:clamp(1.25rem,3vw,2rem)}
.center{text-align:center}
.center p,.center .lead{margin-inline:auto}
.muted{color:var(--muted)}
.band{width:100%;background:var(--ink);color:var(--paper);padding-block:var(--sect)}
.band .muted{color:var(--muted-dark)}
.band h1,.band h2,.band h3{color:var(--paper)}
.band .eyebrow{color:var(--accent)}
.eyebrow{
  display:inline-block;
  font-family:var(--f-head);
  font-size:var(--t-small);
  text-transform:uppercase;
  letter-spacing:.18em;
  background:var(--accent);
  color:var(--accent-ink);
  padding:.4em .8em;
  border:var(--line);
}
.lead{font-size:var(--t-lead);font-weight:700;line-height:1.45;max-width:62ch}

/* ============ BUTTONS ============ */
.btn{
  display:inline-block;
  font-family:var(--f-head);
  font-size:clamp(.9rem,1.6vw,1.0625rem);
  text-transform:uppercase;
  letter-spacing:.06em;
  padding:.85em 1.6em;
  border:var(--line);
  background:var(--paper);
  color:var(--ink);
  border-radius:0;
  white-space:nowrap;
  transition:transform .12s ease,box-shadow .12s ease,background .12s ease;
}
.btn:hover,.btn:focus-visible{transform:translate(-3px,-3px);box-shadow:var(--shadow)}
.btn:active{transform:translate(0,0);box-shadow:none}
.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow)}
.btn-primary:hover,.btn-primary:focus-visible{box-shadow:var(--shadow)}
.band .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.band .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--ink)}

/* ============ GRIDS / CARDS ============ */
.grid{display:grid;gap:clamp(1rem,2.5vw,1.75rem);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{
  border:var(--line);
  background:var(--paper);
  padding:clamp(1.25rem,3vw,2rem);
  display:flex;
  flex-direction:column;
  gap:.75rem;
  box-shadow:var(--shadow);
}
.card h3{margin-bottom:.15em}
.card p{font-weight:700}
.band .card{background:var(--ink);color:var(--paper);border-color:var(--paper);box-shadow:var(--shadow-accent)}
.band .card .muted{color:var(--muted-dark)}

/* ============ HELPERS ============ */
.split{display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:1fr 1fr;align-items:center}
.stat{display:flex;flex-direction:column;gap:.15em}
.stat strong,.stat .num{
  display:block;
  font-family:var(--f-head);
  font-size:clamp(2.5rem,7vw,4.5rem);
  line-height:.85;
  letter-spacing:-.04em;
  text-transform:uppercase;
  white-space:nowrap;
}
.stat span{font-size:var(--t-small);text-transform:uppercase;letter-spacing:.14em;font-weight:900}
.frame{border:var(--line-thick);padding:clamp(1rem,3vw,2rem);background:var(--paper);box-shadow:var(--shadow)}
.band .frame{border-color:var(--paper);box-shadow:var(--shadow-accent)}
.hero{padding-block:clamp(3rem,9vw,7rem)}
.hero h1{max-width:16ch}
.hero .lead{margin-top:clamp(1rem,2.5vw,1.5rem)}

/* ============ SITE HEADER ============ */
body.wpb-canvas .site-header{
  position:sticky;top:0;z-index:50;
  background:var(--ink);
  color:var(--paper);
  border-bottom:var(--line-thick);
  border-color:var(--accent);
}
body.wpb-canvas .header-inner{
  display:flex;
  align-items:center;
  gap:clamp(.75rem,2vw,1.75rem);
  flex-wrap:wrap;
  padding-block:.75rem;
  width:100%;
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:var(--pad);
}
body.wpb-canvas .brand{
  font-family:var(--f-head);
  font-size:clamp(1.1rem,2.4vw,1.5rem);
  text-transform:uppercase;
  letter-spacing:-.02em;
  color:var(--paper);
  white-space:nowrap;
  flex:0 0 auto;
}
body.wpb-canvas .brand::after{content:"";display:inline-block;width:.5em;height:.5em;background:var(--accent);margin-left:.35em;vertical-align:baseline}
body.wpb-canvas .nav{flex:1 1 auto;min-width:0}
body.wpb-canvas .nav ul{
  display:flex;
  align-items:center;
  gap:clamp(.75rem,2vw,1.5rem);
  flex-wrap:wrap;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
body.wpb-canvas .nav ul::-webkit-scrollbar{display:none}
body.wpb-canvas .nav li{flex:0 0 auto}
body.wpb-canvas .nav a{
  display:block;
  font-family:var(--f-head);
  font-size:var(--t-small);
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--paper);
  padding:.35em 0;
  border-bottom:3px 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;margin-left:auto;padding:.6em 1.1em;font-size:var(--t-small)}

/* ============ SITE FOOTER ============ */
body.wpb-canvas .site-footer{background:var(--ink);color:var(--paper);border-top:var(--line-thick);border-color:var(--accent)}
body.wpb-canvas .footer-grid{
  display:grid;
  gap:clamp(1.5rem,4vw,3rem);
  grid-template-columns:repeat(3,1fr);
  padding-block:clamp(2.5rem,6vw,4rem);
  width:100%;
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:var(--pad);
}
body.wpb-canvas .footer-col{display:flex;flex-direction:column;gap:.6rem;min-width:0}
body.wpb-canvas .footer-heading{
  font-family:var(--f-head);
  font-size:var(--t-small);
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--accent);
  margin-bottom:.35rem;
}
body.wpb-canvas .site-footer body.wpb-canvas .brand{font-size:clamp(1.25rem,3vw,1.75rem)}
body.wpb-canvas .site-footer p, body.wpb-canvas .site-footer li, body.wpb-canvas .site-footer a{color:var(--muted-dark);font-weight:700}
body.wpb-canvas .site-footer a:hover, body.wpb-canvas .site-footer a:focus-visible{color:var(--accent)}
body.wpb-canvas .site-footer ul{display:flex;flex-direction:column;gap:.4rem}
body.wpb-canvas .site-footer .contact-line{color:var(--paper);white-space:nowrap;font-weight:900}
body.wpb-canvas .footer-bottom{
  border-top:3px solid #2A2A2D;
  padding-block:1.1rem;
  font-size:var(--t-small);
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted-dark);
}
body.wpb-canvas .footer-bottom .container{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;align-items:center}
body.wpb-canvas .footer-bottom a{color:var(--muted-dark)}
body.wpb-canvas .footer-bottom a:hover{color:var(--accent)}

/* ============ BREAKPOINTS ============ */
@media (max-width:1024px){
  .split{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2.25rem)}
  body.wpb-canvas .footer-grid{grid-template-columns:1fr 1fr}
  body.wpb-canvas .footer-col:first-child{grid-column:1 / -1}
}
@media (max-width:768px){
  :root{--sect:clamp(2.75rem,9vw,4rem);--shadow:6px 6px 0 var(--ink);--shadow-accent:6px 6px 0 var(--accent)}
  body.wpb-canvas .header-inner{flex-wrap:nowrap;gap:.6rem;padding-block:.6rem}
  body.wpb-canvas .brand{font-size:1.05rem}
  body.wpb-canvas .nav{flex:1 1 auto;min-width:0}
  body.wpb-canvas .nav ul{flex-wrap:nowrap;gap:1rem}
  body.wpb-canvas .nav-cta{padding:.55em .8em;font-size:.75rem}
  .grid{grid-template-columns:1fr}
  body.wpb-canvas .footer-grid{grid-template-columns:1fr;gap:1.75rem}
  body.wpb-canvas .footer-col:first-child{grid-column:auto}
  body.wpb-canvas .footer-bottom .container{justify-content:flex-start}
  .btn{width:100%;text-align:center}
  body.wpb-canvas .nav-cta,.btn-inline{width:auto}
}
@media (max-width:420px){
  body.wpb-canvas .brand::after{display:none}
}

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