/* Task 1231 — shared Klub moderniho psa visual system. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Roboto+Condensed:wght@700;800&display=swap');
:root{--club-white:#fff;--club-ink:#111;--club-muted:#454545;--club-blue:#0057e6;--club-blue-hover:#0044b8;--club-yellow:#ffe000;--club-line:#ddd;--club-soft:#f5f5f5}
html{overflow-x:clip;scroll-padding-top:92px}body{overflow-x:clip;background:var(--club-white);color:var(--club-ink);font-family:Inter,Arial,sans-serif;font-size:18px;line-height:1.58}body>aside[aria-label="Ekosystém Klubu moderního psa"]{display:none!important}.container,.narrow{width:min(calc(100% - 64px),1200px)}
h1,h2,h3,h4,.shared-situations h2,.shared-situations h3{font-family:'Roboto Condensed',Arial,sans-serif!important;color:var(--club-ink);letter-spacing:-.02em;line-height:1.08}.dark h2,.dark h3,.final-cta h2{color:#fff}.eyebrow,.gold{color:var(--club-blue)!important}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:4px solid var(--club-yellow)!important;outline-offset:4px}
.site-header{background:rgba(255,255,255,.98);border-color:var(--club-line)}.nav{height:88px}.brand img{width:190px;height:auto;max-height:58px}.nav-links a{color:var(--club-ink)}
.btn,.btn-primary,.btn-dark{min-height:48px;border:0!important;border-radius:5px!important;background:var(--club-blue)!important;color:#fff!important;box-shadow:none!important}.btn:hover,.btn-primary:hover,.btn-dark:hover{background:var(--club-blue-hover)!important;transform:none!important}.btn-ghost{background:#fff!important;color:var(--club-blue)!important;border:2px solid var(--club-blue)!important}
.hero{padding:64px 0;background:var(--club-white)}.hero-grid{gap:64px}.hero h1{font-size:clamp(48px,4.5vw,60px);max-width:18ch}.hero .lead{color:var(--club-muted)}.hero-trial{border-radius:5px;background:var(--club-soft);color:var(--club-ink);border-left:4px solid var(--club-yellow)}.product-card{background:var(--club-ink);border-radius:5px;box-shadow:none}.mini-proof{border-radius:5px;border-color:var(--club-line);box-shadow:none}.dot{background:var(--club-blue)}
.section,.shared-situations,.final-cta{padding:64px 0}.shared-situations{background:var(--club-white);border-color:var(--club-line)}.shared-situations .situations-heading{margin-bottom:40px}.shared-situations h2{font-size:clamp(38px,4.5vw,56px);font-weight:800;line-height:1.08}.shared-situations .scenario-grid{border-color:var(--club-line)}.shared-situations .scenario-grid article{min-height:0;padding:28px;background:var(--club-white);border-color:var(--club-line)}.shared-situations .scenario-grid article:first-child{background:var(--club-white)}.shared-situations .scenario-grid span,.shared-products em{color:var(--club-blue)}.shared-situations .scenario-grid h3{font-size:30px;font-weight:700}.problem.section{padding-top:56px;padding-bottom:56px}
.dark{background:var(--club-ink)}#jak-to-funguje{padding:64px 0}.shared-principles{padding:48px 0!important;border-top:1px solid rgba(255,255,255,.18)}.shared-principles .lead{max-width:780px;margin-bottom:0}.steps li{border-radius:5px}.steps li>span{background:var(--club-blue)}
.demo-panel,.voice-panel,.author-card,.testimonial-card,.price-card,.reasons-list li,.faq details,.notice-grid>div,.shared-products>a,.shared-products>div{border-radius:5px;box-shadow:none}.bubble.user{background:var(--club-blue)}.soft,.testimonials,.clone-benefits,.reasons-section{background:var(--club-white)}.shared-ecosystem{border-block:1px solid var(--club-line)}.shared-products [aria-current=page]{border-color:var(--club-blue)}.price-card.featured{border-color:var(--club-blue)}.badge{background:var(--club-blue)}.final-cta{background:var(--club-ink)}
footer{background:var(--club-white);color:var(--club-ink);border-top:1px solid var(--club-line)}.footer-brand,.legal{border-color:var(--club-line)}.footer-logo{filter:none;opacity:1}.footer-brand p,.footer-section p,.legal{color:var(--club-muted)}.footer-links a,.footer-contact a,.consent-copy a{color:var(--club-blue)}
@media(max-width:900px){.container,.narrow{width:min(calc(100% - 48px),1200px)}.nav{height:76px}.brand img{width:160px}.hero{padding:48px 0}.hero-grid{gap:32px}.section,.shared-situations,.final-cta{padding:52px 0}.shared-principles{padding:42px 0!important}}
@media(max-width:540px){body{font-size:17px}.container,.narrow{width:min(calc(100% - 40px),1200px)}.nav{height:72px;gap:12px}.brand img{width:132px}.hero{padding:40px 0}.hero h1{font-size:34px}.section,.shared-situations,.final-cta{padding:44px 0}.shared-situations .situations-heading{margin-bottom:30px}.shared-principles{padding:36px 0!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}