body{paddin:0px;margin:0px;}
a {color:white;}
.site-footer{
  background: linear-gradient(5deg, #164e63, #164e63, #164e63); color:#cfd6de;
  border-top:1px solid rgba(255,255,255,.08);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

#btn{text-decoration:none;color:white;border: 1px solid #ccc;border-radius:8px;padding:5px;letter-spacing: 1.3px;word-spacing: 1.5px;}
#cenik{text-align:center;}
#proc-ja,.benefit{text-align:center;}
#sluzby{text-align:center;margin-top:12px;}
#hlava{border:none;}
a{text-decoration:none;color:white;/*border: 1px solid #ccc;*/border-radius:8px;padding:5px;letter-spacing: 1.3px;word-spacing: 1.5px;}
.cta{text-align:center;}

  
    }
/*.hero {
    background: linear-gradient(135deg, #164e63, #164e63);
    color: #fff;
    padding:72px 16px;
}*/
   *{box-sizing:border-box} :root{
  --brand:#0e7490;       /* cyan-700 */
  --brand-dark:#164e63;  /* cyan-900 */
  --text:#0f172a;        /* slate-900 */
  --muted:#475569;       /* slate-600 */
  --bg:#f8fafc;          /* slate-50 */
  --card:#ffffff;
  --ring:rgba(14,116,144,.25);
  --radius:16px;
}
.hero{
  background: linear-gradient(135deg, #164e63, #164e63);
  color:#fff; padding:72px 16px;
}
.hero__inner{max-width:1100px;margin:0 auto}
.hero h1{font-size:clamp(32px,4.5vw,52px);margin:0 0 8px;font-weight:800;letter-spacing:.2px}
.hero__lead{font-size:clamp(16px,2.2vw,22px);opacity:.95;margin:0px}
.hero__bullets{display:grid;gap:6px;margin:0px;padding-left:0px;text-align:center;}
      i{color:#164e63;font-size:22px;paddiing:10px;}