:root{--ink:#18372f;--green:#164b3d;--mid:#246f58;--pale:#eef3eb;--cream:#f7f5eb;--line:#d2e1d7;--muted:#62766d;--white:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{letter-spacing:-.044em}h1{font-size:clamp(3rem,5.2vw,5.9rem);line-height:1.035;margin:22px 0 21px;font-weight:850}h2{font-size:clamp(2.2rem,4.1vw,4.25rem);line-height:1.11;margin:20px 0;font-weight:850}h3{font-size:1.08rem;letter-spacing:-.025em;margin:10px 0}p{line-height:1.65}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #71b39b;outline-offset:3px}img{display:block;max-width:100%}.wrap{max-width:1280px;margin:auto;padding-inline:34px}.section{padding:100px 0}.section-tint{background:linear-gradient(135deg,#f7f8f4,#ebf3e9)}.eyebrow{font-size:.74rem;font-weight:850;letter-spacing:.16em;color:#16604e;text-transform:uppercase}.lead{font-size:1.05rem;max-width:725px;color:#4c6c60;margin:0 0 36px}.header{background:white;position:sticky;top:0;z-index:30;border-bottom:1px solid #e9ede7}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}.logo{display:flex;gap:11px;align-items:center;font-weight:900;font-size:1.25rem;text-decoration:none;white-space:nowrap;letter-spacing:-.02em}.logo em{color:var(--mid);font-style:normal}.logo small{display:block;font-size:.56rem;font-weight:600;letter-spacing:.11em;color:#71877a}.logo img{border-radius:9px}.nav{display:flex;gap:25px;align-items:center}.nav a,footer a{text-decoration:none;font-size:.86rem;font-weight:750}.nav a:hover,footer a:hover{color:#399378}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;padding:13px 22px;border-radius:10px;background:var(--green);color:white!important;border:1px solid var(--green);font-weight:780;font-size:.9rem;text-decoration:none;box-shadow:none}.btn:hover{background:#226d57}.btn-small{min-height:41px;padding:10px 16px;white-space:nowrap}.btn-outline{color:var(--green)!important;background:transparent;border-color:#bad4c6}.btn-outline:hover{background:#e8f3ec}.btn-light{background:white;color:var(--green)!important;border-color:white}.wide{width:100%}.hero{padding:86px 0 75px;background:radial-gradient(ellipse at 80% 25%,#dceade,transparent 52%),linear-gradient(135deg,#f6f7f0,#fcf9ee)}.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:60px;align-items:center}.hero h1 span{color:#278064}.pill{letter-spacing:0;border:1px solid #cee4d5;background:#edf8f0;padding:9px 13px;border-radius:30px;text-transform:none;font-size:.7rem}.hero-desc{max-width:580px;color:var(--ink);font-size:1.15rem;line-height:1.6}.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin:26px 0}.micro-benefits{display:flex;flex-wrap:wrap;column-gap:17px;row-gap:8px;color:#27654e;font-size:.77rem;font-weight:700}.hero-shot{background:#fff;border:1px solid #b8d5c4;box-shadow:0 24px 70px rgba(20,70,51,.12);padding:15px;border-radius:24px;transform:perspective(1600px) rotateY(-2deg);overflow:hidden}.shot-top{font-size:.76rem;display:flex;justify-content:space-between;align-items:center;margin:2px 3px 12px}.dots{display:flex;gap:5px}.dots i{display:block;background:#cfded2;width:7px;height:7px;border-radius:50%}.hero-shot img{border-radius:13px;border:1px solid #e2e4d9;width:100%}.hero-shot figcaption{font-size:.7rem;color:#4d7162;margin-top:10px}.bar{background:#163f34;color:white}.bar-inner{min-height:65px;display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:.8rem;font-weight:800}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{border:1px solid var(--line);border-radius:18px;padding:25px;min-height:198px;background:#fff}.feature-icon{display:grid;place-items:center;width:45px;height:45px;background:#eaf3ec;border-radius:12px;font-size:1.3rem}.feature p,.benefit-grid p{font-size:.88rem;color:#59736b;line-height:1.6;margin:0}.feature p strong{color:#28463c}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.benefit-grid article{background:white;border:1px solid #d6e5d9;border-radius:17px;padding:22px;min-height:205px}.benefit-grid article>span{font-size:1.7rem}.benefit-grid h3{font-size:1rem}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.steps article{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}.steps article>span{color:#1e7054;font-weight:800;letter-spacing:.07em;font-size:.8rem}.steps h3{font-size:.99rem;margin:17px 0 7px}.steps p{color:#62786d;font-size:.79rem;margin:0}.demo-section{background:#fafaf6}.demo-limits{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.demo-limits span{border:1px solid #bdd7c7;background:#eaf3ea;border-radius:40px;padding:8px 13px;font-weight:750;font-size:.75rem}.demo-browser{background:white;border:1px solid #cbd8cc;overflow:hidden;border-radius:20px;box-shadow:0 15px 50px #173d3020}.demo-bar{background:#e7eadc;padding:12px 18px;display:flex;justify-content:space-between;gap:12px;font-size:.8rem;align-items:center}.demo-bar a{color:#216c55;font-weight:800}.demo-browser iframe{display:block;width:100%;height:680px;border:0;background:#ecd9b1}.footnote{margin:18px 0 0;color:#6a7c70;font-size:.76rem;line-height:1.6;max-width:850px}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:820px;margin:42px 0 23px}.price{background:white;border:1px solid #cfdfd2;padding:28px;border-radius:22px;position:relative}.price.recommended{border:2px solid #40866e;background:linear-gradient(145deg,#f7fbf5,#e9f4e9)}.price h3{font-size:1.22rem}.price .amount{font-size:3.3rem;font-weight:900;letter-spacing:-.055em;white-space:nowrap;margin:16px 0 7px}.price .amount span{font-size:.93rem;color:#5c7769;font-weight:650;letter-spacing:0}.price p{color:#5e776c;font-size:.87rem;min-height:52px}.price-flag{position:absolute;right:20px;top:-15px;background:#27765c;color:white;border-radius:20px;padding:7px 12px;font-size:.72rem;font-weight:850}.price-features{display:flex;gap:15px;flex-wrap:wrap;color:#23664e;font-size:.8rem;font-weight:750}.price-features>span{white-space:normal}.help-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 0}.help-tabs button{border:1px solid #cddfd1;background:#f5f9f5;color:var(--green);border-radius:11px 11px 0 0;padding:15px 18px;font-weight:780}.help-tabs button.active{background:var(--green);color:white;border-color:var(--green)}.help-panel{padding:28px;border:1px solid #d4e4d8;border-radius:0 18px 18px 18px;min-height:220px}.help-panel[hidden],[hidden]{display:none!important}.help-intro{display:flex;gap:15px;margin-bottom:24px}.search-box{display:flex;align-items:center;gap:12px;flex:1;border:1px solid var(--line);border-radius:10px;padding:0 17px}.search-box span{font-size:1.65rem}.search-box input{border:0;background:transparent;outline:none!important;flex:1;min-height:52px;min-width:0}.subform{display:grid;gap:13px;padding:24px;border:1px solid #d4e5d5;background:#f8faf7;border-radius:15px;margin-bottom:22px}.subform label{font-weight:740;display:grid;gap:7px}.subform input,.subform textarea{width:100%;border:1px solid #cadbcf;padding:13px;border-radius:10px;background:white}.subform button{justify-self:start}.small{font-size:.76rem;color:#698275}.muted{color:#698275}.questions-list{display:grid;gap:13px}.q-card{padding:20px;border:1px solid #d7e4d9;border-radius:13px}.q-card h3{font-size:1.04rem}.q-card p{margin:7px 0 0;font-size:.9rem;white-space:pre-wrap;overflow-wrap:anywhere}.q-card .q-who{font-size:.77rem;color:#657f70}.q-card .official{font-size:.77rem;font-weight:800;color:#217158;margin-top:14px}.ai-window{border:1px solid #d5e1d8;border-radius:16px;overflow:hidden}.ai-header{padding:17px;background:#e9f3ed;font-weight:800}.ai-header span{font-size:.75rem;font-weight:500;margin-left:10px;color:#6b7f73}.ai-messages{padding:20px;min-height:220px;max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.bubble{padding:12px 16px;border-radius:15px;max-width:85%;font-size:.9rem;white-space:pre-wrap}.bubble.bot{background:#e9f2e8;align-self:flex-start}.bubble.user{background:#194d3d;color:white;align-self:flex-end}.ai-form{display:flex;padding:10px;border-top:1px solid #d9e4dc;gap:8px}.ai-form input{flex:1;border:0;min-width:0;padding:12px}.ai-window>.small,.ai-window>.message{margin:10px 18px}.message{font-size:.84rem;min-height:1.2em;color:#2d795e}.message.error{color:#ac483c}.faqs details{border-bottom:1px solid #d5e4d7;padding:18px 0}.faqs summary{font-size:.96rem;font-weight:800;cursor:pointer}.faqs details p{color:#627a6c;font-size:.91rem}.bottom-cta{background:#173e33;color:white;padding:60px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.bottom-cta .eyebrow{color:#c7e3cd}.bottom-cta h2{font-size:clamp(2.2rem,4vw,4rem);margin:16px 0}.bottom-cta p{margin:0;font-size:.88rem;color:#e3eee6}footer{background:#0d2b23;color:white;padding:36px 0;font-size:.79rem}footer a{color:#eef4ee;font-size:.8rem}.footer-row{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer-row strong{font-size:1.25rem}.footer-row p{font-size:.76rem;max-width:430px;color:#c1d7c8}.footer-row nav{display:flex;gap:20px;flex-wrap:wrap}.footer-small{border-top:1px solid #3a554b;margin-top:25px;padding-top:20px;font-size:.71rem;color:#a8c2ae}.footer-small a{float:right;color:#8cae9d;font-size:.71rem}
@media(max-width:1050px){.hero-grid{gap:25px}.benefit-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.nav{gap:12px}.nav a{font-size:.78rem}}@media(max-width:780px){.wrap{padding-inline:20px}.section{padding:65px 0}.hero{padding:58px 0}.hero-grid{grid-template-columns:1fr}.hero-shot{transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.nav{display:none}.bar-inner{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-block:16px}.cta-inner{flex-direction:column;align-items:start}.demo-browser iframe{height:620px}}@media(max-width:530px){h1{font-size:clamp(2.75rem,11.7vw,4rem)}h2{font-size:2.15rem}.header .btn-small{padding:8px;font-size:.74rem}.logo{font-size:1.02rem}.logo img{width:34px;height:34px}.feature-grid,.benefit-grid,.steps,.pricing-grid{grid-template-columns:1fr}.feature{min-height:auto}.help-intro{flex-direction:column}.help-panel{padding:16px}.help-tabs button{font-size:.76rem;padding:11px 9px}.price .amount{font-size:2.75rem}.demo-browser iframe{height:580px}.bar-inner{font-size:.7rem}.footer-row{flex-direction:column}.hero-buttons .btn{width:100%}}


/* STÁNEK PRO – profesionální úvod / 30. 10. 2026
   Fix: reálný obrázek má přirozený poměr 1530:871, nikoli výšku z HTML atributu.
   Žádná změna funkcí aplikace ani dema. */
.hero { padding-block: clamp(64px, 7vw, 94px); }
.hero-grid {
  grid-template-columns: minmax(0, 1.07fr) minmax(0, 1fr);
  gap: clamp(26px, 4vw, 68px);
  align-items: center;
}
.hero-copy, .hero-shot { min-width: 0; }
.hero h1 {
  font-size: clamp(3.15rem, 5.15vw, 5.5rem);
  line-height: 1.035;
  max-width: 680px;
  margin: 22px 0 18px;
}
.hero-desc { font-size: clamp(1rem, 1.3vw, 1.16rem); line-height: 1.5; }
.hero-shot {
  display: block;
  width: 100%;
  max-width: 650px;
  margin: 0;
  padding: 14px;
  border: 1px solid #c3dacc;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 62px rgba(26,69,53,.14), 0 2px 8px rgba(26,69,53,.04);
  transform: none;
  overflow: hidden;
}
.hero-shot .shot-top { margin: 2px 4px 11px; font-size: .73rem; line-height: 1.35; }
.hero-shot img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1530 / 871;
  object-fit: contain;
  border: 1px solid #e2e8dc;
  border-radius: 11px;
}
.hero-shot figcaption { font-size: .71rem; line-height: 1.45; margin: 10px 3px 0; }
@media (max-width: 950px) {
  .hero { padding-block: 65px; }
  .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .hero h1 { max-width: 780px; }
  .hero-shot { max-width: 740px; margin-inline: auto; }
}
@media (max-width: 530px) {
  .hero { padding-block: 44px 56px; }
  .hero h1 { font-size: clamp(2.65rem, 10.8vw, 3.75rem); }
  .hero-shot { padding: 10px; border-radius: 16px; }
  .hero-shot .shot-top { font-size: .64rem; }
  .hero-shot figcaption { font-size: .63rem; }
}