/* ====== Téma REZAS – světle ====== */
:root{
  --accent:#18c29c;
  --accent-ink:#0f3d34;
  --bg:#f6fbfa;
  --surface:#ffffff;
  --text:#1d2b28;
  --muted:#5f7772;
  --border:#d9ece7;
  --shadow:0 8px 24px rgba(24,194,156,.12);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;
  color:var(--text);
  background: radial-gradient(1200px 800px at 10% -10%, #ffffff 0%, var(--bg) 60%);
}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* ====== Layout ====== */
.container{width:min(1120px,92%);margin-inline:auto}
header{position:sticky;top:0;z-index:10;backdrop-filter:saturate(140%) blur(8px);background:color-mix(in srgb, var(--bg) 85%, transparent);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}

.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.5px;color:var(--accent-ink)}
/* nové logo jako IMG */
.logo-img{height:36px;width:auto;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.2)}

nav ul{list-style:none;display:flex;gap:22px;padding:0;margin:0}
nav a{color:var(--muted);font-weight:650}
nav a:hover,nav a.active{color:var(--accent-ink)}
.menu-btn{display:none;border:1px solid var(--border);background:var(--surface);color:var(--accent-ink);padding:8px 10px;border-radius:10px}

@media (max-width:860px){
  nav ul{display:none}
  nav ul.open{display:flex;position:absolute;left:4%;right:4%;top:58px;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
  nav li{border-top:1px solid var(--border)}
  nav li:first-child{border-top:0}
  nav a{display:block;padding:12px 14px}
  .menu-btn{display:inline-grid}
}

/* ====== Komponenty ====== */
.btn{padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--accent-ink);font-weight:800;box-shadow:var(--shadow);display:inline-block}
.btn.primary{background:linear-gradient(180deg,#e5fbf5,#c8f4e9);border-color:#b7eee3}

.hero{padding:clamp(54px,8vw,110px) 0 56px;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}
.hero h1{font-size:clamp(34px,6vw,58px);line-height:1.05;margin:0 0 10px}
.brand-gradient{background:linear-gradient(90deg,var(--accent-ink),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(16px,2.2vw,20px);color:var(--muted)}
.hero-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:14px;box-shadow:var(--shadow)}
.hero-img img{width:100%;height:auto;border-radius:10px}
@media (max-width:980px){ .hero{grid-template-columns:1fr} }

section{padding:54px 0;border-top:1px solid var(--border)}
h2{font-size:clamp(22px,3vw,32px);margin:0 0 16px;color:var(--accent-ink)}
.kicker{color:var(--accent-ink);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:12px;opacity:.7}

.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.pillar{grid-column:span 4;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
@media (max-width:980px){ .pillar{grid-column:span 6} }
@media (max-width:620px){ .pillar{grid-column:span 12} }

.manifesto{display:grid;gap:22px}
.m-item{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.m-item img{width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow)}
.m-text h3{margin:0 0 8px;color:var(--accent-ink)}
.m-text p{margin:0;color:var(--text)}
@media (max-width:900px){ .m-item{grid-template-columns:1fr} }

footer{border-top:1px solid var(--border);padding:28px 0 46px;color:var(--muted)}
.socials{display:flex;gap:14px}
.pill{padding:9px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:var(--shadow)}

/* Formulář */
form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
input[type="text"],input[type="email"],textarea{
  width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);outline:none
}
input:focus,textarea:focus{border-color:#b7eee3;box-shadow:0 0 0 3px rgba(24,194,156,.12)}
textarea{resize:vertical;min-height:140px}

/* ===== Chat ===== */
.chat-container{border:1px solid var(--border);background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:12px;max-width:900px}
.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.chat-box{height:360px;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:10px;background:#fff}
.chat-message{padding:10px 8px;border-bottom:1px dashed var(--border)}
.chat-message:last-child{border-bottom:0}
.chat-meta{font-size:12px;color:var(--muted);margin-bottom:4px}
.chat-text{white-space:pre-wrap;word-break:break-word}
.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:10px}