:root{--navy:hsl(222,65%,19%);--yellow:hsl(50,100%,50%);--red:hsl(0,100%,50%);--orange:hsl(35,100%,50%);--sky:#e0f2fe;--paper:hsl(48,100%,96%);--lane:hsl(222,40%,92%);--ink:#000}
*{box-sizing:border-box;margin:0}body{font-family:Roboto,system-ui,sans-serif;background:var(--paper);color:#000;line-height:1.5}
a{color:inherit}.wrap{max-width:80rem;margin:0 auto;padding:0 1rem}
.bang{font-family:Bangers,Impact,sans-serif;letter-spacing:.02em;font-weight:400}
.panel{background:#fff;border:4px solid var(--ink);border-radius:.75rem;padding:1.25rem;box-shadow:4px 4px 0 var(--ink)}
.card{background:#fff;border:2px solid var(--ink);border-radius:.5rem;padding:.9rem;box-shadow:4px 4px 0 var(--ink)}
.btn{display:inline-block;font-family:Bangers,Impact,sans-serif;font-size:1.5rem;letter-spacing:.03em;background:var(--red);color:#fff;border:2px solid var(--ink);border-radius:.5rem;padding:.6rem 1.4rem;box-shadow:4px 4px 0 var(--ink);text-decoration:none;cursor:pointer}
.btn:hover{background:#b91c1c}.btn2{font-weight:700;border:2px solid var(--ink);border-radius:.35rem;padding:.35rem .8rem;background:var(--sky);text-decoration:none}
h1,h2{color:var(--navy)}h1{font-size:clamp(2.3rem,5vw,3.4rem);line-height:1.05}h2{font-size:2rem;margin-bottom:.75rem}h3{font-size:1.35rem}
section.wrap{padding-top:1.5rem;padding-bottom:1.5rem}main>section:first-child{padding-top:2.5rem}.lead{font-size:1.15rem;max-width:46rem;margin-top:.5rem}
.grid{display:grid;gap:.75rem}.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr}.g5{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:1.5rem}
@media(min-width:768px){.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g5{grid-template-columns:repeat(5,1fr)}}
@media(min-width:1024px){.split{grid-template-columns:2fr 3fr}}
header{background:var(--navy);color:#fff}header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.75rem;padding-bottom:.75rem}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}.logo span{font-size:1.8rem;color:var(--yellow);letter-spacing:.06em}
nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}nav a{text-decoration:none;font-weight:700;font-size:.95rem}nav .call{font-family:Bangers,Impact;font-size:1.2rem;background:var(--red);padding:.25rem .8rem;border:2px solid #000;border-radius:.35rem;box-shadow:4px 4px 0 #000}
.step{display:flex;align-items:center;gap:.5rem;font-weight:700;background:var(--yellow);border:2px solid #000;border-radius:.5rem;padding:.5rem .75rem;box-shadow:4px 4px 0 #000}
.num{font-family:Bangers,Impact;font-size:1.4rem;width:2rem;height:2rem;display:grid;place-items:center;border:2px solid #000;border-radius:50%;background:#fff;flex:none}
label{display:block;font-weight:700;font-size:.875rem;margin-bottom:.2rem}
input,select{width:100%;border:2px solid #000;border-radius:.35rem;padding:.55rem .7rem;font:inherit;background:#fff}input:focus,select:focus{outline:none;box-shadow:0 0 0 4px #fde047}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stack>*+*{margin-top:.75rem}
.stat{font-family:Bangers,Impact;font-size:2.4rem;color:var(--navy)}.muted{opacity:.65;font-size:.875rem;font-weight:700}
.lane{background:var(--lane);border:2px solid #000;border-radius:.5rem;padding:.6rem}.lane a{display:block;background:#fff;border:2px solid #000;border-radius:.35rem;padding:.4rem .55rem;margin-top:.4rem;text-decoration:none;font-weight:700;font-size:.9rem}
.badge{display:inline-block;font-family:Bangers,Impact;font-size:1rem;padding:0 .5rem;border:2px solid #000;border-radius:.3rem}
details{border:2px solid #000;border-radius:.5rem;background:#fff;padding:.75rem 1rem;box-shadow:4px 4px 0 #000}details+details{margin-top:.75rem}summary{font-weight:900;cursor:pointer}
footer{background:var(--navy);color:#fff;padding:2rem 0;font-size:.9rem}footer a{color:var(--yellow)}
.disc{font-size:.75rem;opacity:.65;margin-top:1rem}
.crumb{font-size:.85rem;font-weight:700;opacity:.7}.crumb a{text-decoration:underline}.prose p+p{margin-top:.75rem}.prose ul{margin:.5rem 0 0 1.2rem}.prose li+li{margin-top:.3rem}nav a[aria-current]{color:var(--yellow)}
.hero{display:grid;gap:1rem;align-items:center}.hero-badge{display:none;width:100%;height:auto;border:4px solid var(--ink);border-radius:.75rem;box-shadow:4px 4px 0 var(--ink);background:#fff}
@media(min-width:768px){.hero{grid-template-columns:1fr 14rem}.hero-badge{display:block}}
.logo img{display:block}