/* styly stránky: reference */

.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)}

.intro {padding:78px 0 20px}

.intro .lead {margin-top:20px}

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

.metric {background:var(--ink);color:#fff;border-radius:16px;padding:28px 24px;position:relative;overflow:hidden}

.metric::before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 0%,rgba(16,185,129,.2),transparent 60%)}

.metric .n {font-family:var(--display);font-weight:700;font-size:38px;letter-spacing:-1px;color:#fff;position:relative;line-height:1}

.metric .n .u {color:var(--green);font-size:22px;margin-left:2px}

.metric .l {font-size:13px;color:rgba(255,255,255,.6);margin-top:10px;position:relative;line-height:1.4}

.metrics-note {font-family:var(--mono);font-size:11px;color:var(--muted-2);text-align:center;margin-top:16px}

.feat {background:linear-gradient(160deg,var(--surface-2),#fff);border:1px solid var(--line);border-radius:20px;padding:44px;position:relative;overflow:hidden}

.feat::before {content:"\201C";position:absolute;top:6px;left:28px;font-family:var(--display);font-size:150px;color:rgba(16,185,129,.12);line-height:1}

.feat .q {font-family:var(--display);font-weight:500;font-size:clamp(20px,2.6vw,27px);line-height:1.4;color:var(--ink);position:relative;letter-spacing:-.3px;max-width:52ch}

.feat .who {display:flex;align-items:center;gap:14px;margin-top:26px;position:relative}

.feat .av {width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--teal));display:grid;place-items:center;font-family:var(--mono);font-weight:700;color:#fff;font-size:18px}

.feat .nm {font-weight:600;font-size:16px;color:var(--ink)}

.feat .rl {font-size:13px;color:var(--muted-2)}

.stars {color:var(--green);font-size:14px;letter-spacing:2px;margin-bottom:14px;position:relative}

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

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

.quote:hover {border-color:var(--line)}

.quote .q {font-size:15.5px;color:var(--text);margin-bottom:18px;line-height:1.6}

.quote .who {display:flex;align-items:center;gap:12px}

.quote .av {width:40px;height:40px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--mono);font-weight:700;color:var(--teal-strong);font-size:14px}

.quote .nm {font-weight:600;font-size:14px;color:var(--ink)}

.quote .rl {font-size:12px;color:var(--muted-2)}

.ph-quote {border-style:dashed;background:var(--bg-2)}

.ph-quote .q {color:var(--muted-2);font-style:italic}

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

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

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

.proj .nda {font-family:var(--mono);font-size:10px;letter-spacing:1px;color:var(--muted-2);border:1px dashed var(--line-soft);border-radius:7px;padding:4px 9px;display:inline-block;margin-bottom:14px}

.proj h3 {font-size:17px;margin-bottom:9px}

.proj p {color:var(--muted);font-size:14px;margin-bottom:14px}

.proj .res {font-size:13px;color:var(--teal-strong);font-weight:600;display:flex;align-items:center;gap:7px}

.proj .res::before {content:"→";font-family:var(--mono)}

.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){.metrics {grid-template-columns:repeat(2,1fr)}
.quotes {grid-template-columns:1fr}
.projects {grid-template-columns:1fr}
.feat {padding:30px}
.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%}}