:root{--g:#4ba464;--g2:#2f7a47;--mint:#c0dad0;--bg:#0b1410;--bg2:#111d17;--tx:#e9f2ec;--mut:#9fb5a7;--card:#15241c;--bd:#22382b}
@media (prefers-color-scheme:light){:root{--bg:#f6faf7;--bg2:#eaf3ed;--tx:#0f1f16;--mut:#4c6355;--card:#fff;--bd:#d5e5da}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--tx);line-height:1.6}
html[lang=cs] [lang=en],html[lang=en] [lang=cs]{display:none!important}
a{color:var(--g)}.wrap{max-width:1160px;margin:auto;padding:0 24px}
h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;line-height:1.1;letter-spacing:-.02em}
h2{font-size:clamp(2rem,4vw,3rem);margin:.2em 0 .6em}.eyebrow{color:var(--g);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}
header{position:fixed;inset:0 0 auto;z-index:10;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 75%,transparent);border-bottom:1px solid var(--bd)}
nav{display:flex;align-items:center;gap:24px;height:64px}nav .logo{display:flex;gap:10px;align-items:center;font-weight:800;text-decoration:none;color:var(--tx)}nav .logo img{width:36px;border-radius:8px}
nav ul{display:flex;gap:20px;list-style:none;margin:0 0 0 auto;padding:0}nav ul a{color:var(--mut);text-decoration:none;font-size:.92rem}nav ul a:hover{color:var(--tx)}
.btn{display:inline-block;background:var(--g);color:#fff;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:600;border:0;cursor:pointer}.btn.ghost{background:transparent;border:1px solid var(--bd);color:var(--tx)}
#lang{background:none;border:1px solid var(--bd);color:var(--tx);border-radius:999px;padding:6px 12px;cursor:pointer}
.hero{min-height:100vh;display:grid;place-items:center;padding-top:64px;background:radial-gradient(60% 60% at 70% 30%,rgba(75,164,100,.35),transparent),repeating-linear-gradient(100deg,transparent 0 80px,rgba(75,164,100,.06) 80px 160px)}
.hero h1{font-size:clamp(2.6rem,7vw,5.6rem);margin:.2em 0}.hero h1 em{font-style:normal;color:var(--g)}.hero p{font-size:1.2rem;color:var(--mut);max-width:640px}
.hero .grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}.hero img{width:100%;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.badges span{border:1px solid var(--bd);border-radius:999px;padding:4px 12px;font-size:.85rem;color:var(--mut)}
section{padding:110px 0}section.alt{background:var(--bg2)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:24px}.card h3{margin:.2em 0 .4em}.card .n{color:var(--g);font-weight:800;font-size:1.6rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
table{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--card);border-radius:16px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid var(--bd);text-align:left}th{background:var(--bg2)}tr.us td{background:rgba(75,164,100,.14);font-weight:600}
.tablewrap{overflow-x:auto}small,.src{color:var(--mut);font-size:.8rem}
.road{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}.road .card{position:relative}.road .card:before{counter-increment:s;content:counter(s);position:absolute;top:-14px;left:20px;background:var(--g);color:#fff;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700}
.ph{background:rgba(255,190,60,.18);color:#d9a227;padding:0 4px;border-radius:4px}
.team img{width:72px;height:72px;border-radius:50%;background:var(--mint);display:block;margin-bottom:12px}
form{display:grid;gap:12px}input,textarea{background:var(--card);border:1px solid var(--bd);color:var(--tx);border-radius:12px;padding:12px;font:inherit}
footer{padding:40px 0;border-top:1px solid var(--bd);color:var(--mut);font-size:.9rem}
.reveal{opacity:0;transform:translateY(30px);transition:.8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
@media (max-width:860px){nav ul{display:none}.hero .grid,.two{grid-template-columns:1fr}.road{grid-template-columns:1fr 1fr}section{padding:70px 0}}
.avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--g),var(--mint));margin-bottom:12px}