/* FineStudio: shared playful art direction. Primary color lives in theme-root.css. */
.fs-playful{--color-background:#fbfcff;--color-tinted:#edf4ff;--color-foreground:#102a45;--color-muted:#506078;--color-brand:var(--fs-primary);--gradient-cta:var(--fs-primary);background:var(--color-background)}
.fs-playful h1,.fs-playful h2{letter-spacing:-.04em;word-spacing:.04em}
.fs-playful .site-header{background:#fffffff2;backdrop-filter:blur(14px);border-bottom:1px solid #dce6f0}
.fs-playful .site-header .site-nav a{color:#102a45}
.fs-playful .site-header .logo-img{filter:none}
.fs-playful .nav-toggle-bar{background:#102a45}
.fs-playful .btn-brand,.fs-playful .btn-primary,.fs-playful .fw-page .btn.fw-button,.fs-playful .kontakt-form input[type=submit],.fs-playful .kontakt-form button[type=submit],.fs-playful .wp-block-button__link{background:var(--fs-primary);color:#011633;border:1px solid transparent;border-radius:14px;box-shadow:0 5px 0 #102a4512}
.fs-playful .btn-brand:hover,.fs-playful .fw-page .btn.fw-button:hover,.fs-playful .kontakt-form input[type=submit]:hover{background:var(--fs-primary);box-shadow:0 7px 0 #102a4525;color:#011633}
.fs-playful .fw-page .fw-contact .kontakt-form input[type=submit]{background:var(--fs-primary);color:#011633}
.fs-playful .btn-nav{border-radius:999px;box-shadow:none}
.fs-playful .highlight,.fs-playful .hero .highlight,.fs-playful .hero-lite .highlight,.fs-playful .fw-page h1 span,.fs-playful .fw-page h2 span{color:var(--fs-primary);-webkit-text-fill-color:var(--fs-primary);background:#102a45;background-clip:border-box;-webkit-background-clip:border-box;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .1em .025em;border-radius:.13em;line-height:1.22}
.fs-playful .hero,.fs-playful .hero-lite{background:#edf4ff;color:#102a45;border-radius:0 0 48px 48px;overflow:hidden}
.fs-playful .hero::before{background:#d5e7f8;filter:none;width:470px;height:470px;top:140px;right:-80px;opacity:.75;border-radius:44% 56% 60% 40%;animation:none;transform:rotate(-12deg)}
.fs-playful .hero::after{display:none}
.fs-playful .hero h1,.fs-playful .hero-lite h1,.fs-playful .hero h2{color:#102a45}
.fs-playful .hero-inner{padding-block:155px 85px;gap:48px;max-width:1280px}
.fs-playful .hero h1{font-size:clamp(42px,4.4vw,68px);line-height:1.17;margin-bottom:25px}
.fs-playful.home .hero h1{font-size:clamp(46px,5.2vw,76px)}
.fs-playful .hero-sub{color:#506078;font-size:18px;line-height:1.7;max-width:52ch}
.fs-playful .hero-lite{padding-block:140px 80px}
.fs-playful .hero-lite h1{font-size:clamp(38px,4.8vw,66px);line-height:1.22;max-width:1000px;margin-inline:auto}
.fs-playful .eyebrow{color:#244963;background:#fff8;border-color:#a8c2db}
.fs-playful .trust-strip,.fs-playful .trust-strip strong{color:#102a45}
.fs-playful .hero .btn-ghost,.fs-playful .hero-lite .btn-ghost{background:#fff6;color:#102a45;border:1px solid #a5b6cc;border-radius:14px}
.fs-playful .hero .btn-ghost:hover,.fs-playful .hero-lite .btn-ghost:hover{background:#fff}
.fs-playful .section{padding-block:88px}
.fs-playful .section h2{font-size:clamp(30px,3.5vw,48px);line-height:1.2}
.fs-playful .section-tinted{background:#e6edf4;border-radius:40px}
.fs-playful .sheet-start{margin-top:0;padding-top:88px;border-radius:40px 40px 0 0}
.fs-playful .section-head{margin-bottom:42px}
.fs-playful .section-eyebrow{color:#385d7b}
.fs-playful .tile,.fs-playful .brand-karta,.fs-playful .dovod-karta,.fs-playful .tim-karta{border-radius:24px;border-color:#dce6ef;box-shadow:none}
.fs-playful .tile:nth-child(3n+2){background:#e6edf4}
.fs-playful .tile:nth-child(3n+3){background:#d5e7f8}
.fs-playful .tile-featured,.fs-playful .tile-accent{background:#e0edfc;border-color:#c7daf0;box-shadow:none}
.fs-playful .tile-featured h3,.fs-playful .tile-accent h3{color:#102a45}
.fs-playful .tile-featured p,.fs-playful .tile-accent p{color:#506078}
.fs-playful .tile-featured .tile-ico,.fs-playful .tile-accent .tile-ico{color:#102a45;background:white;border-color:#c7daf0}
.fs-playful .tile-badge,.fs-playful .tile-accent .tile-tags li{color:#102a45;background:#fff9;border-color:#c7daf0}
.fs-playful .tile:hover{transform:translateY(-3px);box-shadow:0 10px 25px #102a4510}
.fs-playful .tile-ico{border-radius:14px;background:white;color:#245577}
.fs-playful .step-num{background:#d5e7f8;color:#102a45;border-radius:18px;transform:rotate(-5deg);box-shadow:none}
.fs-playful .step:nth-child(2n) .step-num{background:#e6edf4;transform:rotate(5deg)}
.fs-playful .step:nth-child(3n) .step-num{background:#edf0f3}
.fs-playful .stats{background:#edf4ff;color:#102a45;border-block:1px solid #d7e4f2}
.fs-playful .stat-num{color:#102a45;-webkit-text-fill-color:#102a45;background:none}
.fs-playful .stat-label{color:#506078}
.fs-playful .show-frame,.fs-playful .pf-thumb{border-radius:24px;overflow:hidden}
.fs-playful .show-card-cta{background:#d5e7f8;border:0;color:#102a45;box-shadow:none}
.fs-playful .show-card-cta .show-cta-text{color:#102a45}
.fs-playful .brand-tile{border-radius:22px;box-shadow:5px 6px 0 #102a4512}
.fs-playful .brand-tile:nth-child(2){transform:rotate(3deg)}
.fs-playful .brand-tile:nth-child(3){transform:rotate(-3deg)}
.fs-playful .kontakt{background:#d5e7f8;border-radius:40px 40px 0 0}
.fs-playful .kontakt-text h2,.fs-playful .kontakt-text p,.fs-playful .kontakt-udaje a{color:#102a45}
.fs-playful .kontakt-form{background:white;border:1px solid #d0dce8;box-shadow:8px 8px 0 #c7d6e555;border-radius:26px;color:#102a45}
.fs-playful .kontakt-form p,.fs-playful .kontakt-form label{color:#102a45}
.fs-playful .kontakt-form input:not([type=submit]),.fs-playful .kontakt-form textarea,.fs-playful .kontakt-form select{background:#f7f9fc;color:#102a45;border:1px solid #becbdd}
.fs-playful .kontakt-kalk{background:#ffffff80;color:#102a45;border-color:#d0dce8}
.fs-playful .kontakt-kalk strong{color:#102a45}
.fs-playful .faq details{border-radius:15px;background:white;border-color:#dae4ef}
.fs-playful .faq summary{min-height:48px}
.fs-playful .fw-page{--fw-blue:var(--fs-primary)}
.fs-playful .fw-page .fw-eyebrow{color:#385d7b!important}
.fs-playful .fw-page .fw-spark{color:var(--fs-primary)}
.fs-playful .fw-page .fw-icon{color:#245577}
.fs-playful .fw-page .fw-process h3{line-height:1.3}
.fs-playful .fw-page .fw-price-sheet li>span,.fs-playful .fw-page .fw-faq summary span{color:#245577}
.fs-playful .fw-page .fw-hero h1{line-height:1.24;font-size:clamp(43px,4.9vw,70px)}
.fs-playful .fs-topic{background:#fff;padding:72px 0}
.fs-playful .fs-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.fs-playful .fs-topic-card{padding:30px;border-radius:25px;background:#edf4ff}
.fs-playful .fs-topic-card:nth-child(3n+2){background:#e6edf4}
.fs-playful .fs-topic-card:nth-child(3n+3){background:#d5e7f8}
.fs-playful .fs-topic-card h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin-bottom:14px}
.fs-playful .fs-topic-card p{font-size:16px;color:#506078;line-height:1.75}
.fs-playful .fs-price-explainer{padding:40px;background:#e0edfc;border-radius:28px;margin-bottom:40px}
.fs-playful .fs-price-explainer h2{max-width:850px;margin-bottom:22px}
.fs-playful .fs-price-explainer p{max-width:85ch;color:#506078;margin-bottom:16px;line-height:1.75}
.fs-playful .fs-related{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px}
.fs-playful .fs-related a{color:#102a45;text-decoration:underline;text-underline-offset:5px;font-weight:700;padding:12px 0}
.fs-playful a:focus-visible,.fs-playful button:focus-visible,.fs-playful summary:focus-visible{outline:3px solid #0b6bcb;outline-offset:4px}
.fs-playful .hero .clients-marquee{color:#506078}
.fs-playful .hero .clients-title{color:#506078}
.fs-playful .hero .clients-track img{filter:none;opacity:.8}
.fs-playful .hero .client-logo-text{color:#102a45}
.fs-playful .serp-card{box-shadow:12px 12px 0 #cfdeed;border-radius:25px;transform:rotate(2deg)}
.fs-playful .phone-mock{transform:rotate(-6deg);box-shadow:14px 16px 0 #cfdeed}
.fs-playful .soc-float{box-shadow:6px 7px 0 #102a4520;border-radius:20px}
.fs-playful .soc-float:nth-of-type(2){transform:rotate(8deg)}
@media(max-width:1023px){.fs-playful .hero-inner{padding-block:125px 60px;gap:36px}.fs-playful .fs-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fs-playful .section{padding-block:68px}.fs-playful .hero h1{font-size:clamp(40px,6vw,60px)}}
@media(max-width:640px){.fs-playful .hero,.fs-playful .hero-lite{border-radius:0 0 28px 28px}.fs-playful .hero-inner{padding-block:120px 50px}.fs-playful .hero h1,.fs-playful.home .hero h1{font-size:42px}.fs-playful .hero-lite{padding-block:120px 55px}.fs-playful .hero-lite h1{font-size:36px}.fs-playful .hero-sub{font-size:16px}.fs-playful .section{padding-block:55px}.fs-playful .section-tinted{border-radius:26px}.fs-playful .fs-topic{padding:50px 0}.fs-playful .fs-topic-grid{grid-template-columns:1fr}.fs-playful .fs-price-explainer{padding:26px}.fs-playful .grid-detail[style]{grid-template-columns:1fr!important}.fs-playful .btn{white-space:normal;text-align:center}.fs-playful .btn-nav{white-space:nowrap}.fs-playful .fw-page .fw-hero h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.fs-playful *, .fs-playful *::before,.fs-playful *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Dark illustration panels keep their own accessible palette on pale heroes. */
.fs-playful .hero-visual{--dark-foreground:#102a45;--dark-muted:#506078;--dark-border:#c4d3e5;--dark-border-bright:#91b8de}
.fs-playful .serp-card,.fs-playful .hero .dash-card{background:#fff!important;border-color:#cfdaeb!important}
.fs-playful .serp-lupa{background:#f1f6fc}
.fs-playful .serp-prvy::after{content:'Ukážka';color:#102a45}
.fs-playful .hero .marquee-track li img.client-logo{filter:brightness(0) saturate(100%);opacity:.5}
.fs-playful .hero .marquee-track li{color:#506078}
.fs-playful .hero .chip{background:#102a45;color:#fff;border-color:#244963}
.fs-playful [id]{scroll-margin-top:105px}
.fs-playful .pf-filter-chip.is-active{background:var(--fs-primary);border-color:var(--fs-primary);color:#102a45}