/* Polished v5 */
:root{--ink:#0e1a2b;--muted:#5b6a7d;--bg:#f6f8fb;--card:#fff;--ring:#e7edf5;--brand:#0b2d53;--prim1:#00b4db;--prim2:#0083b0;--shadow:0 10px 30px rgba(11,45,83,.10);--r:16px}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.container{width:min(1100px,92%);margin:0 auto}
.hero{background:linear-gradient(135deg, #0b2d53 0%, #1a4a7a 100%); color:#fff; padding:28px 0 36px; position:relative; overflow:hidden}
.hero .grain{position:absolute; inset:0; opacity:.25; background:radial-gradient(200px 80px at 10% 0, rgba(255,255,255,.25), transparent 60%), radial-gradient(240px 90px at 90% 0, rgba(255,255,255,.25), transparent 60%)}
.hero-inner{position:relative; z-index:2}
.brand{display:flex; align-items:center; gap:14px; margin:6px 0 10px}
.logo{width:72px; height:72px; border-radius:16px; object-fit:cover; box-shadow:var(--shadow); border:3px solid rgba(255,255,255,.25)}
h1{font-size:clamp(26px,3vw,40px); margin:0}
.sub{opacity:.9; margin:2px 0 0}
.line{margin:10px 0 16px; opacity:.95}
.cta{display:flex; gap:10px; flex-wrap:wrap}
.btn{display:inline-block; padding:12px 18px; border-radius:12px; font-weight:700; text-decoration:none; transition:transform .06s, box-shadow .2s; box-shadow:0 4px 14px rgba(0,131,176,.4)}
.btn.primary{background:linear-gradient(135deg,var(--prim1),var(--prim2)); color:#fff}
.btn.ghost{background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.7)}
.trust{display:flex; gap:14px; flex-wrap:wrap; margin-top:10px; opacity:.95}
.section{padding:40px 0}
h2{font-size:clamp(22px,2.6vw,32px); margin:0 0 6px}
.cat{margin:18px 0 8px; font-size:14px; color:#4c5d72; text-transform:uppercase; letter-spacing:.06em}
.center{text-align:center}
.muted{color:var(--muted)}
.grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px}
.grid.small{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.card{background:var(--card); border:1px solid var(--ring); border-radius:18px; padding:16px; box-shadow:var(--shadow); transition:transform .15s, box-shadow .3s}
.card:hover{transform:translateY(-3px); box-shadow:0 16px 34px rgba(0,0,0,.12)}
.top{display:flex; gap:12px}
.emoji{font-size:28px}
.chip{display:inline-flex; align-items:center; gap:6px; background:#eef3f9; color:#0b2d53; border-radius:999px; padding:6px 10px; font-size:12px; margin-bottom:8px}
.badge{background:#e0fff2; color:#007a4d; padding:4px 8px; border-radius:999px; font-size:11px}
.price{font-weight:800; color:#0b2d53; margin:10px 0 4px}
.actions.two{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px}
.btn.pay{background:linear-gradient(135deg,var(--prim1),var(--prim2)); color:#fff}
.btn.book{background:#fff; color:#0b2d53; border:1.5px solid #dbe6f3}
.info-note{margin-top:18px; text-align:center; color:#4a5768}
.stat{background:#fff; border:1px solid var(--ring); border-radius:14px; padding:14px; text-align:center; box-shadow:var(--shadow)}
footer{text-align:center; color:#6d7a8a; padding:20px 0 32px}
/* Mobile tweaks */
@media (max-width:520px){ .hero{padding-top:22px} .brand{gap:10px} .logo{width:64px;height:64px} .cta .btn{flex:1} .grid{gap:12px} .card{padding:14px} }