:root{--red:#e2231a;--blue:#0b3d91;--yel:#ffd400;--ink:#111;--cream:#fff8e7}*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.5}
p,li,label,input,select,textarea,summary,blockquote p{font-family:Georgia,"Times New Roman",serif;font-weight:400}a{color:var(--blue)}:focus-visible{outline:4px solid var(--yel);outline-offset:3px}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
header.top{background:var(--blue);color:#fff;border-bottom:6px solid var(--yel);position:sticky;top:0;z-index:5}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:1.2rem;text-transform:uppercase;line-height:1}.logo small{display:block;font-size:.7rem;color:var(--yel)}
nav{display:flex;gap:16px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;font-family:Arial;font-weight:700}nav a:hover,nav a.on{color:var(--yel)}
.btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;text-transform:uppercase;font-family:"Arial Black",Arial;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:14px 24px;font-size:1.1rem;cursor:pointer;transition:transform .1s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.btn.blue{background:var(--blue)}
.btn.big{font-size:clamp(1.2rem,3vw,1.8rem);animation:pulse 1.6s infinite}@keyframes pulse{50%{transform:scale(1.05)}}
.hero{background:repeating-conic-gradient(from 0deg at 50% 110%,var(--yel) 0 10deg,#ffe760 10deg 20deg);border-bottom:8px solid var(--ink);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;padding:50px 20px}
.hero h1{font-size:clamp(2.3rem,6vw,4.4rem);line-height:.95;margin:0 0 14px;text-transform:uppercase;color:var(--red);text-shadow:4px 4px 0 var(--blue),8px 8px 0 var(--ink)}
.tag{font-size:clamp(1.1rem,2.4vw,1.6rem);margin:0 0 8px;color:var(--blue)}.phone{display:block;font-size:clamp(1.5rem,4vw,2.3rem);margin:14px 0;color:var(--ink);text-decoration:none}
.heroart{position:relative;max-width:420px;margin:auto}.burst{width:100%;animation:spin 20s linear infinite;display:block}@keyframes spin{to{transform:rotate(360deg)}}
.heroart .van{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:bob 1.2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(-1deg)}}
.smoke{animation:puff 2s infinite}@keyframes puff{50%{opacity:.2;transform:translateY(-6px)}}
.ticker{background:var(--red);color:#fff;overflow:hidden;white-space:nowrap;border-bottom:6px solid var(--ink);padding:10px 0}
.ticker span{display:inline-block;padding-left:100%;animation:tick 35s linear infinite}@keyframes tick{to{transform:translateX(-100%)}}
section{padding:60px 0}h2{font-size:clamp(1.8rem,4.5vw,3rem);text-transform:uppercase;margin:0 0 10px;line-height:1.05}
h2 .hl{background:var(--yel);padding:0 8px;box-shadow:5px 5px 0 var(--ink)}.lead{font-size:1.15rem;max-width:40em}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:28px}
.card{background:#fff;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--blue);padding:22px;transition:transform .15s}.card:hover{transform:rotate(-1deg) scale(1.02)}
.card h3{margin:6px 0;text-transform:uppercase;color:var(--red)}.card .ico{font-size:2.6rem}
.fine{font-size:.85rem;color:#444;font-style:italic;border-top:2px dashed #999;padding-top:8px;font-family:Georgia}
.blue{background:var(--blue);color:#fff}.blue h2 .hl{color:var(--ink)}
.steps{counter-reset:p;list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:28px}
.steps li{counter-increment:p;background:#fff;color:var(--ink);border:4px solid var(--ink);padding:18px 18px 18px 74px;position:relative}
.steps li::before{content:counter(p);position:absolute;left:14px;top:14px;width:46px;height:46px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-family:"Arial Black";font-size:1.4rem;border:3px solid var(--ink)}
.steps strong{font-family:"Arial Black";display:block}
.yel{background:var(--yel);border-top:8px solid var(--ink);border-bottom:8px solid var(--ink)}
blockquote{margin:0;background:#fff;border:4px solid var(--ink);padding:24px;box-shadow:8px 8px 0 var(--ink);min-height:170px}
blockquote p{margin:0 0 10px;font-size:1.2rem}.stars{color:var(--red);letter-spacing:2px}
.calc{background:#fff;border:5px solid var(--ink);box-shadow:10px 10px 0 var(--red);padding:26px}
.calc label{display:block;font-weight:700;font-family:Arial;margin:12px 0 4px}
input,select,textarea{width:100%;padding:12px;border:3px solid var(--ink);font-size:1rem;background:var(--cream)}input[type=range]{padding:0}
.out{background:var(--yel);border:4px solid var(--ink);padding:18px;margin-top:18px;font-size:1.4rem}.out small{display:block;font-family:Georgia;font-size:1rem}
.pump{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.pump button{flex:1;min-width:120px}
.towns{columns:3;font-family:Arial;font-weight:700}.towns li{cursor:pointer}.towns li:hover{color:var(--red)}
form.q{background:#fff;border:5px solid var(--ink);box-shadow:10px 10px 0 var(--red);padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:16px}form.q .full{grid-column:1/-1}
form.q label{font-weight:700;font-family:Arial}.check{display:flex;gap:10px}.check input{width:auto}
#modal{display:none;position:fixed;inset:0;background:#000a;z-index:20;align-items:center;justify-content:center;padding:20px}#modal.show{display:flex}
#modal .box{background:var(--yel);border:5px solid var(--ink);box-shadow:10px 10px 0 var(--blue);padding:30px;max-width:480px;animation:pop .3s}@keyframes pop{from{transform:scale(.5) rotate(-8deg)}}
details{background:#fff;border:4px solid var(--ink);margin-bottom:14px}summary{cursor:pointer;padding:16px 18px;font-family:"Arial Black";font-size:1.1rem}details p{padding:0 18px 16px;margin:0}
footer.site{background:var(--ink);color:#ddd;padding:40px 0;font-family:Arial}footer.site .disc{border:3px dashed var(--yel);padding:16px;color:#fff;margin-top:16px}
.peek{position:fixed;right:-120px;bottom:90px;font-size:90px;transition:right .4s;z-index:9;cursor:pointer;line-height:1}.peek.on{right:-10px}
.toast{position:fixed;left:50%;top:90px;transform:translateX(-50%);background:var(--red);color:#fff;border:4px solid var(--ink);padding:12px 18px;z-index:30;display:none}.toast.on{display:block;animation:pop .3s}
.tv{position:relative;aspect-ratio:16/9;max-width:900px;margin-top:24px;border:6px solid var(--ink);box-shadow:12px 12px 0 var(--yel);background:#000;transform:rotate(-1deg)}.tv iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.crumbs{background:#fff;border-bottom:4px solid var(--ink);font-family:Arial;font-weight:700;font-size:.9rem;padding:8px 0}.crumbs a{color:var(--blue)}
.pill{display:inline-block;background:#fff;border:3px solid var(--ink);padding:6px 12px;margin:4px;font-family:Arial;font-weight:700;text-decoration:none;color:var(--ink);box-shadow:3px 3px 0 var(--red)}.pill:hover{background:var(--yel)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:26px}@media(max-width:820px){.two{grid-template-columns:1fr}}
.callbar{display:none}
@media(max-width:820px){.hero .wrap{grid-template-columns:1fr}form.q{grid-template-columns:1fr}.towns{columns:2}nav{gap:10px;font-size:.9rem}
.callbar{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--red);color:#fff;text-align:center;padding:14px;font-size:1.1rem;text-decoration:none;border-top:4px solid var(--ink);z-index:6}body{padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.ticker span{padding-left:20px}}
.map{margin:0;background:#fff;border:5px solid var(--ink);box-shadow:10px 10px 0 var(--red);padding:10px}.map svg{width:100%;height:auto;display:block}
.map figcaption{font-family:Georgia;font-style:italic;text-align:center;padding-top:6px}.map .water{font:700 15px Arial;fill:#0b3d91;opacity:.7;letter-spacing:2px}.map .cty{font:900 30px "Arial Black",Arial;fill:#111;opacity:.18}.map .small{font:700 11px Arial}
.pin circle{fill:var(--red);stroke:#111;stroke-width:3;transition:r .15s}.pin.suffolk circle{fill:var(--blue)}.pin text{font:900 13px "Arial Black",Arial;fill:#111;paint-order:stroke;stroke:#fff;stroke-width:4px}
.pin:hover circle,.pin:focus circle{r:16;fill:var(--yel)}.pin:focus{outline:none}.hq path{fill:#111;animation:bob 1.2s infinite}.hq text{font:900 11px Arial;fill:var(--red)}
.tabs{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 6px}.tab{font-family:"Arial Black",Arial;text-transform:uppercase;border:4px solid var(--ink);background:#fff;padding:10px 18px;cursor:pointer;box-shadow:4px 4px 0 var(--ink)}.tab[aria-pressed=true]{background:var(--red);color:#fff}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;margin-top:20px}
.tcard{position:relative;background:#fff;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--blue);padding:20px 18px 18px;transition:transform .15s;outline:none}.tcard[data-c=nassau]{box-shadow:8px 8px 0 var(--red)}
.tcard:hover,.tcard:focus-within,.tcard.open{transform:rotate(-1.2deg) translateY(-3px)}.tcard h3{margin:8px 0 4px;text-transform:uppercase;color:var(--red);font-size:1.25rem}.tcard .hm{margin:0 0 14px;font-size:.95rem}
.badge{display:inline-block;background:var(--yel);border:3px solid var(--ink);font:900 .72rem Arial;text-transform:uppercase;padding:3px 8px;transform:rotate(-2deg)}
.bubble{position:absolute;left:12px;right:12px;bottom:calc(100% - 6px);background:var(--yel);border:4px solid var(--ink);padding:12px;font-family:Georgia;font-size:.98rem;box-shadow:5px 5px 0 var(--ink);opacity:0;transform:translateY(10px) scale(.9);pointer-events:none;transition:.18s;z-index:4}
.bubble::after{content:"";position:absolute;left:28px;bottom:-16px;border:12px solid transparent;border-top-color:var(--ink)}
.tcard:hover .bubble,.tcard:focus .bubble,.tcard:focus-within .bubble,.tcard.open .bubble{opacity:1;transform:none}
.btn.sm{font-size:.85rem;padding:8px 12px;box-shadow:4px 4px 0 var(--ink)}.hint{font-family:Georgia;font-style:italic}
.tcard[hidden]{display:none}.pop{padding:40px 0}.popr{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.pill.big{font-size:1.05rem;padding:10px 16px}
.cnty{margin-top:46px}.mapsec{padding:40px 0 10px}.hero .wrap:has(>div:only-child){grid-template-columns:1fr}