/* Corky's Corner — sister-brand of Corky's MHS™. Colors, fonts and button styles match corkysmhs.com. */
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:700 800;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:'Barlow Condensed';font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:'Barlow Condensed';font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:'Barlow Condensed';font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-latin-800-normal.woff2) format("woff2")}

:root{--ink:#102b3a;--muted:#55727f;--paper:#f7fbfd;--panel:#fff;--sky:#e9f6fa;--cyan:#067b8f;--cyan2:#00a8bd;--red:#b5313c;--gold:#c88d13;--navy:#24466c;--line:#cfe1e8;--live:#e0293a;--shadow:0 18px 50px rgba(22,66,82,.12);--radius:8px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
h1,h2,h3,.brand,.display{font-family:'Barlow Condensed',Arial Narrow,Arial,sans-serif;line-height:1.02}
h1{font-size:clamp(2.6rem,9vw,5.6rem);margin:.15em 0}
h2{font-size:clamp(2rem,6vw,3.4rem);margin:.2em 0 .35em}
h3{font-size:1.5rem;margin:.3em 0}
p{max-width:70ch}
a{color:var(--cyan)}
img,svg{max-width:100%}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:1rem;z-index:50}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--cyan);font-weight:800;font-size:.74rem;margin:0}
.lead{font-size:1.12rem}
.fine{font-size:.82rem;color:var(--muted)}
.hidden{display:none!important}

