:root{--ink:#1b2123;--muted:#64706b;--blue:#109d57;--blue2:#087a42;--mint:#24c875;--sky:#eaf8f0;--line:#dce7e1;--bg:#f5f8f6;--white:#fff;--dark:#1b2123;--radius:24px;--shadow:0 22px 70px rgba(27,33,35,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:110px 0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:800;color:var(--blue);margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,6vw,5.35rem);line-height:1.03;letter-spacing:-.055em;margin-bottom:27px}h1 span{color:var(--blue)}h2{font-size:clamp(2rem,4vw,3.55rem);line-height:1.1;letter-spacing:-.045em;margin-bottom:22px}h3{line-height:1.25}.site-header{position:fixed;top:0;z-index:30;width:100%;transition:.3s;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid transparent}.site-header.scrolled{box-shadow:0 10px 35px rgba(27,33,35,.08);border-color:rgba(220,231,225,.8)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center}.brand-logo{display:block;width:74px;height:67px;object-fit:contain}.footer-logo{width:108px;height:98px}.nav{display:flex;align-items:center;gap:30px;font-size:.9rem;font-weight:700}.nav>a:not(.btn):hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:15px 24px;background:var(--blue);color:#fff;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 12px 28px rgba(16,157,87,.24);transition:.25s}.btn:hover{background:var(--blue2);transform:translateY(-2px)}.btn-small{padding:11px 17px;font-size:.82rem}.menu-toggle{display:none;background:none;border:0}.hero{padding-top:165px;padding-bottom:100px;background:radial-gradient(circle at 88% 16%,#dff5e8 0,transparent 35%),linear-gradient(180deg,#fff 0,#f7fbf8 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.hero-text{font-size:1.11rem;color:var(--muted);max-width:670px}.hero-actions{display:flex;gap:26px;align-items:center;margin:34px 0}.text-link{font-weight:800;color:var(--ink)}.text-link span{color:var(--blue);padding-left:8px}.hero-points{display:flex;flex-wrap:wrap;gap:22px;font-size:.82rem;color:#56635d;font-weight:700}.dashboard-card{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.8);padding:22px;border-radius:28px;box-shadow:var(--shadow);transform:rotate(1.8deg);position:relative}.dashboard-card:before{content:"";position:absolute;inset:-40px;background:linear-gradient(135deg,rgba(16,157,87,.16),rgba(36,200,117,.10));border-radius:50%;filter:blur(40px);z-index:-1}.dash-top,.chart-head{display:flex;justify-content:space-between;align-items:center}.dash-top{font-size:.78rem;font-weight:800;padding-bottom:18px}.dash-top i{display:inline-block;width:8px;height:8px;background:var(--mint);border-radius:50%;margin-right:8px}.dash-top b{color:var(--mint);font-size:.67rem;background:#e8f8ef;padding:6px 9px;border-radius:20px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-row>div{background:#f5f8fc;padding:15px;border-radius:14px}.metric-row small,.chart-head small{display:block;color:#78857f;font-size:.65rem}.metric-row strong{display:block;font-size:1.05rem;margin:5px 0}.metric-row em{font-size:.65rem;font-style:normal;color:#087a42}.metric-row em.down{color:#109d57}.chart-box{margin-top:13px;border:1px solid #e2ebe6;border-radius:16px;padding:16px}.chart-head{font-size:.74rem;font-weight:800}.chart-box svg{width:100%;margin-top:12px}.gridline{stroke:#e6ede9;stroke-width:1}.line{fill:none;stroke:#10a95b;stroke-width:4}.area{fill:url(#area)}circle{fill:#fff;stroke:#10a95b;stroke-width:4}.dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.dash-bottom>div{height:86px;background:#f6f8fb;border-radius:14px;padding:15px;display:flex;align-items:center;gap:12px}.donut{width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--blue) 0 84%,#dce7e1 84%);position:relative}.donut:after{content:"";position:absolute;inset:8px;background:#f6f8fb;border-radius:50%}.dash-bottom p{margin:0}.dash-bottom small{display:block;color:#78857f;font-size:.6rem}.dash-bottom strong{font-size:1.1rem}.bars{display:flex!important;align-items:flex-end!important;justify-content:space-between;gap:5px!important}.bars i{width:10px;background:var(--blue);border-radius:5px}.bars i:nth-child(1){height:25%}.bars i:nth-child(2){height:50%}.bars i:nth-child(3){height:36%}.bars i:nth-child(4){height:73%}.bars i:nth-child(5){height:60%}.bars i:nth-child(6){height:90%;background:var(--mint)}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.trust-grid{display:grid;grid-template-columns:1.6fr repeat(5,1fr);gap:20px;align-items:center;color:#738078;font-size:.8rem}.trust-grid strong{color:var(--ink)}.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-bottom:55px}.section-head>p{color:var(--muted);margin-bottom:8px}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-card{border:1px solid var(--line);border-radius:var(--radius);padding:34px;position:relative;transition:.3s;background:#fff}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.service-card.featured{background:var(--dark);color:#fff;border-color:var(--dark)}.service-no{position:absolute;right:26px;top:22px;color:#97a39d;font-size:.72rem;font-weight:800}.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:var(--sky);color:var(--blue);font-size:1.35rem;margin-bottom:28px}.featured .icon{background:rgba(255,255,255,.1);color:var(--mint)}.service-card h3{font-size:1.35rem}.service-card p{color:var(--muted)}.featured p{color:#b6c0bb}.service-card ul{padding:0;margin:22px 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.service-card li{font-size:.72rem;font-weight:700;padding:7px 10px;background:#f4f7fb;border-radius:20px}.featured li{background:rgba(255,255,255,.08)}.results{background:var(--dark);color:#fff}.results-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.results-copy p:not(.eyebrow){color:#b6c0bb}.text-link.light{color:#fff}.result-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.result-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:28px}.result-card strong{color:var(--mint);font-size:.75rem}.result-card h3{margin:26px 0 10px}.result-card p{color:#b6c0bb;font-size:.87rem;margin:0}.process-line{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.process-line:before{content:"";position:absolute;left:4%;right:4%;top:23px;height:1px;background:var(--line)}.step{position:relative;padding-right:32px}.step span{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--blue);font-weight:800;margin-bottom:28px}.step h3{font-size:1rem}.step p{font-size:.85rem;color:var(--muted)}.about{background:var(--bg)}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.about-visual{min-height:460px;border-radius:30px;background:linear-gradient(135deg,#1b2123,#109d57);padding:45px;display:grid;place-items:center;box-shadow:var(--shadow)}.code-card{width:100%;background:rgba(8,24,44,.88);color:#fff;border-radius:20px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.code-card>span{font-size:.68rem;letter-spacing:.16em;color:var(--mint)}.code-card p{display:flex;gap:17px;border-bottom:1px solid rgba(255,255,255,.1);padding:17px 0;margin:0}.code-card p:last-child{border:0}.code-card i{font-style:normal;color:#76c99d}.about-copy>p:not(.eyebrow){color:var(--muted)}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.about-values div{border-top:2px solid var(--blue);padding-top:15px}.about-values strong,.about-values span{display:block}.about-values span{font-size:.72rem;color:var(--muted);margin-top:5px}.contact{background:linear-gradient(180deg,#fff,#f3f8f5)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-copy>p:not(.eyebrow){color:var(--muted)}.contact-note{border-left:3px solid var(--mint);padding-left:18px;margin-top:35px}.contact-note strong,.contact-note span{display:block}.contact-note span{font-size:.8rem;color:var(--muted);margin-top:5px}.contact-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:.75rem;font-weight:800;margin-bottom:16px}input,select,textarea{width:100%;margin-top:7px;padding:14px 15px;border:1px solid #d8e4dc;border-radius:10px;background:#fbfcfe;font:inherit;font-size:.85rem;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(16,157,87,.12)}textarea{resize:vertical}.contact-form small{display:block;color:#7e8984;font-size:.64rem;margin-top:12px}.honeypot{display:none}.form-message{padding:12px;border-radius:10px;margin-bottom:18px;font-size:.8rem}.success{background:#e8fbf6;color:#087e69}.error{background:#fff0f0;color:#b42318}.footer{background:#f5f8f6;color:var(--ink);padding:70px 0 25px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand{color:var(--ink)}.footer-logo{width:132px;height:118px;object-fit:contain;object-position:left center}.footer-grid p,.footer-grid span,.footer-grid a{color:var(--muted);font-size:.8rem}.footer-grid a{transition:color .2s ease}.footer-grid a:hover,.copyright a:hover{color:var(--blue)}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-grid strong{font-size:.8rem;margin-bottom:8px;color:var(--ink)}.copyright{border-top:1px solid var(--line);margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted)}.copyright a{color:var(--muted);transition:color .2s ease}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav{position:absolute;top:82px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;background:#fff;padding:24px;border-radius:16px;box-shadow:var(--shadow)}.nav.open{display:flex}.menu-toggle{display:block}.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:6px}.hero-grid,.section-head,.results-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:60px}.section-head,.results-grid,.about-grid,.contact-grid{gap:40px}.trust-grid{grid-template-columns:repeat(3,1fr)}.trust-grid strong{grid-column:1/-1}.process-line{grid-template-columns:repeat(2,1fr);gap:30px}.process-line:before{display:none}.section{padding:80px 0}}@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:76px}.hero{padding-top:125px}.services-grid,.result-cards,.process-line,.about-values,.field-row{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column}.hero-points{flex-direction:column;gap:8px}.dashboard-card{padding:13px;transform:none}.metric-row{grid-template-columns:1fr}.metric-row>div:nth-child(n+2){display:none}.dash-bottom{grid-template-columns:1fr}.dash-bottom>div:last-child{display:none}.trust-grid{grid-template-columns:repeat(2,1fr)}.section{padding:65px 0}.service-card,.contact-form{padding:25px}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column;gap:10px}}

/* Rozšírená hlavička – verzia 1 */
.site-header{background:rgba(255,255,255,.96)}
.nav-wrap{height:184px;gap:34px;transition:height .32s ease}
.header-brand{flex:0 0 auto;padding-right:32px;border-right:1px solid var(--line)}
.header-brand .brand-logo{width:132px;height:122px;transition:width .32s ease,height .32s ease}
.header-message{min-width:310px;margin-right:auto;transition:opacity .2s ease,transform .32s ease,max-width .32s ease}
.header-message p{margin:0 0 16px;font-size:1.27rem;line-height:1.34;font-weight:800;letter-spacing:-.025em}
.header-message strong{color:var(--blue)}
.header-services{display:flex;align-items:center;flex-wrap:wrap;gap:0;color:var(--muted);font-size:.72rem;font-weight:700}
.header-services span{display:flex;align-items:center;gap:7px;padding:0 15px;border-left:1px solid var(--line)}
.header-services span:first-child{padding-left:0;border-left:0}
.header-services i{color:var(--blue);font-style:normal;font-size:1rem}
.nav{flex:0 0 auto}
.nav>a:not(.btn){position:relative;padding:11px 0}
.nav>a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;background:var(--blue);transition:right .22s ease}
.nav>a:not(.btn):hover::after{right:0}
.btn-small span{margin-left:7px;transition:transform .2s ease}
.btn-small:hover span{transform:translateX(3px)}
.site-header.scrolled .nav-wrap{height:84px}
.site-header.scrolled .header-brand{padding-right:22px}
.site-header.scrolled .header-brand .brand-logo{width:92px;height:74px}
.site-header.scrolled .header-message{max-width:220px;min-width:220px}
.site-header.scrolled .header-message p{font-size:.76rem;margin:0;line-height:1.45;font-weight:700}
.site-header.scrolled .header-message p br{display:none}
.site-header.scrolled .header-services{display:none}
.hero{padding-top:255px}

@media(max-width:1100px){
  .nav-wrap{gap:22px}
  .header-brand{padding-right:22px}
  .header-brand .brand-logo{width:112px;height:104px}
  .header-message{min-width:245px}
  .header-message p{font-size:1.08rem}
  .header-services span{padding:0 9px;font-size:.65rem}
  .nav{gap:19px;font-size:.82rem}
  .btn-small{padding:11px 14px}
}
@media(max-width:900px){
  .nav-wrap,.site-header.scrolled .nav-wrap{height:92px}
  .header-brand,.site-header.scrolled .header-brand{border-right:0;padding-right:0}
  .header-brand .brand-logo,.site-header.scrolled .header-brand .brand-logo{width:92px;height:80px}
  .header-message{display:none}
  .nav{top:102px}
  .hero{padding-top:155px}
}
@media(max-width:620px){
  .nav-wrap,.site-header.scrolled .nav-wrap{height:82px}
  .header-brand .brand-logo,.site-header.scrolled .header-brand .brand-logo{width:78px;height:68px}
  .nav{top:90px}
  .hero{padding-top:135px}
}