*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.hdr{position:sticky;top:0;z-index:20;background:#fbf8f1d1;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}.hdr .wrap{display:flex;align-items:center;gap:14px;height:64px}.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px;letter-spacing:-.02em}.logo .sq{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(150deg,var(--seafoam),var(--gulf));color:#fff;font-weight:800;font-size:15px;box-shadow:0 4px 14px #0e8f9c59}.nav{margin-left:auto;display:flex;gap:22px;font-weight:600;color:var(--muted);font-size:15px}.nav a:hover{color:var(--ink)}@media(max-width:640px){.nav{display:none}}.hero{position:relative;color:#fff;overflow:hidden;background:linear-gradient(165deg,var(--seafoam) 0%,var(--gulf) 55%,#0a6c78 100%)}.hero .wrap{padding:64px 20px 96px;position:relative;z-index:2}.hero .kicker{text-transform:uppercase;letter-spacing:.22em;font-weight:700;font-size:13px;opacity:.9}.hero h1{font-size:clamp(34px,6vw,60px);line-height:1.04;margin:14px 0 0;font-weight:800;letter-spacing:-.02em}.hero p{font-size:clamp(16px,2.2vw,20px);max-width:640px;margin:18px 0 0;opacity:.95}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.chip{background:#ffffff29;border:1px solid rgba(255,255,255,.28);padding:7px 13px;border-radius:999px;font-weight:600;font-size:13.5px}.wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;display:block;width:100%;height:70px}section.band{padding:48px 0}.shead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.shead h2{font-size:26px;font-weight:800;letter-spacing:-.01em;margin:0}.shead .sub{color:var(--muted);font-weight:600;font-size:14px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0a35401a}.card .thumb{aspect-ratio:16/10;background:linear-gradient(135deg,var(--sky),var(--sand));object-fit:cover}.card .body{padding:14px 15px 16px}.card .tag{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gulf)}.card h3{font-size:17px;margin:5px 0 6px;font-weight:700;line-height:1.25}.card .meta{color:var(--muted);font-size:13.5px;font-weight:500}.towns{display:flex;flex-wrap:wrap;gap:10px}.town{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-weight:600;font-size:14.5px;color:var(--ink)}.town:hover{border-color:var(--seafoam);color:var(--gulf)}.empty{background:var(--card);border:1px dashed var(--line);border-radius:18px;padding:38px;text-align:center;color:var(--muted);font-weight:500}.empty b{color:var(--ink);display:block;font-size:17px;margin-bottom:6px}footer{background:var(--ink);color:#cfe3e6;margin-top:24px}footer .wrap{padding:40px 20px}footer .b{color:#fff;font-weight:800;font-size:18px}footer .towns-line{color:#9fc2c8;font-size:13.5px;margin-top:10px;line-height:1.7}footer .fine{color:#7aa4ab;font-size:12.5px;margin-top:18px}.statusdot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:middle}