/* prototype banner */
.proto-banner{background:#fff3cd;color:#5c4200;border-bottom:1px solid #ecd48a;font-size:.84rem;font-weight:700;text-align:center;padding:.45rem 1rem}
.proto-banner b{background:#5c4200;color:#fff3cd;border-radius:3px;padding:.05rem .4rem;margin-right:.35rem;letter-spacing:.05em}

/* header */
.site-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem 5vw;background:rgba(247,251,253,.95);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none;font-size:1.3rem;letter-spacing:.06em}
.brand b{color:var(--cyan)}
.brand small{display:block;font-family:Inter,Arial,sans-serif;font-size:.62rem;letter-spacing:.08em;color:var(--muted);font-weight:600;text-transform:uppercase}
.brand-mark{flex:none;width:42px;height:42px}
.site-header nav{display:flex;gap:1rem;align-items:center}
.site-header nav a{color:inherit;text-decoration:none;font-weight:600;font-size:.94rem}
.site-header nav a[aria-current=page]{color:var(--cyan)}
.site-header nav a.btn{color:#fff}
.menu{display:none;font:inherit;font-weight:800;text-transform:uppercase;font-size:.78rem;border:1px solid var(--ink);background:#fff;border-radius:4px;padding:.55rem .8rem;cursor:pointer}

/* buttons */
.btn{display:inline-flex;justify-content:center;align-items:center;gap:0;border:1px solid var(--ink);padding:.8rem 1.05rem;color:var(--ink);text-decoration:none;text-transform:uppercase;font-weight:800;font-size:.78rem;letter-spacing:.05em;background:rgba(255,255,255,.8);cursor:pointer;border-radius:4px;font-family:Inter,Arial,sans-serif;line-height:1.2;text-align:center;transition:transform .15s,box-shadow .15s}
.btn.primary{background:var(--cyan);border-color:var(--cyan);color:#fff}
.btn.red{background:var(--red);border-color:var(--red);color:#fff}
.btn.dark{background:var(--ink);color:#fff}
.btn.small{padding:.5rem .7rem;font-size:.7rem}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(13,80,96,.18)}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0}

/* badges */
.badge{display:inline-flex;align-items:center;gap:.3rem;font:800 .66rem/1 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;border-radius:3px;padding:.28rem .45rem;vertical-align:middle;white-space:nowrap}
.badge.sample{background:#fff3cd;color:#6b4d00;border:1px dashed #b88a00}
.badge.real{background:#dff5e3;color:#185c2a;border:1px solid #7cc58d}
.badge.live{background:var(--live);color:#fff}
.badge.live:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#fff;animation:blink 1.2s infinite}
.badge.offline{background:#e3eaed;color:#4a5f68}
.badge.demo{background:var(--ink);color:#fff}
.badge.tentative{background:#fde8ea;color:var(--red);border:1px dashed var(--red)}
@keyframes blink{50%{opacity:.25}}

/* sections */
.section{padding:3.2rem 5vw}
.wrap{max-width:1180px;margin:0 auto}
.section-head{max-width:780px;margin:0 0 1.6rem}
.section-head.center{text-align:center;margin-left:auto;margin-right:auto}
.section-head.center p{margin-left:auto;margin-right:auto}
.band{background:var(--sky)}
.dark-band{background:var(--ink);color:#fff}
.dark-band .eyebrow{color:#7ceaf2}
.dark-band a:not(.btn){color:#7ceaf2}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;box-shadow:0 6px 20px rgba(22,66,82,.06)}
.grid{display:grid;gap:1rem}
.grid.two{grid-template-columns:1fr}
.grid.three,.grid.four{grid-template-columns:1fr}

/* hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#e9f6fa 0%,#f7fbfd 55%,#fff 100%);padding:2rem 5vw 1rem}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(181,49,60,.07) 0 22px,rgba(255,255,255,0) 22px 44px);mask-image:linear-gradient(90deg,transparent,#000 70%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);pointer-events:none}
.hero-inner{position:relative;max-width:1180px;margin:0 auto}
.hero h1 span{color:var(--red)}
.hero-note{font-weight:800;margin:.2rem 0 0}
.stats-row{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin:.6rem 0 0;padding:0;list-style:none;font-weight:700;font-size:.9rem}
.stats-row b{font-family:'Barlow Condensed';font-size:1.6rem;color:var(--cyan);margin-right:.2rem}

/* map */
.map-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.6rem;margin-top:1rem}
.map-stage{position:relative;width:100%;aspect-ratio:975/610}
.map-stage>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.map-stage .st{fill:#dcebf1;stroke:#fff;stroke-width:1;transition:fill .2s;cursor:pointer}
.map-stage .st.has{fill:#b9dde7}
.map-stage .st:hover,.map-stage .st.sel{fill:#8fcad8}
.map-legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.78rem;color:var(--muted);padding:.4rem .3rem 0;align-items:center}
.map-legend i{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;vertical-align:-1px;margin-right:.3rem}
.blip{position:absolute;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;padding:0;cursor:pointer;z-index:2;text-decoration:none;display:grid;place-items:center}
.blip .core{position:relative;z-index:2;width:100%;height:100%;border-radius:50%;border:2px solid #fff;background:var(--live);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 2px rgba(224,41,58,.25),0 2px 8px rgba(16,43,58,.35)}
.blip svg{width:12px;height:12px;position:static}
.blip .ring{position:absolute;left:50%;top:50%;width:100%;height:100%;margin:-50% 0 0 -50%;border-radius:50%;border:2px solid var(--live);opacity:0;pointer-events:none;animation:ping 3s cubic-bezier(.2,.6,.35,1) infinite;animation-delay:var(--d,0s)}
.blip .ring:nth-child(2){animation-delay:calc(var(--d,0s) + 1s)}
.blip .ring:nth-child(3){animation-delay:calc(var(--d,0s) + 2s)}
.blip.real{width:28px;height:28px;z-index:3}
.blip.real .core{background:var(--gold);box-shadow:0 0 0 2px rgba(200,141,19,.3),0 2px 8px rgba(16,43,58,.35)}
.blip.real .ring{border-color:var(--gold)}
.blip.real svg{width:18px;height:18px}
.blip.offline{width:18px;height:18px}
.blip.offline .core{background:#8fa1a8;border-width:1.5px;box-shadow:0 1px 3px rgba(16,43,58,.25);opacity:.75}
.blip.offline svg{width:9px;height:9px}
.blip.real.offline{width:32px;height:32px}
.blip.real.offline .core{background:#b8a06a;opacity:.9}
.blip.real.offline svg{width:16px;height:16px}
.blip:hover,.blip:focus-visible{z-index:6;outline:none}
.blip:hover .core,.blip:focus-visible .core{outline:3px solid var(--ink);outline-offset:2px}
.blip .tip{position:absolute;z-index:4;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font:600 .72rem/1.25 Inter,Arial,sans-serif;padding:.4rem .55rem;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.blip:hover .tip,.blip:focus-visible .tip{opacity:1}
.blip.dim{opacity:.15;pointer-events:none}
.blip.dim .ring{display:none}
.map-stage{overflow:hidden;border-radius:6px}
.sweep{position:absolute;left:50%;top:50%;width:160%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:1;background:conic-gradient(from 0deg,rgba(0,168,189,0) 0deg,rgba(0,168,189,0) 300deg,rgba(0,168,189,.10) 340deg,rgba(0,168,189,.28) 359deg,rgba(0,168,189,0) 360deg);border-radius:50%;animation:sweep 7s linear infinite}
.sweep:after{content:"";position:absolute;left:50%;top:0;width:2px;height:50%;background:linear-gradient(to top,rgba(0,168,189,.55),rgba(0,168,189,0));transform:translateX(-50%)}
.radar-grid{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 50%,transparent 0 14%,rgba(6,123,143,.08) 14.2% 14.5%,transparent 14.7% 29%,rgba(6,123,143,.07) 29.2% 29.5%,transparent 29.7% 44%,rgba(6,123,143,.06) 44.2% 44.5%,transparent 44.7%)}
@keyframes ping{0%{transform:scale(1);opacity:.85}70%{opacity:.15}100%{transform:scale(var(--s,2.3));opacity:0}}
@keyframes sweep{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.blip .ring,.sweep,.badge.live:before,.placeholder:before{animation:none!important}.blip .ring{opacity:0}.blip .ring:first-child{opacity:.45;transform:scale(1.7)}.sweep{display:none}.wheel-wrap svg.wheel{transition-duration:.01s!important}html{scroll-behavior:auto}}

/* filters + list */
.filters{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1rem 0 .6rem}
.filters label{display:grid;gap:.25rem;font-weight:700;font-size:.8rem}
.filters .check{display:flex;align-items:center;gap:.45rem;align-self:end;padding:.6rem 0}
.filters .check input{width:auto}
input,select,textarea{font:inherit;width:100%;padding:.72rem;border:1px solid #acc5ce;border-radius:4px;background:#fbfdfe;color:var(--ink)}
label{font-weight:700;font-size:.9rem}
.form-grid{display:grid;grid-template-columns:1fr;gap:.9rem}
.form-grid label{display:grid;gap:.3rem}
.form-grid .check{display:flex;gap:.55rem;align-items:flex-start;font-weight:600}
.form-grid .check input{width:auto;margin-top:.3rem}
.form-msg{font-weight:700;color:var(--cyan)}
.result-count{font-weight:700;color:var(--muted);font-size:.85rem;margin:.2rem 0 .8rem}
.cam-list{display:grid;grid-template-columns:1fr;gap:.8rem}
.cam-card{display:flex;gap:.8rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:.85rem;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.cam-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.cam-card.real{border:2px solid var(--gold)}
.cam-card h3{font-size:1.25rem;margin:.1rem 0 .2rem}
.cam-card p{margin:0;font-size:.84rem;color:var(--muted)}
.cam-card .badges{display:flex;flex-wrap:wrap;gap:.3rem}
.trade-ico{flex:none;width:44px;height:44px;border-radius:10px;background:var(--sky);color:var(--cyan);display:grid;place-items:center}
.trade-ico svg{width:26px;height:26px}
.empty{padding:1.5rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}

/* watch page */
.watch-layout{display:grid;grid-template-columns:1fr;gap:1.2rem}
.player{position:relative;width:100%;aspect-ratio:16/9;background:#07161f;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.player iframe,.player video{position:absolute;inset:0;width:100%;height:100%;border:0}
.placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#cfe6ee;padding:1rem;background:radial-gradient(circle at 50% 40%,#16394b 0,#07161f 70%)}
.placeholder:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 4px);animation:scan 6s linear infinite;pointer-events:none}
@keyframes scan{to{background-position:0 120px}}
.placeholder .ph-ico{width:56px;height:56px;margin:0 auto .5rem;color:#7ceaf2}
.placeholder .ph-ico svg{width:56px;height:56px}
.placeholder strong{display:block;font-family:'Barlow Condensed';font-size:clamp(1.4rem,5vw,2.2rem);color:#fff;letter-spacing:.04em}
.placeholder p{margin:.3rem auto 0;font-size:.82rem;max-width:44ch}
.player-bar{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.6rem 0}
.player-bar .src{font-size:.78rem;color:var(--muted)}
.cam-title{font-size:clamp(1.9rem,6vw,3rem);margin:.3rem 0}
.contractor-card h3{margin:.2rem 0}
.contractor-card .actions{margin:.8rem 0 0}
.contractor-card .actions .btn{flex:1 1 100%}
.meta{list-style:none;padding:0;margin:.6rem 0;font-size:.88rem}
.meta li{padding:.3rem 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem}
.meta li span{color:var(--muted)}
.subscribe-cta{background:var(--ink);color:#fff;border-radius:var(--radius);padding:1.2rem}
.subscribe-cta h3{color:#fff}
.privacy-list{margin:.4rem 0 0;padding-left:1.1rem;font-size:.86rem}

/* contractor page */
.profile-head{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.avatar{width:72px;height:72px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:800 1.6rem 'Barlow Condensed';flex:none;border:3px solid var(--cyan2)}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
.tl{aspect-ratio:16/10;border-radius:6px;background:linear-gradient(135deg,#16394b,#067b8f);color:#cfe6ee;display:grid;place-items:center;text-align:center;font-size:.78rem;font-weight:700;padding:.5rem;position:relative}
.tl span{position:absolute;top:.4rem;left:.4rem}

/* leaderboard */
.tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 1rem}
.tabs button{font:800 .74rem Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line);background:#fff;color:var(--ink);padding:.55rem .8rem;border-radius:999px;cursor:pointer}
.tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
table{width:100%;border-collapse:collapse;font-size:.88rem}
th,td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#f3f9fb}
td.rank{font:800 1.3rem 'Barlow Condensed';color:var(--cyan);width:2.5rem}
tr.top1 td.rank{color:var(--gold)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}
.winner-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.winner-list li{background:#fff;border:1px solid var(--line);border-radius:6px;padding:.7rem .8rem;display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;align-items:center}
.winner-list b{font-family:'Barlow Condensed';font-size:1.2rem}
.prize{color:var(--red);font-weight:800}

/* subscribe */
.plans{display:grid;grid-template-columns:1fr;gap:.7rem;margin:1rem 0}
.plan{position:relative;display:block;cursor:pointer}
.plan input{position:absolute;opacity:0}
.plan .pbox{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#fff;border:2px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;transition:border-color .15s,box-shadow .15s}
.plan input:checked+.pbox{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,168,189,.2)}
.plan input:focus-visible+.pbox{outline:3px solid var(--ink)}
.plan .pname{font:800 1.5rem 'Barlow Condensed'}
.plan .pnote{font-size:.8rem;color:var(--muted);font-weight:600}
.plan .pprice{font:800 1.9rem 'Barlow Condensed';color:var(--cyan);text-align:right}
.plan .pprice small{display:block;font:600 .72rem Inter,Arial,sans-serif;color:var(--muted)}
.plan .best{position:absolute;top:-.6rem;right:1rem;background:var(--red);color:#fff;font:800 .62rem Inter;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .45rem;border-radius:3px}
.demo-stamp{border:2px dashed var(--red);color:var(--red);background:#fff5f6;border-radius:6px;padding:.6rem .8rem;font-weight:800;text-align:center;letter-spacing:.03em}
.order-summary{display:flex;justify-content:space-between;font-weight:800;border-top:1px solid var(--line);padding-top:.7rem;margin-top:.4rem}
.success{background:#e8f8ec;border:1px solid #7cc58d;border-radius:var(--radius);padding:1rem;color:#185c2a}

/* wheel */
.wheel-box{display:grid;justify-items:center;gap:.8rem;text-align:center}
.wheel-wrap{position:relative;width:min(340px,86vw);aspect-ratio:1}
.wheel-wrap svg.wheel{width:100%;height:100%;transition:transform 5s cubic-bezier(.12,.72,.08,1);filter:drop-shadow(0 12px 22px rgba(16,43,58,.3))}
.wheel-pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:30px solid var(--red);filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));z-index:2}
.wheel-result{font:800 1.6rem 'Barlow Condensed';min-height:2rem}
.rules{font-size:.8rem;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:6px;padding:.7rem .9rem;text-align:left}

/* info pages */
.tier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
.tier{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;text-align:center}
.tier b{display:block;font:800 2.2rem 'Barlow Condensed';color:var(--red)}
.tier span{font-weight:700;font-size:.85rem}
.check-list{list-style:none;padding:0;margin:.5rem 0}
.check-list li{padding:.45rem 0 .45rem 1.8rem;position:relative;border-bottom:1px solid var(--line)}
.dark-band .check-list li{border-color:rgba(255,255,255,.15)}
.check-list li:before{content:"✓";position:absolute;left:.2rem;top:.4rem;color:var(--cyan2);font-weight:800}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:.7rem}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1rem 1rem 3.4rem;position:relative}
.steps li:before{content:counter(s);position:absolute;left:1rem;top:1rem;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--cyan);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem}
.steps b{display:block}
.consent-grid{display:grid;grid-template-columns:1fr;gap:.7rem}
.consent-grid article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:1rem}
.consent-grid h3{color:#fff;font-size:1.3rem}
.consent-grid p{margin:.2rem 0 0;font-size:.9rem;color:#d7e9ef}

/* fence sign */
.sign-controls{display:grid;gap:.7rem;grid-template-columns:1fr;margin-bottom:1rem}
.fence-sign{background:#fff;border:10px solid var(--ink);border-radius:14px;max-width:780px;margin:0 auto;padding:1.4rem;text-align:center;color:var(--ink);position:relative;overflow:hidden}
.fence-sign:before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:repeating-linear-gradient(90deg,var(--red) 0 30px,#fff 30px 60px)}
.fence-sign .fs-top{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:.6rem}
.fence-sign .fs-top svg{width:64px;height:64px}
.fence-sign .fs-brand{font:800 clamp(2rem,7vw,3.4rem)/1 'Barlow Condensed';letter-spacing:.04em}
.fence-sign .fs-brand b{color:var(--cyan)}
.fence-sign .fs-live{display:inline-block;background:var(--live);color:#fff;font:800 clamp(1.2rem,4.5vw,2rem) 'Barlow Condensed';letter-spacing:.08em;padding:.2rem .9rem;border-radius:4px;margin:.6rem 0}
.fence-sign h2{font-size:clamp(1.7rem,6vw,2.8rem);margin:.3rem 0}
.fence-sign .qr{width:min(300px,70%);margin:.8rem auto;aspect-ratio:1;display:grid;place-items:center}
.fence-sign .qr svg,.fence-sign .qr img{width:100%;height:100%}
.fence-sign .fs-url{font:700 .9rem ui-monospace,Menlo,monospace;word-break:break-all;color:var(--muted)}
.fence-sign .fs-price{font:800 1.5rem 'Barlow Condensed';color:var(--red)}
.fence-sign .fs-notice{display:grid;grid-template-columns:1fr;gap:.3rem;border-top:2px solid var(--ink);margin-top:1rem;padding-top:.8rem;font-size:.82rem;font-weight:700;text-align:left}
.fence-sign .fs-tag{font:700 1.1rem 'Barlow Condensed';margin:.6rem 0 0}

/* footer */
footer{background:var(--ink);color:#d7e9ef;padding:2.4rem 5vw 5.5rem;font-size:.88rem}
footer .brand{color:#fff}
footer a{color:#7ceaf2;text-decoration:none;font-weight:600}
footer .foot-grid{display:grid;gap:1.2rem;max-width:1180px;margin:0 auto}
footer nav{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem}
footer small{display:block;color:#9fbac5}
.mobile-cta{position:fixed;left:.8rem;right:.8rem;bottom:.8rem;z-index:25;text-align:center;background:var(--cyan);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.85rem;border-radius:6px;box-shadow:0 10px 30px rgba(6,60,72,.35);text-decoration:none;font-size:.85rem}

/* mobile nav */
@media (max-width:1099px){
  .menu{display:block}
  .site-header nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:.4rem 5vw 1rem}
  .site-header nav.open{display:flex}
  .site-header nav a{padding:.75rem 0;border-bottom:1px solid var(--line)}
  .site-header nav a.btn{margin-top:.6rem;border-bottom:1px solid var(--cyan)}
}
@media (max-width:420px){.brand{font-size:1.1rem}.brand-mark{width:36px;height:36px}}

/* larger screens */
@media (min-width:640px){
  .grid.two{grid-template-columns:1fr 1fr}
  .grid.three{grid-template-columns:repeat(3,1fr)}
  .grid.four{grid-template-columns:repeat(2,1fr)}
  .filters{grid-template-columns:repeat(4,1fr)}
  .cam-list{grid-template-columns:1fr 1fr}
  .plans{grid-template-columns:repeat(3,1fr)}
  .plan .pbox{flex-direction:column;align-items:flex-start;min-height:150px}
  .plan .pprice{text-align:left}
  .gallery{grid-template-columns:repeat(3,1fr)}
  .tier-grid{grid-template-columns:repeat(4,1fr)}
  .consent-grid{grid-template-columns:1fr 1fr}
  .sign-controls{grid-template-columns:2fr 1fr}
  .fence-sign .fs-notice{grid-template-columns:1fr 1fr}
  .contractor-card .actions .btn{flex:1 1 auto}
}
@media (min-width:900px){
  .section{padding:4.5rem max(5vw,calc((100vw - 1180px)/2))}
  .hero{padding:3rem max(5vw,calc((100vw - 1180px)/2)) 1.5rem}
  .grid.four{grid-template-columns:repeat(4,1fr)}
  .cam-list{grid-template-columns:repeat(3,1fr)}
  .watch-layout{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}
  .consent-grid{grid-template-columns:repeat(3,1fr)}
  .mobile-cta{display:none}
  footer{padding-bottom:2.4rem}
  footer .foot-grid{grid-template-columns:2fr 1fr 1fr}
  .blip.live{width:28px;height:28px;--s:3.2}.blip.live svg{width:15px;height:15px}
  .blip.real{width:36px;height:36px}
}

/* print: fence sign page prints just the sign */
@media print{
  @page{size:letter portrait;margin:.35in}
  body{background:#fff}
  .proto-banner,.site-header,footer,.mobile-cta,.no-print{display:none!important}
  .section{padding:0}
  .fence-sign{max-width:none;border-width:8px;-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid}
  .fence-sign *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
footer small.copy{margin-top:.6rem}
.sw{display:inline-block;width:.8rem;height:.8rem;border-radius:2px;margin-right:.45rem;vertical-align:-1px}
.odds-table td:nth-child(2),.odds-table td:nth-child(3){white-space:nowrap;font-weight:700}
.motto{display:flex;align-items:center;gap:.7rem;margin:1rem 0 .4rem;font:800 clamp(1.5rem,5.2vw,2.6rem)/1.05 'Barlow Condensed',Arial Narrow,Arial,sans-serif;color:var(--ink)}
.motto span{color:var(--red)}
.motto svg{flex:none;width:clamp(40px,9vw,58px);height:auto}
.motto-band{background:var(--ink);color:#fff;text-align:center;padding:1.4rem 5vw}
.motto-band .motto{justify-content:center;color:#fff;margin:0}
.motto-band .motto span{color:#ffb3ba}
footer .motto{font-size:1.35rem;color:#fff;margin:.4rem 0}
footer .motto span{color:#ffb3ba}
footer .motto svg{width:34px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.subscribe-cta .fine{color:#b9d3dc}.subscribe-cta .btn:not(.primary){background:transparent;color:#fff;border-color:#7ceaf2}
.hero h1.home-h1{font-size:clamp(2.6rem,8vw,4.6rem)}
.hero .lead{margin:.3rem 0}
.m-only{display:inline}.d-only{display:none}
@media (min-width:640px){.m-only{display:none}.d-only{display:table-cell}}
.fence-sign p{margin-left:auto;margin-right:auto}
.map-card{max-width:1040px;margin-left:auto;margin-right:auto}