/* SpotSaver visual refresh: presentation only; API and UI hooks unchanged */
:root{--accent:#28df83;--surface:#111c1a;--line:#273a34;--ink:#eefbf4}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif!important}
html[data-theme=dark] body{background:#09120f!important;color:var(--ink)!important}
html[data-theme=light] body{background:#f5f9f6!important;color:#162a20!important}
header{box-shadow:0 8px 30px rgba(0,0,0,.06);border-bottom:1px solid rgba(48,164,104,.16)!important}
html[data-theme=dark] header{background:rgba(9,18,15,.94)!important}
html[data-theme=light] header{background:rgba(255,255,255,.94)!important}
header>div{max-width:1160px!important}
header a.font-extrabold{letter-spacing:-.06em;font-size:1.7rem}
main>section:first-child{background:radial-gradient(ellipse at 50% 0%,#194934 0%,#10251d 40%,#09130f 100%)!important;position:relative;overflow:hidden}
main>section:first-child:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(72,235,147,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(72,235,147,.045) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#000,transparent)}
main>section:first-child>div{max-width:1080px!important;padding-bottom:90px!important}
main>section:first-child h1{font-size:clamp(2.15rem,5.3vw,4.25rem)!important;line-height:1.12!important;letter-spacing:-.055em!important;max-width:850px;margin-left:auto;margin-right:auto}
main>section:first-child p{line-height:1.8!important;color:#b4c9bc!important;max-width:690px!important}
main>section:first-child nav{border:1px solid rgba(109,241,161,.24)!important;background:rgba(255,255,255,.07)!important;border-radius:999px!important;box-shadow:0 8px 32px rgba(0,0,0,.12);max-width:100%}
main>section:first-child nav a{border-radius:999px!important;transition:background .2s,transform .2s}
main>section:first-child nav a:hover{background:rgba(45,223,129,.16)!important;transform:translateY(-1px)}
#search-form{max-width:820px!important;padding:12px;border:1px solid rgba(93,232,147,.22);border-radius:22px;background:rgba(255,255,255,.07);box-shadow:0 22px 70px rgba(0,0,0,.24)}
#search-form>div{gap:12px!important}
#search-input{border-radius:13px!important;min-height:60px!important;background:#fff!important;color:#12261a!important;border:2px solid transparent!important;box-shadow:none!important}
#search-input:focus{outline:0!important;border-color:#46dc8b!important}
#search-form button[type=submit]{min-height:60px!important;border-radius:13px!important;background:#2bd77b!important;color:#082313!important;box-shadow:0 8px 20px rgba(37,218,122,.2);transition:transform .2s,background .2s}
#search-form button[type=submit]:hover{background:#56ed9d!important;transform:translateY(-2px)}
#results-section{max-width:1080px!important}
main>section:not(:first-child):not(#results-section){max-width:1050px}
main h2{letter-spacing:-.035em!important;line-height:1.2!important}
main img{border-radius:14px}
main section a:focus-visible,button:focus-visible{outline:3px solid #49dd91;outline-offset:3px}
.ad-placement{max-width:1050px;margin:36px auto;padding:0 16px;text-align:center}
.ad-placement__inner{min-height:115px;border:1px dashed #738a7a66;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(120,160,130,.045)}
.ad-placement__label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#859b8c}
footer{border-top:1px solid rgba(80,160,110,.17)!important}
@media(max-width:767px){main>section:first-child>div{padding-top:55px!important;padding-bottom:60px!important}main>section:first-child nav{border-radius:18px!important}main>section:first-child nav a{padding:12px 8px!important}#search-form{padding:10px;border-radius:18px}#search-form button[type=submit]{width:100%}main>section:not(:first-child){padding-left:18px!important;padding-right:18px!important}.ad-placement__inner{min-height:95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
