/* Hourleaf landing v3 – generované z export.py, needitovať ručne bez úpravy generátora */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../fonts/eb-garamond-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../fonts/eb-garamond-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../fonts/eb-garamond-latin-ext-500-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../fonts/eb-garamond-latin-500-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../fonts/eb-garamond-latin-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../fonts/eb-garamond-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url("../fonts/eb-garamond-latin-ext-400-italic.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url("../fonts/eb-garamond-latin-400-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: url("../fonts/eb-garamond-latin-ext-500-italic.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: url("../fonts/eb-garamond-latin-500-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@property --acc{syntax:"<color>";inherits:true;initial-value:#0a84ff}
@property --fill{syntax:"<color>";inherits:true;initial-value:#0071ea}
@property --ink{syntax:"<color>";inherits:true;initial-value:#0062cc}
@property --wl{syntax:"<color>";inherits:true;initial-value:#0062cc}
@property --on{syntax:"<color>";inherits:true;initial-value:#ffffff}
@property --g1{syntax:"<color>";inherits:true;initial-value:#2b95ff}
@property --g2{syntax:"<color>";inherits:true;initial-value:#006ce0}
@property --lu{syntax:"<color>";inherits:true;initial-value:#ffffff}
@property --ll{syntax:"<color>";inherits:true;initial-value:#d9ebff}
@property --lv{syntax:"<color>";inherits:true;initial-value:#b3d4fb}
@property --lh{syntax:"<color>";inherits:true;initial-value:#0a6fe0}
@property --soft{syntax:"<color>";inherits:true;initial-value:rgba(10,132,255,.14)}
@property --soft2{syntax:"<color>";inherits:true;initial-value:rgba(10,132,255,.24)}
@property --soft1{syntax:"<color>";inherits:true;initial-value:rgba(10,132,255,.07)}
@property --glow{syntax:"<color>";inherits:true;initial-value:rgba(10,132,255,.45)}
.hl-root{transition:--wl .9s cubic-bezier(.22,.61,.36,1),--acc .9s cubic-bezier(.22,.61,.36,1),--fill .9s cubic-bezier(.22,.61,.36,1),--ink .9s cubic-bezier(.22,.61,.36,1),--on .9s,--g1 .9s cubic-bezier(.22,.61,.36,1),--g2 .9s cubic-bezier(.22,.61,.36,1),--lu .9s,--ll .9s,--lv .9s,--lh .9s,--soft .9s,--soft2 .9s,--soft1 .9s,--glow .9s}
body{margin:0;background:#f7f4ee;color:#111418;font-family:"Inter Variable","Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}
a{color:inherit;text-decoration:none}a:hover{color:inherit;opacity:.8}
.serif{font-family:"EB Garamond",Garamond,Georgia,"Times New Roman",serif;font-size:1.12em}
.gar{font-family:"EB Garamond",Garamond,Georgia,"Times New Roman",serif}
.caps{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.glass{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 30px 60px -40px rgba(17,20,24,.35)}
.paper{background:#fff;border:1px solid rgba(17,20,24,.08);box-shadow:0 1px 0 rgba(17,20,24,.02),0 30px 60px -40px rgba(17,20,24,.35)}
input.line{border:0;outline:0;background:transparent;font:inherit;color:inherit;min-width:0;border-radius:0}
input.line::placeholder{color:currentColor;opacity:.38}
.ul{border-bottom:2px solid currentColor;transition:border-color .4s}
.ul:focus-within{border-color:var(--acc)}
input.cb{appearance:none;-webkit-appearance:none;margin:0;flex-shrink:0;border-radius:6px;border:1.5px solid currentColor;opacity:.7;background:transparent;display:grid;place-content:center;cursor:pointer;transition:background-color .3s,border-color .3s,opacity .3s}
input.cb:checked{background:var(--fill);border-color:var(--fill);opacity:1}
input.cb:checked::after{content:"";width:9px;height:5px;border:solid var(--on);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
input.cb:focus-visible,button:focus-visible,a:focus-visible,input.line:focus-visible{outline:3px solid var(--acc);outline-offset:4px}
.go{transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s}
.go:hover{transform:translateX(4px) rotate(-8deg)}
.chip{transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.chip:hover{transform:translateY(-4px)}
.spin-m{transform-box:view-box;transform-origin:52.5px 47.5px;animation:spin 3600s linear infinite}
.spin-h{transform-box:view-box;transform-origin:52.5px 47.5px;animation:spin 43200s linear infinite}
.spin-s{transform-box:view-box;transform-origin:52.5px 47.5px;animation:spin 60s linear infinite}
.breathe{animation:breathe 9s ease-in-out infinite alternate;transform-origin:50% 55%}
.tape-l{animation:tape 70s linear infinite}
.tape-r{animation:tape 90s linear infinite reverse}
.tape-l:hover,.tape-r:hover{animation-play-state:paused}
.rise{animation:rise 1.4s cubic-bezier(.22,.61,.36,1) both}
.d1{animation-delay:.08s}.d2{animation-delay:.18s}.d3{animation-delay:.3s}.d4{animation-delay:.45s}.d5{animation-delay:.6s}
.lr-now{animation:lr-now 18s cubic-bezier(.45,.05,.55,.95) infinite alternate}
.lr-progress{width:62%;animation:lr-progress 18s cubic-bezier(.45,.05,.55,.95) infinite alternate}
.lr-pulse{animation:lr-pulse 2.8s ease-out infinite}
.lr-type{width:var(--w);animation:lr-type 9s cubic-bezier(.22,.61,.36,1) infinite}
.lr-draw{stroke-dasharray:900;stroke-dashoffset:0;animation:lr-draw 9s cubic-bezier(.45,.05,.55,.95) infinite}
.lr-hl{width:100%;animation:lr-hl 9s cubic-bezier(.22,.61,.36,1) infinite}
.lr-drag{animation:lr-drag 8s cubic-bezier(.65,0,.35,1) infinite}
.lr-ghost{animation:lr-ghost 8s ease-out infinite}
.lr-time{opacity:0;animation:lr-time 8s ease-out infinite}
.lr-pop{opacity:1;animation:lr-pop 8s cubic-bezier(.22,.61,.36,1) infinite}
.lr-t1{opacity:1;animation:lr-t1 10s cubic-bezier(.34,1.3,.64,1) infinite}.lr-t2{opacity:1;animation:lr-t2 10s cubic-bezier(.34,1.3,.64,1) infinite}.lr-t3{opacity:1;animation:lr-t3 10s cubic-bezier(.34,1.3,.64,1) infinite}
.lr-d1{animation:lr-d1 10s ease-out infinite}.lr-d2{animation:lr-d2 10s ease-out infinite}.lr-d3{animation:lr-d3 10s ease-out infinite}
.lr-yay{opacity:0;animation:lr-yay 10s cubic-bezier(.22,.61,.36,1) infinite}
.conf{animation:conf 10s cubic-bezier(.22,.61,.36,1) infinite}
.bar1{animation:bar 7s ease-in-out infinite}.bar2{animation:bar 7s ease-in-out .35s infinite}.bar3{animation:bar 7s ease-in-out .7s infinite}
.offtag{animation:offtag 7s ease-in-out infinite}
.star{animation:twinkle 5s ease-in-out infinite alternate}
.float{animation:float 7s ease-in-out infinite alternate}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes breathe{from{transform:scale(1) rotate(0)}to{transform:scale(1.02) rotate(-1.2deg)}}
@keyframes tape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes float{from{transform:translateY(0)}to{transform:translateY(-12px)}}
@keyframes lr-now{from{transform:translateY(0)}to{transform:translateY(84px)}}
@keyframes lr-progress{from{width:8%}to{width:96%}}
@keyframes lr-pulse{0%{box-shadow:0 0 0 0 var(--glow)}100%{box-shadow:0 0 0 10px rgba(0,0,0,0)}}
@keyframes lr-type{0%{width:0}35%{width:var(--w)}88%{width:var(--w);opacity:1}100%{width:var(--w);opacity:0}}
@keyframes lr-draw{0%{stroke-dashoffset:900;opacity:1}55%{stroke-dashoffset:0}88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes lr-hl{0%,12%{width:0}40%{width:100%}88%{width:100%;opacity:1}100%{width:100%;opacity:0}}
@keyframes lr-drag{0%,10%{transform:translate(0,0) scale(1) rotate(0);box-shadow:0 1px 2px rgba(15,23,42,.06)}22%{transform:translate(0,-8px) scale(1.06) rotate(-2deg);box-shadow:0 24px 36px -14px rgba(15,23,42,.4)}50%{transform:translate(var(--dx),var(--dy)) scale(1.06) rotate(1deg);box-shadow:0 24px 36px -14px rgba(15,23,42,.4)}60%,90%{transform:translate(var(--dx),var(--dy)) scale(1) rotate(0);box-shadow:0 1px 2px rgba(15,23,42,.06);opacity:1}96%{transform:translate(var(--dx),var(--dy));opacity:0}97%{transform:translate(0,0);opacity:0}100%{transform:translate(0,0);opacity:1}}
@keyframes lr-ghost{0%,14%{opacity:0}24%,90%{opacity:1}100%{opacity:0}}
@keyframes lr-time{0%,20%{opacity:0;transform:translateY(4px)}26%,54%{opacity:1;transform:none}62%,100%{opacity:0}}
@keyframes lr-pop{0%,58%{opacity:0;transform:translateY(10px) scale(.97)}68%,90%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes lr-t1{0%,8%{opacity:0;transform:scale(.4)}14%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes lr-t2{0%,22%{opacity:0;transform:scale(.4)}28%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes lr-t3{0%,36%{opacity:0;transform:scale(.4)}42%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes lr-d1{0%,10%{opacity:1}16%,92%{opacity:.4}100%{opacity:1}}
@keyframes lr-d2{0%,24%{opacity:1}30%,92%{opacity:.4}100%{opacity:1}}
@keyframes lr-d3{0%,38%{opacity:1}44%,92%{opacity:.4}100%{opacity:1}}
@keyframes lr-yay{0%,48%{opacity:0;transform:translateY(18px) scale(.94)}58%,88%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes conf{0%,50%{opacity:0;transform:translate(0,0) rotate(0)}60%{opacity:1}88%{opacity:1;transform:translate(var(--cx),var(--cy)) rotate(var(--cr))}96%,100%{opacity:0;transform:translate(var(--cx),calc(var(--cy) + 20px)) rotate(var(--cr))}}
@keyframes bar{0%,18%{opacity:1}40%,70%{opacity:.12}92%,100%{opacity:1}}
@keyframes offtag{0%,30%{opacity:0;transform:translateY(6px)}42%,72%{opacity:1;transform:none}86%,100%{opacity:0}}
@keyframes twinkle{from{opacity:.25}to{opacity:.9}}
@supports (animation-timeline: view()){
 .reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 5% cover 28%}
 .reveal-x{animation:reveal-x linear both;animation-timeline:view();animation-range:entry 5% cover 30%}
 .parallax{animation:parallax linear both;animation-timeline:view();animation-range:cover}
 @keyframes reveal{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
 @keyframes reveal-x{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:none}}
 @keyframes parallax{from{transform:translateY(50px)}to{transform:translateY(-50px)}}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

@media (max-width: 899px){.hl-desk{visibility:hidden}}html{scroll-behavior:smooth;background:#d9d7ec}body{margin:0;background:transparent;overflow-x:hidden}[hidden]{display:none!important}nav{transition:background-color .6s cubic-bezier(.22,.61,.36,1),color .6s,border-color .6s}nav.dark{background-color:rgba(11,15,25,.72)!important;border-bottom-color:rgba(233,237,245,.14)!important;color:#e9edf5}nav.dark [style*="color: #111418"]{color:#e9edf5!important}nav.dark a[href="#zapis"]{background:#e9edf5!important;color:#111418!important}