/* styly stránky: omne */

.brand small {display:block;font-family:var(--body);font-weight:500;font-size:11px;color:var(--muted-2);letter-spacing:.3px}

.menu a {color:var(--muted);font-size:14px;font-weight:500;padding:8px 14px;border-radius:8px;transition:.18s;cursor:pointer}

.menu a:hover {color:var(--ink);background:var(--bg-2)}

.menu a.active {color:var(--teal);background:rgba(16,185,129,.09)}

.nav-cta:hover {background:var(--teal-strong);box-shadow:0 6px 20px rgba(13,159,130,.3)}

.section {padding:76px 0}

.section-sm {padding:48px 0}

.btn-primary:hover {background:var(--teal-strong);box-shadow:0 8px 26px rgba(13,159,130,.3);transform:translateY(-1px)}

.btn-ghost:hover {border-color:var(--teal);color:var(--teal)}

.btn:hover .arrow {transform:translateX(3px)}

.hero {padding:74px 0 20px}

.hero-grid {display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}

.portrait {aspect-ratio:4/5;border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,var(--surface-2),#fff);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 30px 60px -40px rgba(12,26,23,.35)}

.portrait .ph {font-family:var(--mono);font-size:12px;color:var(--muted-2);position:relative;z-index:1;text-align:center}

.portrait::after {content:"";position:absolute;inset:0;background-image:linear-gradient(#00000008 1px,transparent 1px),linear-gradient(90deg,#00000008 1px,transparent 1px);background-size:26px 26px}

.hero h1 {margin-bottom:8px}

.hero .role {font-family:var(--mono);font-size:13px;color:var(--teal-strong);margin-bottom:22px}

.hero .lead {margin-bottom:22px}

.hero-cta {display:flex;gap:14px;flex-wrap:wrap}

.stats {display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

.stat {background:var(--surface);border:1px solid var(--line-soft);border-radius:15px;padding:24px}

.stat .n {font-family:var(--mono);font-size:28px;font-weight:700;color:var(--teal-strong);letter-spacing:-.5px}

.stat .l {font-size:13px;color:var(--muted);margin-top:6px}

.prose {max-width:720px}

.prose h2 {margin-bottom:18px}

.prose p {color:var(--text);font-size:16.5px;margin-bottom:18px}

.prose p.big {font-size:19px;color:var(--ink);font-weight:500}

.vals {display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.val {background:var(--surface);border:1px solid var(--line-soft);border-radius:15px;padding:26px;transition:.2s}

.val:hover {border-color:var(--line);transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(12,26,23,.28)}

.val .ic {width:42px;height:42px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid var(--line);display:grid;place-items:center;color:var(--teal);font-size:18px;margin-bottom:16px}

.val h3 {margin-bottom:9px}

.val p {color:var(--muted);font-size:14.5px}

.tools-grid {display:grid;grid-template-columns:1fr 1.3fr;gap:44px;align-items:center}

.tool-cat {margin-bottom:20px}

.tool-cat .c {font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted-2);margin-bottom:10px}

.taglist {display:flex;flex-wrap:wrap;gap:8px}

.tag {font-family:var(--mono);font-size:13px;padding:7px 13px;border-radius:9px;border:1px solid var(--line-soft);color:var(--text);background:var(--surface);transition:.15s}

.tag:hover {border-color:var(--line);color:var(--teal-strong)}

.section-head {max-width:64ch;margin-bottom:36px}

.section-head p {color:var(--muted);margin-top:14px}

.cta-band {border:1px solid var(--line);border-radius:20px;padding:46px;text-align:center;background:radial-gradient(ellipse at 50% 120%,rgba(16,185,129,.1),transparent 60%),var(--bg-2)}

.cta-band h2 {margin-bottom:12px}

.cta-band p {color:var(--muted);max-width:52ch;margin:0 auto 26px}

.foot .links {display:flex;gap:18px}

.foot .links a:hover {color:var(--teal)}

@media(max-width:860px){.hero-grid {grid-template-columns:1fr;gap:32px}
.portrait {max-width:320px}
.stats {grid-template-columns:repeat(2,1fr)}
.vals {grid-template-columns:1fr}
.tools-grid {grid-template-columns:1fr;gap:28px}
.menu.open {display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line-soft);padding:12px}
.menu.open a {width:100%}}