/* Radion mini site styles - clean, lightweight, responsive */
:root { --brand:#0a5ea8; --accent:#11a1c0; --text:#1b1b1b; --muted:#6b7280; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; color:var(--text); line-height:1.6; }
a { color:var(--brand); text-decoration:none; }
a:hover { text-decoration:underline; }
.container { width: min(1120px, 92vw); margin: 0 auto; }
header { position:sticky; top:0; background:#fff; border-bottom:1px solid #eee; z-index: 10; }
.topbar { display:flex; align-items:center; justify-content:space-between; padding:.75rem 0; }
.brand { font-family: Georgia, 'Times New Roman', serif; font-weight:700; font-size:1.6rem; }
.phone { font-size:1.1rem; font-weight:700; }
.cta-btn { display:inline-block; padding:.9rem 1.25rem; border-radius:.6rem; background:linear-gradient(90deg, var(--brand), var(--accent)); color:#fff; font-weight:700; box-shadow:0 6px 20px rgba(17,161,192,.25); }
.cta-btn:hover { filter:brightness(.95); }
.hero { display:grid; grid-template-columns: 1.1fr .9fr; gap:2rem; align-items:center; padding:3rem 0 2rem; }
.hero h1 { font-size:clamp(1.8rem, 2.4rem + .5vw, 3rem); margin:.3rem 0; }
.hero p { color:var(--muted); margin-top:.25rem; }
.hero .badges { display:flex; gap:.75rem; flex-wrap:wrap; margin:1rem 0 1.25rem; }
.badge { background:#f3f7fb; color:#0a4f8a; padding:.4rem .7rem; border-radius:999px; font-size:.9rem; border:1px solid #e6eef8; }
.hero img { width:100%; height:auto; border-radius:1rem; object-fit:cover; }
.section { padding:2.5rem 0; border-top:1px solid #f1f1f1; }
.section h2 { font-size:1.6rem; margin:0 0 1rem; font-weight:800; }
.grid-3 { display:grid; grid-template-columns: repeat(3, 1fr); gap:1.25rem; }
.card { padding:1rem; border:1px solid #eee; border-radius:.9rem; background:#fff; }
.card h3 { margin:.2rem 0 .3rem; font-size:1.05rem; }
.small { font-size:.95rem; color:var(--muted); }
.list { margin:.2rem 0 .2rem 1.1rem; }
.pricing { display:grid; grid-template-columns:1fr auto; align-items:center; gap:1rem; padding:1rem; border:2px solid #e8f0fb; border-radius:.9rem; background:#f9fbff; }
.kids { background:#fcf7ff; border-color:#efe1ff; }
.gallery { display:grid; grid-template-columns: repeat(3, 1fr); gap:.8rem; }
.gallery img { width:100%; height:220px; object-fit:cover; border-radius:.6rem; }
footer { background:#0b1a2a; color:#d5e3f5; padding:2rem 0; }
footer a { color:#d5e3f5; }
.footer-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:2rem; }
.maplink { display:inline-block; margin-top:.25rem; }
.notice { font-size:.85rem; color:#5b6b7a; }
@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; }
  .grid-3 { grid-template-columns: 1fr; }
  .gallery { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns:1fr; }
}