@font-face{font-family:"Public Sans";src:url("assets/fonts/public-sans-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Public Sans";src:url("assets/fonts/public-sans-600.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Public Sans";src:url("assets/fonts/public-sans-700.ttf") format("truetype");font-weight:700;font-display:swap}
:root,[data-theme="light"]{
  --navy:#14213a;--blue:#0759b6;--blue-hover:#03468f;--paper:#fff;--panel:#f3f5f7;--text:#14213a;--muted:#526071;--line:rgb(20 33 58 / 16%);--photo-blue:#164a7e;--field:#fff;--error:#a02020;
  --font-body:"Public Sans",Arial,sans-serif;--font-display:"Public Sans",Arial,sans-serif;
  --text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:clamp(1.75rem,2.6vw,2.25rem);--text-hero:clamp(2.5rem,4.2vw,3.5rem);
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--transition-interactive:180ms ease;
  color-scheme:light
}
[data-theme="dark"]{--paper:#111c2c;--panel:#18263a;--text:#f0f4fa;--muted:#bac8d8;--line:rgb(235 243 255 / 20%);--blue:#8ec1ff;--blue-hover:#b5d7ff;--field:#17283f;--error:#ffb4b4;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:var(--space-6);-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;background:var(--paper);color:var(--text);min-height:100dvh}
img,svg{display:block;max-width:100%;height:auto}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
a{color:var(--blue);text-underline-offset:4px}
a,button,input,select{transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive)}
a:hover{text-decoration-thickness:2px}
button:active,.button:active{transform:translateY(1px)}
h1,h2,h3{font-family:var(--font-display);line-height:1.15;font-weight:700;text-wrap:balance}
h2{font-size:var(--text-xl);letter-spacing:-.045em}
h3{font-size:var(--text-lg);letter-spacing:-.02em}
p,li{max-width:72ch;text-wrap:pretty}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:var(--radius-sm)}
[hidden]{display:none!important}
::selection{background:#b7d9ff;color:#14213a}
.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:var(--space-4);z-index:20;padding:var(--space-3);background:var(--paper)}
.skip-link:focus{top:var(--space-4)}
.utility{background:var(--navy);color:#edf2f8;font-size:var(--text-xs)}
.utility-inner{display:flex;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-2)}
.preview-label{color:#c4d5e7;white-space:nowrap}
.header{border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:88px}
.brand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text);font-size:1.375rem;font-weight:700;letter-spacing:-.065em;white-space:nowrap}
.brand-hq{font-weight:400}
.header .brand svg path{stroke:var(--paper)}
.header nav{display:flex;gap:var(--space-6)}
.header nav a{font-size:var(--text-sm);font-weight:600;text-decoration:none;color:var(--text);padding-block:var(--space-3)}
.header nav a:hover{text-decoration:underline}
.header-actions{display:flex;align-items:center;gap:var(--space-4)}
.header-call{font-size:var(--text-sm);text-decoration:none;line-height:1.5}
.header-call span{display:block;color:var(--muted);font-size:var(--text-xs)}
.theme-toggle{width:44px;min-height:44px;border:1px solid var(--line);font-size:1.4rem;border-radius:var(--radius-sm)}
.theme-toggle:hover{background:var(--panel)}
.menu-toggle{display:none;font-size:var(--text-sm);min-height:44px}
.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:var(--space-16);padding-block:var(--space-16) var(--space-12);align-items:start}
.eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;font-weight:600;line-height:1.5}
.hero .eyebrow{color:var(--blue);margin-bottom:var(--space-5)}
h1{font-size:var(--text-hero);letter-spacing:-.06em;line-height:1.1}
h1 span{color:var(--blue)}
.lede{font-size:var(--text-lg);line-height:1.65;color:var(--muted);margin-top:var(--space-6);max-width:47ch}
.zip-form{margin-top:var(--space-8)}
label{font-weight:600;font-size:var(--text-sm);display:block;margin-bottom:var(--space-2)}
.zip-row{display:flex;gap:var(--space-2)}
input:not([type=checkbox]),select{min-width:0;min-height:54px;padding:var(--space-3) var(--space-4);background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--text-base);width:100%}
input::placeholder{color:var(--muted);opacity:.85}
.zip-row input{flex:1;width:0}
#zip{max-width:172px;letter-spacing:.05em}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--blue);color:var(--paper);font-size:var(--text-sm);font-weight:700;line-height:1.4;border-radius:var(--radius-sm);min-height:54px;text-decoration:none;white-space:nowrap}
.button:hover{background:var(--blue-hover)}
.button:disabled{opacity:.5;cursor:not-allowed}
.arrow{font-size:var(--text-lg);transition:transform .2s}
.button:hover .arrow{transform:translateX(3px)}
.small{font-size:var(--text-xs);line-height:1.65;color:var(--muted)}
.zip-form .small{margin-top:var(--space-3)}
.disclosure{font-size:var(--text-xs);line-height:1.65;color:var(--muted);margin-top:var(--space-5);max-width:62ch}
.error{color:var(--error);font-size:var(--text-sm);margin-top:var(--space-3)}
.hero-visual{margin-top:var(--space-1)}
.photo-stage{position:relative;aspect-ratio:1.5;overflow:hidden;background:var(--panel)}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.8s ease;object-position:center}
.hero-photo.is-visible{opacity:1}
.photo-message{background:var(--photo-blue);color:white;padding:var(--space-6) var(--space-8);position:relative}
.hero .photo-message .eyebrow{color:#cee1f1;font-size:var(--text-xs);margin-bottom:var(--space-2);letter-spacing:.075em}
.photo-message>p{font-size:clamp(1.4rem,2.2vw,1.875rem);line-height:1.2;font-weight:600;letter-spacing:-.04em}
.slideshow-controls{display:flex;gap:var(--space-1);align-items:center;margin-top:var(--space-3)}
.scene-button{width:44px;height:44px;display:flex;align-items:center;justify-content:flex-start}
.scene-button span{width:24px;height:3px;background:#6e95bd}
.scene-button.active span{background:white}
#pause-photos{font-size:var(--text-xs);color:#fff;min-height:44px;margin-left:auto;padding-left:var(--space-4);text-decoration:underline;text-underline-offset:3px}
.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.trust-band{border-block:1px solid var(--line);background:var(--panel)}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:var(--space-6)}
.trust-grid>div{padding-inline:var(--space-8);border-left:1px solid var(--line)}
.trust-grid>div:first-child{padding-left:0;border:0}
.trust-grid>div:last-child{padding-right:0}
.trust-grid strong{font-size:var(--text-sm)}
.trust-grid p{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-1)}
.trust-grid a{color:var(--muted)}
.process-section{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-24);padding-block:var(--space-20)}
.section-intro .eyebrow,.renewal-copy .eyebrow,.dates-heading .eyebrow,.faq-grid .eyebrow,.closing .eyebrow{color:var(--blue);margin-bottom:var(--space-4)}
.section-intro>p:not(.eyebrow){margin-top:var(--space-5);color:var(--muted);max-width:33ch}
.text-button{color:var(--blue);font-size:var(--text-sm);font-weight:700;min-height:44px;display:inline-flex;align-items:center;gap:var(--space-5);text-decoration:underline;text-underline-offset:5px}
.section-intro .text-button{margin-top:var(--space-5)}
.process-list{list-style:none}
.process-list li{display:flex;gap:var(--space-6);padding-block:var(--space-6);border-bottom:1px solid var(--line)}
.process-list li:first-child{padding-top:0}
.process-list li:last-child{border-bottom:0;padding-bottom:0}
.step-number{color:var(--blue);font-size:var(--text-sm);font-weight:600;padding-top:var(--space-1)}
.process-list p{color:var(--muted);font-size:var(--text-sm);margin-top:var(--space-2)}
.renewal-section{background:var(--panel);padding-block:var(--space-20)}
.renewal-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-24);align-items:center}
.renewal-copy>p:not(.eyebrow){color:var(--muted);margin-block:var(--space-5) var(--space-6);max-width:42ch}
.renewal-copy>p.small{margin-bottom:0;font-size:var(--text-sm)}
.inline-button{font-size:inherit;min-height:44px;color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.checklist{border:1px solid var(--line);padding:var(--space-8);background:var(--paper)}
.checklist-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.checklist-heading h3{font-size:var(--text-base)}
#check-count{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}
.progress-track{height:3px;background:var(--panel);margin-block:var(--space-5) var(--space-2)}
#check-progress{height:100%;width:0;background:var(--blue);transition:width .25s ease}
.check-item{display:flex;gap:var(--space-4);padding-block:var(--space-4);border-bottom:1px solid var(--line);margin:0;cursor:pointer}
.check-item:last-of-type{border:0}
input[type=checkbox]{flex-shrink:0;width:20px;height:20px;margin-top:var(--space-1);accent-color:var(--blue);cursor:pointer}
.check-item strong{font-size:var(--text-sm)}
.check-item span span{display:block;font-size:var(--text-xs);color:var(--muted);font-weight:400;margin-top:var(--space-1)}
.checklist>.small{padding-top:var(--space-3);border-top:1px solid var(--line)}
.dates-section{padding-block:var(--space-20)}
.dates-heading{display:flex;justify-content:space-between;gap:var(--space-8);align-items:center}
.countdown{display:flex;gap:var(--space-4);align-items:center}
.countdown strong{font-size:var(--text-xl);letter-spacing:-.05em;color:var(--blue);line-height:1}
.countdown span{font-size:var(--text-xs);color:var(--muted);line-height:1.4;max-width:17ch}
.dates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-10);margin-top:var(--space-10)}
.dates-grid>div{border-top:2px solid var(--line);padding-top:var(--space-5)}
.date{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--blue)}
.date strong{font-size:var(--text-xl);font-weight:600}
.date span{color:var(--muted);font-size:var(--text-xs);font-weight:400;margin-left:auto}
.dates-grid h3{font-size:var(--text-base);margin-top:var(--space-4)}
.dates-grid p:not(.date){color:var(--muted);font-size:var(--text-sm);margin-top:var(--space-3)}
.dates-note{display:flex;justify-content:space-between;gap:var(--space-10);margin-top:var(--space-8);border-top:1px solid var(--line);padding-top:var(--space-5);font-size:var(--text-xs);color:var(--muted)}
.dates-note p{max-width:62ch}
.dates-note a{white-space:nowrap}
.faq-section{background:var(--panel);padding-block:var(--space-16)}
.faq-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--space-20)}
.faq-grid>div>p:not(.eyebrow){margin-top:var(--space-6);color:var(--muted);font-size:var(--text-sm)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-sm);font-weight:600;cursor:pointer;padding-block:var(--space-5);list-style:none}
summary::-webkit-details-marker{display:none}
summary span{font-size:var(--text-lg);font-weight:400;transition:transform .2s}
details[open] summary span{transform:rotate(45deg)}
details>div{padding-bottom:var(--space-5);color:var(--muted);font-size:var(--text-sm)}
.closing{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding-block:var(--space-16)}
.closing .small{margin-top:var(--space-4)}
.footer{background:var(--navy);color:#eef3f8;padding-block:var(--space-12) var(--space-8)}
.footer a{color:inherit}
.footer-top{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:var(--space-8);align-items:start}
.footer-top .brand{color:white}
.footer-top>p{font-size:var(--text-sm);color:#c3cddc}
.footer-top>div{font-size:var(--text-sm);display:grid;gap:var(--space-2)}
.footer-links{display:flex;gap:var(--space-8);flex-wrap:wrap;margin-top:var(--space-10);font-size:var(--text-xs);padding-bottom:var(--space-5);border-bottom:1px solid #455165}
.footer-links a{padding-block:var(--space-2)}
.footer-fine{font-size:var(--text-xs);line-height:1.7;color:#c3cddc;margin-top:var(--space-5)}
.footer-fine p{max-width:115ch;margin-top:var(--space-3)}
dialog{width:min(580px,calc(100% - 32px));max-height:90dvh;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--text);padding:0;margin:auto}
dialog::backdrop{background:rgb(10 22 39 / 65%)}
.dialog-top{position:sticky;top:0;z-index:1;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--line);font-size:var(--text-sm);font-weight:700}
.dialog-preview{color:var(--muted);font-weight:400}
#close-dialog{width:44px;height:44px;font-size:1.75rem;color:var(--muted)}
.dialog-body{padding:var(--space-8)}
.dialog-body>.eyebrow{color:var(--blue);margin-bottom:var(--space-3)}
.dialog-body h2{font-size:1.75rem}
.dialog-notice{background:var(--panel);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--muted);margin-block:var(--space-5)}
.flow-form>label:not(:first-child),#renewal-questions>label{margin-top:var(--space-5)}
.flow-form .small{margin-top:var(--space-3)}
.flow-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}
.flow-actions:has(>button:only-child){justify-content:flex-end}
.secondary{background:var(--panel);color:var(--blue);border:1px solid var(--line);padding-inline:var(--space-4)}
.secondary:hover{background:var(--paper)}
#county-feedback{font-size:var(--text-sm);margin-block:var(--space-4)}
.optional{font-weight:400;color:var(--muted)}
.request-summary{font-size:var(--text-sm);padding-bottom:var(--space-4);margin-bottom:var(--space-5);border-bottom:1px solid var(--line)}
.consent{display:flex;align-items:flex-start;gap:var(--space-3);font-weight:400;font-size:var(--text-xs);color:var(--muted);line-height:1.6}
.success-label{font-size:var(--text-sm);color:var(--blue);font-weight:700;margin-bottom:var(--space-4)}
#preview-success p:not(.success-label){color:var(--muted);margin-block:var(--space-5)}
@media(min-width:1450px){.hero{padding-top:var(--space-20)}}
@media(max-width:1100px){
 .container{width:calc(100% - 64px)}.hero{gap:var(--space-8)}.header nav{gap:var(--space-4)}.header-call{display:none}.process-section,.renewal-grid,.faq-grid{gap:var(--space-12)}
 .hero h1{font-size:2.75rem}.photo-message{padding:var(--space-6)}.zip-row .button{gap:var(--space-3);padding-inline:var(--space-4)}.trust-grid>div{padding-inline:var(--space-5)}.dates-note{display:block}.dates-note a{display:inline-block;margin-top:var(--space-2)}
}
@media(max-width:800px){
 .header nav:not(.mobile-nav){display:none}.menu-toggle{display:block}.header-inner{min-height:76px}.header nav.mobile-nav{display:flex;flex-direction:column;gap:0;padding-bottom:var(--space-4)}.brand{font-size:1.2rem}.header-actions{gap:var(--space-3)}
 .hero{grid-template-columns:1fr;padding-block:var(--space-10);gap:var(--space-8)}.hero h1{font-size:clamp(2.5rem,7.5vw,3.5rem);max-width:19ch}.hero .lede{max-width:54ch}.hero-visual{max-width:650px}.photo-message>p br{display:none}.photo-message>p{font-size:var(--text-xl)}.photo-message{padding:var(--space-5) var(--space-6)}.slideshow-controls{margin-top:var(--space-2)}
 .trust-grid{grid-template-columns:1fr;gap:var(--space-4)}.trust-grid>div{padding:0 0 var(--space-4);border:0;border-bottom:1px solid var(--line)}.trust-grid>div:last-child{border:0;padding:0}
 .process-section,.renewal-grid,.faq-grid{grid-template-columns:1fr;gap:var(--space-8)}.process-section,.renewal-section,.dates-section{padding-block:var(--space-12)}.section-intro h2 br,.renewal-copy h2 br,.faq-grid h2 br{display:none}.section-intro>p:not(.eyebrow),.renewal-copy>p:not(.eyebrow){max-width:60ch}
 .dates-heading{align-items:flex-start}.dates-grid{gap:var(--space-5)}.dates-grid h3{line-height:1.4}.closing{padding-block:var(--space-12);align-items:flex-start}.footer-top{grid-template-columns:1fr 1fr}.footer-top>.brand{grid-column:1/-1}.footer-links{gap:var(--space-5)}
}
@media(max-width:520px){
 .container{width:calc(100% - 40px)}.utility-inner{padding-block:var(--space-2);display:block}.utility-inner>span{display:block}.preview-label{margin-top:var(--space-1);font-size:var(--text-xs)}.utility{font-size:var(--text-xs)}
 .header-inner{gap:var(--space-3)}.brand{gap:var(--space-2);font-size:1.1rem}.brand svg{width:28px}.header-actions{gap:var(--space-2)}.theme-toggle{border:0;width:44px}.menu-toggle{font-size:var(--text-xs);min-width:44px}
 .hero{padding-top:var(--space-8)}.hero h1{font-size:2.5rem;letter-spacing:-.055em}.lede{font-size:var(--text-base);margin-top:var(--space-5)}.hero .eyebrow{margin-bottom:var(--space-4)}.zip-form{margin-top:var(--space-6)}.zip-row{gap:var(--space-2)}#zip{max-width:116px}.zip-row .button{padding-inline:var(--space-3);font-size:var(--text-xs);gap:var(--space-2)}.photo-message{padding:var(--space-5)}.hero .photo-message .eyebrow{font-size:var(--text-xs);letter-spacing:.025em}.photo-message>p{font-size:1.6rem}.photo-message>p br{display:block}
 .process-list li{gap:var(--space-4)}.checklist{padding:var(--space-5)}.checklist-heading{align-items:flex-start}.checklist-heading h3{max-width:15ch}.dates-heading{display:block}.countdown{margin-top:var(--space-5)}.countdown strong{font-size:var(--text-xl)}.countdown span{max-width:none}.dates-grid{grid-template-columns:1fr;margin-top:var(--space-6);gap:var(--space-6)}.dates-grid h3{margin-top:var(--space-2)}.dates-grid p:not(.date){margin-top:var(--space-2)}.dates-note a{white-space:normal}
 .faq-section{padding-block:var(--space-12)}.closing{display:block}.closing>div+div{margin-top:var(--space-6)}.footer-top{grid-template-columns:1fr;gap:var(--space-5)}.footer-top>.brand{grid-column:auto}.footer-links{column-gap:var(--space-5);row-gap:var(--space-1)}
 .dialog-body{padding:var(--space-5)}.dialog-top{padding:var(--space-2) var(--space-5)}.dialog-body h2{font-size:1.5rem}.dialog-body .eyebrow{font-size:var(--text-xs)}.dialog-body .button{font-size:var(--text-sm)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.legal{max-width:850px;padding-block:var(--space-16)}.legal h1{font-size:var(--text-xl);margin-bottom:var(--space-4)}.legal h2{font-size:var(--text-lg);margin-block:var(--space-8) var(--space-3)}.legal p,.legal li{margin-bottom:var(--space-3);color:var(--muted)}.legal ul{padding-left:var(--space-6)}.legal .updated{font-size:var(--text-sm)}.legal .callout{padding:var(--space-5);background:var(--panel);margin-block:var(--space-5)}

/* Call button at all widths: compact header link 801-1100px, sticky bottom bar at 800px and below. */
.call-bar{display:none}
@media(max-width:1100px){.header-call{display:block}.header-call span{display:none}}
@media(max-width:800px){
 .header-call{display:none}
 .call-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:41;align-items:center;justify-content:center;gap:var(--space-2);min-height:56px;padding:var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--blue);color:var(--paper);font-size:var(--text-base);font-weight:600;text-decoration:none;box-shadow:0 -4px 16px #0003}
 .call-bar:hover{background:var(--blue-hover)}
 body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
}
