.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb;box-shadow:0 2px 12px rgba(0,31,63,.08);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header *{box-sizing:border-box}.site-header-inner{max-width:1280px;margin:0 auto;padding:0 24px}.site-header-main{height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px}.site-header-left{display:flex;align-items:center;gap:12px;min-width:0}.site-logo{display:inline-flex;align-items:center;color:#001F3F;text-decoration:none;font-size:23px;font-weight:950;letter-spacing:-.03em;white-space:nowrap}.site-logo span{color:#008080}.site-header-cta{display:inline-flex;align-items:center;justify-content:center;min-width:0;border-radius:12px;background:linear-gradient(135deg,#008080,#00a3a3);color:#fff;text-decoration:none;font-size:14px;font-weight:950;line-height:1;padding:12px 18px;white-space:nowrap;box-shadow:0 10px 24px rgba(0,128,128,.22)}.site-header-cta span{display:none}.site-header-cta:before{content:"Zkontrolovat vyúčtování →"}.site-header-cta:hover{background:linear-gradient(135deg,#066,#008080);box-shadow:0 12px 28px rgba(0,128,128,.26)}.site-cta-short{display:none}.site-nav-toggle{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.site-nav-button{display:none;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;color:#475569;cursor:pointer}.site-nav-button:hover,.site-nav-button:focus-visible{background:#f1f5f9;outline:2px solid rgba(0,128,128,.6);outline-offset:2px}.site-nav-button svg{width:22px;height:22px}.site-desktop-nav{display:flex;align-items:center;gap:18px;padding:0 0 10px;overflow-x:auto;scrollbar-width:none}.site-desktop-nav::-webkit-scrollbar{display:none}.site-desktop-nav a,.site-mobile-nav a{color:#4b5563;text-decoration:none;font-size:13px;font-weight:850;white-space:nowrap}.site-desktop-nav a:hover,.site-desktop-nav a.active,.site-mobile-nav a:hover,.site-mobile-nav a.active{color:#008080}.site-desktop-nav a[href="/vymahani/"]{color:#b91c1c;font-weight:950}.site-desktop-nav a[href="/vymahani/"]:hover,.site-desktop-nav a[href="/vymahani/"].active{color:#991b1b}.site-mobile-nav{display:none;border-top:1px solid #e5e7eb;padding:10px 0 14px}.site-mobile-nav a{display:block;padding:9px 2px;font-size:15px}.site-mobile-nav a[href="/vymahani/"]{color:#b91c1c;font-weight:950}.site-mobile-nav .mobile-cta{margin-top:6px;border-radius:14px;background:#ecfeff;color:#006d6d;padding:12px 14px;text-align:center;font-weight:950;font-size:0}.site-mobile-nav .mobile-cta:before{content:"Zkontrolovat vyúčtování";font-size:15px}
@media(max-width:1023px){.site-header-inner{padding:0 16px}.site-nav-button{display:inline-flex}.site-desktop-nav{display:none}.site-nav-toggle:checked~.site-mobile-nav{display:block}.site-header-main{height:62px}.site-header-cta{max-width:calc(100vw - 158px);overflow:hidden;text-overflow:ellipsis;padding:11px 14px;font-size:13px}.site-logo{font-size:21px}}
@media(max-width:430px){.site-header-inner{padding:0 12px}.site-header-main{gap:8px}.site-header-left{gap:7px}.site-header-cta{max-width:154px;padding:10px 11px}.site-header-cta:before{content:"Vyúčtování →"}.site-logo{font-size:18px}.site-nav-button{width:38px;height:38px}}
@media(max-width:640px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body{position:relative}
  .site-header-main{width:100%!important;max-width:100%!important}
  .site-header-cta{max-width:132px!important;padding:10px!important}.site-header-cta:before{content:"Vyúčtování →"!important}.site-logo{display:none!important}
  .hero,.hero-gradient{width:100%!important;max-width:100vw!important;min-height:auto!important;overflow:hidden}
  .container,.max-w-3xl,.max-w-4xl,.max-w-5xl,.max-w-6xl,.hero .container,.hero-gradient .max-w-6xl{width:100%!important;max-width:100%!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important}
  .hero-inner,.hero-grid{width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;align-items:start!important;padding-top:40px!important;padding-bottom:34px!important}
  .hero-inner>*,.hero-grid>*{min-width:0!important;max-width:100%!important}
  .hero h1,.hero-gradient h1{display:block!important;width:100%!important;max-width:320px!important;margin-top:16px!important;margin-bottom:0!important;font-size:clamp(24px,6.7vw,28px)!important;line-height:1.14!important;letter-spacing:-.03em!important;overflow-wrap:anywhere!important;word-break:normal;hyphens:auto}
  .hero-gradient h1{width:100%!important;max-width:320px!important}
  .hero-gradient h1>span{display:block!important}
  .hero h1,.hero h1 *,.hero-gradient h1,.hero-gradient h1 *{white-space:normal!important}
  .hero h1 .subline,.hero-gradient h1 .block{margin-top:10px!important;font-size:clamp(20px,6vw,24px)!important;line-height:1.25!important}
  .hero .lead,.hero-lead{max-width:330px!important;margin-top:16px!important;font-size:16px!important;line-height:1.55!important}
  .hero .eyebrow,.hero-gradient .eyebrow,.hero .badge{max-width:100%;padding:8px 12px!important;font-size:12px!important;white-space:normal}
  .hero-actions{gap:10px!important;margin-top:22px!important}.hero-actions .btn{width:100%;padding:15px 18px!important}
  .hero .mascot,.hero .mascot-card{min-height:0!important;max-width:230px!important;margin:28px auto 0!important}
  .hero .mascot img,.hero .mascot-card img{position:static!important;display:block!important;width:185px!important;max-width:78vw!important;height:auto!important;margin:0 auto!important;transform:none!important}
  .hero .mascot:before,.hero .mascot-card:before{display:none!important}
  .hero-grid .price-card{margin-top:22px!important}.hero-grid .price{border-radius:20px!important;padding:18px!important}.hero-grid .price strong{font-size:28px!important}
  .hero-gradient>.absolute,.hero .absolute{max-width:60vw!important;max-height:60vw!important;opacity:.05!important}
  .hero-gradient .grid{gap:20px!important}
  .hero-gradient .max-w-6xl,.hero-gradient .fade-in-up{max-width:100%!important;min-width:0!important}
  .hero-gradient .max-w-6xl{padding-top:32px!important;padding-bottom:48px!important}
  .hero-gradient h1{margin-bottom:32px!important}
  .hero-gradient img{width:min(210px,72vw)!important;height:auto!important;max-height:230px!important;object-fit:contain!important}
  .hero-gradient .absolute.bottom-8{display:none!important}
  .hero-gradient .grid.gap-4{grid-template-columns:1fr!important;margin-top:8px!important}
  .hero-gradient a[class*="min-h-48"]{width:100%!important;max-width:100%!important;min-height:auto!important;border-radius:20px!important;padding:18px!important;box-sizing:border-box!important}
  .hero-gradient a[class*="min-h-48"]>span[style*="rotate"]{display:none!important}
  .hero-gradient a[class*="min-h-48"] strong{font-size:18px!important;max-width:none!important}
  .hero-gradient a[class*="min-h-48"] span{font-size:13px!important}
  .section-head h2,.faq-head h2,.section-title h2,.help h2,.panel h2,.guide-card h2,.form-card h2,.side-card h2,.confidence h2,.assurance h2{max-width:330px!important;font-size:clamp(24px,6.8vw,30px)!important;line-height:1.14!important;overflow-wrap:anywhere!important}
  main h1{max-width:330px!important;margin-left:auto!important;margin-right:auto!important;font-size:clamp(24px,7vw,30px)!important;line-height:1.15!important;overflow-wrap:anywhere!important;white-space:normal!important}
  p,.lead,.muted,.hint{overflow-wrap:break-word}
  .panel-head{gap:12px!important}.panel-head>div{min-width:0!important}
  .panel,.result,.card,.form-card,.guide-card,.side,.side-card,.confidence,.help,.summary-card,.faq-item,main .bg-white.rounded-2xl{width:auto!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden}
  main .bg-white.rounded-2xl *{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;white-space:normal!important}
  main,section,footer{max-width:100vw!important;overflow-x:hidden!important}
  body:has(.site-header){clip-path:inset(0)}
  section{scroll-margin-top:78px}
}