@font-face {
font-family: "Space Grotesk";
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url("/fonts/space-grotesk/SpaceGrotesk-latin-ext-cz.woff2?v=79443abe00") format("woff2");
unicode-range: U+104-107, U+118-119, U+139-13A, U+13D-13E, U+141-144, U+150-151, U+154-155, U+15A-15B, U+170-171, U+179-17C;
}
@font-face {
font-family: "Space Grotesk";
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url("/fonts/space-grotesk/SpaceGrotesk-latin-cz.woff2?v=ab34d53964") format("woff2");
unicode-range: U+20-7E, U+A0, U+A7, U+A9, U+AB, U+AE, U+B0-B1, U+B7, U+BB,
U+C0-C1, U+C4, U+C9, U+CD, U+D3-D4, U+D6-D7, U+DA, U+DC-DD,
U+DF, U+E1, U+E4, U+E9, U+ED, U+F3-F4, U+F6, U+FA, U+FC-FD,
U+10C-10F, U+11A-11B, U+147-148, U+158-159, U+160-161, U+164-165, U+16E-16F, U+17D-17E,
U+300, U+200B, U+2013-2014, U+2018-201A, U+201C, U+201E, U+2026, U+20AC, U+2122, U+2212;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url("/fonts/plus-jakarta-sans/PlusJakartaSans-latin-ext-cz.woff2?v=4121c4dbf5") format("woff2");
unicode-range: U+104-107, U+118-119, U+139-13A, U+13D-13E, U+141-144, U+150-151, U+154-155, U+15A-15B, U+170-171, U+179-17C;
}
@font-face {
font-family: "Plus Jakarta Sans";
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url("/fonts/plus-jakarta-sans/PlusJakartaSans-latin-cz.woff2?v=8875be84b8") format("woff2");
unicode-range: U+20-7E, U+A0, U+A7, U+A9, U+AB, U+AE, U+B0-B1, U+B7, U+BB,
U+C0-C1, U+C4, U+C9, U+CD, U+D3-D4, U+D6-D7, U+DA, U+DC-DD,
U+DF, U+E1, U+E4, U+E9, U+ED, U+F3-F4, U+F6, U+FA, U+FC-FD,
U+10C-10F, U+11A-11B, U+147-148, U+158-159, U+160-161, U+164-165, U+16E-16F, U+17D-17E,
U+300, U+200B, U+2013-2014, U+2018-201A, U+201C, U+201E, U+2026, U+20AC, U+2122, U+2212;
}
:root{--blue:    #2298FD;
--datel-blue: #2d92e8;
--datel-ink:  #104e85;
--blue-text: #1A75C3;
--yellow:  #FFD20C;
--ink:     #1B1C19;
--canvas:  #FAF9F4;
--ink-72:  rgba(27, 28, 25, 0.72);
--ink-78:  rgba(27, 28, 25, 0.78);
--ink-65:  rgba(27, 28, 25, 0.65);
--ink-12:  rgba(27, 28, 25, 0.12);
--ink-32:  rgba(27, 28, 25, 0.32);
--sand:    #EDE6D8;
--blue-15: rgba(34, 152, 253, 0.15);
--blue-10: rgba(34, 152, 253, 0.10);
--paper-55: rgba(250, 249, 244, 0.55);
--paper-92: rgba(250, 249, 244, 0.92);
--paper-78: rgba(250, 249, 244, 0.78);
--paper-35: rgba(250, 249, 244, 0.35);
--paper-18: rgba(250, 249, 244, 0.18);
--paper-07: rgba(250, 249, 244, 0.07);
--font-head: "Space Grotesk", system-ui, sans-serif;
--font-body: "Plus Jakarta Sans", system-ui, sans-serif;
--t-h1:    clamp(2.25rem, 1.25rem + 3.6vw, 4rem);
--t-h2:    clamp(1.75rem, 1.15rem + 2.1vw, 2.75rem);
--t-h3:    clamp(1.25rem, 1.05rem + 0.7vw, 1.5rem);
--t-lead:  clamp(1.0625rem, 1rem + 0.5vw, 1.375rem);
--t-body:  1.0625rem;
--t-small: 0.9375rem;
--t-label: 0.75rem;
--lh-tight: 1.02;
--lh-head:  1.12;
--lh-body:  1.62;
--ls-h1:    -0.04em;
--ls-h2:    -0.03em;
--ls-label:  0.18em;
--skew:   -1.5deg;
--rotate: -2deg;
--bw:     2.5px;
--r-sm: 4px 12px 6px 10px;
--r-md: 6px 12px 8px 10px;
--r-lg: 8px 18px 10px 16px;
--r-xl: 10px 22px 12px 18px;
--shadow:      4px 4px 0 var(--ink);
--shadow-blue: 4px 4px 0 var(--blue);
--shadow-sm:   3px 3px 0 var(--ink);
--elevation-press:       var(--shadow);
--elevation-press-sm:    var(--shadow-sm);
--elevation-press-hover: var(--shadow-blue);
--card-elevation: none;
--color-action:        var(--yellow);
--color-highlight:     var(--yellow);
--color-selected:      var(--ink);
--color-on-selected:   var(--canvas);
--color-label-on-dark: var(--paper-55);
--focus-on-dark:       var(--yellow);
--fw-light: 300;
--fw-title: 600;
--fw-bold:  700;
--t-price:      var(--t-h3);
--t-price-hero: var(--t-h2);
--t-card-name:  clamp(var(--t-h3), 15cqi, calc(var(--t-h2) * 0.85));
--s1: 0.5rem;
--s2: 1rem;
--s3: 1.5rem;
--s4: 2rem;
--s5: 3rem;
--s6: 4rem;
--s7: 6rem;
--s8: 8rem;
--nav-h:  64px;
--wrap:   1180px;
--wrap-narrow: 760px;
--wrap-wide: calc(var(--wrap) + 17rem + var(--s5));
--gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
--ease: cubic-bezier(0.22, 0.61, 0.36, 1);}
*,*::before,*::after{box-sizing: border-box;}
a{-webkit-user-drag: none;}
html{-webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--nav-h) + var(--s1));}
html{scrollbar-gutter: stable;}
body{margin: 0;
background: var(--canvas);
color: var(--ink);
font-family: var(--font-body);
font-weight: var(--fw-light);
font-size: var(--t-body);
line-height: var(--lh-body);
-webkit-font-smoothing: antialiased;
overflow-x: hidden;}
img,svg{max-width: 100%; height: auto; display: block;}
a{color: inherit; text-decoration-thickness: 2px; text-underline-offset: 3px;}
a:hover{text-decoration-color: var(--blue);}
:focus-visible{outline: 3px solid var(--ink);
outline-offset: 3px;
border-radius: 2px;}
h1,h2,h3,h4{font-family: var(--font-head); font-weight: var(--fw-bold); margin: 0 0 var(--s2);}
h1{font-size: var(--t-h1);
line-height: var(--lh-tight);
letter-spacing: var(--ls-h1);
text-transform: uppercase;}
h2{font-size: var(--t-h2);
line-height: var(--lh-head);
letter-spacing: var(--ls-h2);
text-transform: uppercase;}
h3{font-size: var(--t-h3); line-height: 1.22; letter-spacing: -0.015em;}
p{margin: 0 0 var(--s2); max-width: 62ch;}
.lead{font-size: var(--t-lead); line-height: 1.45; color: var(--ink-78); max-width: 46ch;}
strong,b{font-weight: var(--fw-bold);}
.label{font-family: var(--font-body);
font-weight: var(--fw-bold);
font-size: var(--t-label);
letter-spacing: var(--ls-label);
text-transform: uppercase;
color: var(--ink-65);
display: block;
margin-bottom: 0.5em;}
.label--on-dark{color: var(--paper-55);}
.label--blue{color: var(--blue-text);}
.wrap{width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter);}
.wrap--narrow{max-width: var(--wrap-narrow);}
section{padding-block: clamp(var(--s5), var(--s4) + 5vw, var(--s7));}
.section--dark{background: var(--ink); color: var(--canvas);}
.section--dark p{color: var(--paper-78);}
.section--dark > .wrap > .label{color: var(--color-label-on-dark);}
.section--dark .card{color: var(--ink);}
.section--dark .card p{color: var(--ink-78);}
.section--dark .card .label{color: var(--ink-65);}
.section--dark .card .label--blue{color: var(--blue-text);}
.section--dark .more a{color: var(--paper-92); text-decoration-color: var(--paper-55);}
.section--dark[data-todo] .todo,[data-todo] .section--dark .todo{border-bottom-color: var(--yellow); text-decoration-color: var(--yellow);}
.grid{display: grid; gap: var(--s3);}
@media (min-width: 720px){.grid--2,.grid--3{grid-template-columns: repeat(2, 1fr);}}
@media (min-width: 900px){.grid--3{grid-template-columns: repeat(3, 1fr);}}
.card{background: #fff;
border: var(--bw) solid var(--ink);
border-radius: var(--r-md);
box-shadow: var(--card-elevation);
padding: var(--s3);}
.mark{background: var(--color-highlight); padding: 0 0.12em; -webkit-box-decoration-break: clone; box-decoration-break: clone;}
.card h3,.card h4{margin-bottom: var(--s1); font-weight: var(--fw-title); letter-spacing: var(--ls-h2);}
.card--go h3,.card--go h4{font-weight: var(--fw-bold);}
:is(.facts, .meta, .who, .contact__facts, .book__facts, .situ__step, .sko-card__who, .sko-stop) .label,body :is(.stat__label, .exhibit__k, .book__tag, .lvl, .gnext__m, .nav__sub-k){text-transform: none; letter-spacing: 0;}
.card p:last-child{margin-bottom: 0;}
a.card{text-decoration: none;}
.card--go{--card-elevation: var(--elevation-press);
position: relative; transition: transform 160ms var(--ease), box-shadow 160ms var(--ease);}
.card--go:not(.card--tilt):hover{transform: translate(-2px, -2px); box-shadow: var(--elevation-press-hover);}
.card--go .more a{text-decoration: none;}
.card--go .more a::before{content: ""; position: absolute; inset: 0;}
.card--go .more a:focus-visible{outline: none;}
.card--go:has(.more a:focus-visible){outline: 3px solid var(--ink); outline-offset: 4px;}
@media (prefers-reduced-motion: reduce){.card--go:hover,.card--go:not(.card--tilt):hover{transform: none;}}
.btn{display: inline-flex;
align-items: center;
gap: 0.5em;
font-family: var(--font-body);
font-weight: var(--fw-bold);
font-size: var(--t-small);
line-height: 1;
padding: 0.85em 1.35em;
border: var(--bw) solid var(--ink);
border-radius: var(--r-sm);
background: var(--color-action);
color: var(--ink);
text-decoration: none;
cursor: pointer;
box-shadow: var(--elevation-press-sm);
transition: transform 140ms var(--ease), box-shadow 140ms var(--ease), background 140ms var(--ease);}
.btn:hover{transform: translate(-1px, -1px); box-shadow: var(--elevation-press);}
.btn:active{transform: translate(3px, 3px); box-shadow: none;}
.btn--ghost{background: transparent; box-shadow: none;}
.btn--ghost:hover{background: var(--blue-10); box-shadow: none; transform: none;}
.more{margin-top: var(--s4); font-weight: var(--fw-bold);}
.more a{color: var(--blue-text); text-decoration-color: var(--blue);}
.more a::after{content: " →" / ""; display: inline-block; transition: translate 160ms var(--ease);}
.more a:hover::after{translate: 3px 0;}
.nav{position: sticky;
top: 0;
z-index: 50;
background: var(--paper-92);
backdrop-filter: blur(8px);
border-bottom: var(--bw) solid var(--ink);}
.nav__in{min-height: calc(var(--nav-h) - 2px);
display: flex;
align-items: center;
gap: var(--s3);}
.nav__logo{flex: 0 0 auto;}
.nav__logo img{height: 30px; width: auto;}
.logo-mark{overflow: visible;}
.nav__logo .logo-mark{display: block; height: 30px; width: auto; aspect-ratio: 1750.73 / 569.65; color: var(--blue);}
.foot__brand .logo-mark{width: 170px; height: auto; aspect-ratio: 1750.73 / 569.65; color: var(--canvas);}
.nav__links{display: flex;
align-items: center;
gap: clamp(0.75rem, 0.2rem + 1.1vw, var(--s3));
margin: 0 0 0 auto;
list-style: none;
padding: 0;}
.nav__links a{font-weight: var(--fw-bold);
font-size: var(--t-small);
text-decoration: none;
padding-block: 0.4em;
border-bottom: 2px solid transparent;
white-space: nowrap;}
.nav__links a:hover,.nav__links a[aria-current]{border-bottom-color: var(--blue);}
@media (min-width: 900px) and (max-width: 1079px){.nav__book-rest{display: none;}}
.nav__drop{position: relative; display: flex; align-items: center; gap: 0.1rem;}
.nav__drop:has([aria-current]) > a{border-bottom-color: var(--blue);}
.nav__caret{display: grid; place-items: center; width: 24px; height: 24px; padding: 0;
border: 0; border-radius: var(--r-sm); background: none; color: inherit; cursor: pointer;}
.nav__caret svg{width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 160ms var(--ease, ease);}
.nav__drop.is-open .nav__caret svg{transform: rotate(180deg);}
.nav__sub{display: none; position: absolute; top: calc(100% + 0.75rem); left: -0.75rem; z-index: 60;
min-width: 15rem; margin: 0; padding: 0.4rem; list-style: none;
background: #fff; border: var(--bw) solid var(--ink); border-radius: var(--r-md); box-shadow: var(--shadow);}
.nav__sub::before{content: ""; position: absolute; left: 0; right: 0; top: -0.9rem; height: 0.9rem;}
.nav__drop.is-open .nav__sub{display: grid;}
.nav__links .nav__sub a{display: flex; flex-direction: column; gap: 0.1rem; padding: 0.55rem 0.7rem; border-bottom: 0; border-radius: var(--r-sm);}
.nav__links .nav__sub a:hover,.nav__links .nav__sub a[aria-current="page"]{background: var(--canvas);}
.nav__sub-t{font-weight: var(--fw-bold); font-size: var(--t-small);}
.nav__sub-k{font: 700 var(--t-label)/1.2 var(--font-body); letter-spacing: var(--ls-label); text-transform: uppercase; color: var(--blue-text);}
@media (prefers-reduced-motion: reduce){.nav__caret svg{transition: none;}}
.nav__caret--top{display: inline-flex; align-items: center; gap: 0.3rem; width: auto; height: auto;
font-family: inherit; font-weight: var(--fw-bold); font-size: var(--t-small); padding-block: 0.4em;}
.nav__caret-t{border-bottom: 2px solid transparent;}
.nav__caret--top:hover .nav__caret-t,.nav__drop.is-open .nav__caret--top .nav__caret-t{border-bottom-color: var(--blue);}
@media (max-width: 899px){.nav__drop{flex-direction: column; align-items: stretch; width: 100%;}
.nav__caret{display: none;}
.nav__caret--top{display: flex; width: 100%; justify-content: space-between; align-items: center;
min-height: 44px; padding: 0 0 0 calc(var(--s1) + var(--bw)); cursor: pointer;}
.nav__caret--top svg{display: block; width: 14px; height: 14px;}
.nav__caret--top .nav__caret-t{border-bottom: 0;}
.nav__sub,.nav__drop:hover .nav__sub{display: none;}
.nav__drop.is-open .nav__sub{display: grid; position: static; min-width: 0;
padding: 0.2rem 0 var(--s2) var(--s2); border: 0; border-radius: 0;
box-shadow: none; background: none; gap: 0.1rem;}
.nav__sub::before{display: none;}
.nav.is-open .nav__links .nav__sub a{min-height: 40px; font-size: var(--t-small); padding-block: 0.35rem;}}
.nav__lang{font-weight: var(--fw-bold); font-size: var(--t-label); letter-spacing: 0.1em; text-decoration: none;}
.nav .btn{padding: 0.7em 1.1em;}
.nav__burger{display: none;}
.nav__book-m{display: none;}
.nav__book{column-gap: 0.28em;}
.nav__book-rest{white-space: nowrap;}
.nobr{display: contents; white-space: nowrap;}
.nav__ico{width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; overflow: visible;}
.nav__ico path{stroke-dasharray: 1 2; transition: stroke-dashoffset 240ms var(--ease, ease);}
.nav__ico-a,.nav__ico-b,.nav__ico-c{stroke-dashoffset: 0;}
.nav__ico-x{stroke-dashoffset: 1; transition-duration: 320ms;}
.nav__ico .nav__ico-x{transition-delay: 300ms;}
.nav__ico .nav__ico-x + .nav__ico-x{transition-delay: 0ms;}
.nav__ico .nav__ico-a{transition-delay: 660ms;}
.nav__ico .nav__ico-b{transition-delay: 740ms;}
.nav__ico .nav__ico-c{transition-delay: 820ms;}
[aria-expanded="true"] .nav__ico-c{stroke-dashoffset: 1; transition-delay: 0ms;}
[aria-expanded="true"] .nav__ico-b{stroke-dashoffset: 1; transition-delay: 80ms;}
[aria-expanded="true"] .nav__ico-a{stroke-dashoffset: 1; transition-delay: 160ms;}
[aria-expanded="true"] .nav__ico-x{stroke-dashoffset: 0; transition-delay: 430ms;}
[aria-expanded="true"] .nav__ico-x + .nav__ico-x{transition-delay: 750ms;}
.nav__burger.is-turning .nav__ico path{transition-delay: 0ms;}
@media (prefers-reduced-motion: reduce){.nav__ico path{transition: none;}}
@media (max-width: 899px){.nav__links{display: none;}
.nav__burger{display: inline-grid; place-items: center;
margin-left: auto; width: 44px; height: 44px; padding: 0;
background: var(--blue); color: var(--ink);
border: var(--bw) solid var(--ink); border-radius: var(--r-sm);
box-shadow: none;
cursor: pointer;}
.nav__burger:focus-visible{outline: 3px solid var(--ink); outline-offset: 3px;}
.nav.is-open{background: var(--canvas); backdrop-filter: none;}
.nav.is-open .nav__links{display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
position: absolute;
left: 0; right: 0; top: 100%;
background: var(--canvas);
border-bottom: var(--bw) solid var(--ink);
padding: var(--s2) var(--gutter) var(--s3);
margin: 0;
max-height: calc(100dvh - 4.25rem); overflow-y: auto; overscroll-behavior: contain;}
html.nav-open body{overflow: hidden;}
.nav.is-open .nav__links > li{width: 100%;}
.nav.is-open .nav__links > li + li{border-top: 1px solid var(--ink-12);}
.nav.is-open .nav__links > li > a{display: flex; align-items: center; min-height: 44px;}
.nav__links{order: 4;}
.nav__book{display: none;}
.nav__burger{order: 3;}
.nav__links .nav__book-m{display: block; width: 100%; margin-bottom: var(--s3); border-top: 0;}
.nav__links .nav__book-m .btn{width: 100%; justify-content: center; min-height: 48px; border: var(--bw) solid var(--ink);}
.nav.is-open .nav__links .nav__lang{width: 100%; min-height: 44px;}
.nav.is-open .nav__links a{font-size: var(--t-body);}
.nav.is-open .nav__links > li > a:not(.btn){border-bottom: 0; border-left: var(--bw) solid transparent; padding-left: var(--s1);}
.nav.is-open .nav__links > li > a[aria-current]{border-left-color: var(--blue);}
.nav.is-open .nav__links .nav__caret--top{font: 700 1.0625rem/1.2 var(--font-body); color: var(--ink);}}
.foot{background: var(--ink); color: var(--canvas); padding-block: var(--s6) var(--s4);}
.foot a{color: var(--canvas); text-decoration: none;}
.foot a:hover{text-decoration: underline; text-decoration-color: var(--paper-55);}
.foot__cols{display: grid; gap: var(--s4);}
@media (min-width: 720px){.foot__cols{grid-template-columns: 1.4fr 1fr 1fr 1fr;}}
.foot ul{list-style: none; padding: 0; margin: 0; display: grid; gap: var(--s1); font-size: var(--t-small);}
.foot__legal{margin-top: var(--s5);
padding-top: var(--s3);
border-top: 1px solid var(--paper-18);
font-size: var(--t-small);
color: var(--paper-55);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--s2) var(--s4);}
[data-todo] .todo{border-bottom: 2px dotted var(--blue);}
[data-todo] :is(h1, h2, h3).todo{border-bottom: none; text-decoration: underline; text-decoration-style: dotted; text-decoration-color: var(--blue); text-decoration-thickness: 2px; text-underline-offset: 6px;}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;}
html{scroll-behavior: auto;}}
.visually-hidden{position: absolute; width: 1px; height: 1px;
margin: -1px; padding: 0; overflow: hidden;
clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
@media (pointer: coarse) and (min-width: 900px){.nav__links > li > a,.nav__caret--top{min-height: 44px; display: inline-flex; align-items: center;}
.nav__book{min-height: 44px;}}
@keyframes flow {
0%   { transform: translateX(0)     scale(0.5); opacity: 0; }
17%  { transform: translateX(58px)  scale(0.6); opacity: 0; }
20%  { transform: translateX(68px)  scale(1);   opacity: 1; }
84%  { transform: translateX(372px) scale(1);   opacity: 1; }
93%  { transform: translateX(414px) scale(1);   opacity: 0.3; }
100% { transform: translateX(438px) scale(0.9); opacity: 0; }
}
@keyframes peck {
0%, 40%   { transform: rotate(0deg)  translateY(0); }
55%       { transform: rotate(-8deg) translateY(9px); }
64%       { transform: rotate(2deg)  translateY(-3px); }
72%       { transform: rotate(-4deg) translateY(4px); }
82%, 100% { transform: rotate(0deg)  translateY(0); }
}
@keyframes jitter {
0%, 100% { translate: 0 0; }
50%      { translate: 0 -2px; }
}
@keyframes drift {
0%   { translate: -14px -10px; opacity: 0; }
12%  { translate: -8px -6px;   opacity: 1; }
88%  { translate: 26px 20px;   opacity: 1; }
100% { translate: 32px 25px;   opacity: 0; }
}
@keyframes knock {
0%, 45%  { rotate: -2deg; }
55%      { rotate: -16deg; }
70%      { rotate: 3deg; }
100%     { rotate: -2deg; }
}
@keyframes notch {
0%, 80% { transform: scaleY(1); }
86%     { transform: scaleY(1.09); }
94%     { transform: scaleY(0.99); }
100%    { transform: scaleY(1); }
}
.sp{position: absolute; left: calc(-1 * var(--bw)); top: calc(-1 * var(--bw));
width: calc(100% + 2 * var(--bw)); height: calc(100% + 2 * var(--bw));
pointer-events: none; z-index: 3; transform-origin: 100% 11.729cqw;}
.sp__bird{position: absolute; width: 14.1667cqw; height: 20.1667cqw;
left: calc(100% - 3.8488cqw);
top: calc(var(--bw) + 6.6cqw - 4.7131cqw);
transform-origin: 27.1678% 23.3705%; transform: rotate(-15.509deg);}
.sp__p,.sp__sg{position: absolute; left: 0; top: 0; transform-origin: 0 0;}
.sp__p{width: 100%; height: 100%;}
.sp__p > svg{position: absolute; inset: 0; width: 100%; height: 100%; display: block; overflow: visible;}
.sp__sg--Lor1{width: 8.8235%; height: 3.0496%; background: var(--datel-ink);}
.sp__sg--Lor2{width: 13.1765%; height: 3.0496%; background: var(--datel-ink);}
.sp__sg--Loc0,.sp__sg--Loc1,.sp__sg--Loc2{width: 4.3412%; height: 3.0496%; border-radius: 50%; background: var(--datel-ink);}
.sp__sg--Lir1{width: 8.8235%; height: 1.3719%; background: var(--datel-blue);}
.sp__sg--Lir2{width: 13.1765%; height: 1.3719%; background: var(--datel-blue);}
.sp__sg--Lic0,.sp__sg--Lic1,.sp__sg--Lic2{width: 1.9529%; height: 1.3719%; border-radius: 50%; background: var(--datel-blue);}
.sp__sg--Uor1{width: 11.5294%; height: 2.7603%; background: var(--datel-ink);}
.sp__sg--Uor2{width: 9.0588%; height: 2.7603%; background: var(--datel-ink);}
.sp__sg--Uoc0,.sp__sg--Uoc1,.sp__sg--Uoc2{width: 3.9294%; height: 2.7603%; border-radius: 50%; background: var(--datel-ink);}
.sp__sg--Uir1{width: 11.5294%; height: 1.0248%; background: var(--datel-blue);}
.sp__sg--Uir2{width: 9.0588%; height: 1.0248%; background: var(--datel-blue);}
.sp__sg--Uic0,.sp__sg--Uic1,.sp__sg--Uic2{width: 1.4588%; height: 1.0248%; border-radius: 50%; background: var(--datel-blue);}
.sp{animation: sp-ride .95s calc(60ms + var(--i) * 170ms) backwards;}
@keyframes sp-ride {
0%, 68% { transform: none; animation-timing-function: ease-out; }
78%  { transform: scale(0.9434, 1.1364); animation-timing-function: ease-out; }
90%  { transform: scale(1.0204, 0.9709); animation-timing-function: ease-in; }
100% { transform: none; }
}
.sp-crack{position: absolute; pointer-events: none; z-index: 2;
width: 3cqw; height: 2.2cqw;
left: calc(100% - 0.15cqw - 2.6cqw); top: calc(6.942cqw - var(--bw) - 0.6cqw);}
.sp-crack__s{position: absolute; inset: 0; opacity: 0;}
.sp-crack__s > svg{width: 100%; height: 100%; display: block; overflow: visible;}
.sp-crack path{fill: none; stroke: var(--ink); stroke-width: max(0.75px, 0.16cqw); stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke;}
.sp-host.is-cracked-1 .sp-crack__s--1,.sp-host.is-cracked-2 .sp-crack__s--2{opacity: 1;}
@media (prefers-reduced-motion: reduce){.sp{animation: none;}
.sp-crack__s{opacity: 1;}}
.sp__p--shinL{transform: translate(-30.5552%, 14.2709%) matrix(0.9319, -0.36271, 0.36271, 0.9319, 0, 0);}
.sp__p--tarsL{transform: translate(-28.6279%, 13.1312%) matrix(0.94118, -0.3379, 0.3379, 0.94118, 0, 0);}
.sp__p--footL{transform: translate(14.9939%, 1.8253%) matrix(0.98308, 0.18316, -0.18316, 0.98308, 0, 0);}
.sp__p--toeL1{transform: translate(14.8817%, 1.8303%) matrix(0.98334, 0.18179, -0.18179, 0.98334, 0, 0);}
.sp__p--toeL1k{transform: translate(14.6684%, 1.8385%) matrix(0.98384, 0.17904, -0.17904, 0.98384, 0, 0);}
.sp__p--toeL2{transform: translate(15.3367%, 1.8172%) matrix(0.98231, 0.18728, -0.18728, 0.98231, 0, 0);}
.sp__p--toeL2k{transform: translate(15.9931%, 1.8211%) matrix(0.9807, 0.1955, -0.1955, 0.9807, 0, 0);}
.sp__p--toeL3{transform: translate(14.8819%, 1.8277%) matrix(0.98332, 0.18188, -0.18188, 0.98332, 0, 0);}
.sp__p--toeL3k{transform: translate(14.6632%, 1.825%) matrix(0.98379, 0.1793, -0.1793, 0.98379, 0, 0);}
.sp__p--toeL4{transform: translate(14.6957%, 1.8355%) matrix(0.98369, 0.17988, -0.17988, 0.98369, 0, 0);}
.sp__p--toeL4k{transform: translate(14.0726%, 1.857%) matrix(0.98487, 0.1733, -0.1733, 0.98487, 0, 0);}
.sp__p--shinU{transform: translate(-10.1685%, 2.406%) matrix(0.99341, -0.11457, 0.11457, 0.99341, 0, 0);}
.sp__p--tarsU{transform: translate(-7.2959%, 1.2051%) matrix(0.99734, -0.07284, 0.07284, 0.99734, 0, 0);}
.sp__p--footU{transform: translate(-6.9066%, 1.0574%) matrix(0.99777, -0.06669, 0.06669, 0.99777, 0, 0);}
.sp__p--toeU1{transform: translate(-7.04%, 1.1107%) matrix(0.99761, -0.06906, 0.06906, 0.99761, 0, 0);}
.sp__p--toeU1k{transform: translate(-7.2798%, 1.2152%) matrix(0.99727, -0.0738, 0.0738, 0.99727, 0, 0);}
.sp__p--toeU2{transform: translate(-7.051%, 1.1084%) matrix(0.9976, -0.06918, 0.06918, 0.9976, 0, 0);}
.sp__p--toeU2k{transform: translate(-7.3203%, 1.2056%) matrix(0.99725, -0.07418, 0.07418, 0.99725, 0, 0);}
.sp__p--toeU3{transform: translate(-6.6453%, 0.9719%) matrix(0.99803, -0.0627, 0.0627, 0.99803, 0, 0);}
.sp__p--toeU3k{transform: translate(-6.1043%, 0.8066%) matrix(0.9985, -0.05474, 0.05474, 0.9985, 0, 0);}
.sp__p--tail{transform: translate(12.0913%, -3.2208%) matrix(0.99012, 0.14019, -0.14019, 0.99012, 0, 0);}
.sp__p--body{transform: translate(12.0913%, -3.2208%) matrix(0.99012, 0.14019, -0.14019, 0.99012, 0, 0);}
.sp__p--head{transform: translate(12.0913%, -3.2208%) matrix(0.99012, 0.14019, -0.14019, 0.99012, 0, 0);}
.sp__p--crest{transform: translate(12.0913%, -3.2208%) matrix(0.99012, 0.14019, -0.14019, 0.99012, 0, 0);}
.sp__sg--Lor1{transform: translate(358.5865%, 2124.8241%) rotate(-5.668deg) scaleX(0.81813) translateY(-50%);}
.sp__sg--Lor2{transform: translate(294.6429%, 2108.4011%) rotate(-53.533deg) scaleX(0.97672) translateY(-50%);}
.sp__sg--Loc0{transform: translate(678.8344%, 2074.8241%);}
.sp__sg--Loc1{transform: translate(844.3089%, 2058.4011%);}
.sp__sg--Loc2{transform: translate(1020.5102%, 1819.989%);}
.sp__sg--Lir1{transform: translate(358.5865%, 4723.2535%) rotate(-5.668deg) scaleX(0.81813) translateY(-50%);}
.sp__sg--Lir2{transform: translate(294.6429%, 4686.747%) rotate(-53.533deg) scaleX(0.97672) translateY(-50%);}
.sp__sg--Lic0{transform: translate(1570.1199%, 4673.2535%);}
.sp__sg--Lic1{transform: translate(1937.9518%, 4636.747%);}
.sp__sg--Lic2{transform: translate(2329.628%, 4106.7827%);}
.sp__sg--Uor1{transform: translate(277.8766%, 1808.9706%) rotate(37.505deg) scaleX(0.76709) translateY(-50%);}
.sp__sg--Uor2{transform: translate(431.1113%, 1946.0025%) rotate(32.440deg) scaleX(0.96951) translateY(-50%);}
.sp__sg--Uoc0{transform: translate(765.3267%, 1758.9706%);}
.sp__sg--Uoc1{transform: translate(943.8793%, 1896.0025%);}
.sp__sg--Uoc2{transform: translate(1132.511%, 2015.8985%);}
.sp__sg--Uir1{transform: translate(277.8766%, 4872.55%) rotate(37.505deg) scaleX(0.76709) translateY(-50%);}
.sp__sg--Uir2{transform: translate(431.1113%, 5241.652%) rotate(32.440deg) scaleX(0.96951) translateY(-50%);}
.sp__sg--Uic0{transform: translate(2146.1218%, 4822.55%);}
.sp__sg--Uic1{transform: translate(2627.0619%, 5191.652%);}
.sp__sg--Uic2{transform: translate(3135.1506%, 5514.5976%);}
.skip{position: absolute;
left: -9999px;
top: 0;
background: var(--yellow);
border: var(--bw) solid var(--ink);
padding: 0.6em 1em;
font-weight: var(--fw-bold);
z-index: 100;}
.skip:focus{left: var(--gutter); top: 0.5rem;}
.hero{padding-block: clamp(var(--s4), var(--s2) + 4vw, var(--s6)) 0;}
.hero h1{margin-bottom: var(--s2);}
.hero__cta{display: flex; flex-wrap: wrap; gap: var(--s2); margin-top: var(--s3);}
@media (min-width: 900px) and (min-height: 700px){.hero{min-height: calc(100vh - var(--nav-h)); display: flex; align-items: center;}
.hero > .wrap{width: 100%;}}
.who{margin: var(--s2) 0 0;
padding-top: var(--s2);
border-top: 1px solid var(--ink-12);
font-size: var(--t-small);
color: var(--ink-72);}
.who .label{margin-bottom: 0.3em;}
.logos{list-style: none;
padding: 0;
margin: var(--s3) 0 0;
display: grid;
gap: var(--s2);
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));}
.logo-slot{display: grid;
place-items: center;
gap: 0.35rem;
min-height: 104px;
background: #fff;
border: var(--bw) solid var(--ink);
border-radius: var(--r-sm);
box-shadow: none;
padding: var(--s2);
text-align: center;}
.logo-slot .label{margin: 0;}
.journey h2{margin-bottom: var(--s4);}
.steps{list-style: none;
padding: 0;
margin: var(--s4) 0 0;
display: grid;
gap: var(--s3);
counter-reset: step;}
@media (min-width: 720px){.steps{grid-template-columns: repeat(2, 1fr);}}
@media (min-width: 1100px){.steps{grid-template-columns: repeat(4, 1fr);}}
.step{border-top: 1px solid var(--ink-12); padding-top: var(--s2);}
.step h3{margin-bottom: var(--s1);}
.meta{margin: var(--s2) 0 0; font-size: var(--t-small);}
.meta .label{margin-bottom: 0.2em;}
.claim{margin: var(--s5) 0 0;
max-width: none;
font-family: var(--font-head);
font-weight: var(--fw-bold);
font-size: var(--t-h3);
letter-spacing: -0.02em;
background: #fff;
border: var(--bw) solid var(--ink);
border-radius: var(--r-md);
box-shadow: none;
padding: var(--s3);}
.contact__in{display: grid; gap: var(--s5);}
@media (min-width: 900px){.contact__in{grid-template-columns: 1fr 1fr; align-items: start;}}
.contact__facts{list-style: none; padding: 0; margin: var(--s3) 0; display: grid; gap: var(--s2);}
.contact__facts .label{margin-bottom: 0.2em;}
.mvp{margin-top: var(--s2);}
.form__row{display: grid; gap: 0.4rem; margin-bottom: var(--s2);}
.form__row label{font-weight: var(--fw-bold); font-size: var(--t-small);}
.form input[type="text"],.form input[type="email"],.form textarea{font-family: var(--font-body);
font-size: var(--t-body);
padding: 0.7em 0.8em;
border: 2px solid var(--ink);
border-radius: var(--r-sm);
background: var(--canvas);
color: var(--ink);
width: 100%;}
.form input:focus,.form textarea:focus{background: #fff;}
.form__row--check{grid-template-columns: auto 1fr; align-items: start; gap: 0.6rem;}
.form__row--check input{margin-top: 0.35em; width: 1.1em; height: 1.1em;}
.form__note{font-size: var(--t-small); color: var(--ink-72); margin: 0;}
.phero{padding-block: var(--s6) var(--s5);}
.phero__in{display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s4);}
@media (min-width: 900px){.phero__in{grid-template-columns: 1.35fr 1fr; align-items: start;}}
.phero h1{margin-bottom: var(--s2);}
.proofbox{background: #fff;
border: var(--bw) solid var(--ink);
border-radius: var(--r-lg);
box-shadow: none;
padding: var(--s3);
rotate: calc(var(--rotate) * 0.5);}
.proofbox > *{rotate: calc(var(--rotate) * -0.5);}
.proofbox img{margin-bottom: var(--s3);}
.facts{list-style: none; padding: 0; margin: 0; display: grid; gap: var(--s2);}
.facts li{font-size: var(--t-small);}
.facts .label{margin-bottom: 0.15em;}
.facts--tight{gap: 0.75rem; margin-top: var(--s2);}
.facts--line{display: flex; flex-wrap: wrap; gap: var(--s2) var(--s4); margin: var(--s3) 0;}
.phero__art{margin: 0; align-self: center;}
.phero__art img{width: 100%; height: auto;}
@media (min-width: 600px) and (max-width: 899.98px){.phero__in{grid-template-columns: minmax(0, 1fr) clamp(11rem, 28vw, 17rem); align-items: end;}}
@media (max-width: 599.98px){.phero__in{gap: var(--s2);}
.phero__art{max-width: 11rem; margin-left: auto; margin-right: var(--s1);}}
.band{background: #fff; border-block: var(--bw) solid var(--ink);}
.ticks{list-style: none; padding: 0; margin: 0; display: grid; gap: var(--s2);}
.ticks li{position: relative; padding-left: 1.9rem;}
.ticks li::before{content: "";
position: absolute;
left: 0; top: 0.45em;
width: 0.85rem; height: 0.85rem;
border: 0;
border-radius: var(--r-sm);
background: var(--blue-text);}
.ticks--no li::before{background: transparent; border: 2px solid var(--ink-65);}
.day{margin-top: var(--s5);}
.day > h3{font-size: var(--t-h3);
text-transform: none;
border-bottom: 1px solid var(--ink-12);
padding-bottom: var(--s2);}
.day > h3 .label{margin-bottom: 0.35em;}
.day .note{color: var(--ink-72); font-size: var(--t-small);}
.topics{margin: 0;}
.topics dt{font-family: var(--font-body);
font-weight: var(--fw-bold);
margin-top: var(--s3);}
.topics dd{margin: 0.35rem 0 0;
color: var(--ink-78);
max-width: 68ch;
border-left: 2px solid var(--ink-12);
padding-left: var(--s2);}
.faq{margin: var(--s3) 0 0;}
.faq dt{font-family: var(--font-head);
font-weight: var(--fw-bold);
font-size: 1.125rem;
letter-spacing: -0.015em;
margin-top: var(--s3);
padding-top: var(--s3);
border-top: 1px solid var(--ink-12);}
.faq dt:first-child{border-top: 0; padding-top: 0;}
.faq dd{margin: var(--s1) 0 0; color: var(--ink-78); max-width: 66ch;}
.form select,.form input[type="number"]{font-family: var(--font-body);
font-size: var(--t-body);
padding: 0.7em 0.8em;
border: 2px solid var(--ink);
border-radius: var(--r-sm);
background: var(--canvas);
color: var(--ink);
width: 100%;}
.form select,.form input[type="number"],.form input[type="text"],.form input[type="email"]{box-sizing: border-box; height: calc(2.7em + 4px);}
.form__pair{display: grid; gap: 0 var(--s2);}
.form__pair > .form__row{align-content: start;}
@media (min-width: 520px){.form__pair{grid-template-columns: 1fr 1fr;}}
.choice{border: 0; padding: 0; margin: 0 0 var(--s3);}
.choice legend{font-weight: var(--fw-bold); font-size: var(--t-small); margin-bottom: var(--s1); padding: 0;}
.choice__opts{display: grid; grid-template-columns: 1fr 1fr; gap: var(--s2);}
.choice__opt{position: relative;}
.choice__opt input{position: absolute; opacity: 0; inset: 0;}
.choice__opt label{display: block;
height: 100%;
padding: 0.8rem 0.9rem;
border: 2px solid var(--ink);
border-radius: var(--r-md);
background: var(--canvas);
cursor: pointer;
font-family: var(--font-head);
font-weight: var(--fw-bold);
line-height: 1.2;}
.choice__opt label small{display: block; margin-top: 0.25rem; font-family: var(--font-body); font-weight: var(--fw-light); font-size: var(--t-small); color: var(--ink-72);}
.choice__opt input:checked + label,.form .choice__opt input:checked + label{background: var(--color-selected); color: var(--color-on-selected); box-shadow: var(--elevation-press-sm); translate: -2px -2px;}
.choice__opt input:checked + label small,.form .choice__opt input:checked + label small{color: var(--paper-78);}
.choice__opt input:focus-visible + label{outline: 3px solid var(--blue-text); outline-offset: 3px;}
@media (prefers-reduced-motion: reduce){.choice__opt input:checked + label,.form .choice__opt input:checked + label{translate: none;}}
.tags{list-style: none; padding: 0; margin: var(--s2) 0; display: flex; flex-wrap: wrap; gap: 0.4rem;}
.tags li{font-size: var(--t-small);
font-weight: var(--fw-bold);
padding: 0.1rem var(--s1);
border-radius: var(--r-sm);
background: var(--canvas);
border: 1px solid var(--ink-12);}
.lvl{display: inline-flex; align-items: center; gap: var(--s1); margin-right: var(--s1); font-size: var(--t-label); font-weight: var(--fw-bold); letter-spacing: var(--ls-label); text-transform: uppercase; color: var(--ink-65); vertical-align: middle;}
.lvl i{display: inline-flex; gap: 3px;}
.lvl i::before,.lvl i::after,.lvl i b{content: "";
display: block;
width: 10px; height: 10px;
border: 2px solid var(--ink);
border-radius: 50%;
background: var(--canvas);}
.lvl i b{order: 1;}
.lvl i::after{order: 2;}
.lvl[data-l="1"] i::before,.lvl[data-l="2"] i::before,.lvl[data-l="2"] i b,.lvl[data-l="3"] i::before,.lvl[data-l="3"] i b,.lvl[data-l="3"] i::after{background: var(--blue);}
.card--custom{border-style: dashed; box-shadow: none;}
@keyframes gauge-swing {
0%   { left: 12%; }
35%  { left: 88%; }
62%  { left: 36%; }
82%  { left: 56%; }
100% { left: 50%; }
}
.pillars{list-style: none; padding: 0; margin: var(--s3) 0 0; display: grid; gap: var(--s3); grid-template-columns: repeat(2, 1fr);}
@media (min-width: 900px){.pillars{grid-template-columns: repeat(4, 1fr); gap: var(--s4);}}
.pillars > li::before{content: ""; display: block; width: 3rem; height: 6px; margin-bottom: var(--s2); background: var(--ink); border-radius: 2px;}
.pillars h3{font-size: 1.125rem; margin-bottom: 0.35rem;}
.pillars p{font-size: var(--t-small); line-height: 1.5; color: var(--ink-72); margin: 0;}
.course h3{margin: var(--s1) 0 0.35rem;}
.course h3 a{text-decoration: none;}
.course h3 a:hover{text-decoration: underline; text-decoration-color: var(--blue);}
.course .who{margin: 0; padding: 0; border: 0;}
.course .more{margin-top: var(--s2);}
.course .who + p{margin-top: var(--s2);}
.card.is-match{outline: var(--bw) solid var(--ink); outline-offset: 5px;}
.btn--sm{font-size: var(--t-small); padding: 0.6em 1em;}
.guide{padding-block: var(--s6) var(--s7);}
.guide__in{display: grid; gap: var(--s5); grid-template-columns: minmax(0, 1fr);}
@media (min-width: 900px){.guide__in{grid-template-columns: minmax(0, 1fr) 260px; align-items: start;}}
.guide__body{max-width: 68ch; min-width: 0; overflow-wrap: break-word;}
.guide__body h2{font-size: clamp(1.5rem, 1.15rem + 1.2vw, 2rem);
margin-top: var(--s5);
text-transform: none;}
.guide__body h2:first-of-type{margin-top: var(--s4);}
.guide__body p{font-size: 1.125rem;}
.stage-art{margin: var(--s2) 0 var(--s3);}
.stage-art img{width: 100%; height: auto;}
.tldr{background: #fff;
border: var(--bw) solid var(--ink);
border-radius: var(--r-lg);
box-shadow: none;
padding: var(--s3);
margin-bottom: var(--s4);}
.tldr ul{margin: 0; padding-left: 1.2rem; display: grid; gap: 0.6rem;}
.tldr li{font-size: var(--t-body);}
.toc{border-left: var(--bw) solid var(--blue);
padding: 0.25rem 0 0.25rem var(--s3);
margin-bottom: var(--s4);}
.toc ol{margin: 0; padding-left: 1.2rem; display: grid; gap: 0.4rem; font-size: var(--t-small);}
.toc a{color: var(--blue-text);}
.keyfact{border: var(--bw) solid var(--ink);
border-left-width: 6px;
border-radius: var(--r-sm);
background: #fff;
padding: var(--s3);
margin-block: var(--s4);}
.keyfact p{margin: 0; font-family: var(--font-head); font-weight: var(--fw-bold); font-size: 1.125rem; letter-spacing: -0.01em;}
.table{width: 100%; border-collapse: collapse; margin-block: var(--s3) var(--s4); font-size: var(--t-small);}
.table caption{text-align: left; margin-bottom: var(--s2);}
.table th,.table td{border: 1px solid var(--ink-12); padding: 0.6em 0.7em; vertical-align: top; text-align: left;}
.table thead th{background: var(--ink); color: var(--canvas); font-family: var(--font-body); font-weight: var(--fw-bold);}
.table tbody tr:nth-child(even) td{background: #fff;}
@media (max-width: 619px){.table{table-layout: fixed;}
.table th,.table td{overflow-wrap: anywhere; hyphens: auto;}}
@media (max-width: 619px){:is(#co + .table, #cena .table, #prednasky .table){display: block;}
:is(#co + .table, #cena .table, #prednasky .table) caption{display: block;}
:is(#co + .table, #cena .table, #prednasky .table) thead{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
:is(#co + .table, #cena .table, #prednasky .table) :is(tbody, tr, th, td){display: block;}
:is(#co + .table, #cena .table, #prednasky .table) tbody{display: grid; gap: var(--s2);}
:is(#co + .table, #cena .table, #prednasky .table) tr{background: #fff; border: 1px solid var(--ink-12); border-radius: var(--r-sm);}
:is(#co + .table, #cena .table, #prednasky .table) :is(th, td){border: 0; background: none; overflow-wrap: break-word; hyphens: manual; padding: 0.15em 0.8em 0.6em;}
:is(#co + .table, #cena .table, #prednasky .table) tr > :first-child{padding-top: 0.6em; font-family: var(--font-head); font-weight: var(--fw-bold); border-bottom: 1px solid var(--ink-12); margin-bottom: 0.45em;}
:is(#co + .table, #cena .table, #prednasky .table) td:not(:first-child)::before{display: block; margin-bottom: 0.1em;
font: 700 var(--t-label) / 1.3 var(--font-head); letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-65);}
#co + .table td:nth-child(2)::before{content: "Co" / "";}
#co + .table td:nth-child(3)::before{content: "Proč" / "";}
#co + .table td:nth-child(4)::before{content: "Jak dlouho" / "";}
#cena .table td:nth-child(2)::before{content: "Pro koho" / "";}
#cena .table td:nth-child(3)::before{content: "Cena" / "";}
#cena .table td:nth-child(3){font-weight: var(--fw-bold);}
#prednasky .table td:nth-child(2)::before{content: "Kde" / "";}
#prednasky .table td:nth-child(3)::before{content: "O čem" / "";}}
@media (min-width: 900px){.guide__side{position: sticky; top: calc(var(--nav-h) + 1.5rem);}}
.split{height: var(--s4); background: var(--ink);}
.svc{display: grid; gap: var(--s4);}
@media (min-width: 900px){.svc{grid-template-columns: minmax(0, 1fr) 280px; align-items: start;}}
.svc__main{max-width: 66ch; min-width: 0;}
.svc__main > h3{margin-top: var(--s4);}
.prod__body .step h4{margin-bottom: var(--s1); font-size: 1.125rem; line-height: 1.3;}
.prod__fit{display: block; margin-top: var(--s4);}
.prod__fit + .grid{margin-top: var(--s2);}
.svc__main > .facts--line{margin-bottom: 0;}
.prod__body > h3{margin-top: var(--s4);}
.prod__body > .label{display: block; margin-top: var(--s4); margin-bottom: var(--s2);}
@media (min-width: 900px){.svc--solo{grid-template-columns: minmax(0, 1fr);}}
.prod__narrow{max-width: var(--wrap-narrow);}
.table--tiers{table-layout: fixed;}
.table--tiers thead td,.table--tiers tbody th{width: 40%;}
.table--tiers thead td{border: 0; background: none;}
.table--tiers thead th{border-color: var(--ink);}
.table--tiers td,.table--tiers thead th{text-align: center; vertical-align: middle;}
.table--tiers tbody th{font-weight: var(--fw-bold);}
.table--tiers thead .is-pick{background: var(--blue); color: var(--ink);}
.table--tiers tbody .is-pick{font-weight: var(--fw-bold);}
[role="region"]:has(> .table--tiers){position: relative; overflow-x: auto; overscroll-behavior-x: contain; margin-block: var(--s3) var(--s4);}
[role="region"] > .table--tiers{margin-block: 0;}
@media (max-width: 719px){.table--tiers{table-layout: auto;}
.table--tiers th,.table--tiers td{overflow-wrap: normal; hyphens: auto; padding: 0.55em 0.4em;}
.table--tiers tbody th{font-weight: 400; min-width: 6.5rem;}}
@media (max-width: 619.98px){[role="region"]:has(> .table--tiers){overflow-x: visible;}
.table--tiers{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));}
.table--tiers thead,.table--tiers tbody,.table--tiers tr{display: contents;}
.table--tiers thead td{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);}
.table--tiers thead th{position: sticky; top: var(--nav-h); z-index: 2; padding: 0.55em 0.3em;
border: 1px solid var(--ink); border-left-width: 0;}
.table--tiers thead th:nth-of-type(1){border-left-width: 1px;}
.table--tiers tbody th{grid-column: 1 / -1; width: auto; min-width: 0; font-weight: var(--fw-bold);
text-align: left; background: none; border: 0; padding: 0.85em 0.1em 0.3em;}
.table--tiers tbody td{display: flex; align-items: center; justify-content: center; padding: 0.55em 0.3em;
border: 1px solid var(--ink-12); border-left-width: 0;}
.table--tiers tbody td:nth-of-type(1){border-left-width: 1px;}
.pane .table--tiers thead th{position: static;}}
.founders{align-items: stretch;}
.founders > div{display: grid; grid-row: span 2; grid-template-rows: subgrid; row-gap: var(--s2);}
.founder{display: flex; flex-direction: column;}
.founder > .more{margin-top: auto; padding-top: var(--s2);}
.founder > .more + .more{margin-top: 0; padding-top: var(--s1);}
.founder__links{grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: var(--s2); container-type: inline-size;}
.founder__links a.card{min-height: calc(var(--s6) + var(--s2));}
.founder__links a.card > span:first-child{min-width: 0; font: var(--fw-bold) var(--t-body) / 1.3 var(--font-head); overflow-wrap: anywhere;}
@container (max-width: 29.99rem) { .founder__links > a { grid-column: 1 / -1; } }
.founder{background: #fff;
border: var(--bw) solid var(--ink);
border-radius: var(--r-md);
box-shadow: none;
padding: var(--s3);}
.founder img{width: 100%;
max-width: 220px;
border: var(--bw) solid var(--ink);
border-radius: var(--r-sm);
margin-bottom: var(--s3);}
.founder h3{margin-bottom: var(--s2);}
.founder blockquote{margin: 0 0 var(--s3); border-left: var(--bw) solid var(--ink-12); padding-left: var(--s2);}
.founder blockquote p{margin: 0; color: var(--ink-78);}
.prod__sec .svc__main{max-width: none;}
.steps--long{gap: var(--s5) var(--s4);}
@media (min-width: 1100px){.steps--long{grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));}}
.steps--long .step{max-width: 46ch;}
@keyframes peck404 {
0%, 60%   { transform: rotate(0deg); }
70%       { transform: rotate(-9deg); }
80%       { transform: rotate(3deg); }
90%, 100% { transform: rotate(0deg); }
}
.form input:focus-visible,.form textarea:focus-visible,.form select:focus-visible{outline: 3px solid var(--blue-text);
outline-offset: 2px;
background: #fff;}
.form.is-checked input:invalid,.form.is-checked textarea:invalid,.form.is-checked select:invalid{border-width: var(--bw);
border-style: dashed;
background: #fff;}
.form.is-checked input:invalid + .err,.form.is-checked textarea:invalid + .err{display: block;}
.err::before{content: "× " / "";}
.err{display: none;
font-size: var(--t-small);
font-weight: var(--fw-bold);
color: var(--ink);
margin-top: 0.25rem;}
.form__state{display: none;
border: var(--bw) solid var(--ink);
border-radius: var(--r-md);
background: #fff;
box-shadow: none;
padding: var(--s3);
margin-top: var(--s2);}
.form__state p{margin: 0;}
.form__state .form__note{margin-top: var(--s1);}
.form.is-sent .form__state{display: block;}
.form.is-sent .form__fields{display: none;}
.form__fail{display: none; font-size: var(--t-small); font-weight: var(--fw-bold); color: var(--ink); margin: 0;}
.form__fail::before{content: "× " / "";}
.form.is-failed .form__fail{display: block;}
.book{display: grid; gap: var(--s2); container-type: inline-size;}
@container (max-width: 25rem) { .book__tag { display: none; } }
.book [hidden]{display: none !important;}
.book__head{display: grid; gap: 0.6rem;}
.book__steps,.book__facts{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.4rem; margin: 0; padding: 0; list-style: none;}
.book__tab{width: 100%; min-height: 2.1rem; padding: 0.25rem 0.4rem; cursor: default;
font: 700 var(--t-label) / 1.1 var(--font-head); letter-spacing: 0.04em; text-transform: uppercase;
color: var(--ink-65); background: #fff; border: 2px solid var(--ink-32); border-radius: var(--r-sm);
box-shadow: none;}
.book__tab[aria-current="step"]{color: var(--canvas); background: var(--ink); border-color: var(--ink);}
.book__tab.is-done{color: var(--ink); border-color: var(--ink); cursor: pointer;}
.book__tab.is-done::before{content: "← ";}
.book__tab.is-done:hover{transform: translateY(-1px);}
.book__facts li{display: grid; place-items: center; padding: 0.35rem 0.4rem; text-align: center;
font: 700 var(--t-label) / 1.15 var(--font-head);
background: #fff; border: 2px solid var(--ink); border-radius: var(--r-sm);}
.book__panel{padding: var(--s2); background: #fff; border: 2px solid var(--ink); border-radius: var(--r-lg); box-shadow: none;}
.book__bar{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.6rem; margin-bottom: 0.8rem;}
.book__title{margin: 0; font-size: var(--t-h3); line-height: 1.22; text-transform: none; letter-spacing: -0.01em;}
.book__month{display: flex; align-items: center; gap: 0.4rem;}
.book__nav,.book__label{min-height: 2.4rem; padding: 0.4rem 0.7rem; white-space: nowrap;
font: 700 var(--t-small) / 1 var(--font-head); color: var(--ink);
border-radius: var(--r-sm);}
.book__nav{background: #fff; cursor: pointer; border: 2px solid var(--ink); box-shadow: none;}
.book__nav:hover{transform: translateY(-1px);}
.book__nav:active{transform: translateY(1px);}
.book__nav[disabled],.book__nav[aria-disabled="true"]{color: var(--ink-65); border-color: var(--ink-32); transform: none; cursor: not-allowed;}
.book__label{display: inline-flex; align-items: center; padding-inline: 0.3rem; font-weight: var(--fw-bold); text-transform: capitalize;}
.book__week,.book__grid{display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0.45rem;}
.book__week{margin-bottom: 0.3rem;}
.book__week span{text-align: center; font: 900 var(--t-label) / 1 var(--font-head); letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-65);}
.book__day,.book__slot{color: var(--ink); background: #fff; cursor: pointer;
border: 2px solid var(--ink); border-radius: var(--r-md); box-shadow: var(--elevation-press-sm);}
.book__day{display: grid; align-content: space-between; justify-items: start; gap: 0.2rem;
aspect-ratio: 1 / 0.82; min-width: 0; padding: 0.35rem 0.45rem;
font: 900 var(--t-small) / 1 var(--font-head); text-align: left;}
.book__day:hover,.book__slot:hover{transform: translate(-1px, -1px);}
.book__day[aria-pressed="true"],.book__slot[aria-pressed="true"]{color: var(--canvas); background: var(--ink); transform: translate(-2px, -2px);}
.book__day.is-today:not([disabled]){border-color: var(--blue);}
.book__day[disabled]{color: var(--ink-65); background: var(--canvas); border-color: var(--ink-32); box-shadow: none; transform: none; cursor: default;}
.book__day.is-outside{opacity: 0.18;}
.book__tag{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
font: 900 0.625rem / 1.2 var(--font-head); letter-spacing: 0.04em; text-transform: uppercase;
color: var(--blue-text);}
.book__day[aria-pressed="true"] .book__tag{color: var(--canvas);}
.book__tag{min-height: 1.2em;}
.book__day{align-self: stretch;}
.book__picked{justify-self: start; margin: 0; padding: 0.3rem 0.65rem;
font: 700 var(--t-small) / 1.2 var(--font-head); color: var(--ink);
background: #fff; border: 2px solid var(--ink); border-radius: var(--r-sm);}
.book__slots{display: grid; grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr)); gap: 0.6rem; margin-top: var(--s2);}
.book__slot{min-height: 3rem; padding: 0.6rem; font: 900 var(--t-body) / 1 var(--font-head);}
.book__status{grid-column: 1 / -1; margin: 0; font-size: var(--t-small); color: var(--ink-72);}
.book__status strong{color: var(--ink);}
.book__form{display: grid; gap: 0;}
.book__form .book__picked{margin-bottom: var(--s2);}
.book__form .btn{width: 100%; justify-content: center;}
.book__done{display: grid; gap: var(--s1);}
.book__done p{margin: 0;}
.book__day:focus-visible,.book__slot:focus-visible,.book__tab:focus-visible,.book__nav:focus-visible{outline: 3px solid var(--blue-text); outline-offset: 2px;}
@media (max-width: 30rem){.book__panel{padding: 0.75rem;}
.book__month{width: 100%;}
.book__nav{flex: 1; padding-inline: 0.4rem;}
.book__nav span{display: none;}
.book__week,.book__grid{gap: 0.3rem;}
.book__day{aspect-ratio: 1; padding: 0.25rem 0.3rem;}}
@media (prefers-reduced-motion: reduce){.book__day:hover,.book__slot:hover,.book__tab.is-done:hover,.book__nav:hover{transform: none;}}
.pane-open.pane-over main,.pane-open.pane-over .foot{margin-right: 0;}
.pane-over body::after{content: ""; position: fixed; inset: var(--nav-h) 0 0 0; z-index: 44; background: var(--ink-32);}
.pane-over .pane{box-shadow: none; border-left: 1px solid var(--ink-12);}
.pane-over .pane.is-open{transition-delay: 0s;}
.book__to{overflow-wrap: anywhere;}
.form__hp{position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;}
.btn[aria-busy="true"]{opacity: 0.7; pointer-events: none;}
.form__row--check .err{grid-column: 1 / -1;}
.form.is-checked .form__row--check input:invalid ~ .err{display: block;}
.section--dark :focus-visible,.foot :focus-visible,.journey :focus-visible{outline-color: var(--focus-on-dark);}
@media print{.nav,.foot,.skip,.form,.guide__side{display: none !important;}
body{background: #fff; color: var(--ink); font-size: 11pt;}
.wrap{max-width: none; padding: 0;}
section{padding-block: 0.6cm;}
.band,.section--dark{background: #fff !important; color: var(--ink) !important; border: 0;}
.section--dark p,.label--on-dark{color: var(--ink) !important;}
h1{font-size: 20pt;}
h2{font-size: 14pt; page-break-after: avoid;}
h3{font-size: 12pt; page-break-after: avoid;}
.card,.keyfact,.tldr,.proofbox,.logo-slot{box-shadow: none !important;
border: 1px solid var(--ink) !important;
rotate: none !important;
break-inside: avoid;}
.topics dd,.faq dd{break-inside: avoid;}
.day{break-before: auto;}
.guide__body a[href^="http"]::after,.topics a[href^="http"]::after{content: " (" attr(href) ")"; font-size: 9pt;}
.todo{border-bottom: 1px dotted var(--ink-65);}}
.card{position: relative;}
.foot a{display: inline-block; padding-block: 0.25rem;}
.foot li a,.contact__facts a{min-height: 44px; display: inline-flex; align-items: center;}
.foot ul{gap: 0.25rem;}
.nav__lang{padding-inline: 0.3rem;}
.contact.section--dark{border-top: var(--bw) solid var(--ink);}
.contact.section--dark{background: var(--canvas); padding-block: var(--s6);}
.contact.section--dark.contact--peek{position: relative; padding-top: calc(var(--s6) + var(--s7));}
.contact__peek{position: absolute; inset: 0 0 auto; max-width: var(--wrap); height: 100%; margin-inline: auto; padding-inline: var(--gutter); pointer-events: none;}
.contact__datel{--dh: 15rem; --vis: 8.75rem; position: absolute; right: 9%; top: calc(var(--s6) - 2.75rem); width: calc(var(--dh) * 2140 / 1984); height: var(--vis);}
.contact__datel img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: top;}
.contact__lid{position: absolute; left: 49.579%; top: calc(var(--dh) * 0.28629); width: 9.439%; height: calc(var(--dh) * 0.10181); overflow: hidden;
clip-path: polygon(100.0% 50.0%, 99.8% 54.4%, 99.2% 58.7%, 98.3% 62.9%, 97.0% 67.1%, 95.3% 71.1%, 93.3% 75.0%, 91.0% 78.7%, 88.3% 82.1%, 85.4% 85.4%, 82.1% 88.3%, 78.7% 91.0%, 75.0% 93.3%, 71.1% 95.3%, 67.1% 97.0%, 62.9% 98.3%, 58.7% 99.2%, 54.4% 99.8%, 50.0% 100.0%, 45.6% 99.8%, 41.3% 99.2%, 37.1% 98.3%, 32.9% 97.0%, 28.9% 95.3%, 25.0% 93.3%, 21.3% 91.0%, 17.9% 88.3%, 14.6% 85.4%, 11.7% 82.1%, 9.0% 78.7%, 6.7% 75.0%, 4.7% 71.1%, 3.0% 67.1%, 1.7% 62.9%, 0.8% 58.7%, 0.2% 54.4%, 0.0% 50.0%, 0.2% 45.6%, 0.8% 41.3%, 1.7% 37.1%, 3.0% 32.9%, 4.7% 31.4%, 6.7% 30.8%, 9.0% 30.2%, 11.7% 29.5%, 14.6% 28.8%, 17.9% 27.9%, 21.3% 27.0%, 25.0% 26.1%, 28.9% 25.0%, 32.9% 24.0%, 37.1% 22.9%, 41.3% 21.8%, 45.6% 20.7%, 50.0% 19.5%, 54.4% 18.4%, 58.7% 17.3%, 62.9% 16.2%, 67.1% 15.1%, 71.1% 14.0%, 75.0% 13.0%, 78.7% 12.0%, 82.1% 11.7%, 85.4% 14.6%, 88.3% 17.9%, 91.0% 21.3%, 93.3% 25.0%, 95.3% 28.9%, 97.0% 32.9%, 98.3% 37.1%, 99.2% 41.3%, 99.8% 45.6%);}
.contact__lid > span{display: block; width: 100%; height: 100%; background: var(--datel-blue); border-bottom: 1px solid var(--datel-ink); box-sizing: border-box; transform: translateY(-101%);}
.contact__lid.is-blink > span{animation: datel-blink 170ms var(--ease);}
@keyframes datel-blink { 0% { transform: translateY(-101%); } 45%, 55% { transform: translateY(0); } 100% { transform: translateY(-101%); } }
@media (prefers-reduced-motion: reduce){.contact__lid.is-blink > span{animation: none;}}
.contact--peek > .contact__in{position: relative; z-index: 1;}
@media (max-width: 48rem){.contact.section--dark.contact--peek{padding-top: calc(var(--s5) + var(--s6));}
.contact__datel{--dh: 9.5rem; --vis: 6rem; right: 6%; top: calc(var(--s5) - 2rem);}}
.contact.section--dark > .contact__in{box-sizing: border-box; width: min(calc(var(--wrap, 73.75rem) - 2 * var(--gutter, 1rem)), calc(100% - 2 * var(--gutter, 1rem)));
margin-inline: auto; padding: clamp(var(--s3), 3vw, var(--s5));
background: var(--ink); color: var(--canvas); border-radius: var(--r-xl);
box-shadow: none;}
.contact.section--dark a:not(.btn){color: var(--canvas); text-decoration-color: var(--paper-55);}
.contact__facts a{display: inline-block; padding-block: 0.25rem;}
.contact.section--dark .form{background: #fff; color: var(--ink);}
.contact.section--dark .form p,.contact.section--dark .form label{color: var(--ink);}
.foot__cols--nav{margin-top: var(--s5); padding-top: var(--s4); border-top: 1px solid var(--paper-18);}
@media (min-width: 720px){.foot__cols--top{grid-template-columns: 1.3fr 1fr 1.3fr;}
.foot__cols--nav{grid-template-columns: repeat(3, 1fr);}}
.foot__brand p{margin: var(--s2) 0 0; max-width: 34ch; font-size: var(--t-small); opacity: 0.8;}
.foot__brand .foot__claim{font: 700 var(--t-h3)/1.25 var(--font-head); letter-spacing: -0.02em; opacity: 1;}
.foot .foot__out{display: inline-block; margin-top: var(--s2); text-decoration: underline; text-decoration-color: var(--paper-55); text-underline-offset: 0.2em;}
.foot__mvp{display: block; margin-top: var(--s3); width: 181px; height: auto;}
.foot__firm{margin: var(--s1) 0 var(--s2); font-size: var(--t-small); line-height: 1.6;}
.foot .label{display: block; margin-bottom: var(--s1);}
.foot .label a{display: inline; padding-block: 0; color: inherit;}
.foot__cols--nav .label{display: flex; align-items: center; min-height: 44px; margin-bottom: 0;}
.foot .label a{display: inline-flex; align-items: center; min-height: 44px;}
.foot__follow{gap: var(--s2);}
.foot__follow li{display: grid; grid-template-columns: 36px 1fr; gap: 0.75rem; align-items: center;}
.foot__follow img{width: 36px; height: 36px; object-fit: contain; border-radius: var(--r-sm);
outline: 1px solid var(--paper-18); outline-offset: 0;}
.foot__follow small{display: block; font-size: var(--t-label); opacity: 0.7;}
.foot{background: var(--ink); color: var(--canvas);}
.slides{position: relative;}
.slides__nav{position: absolute; inset: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center;
margin: 0; pointer-events: none;}
.slides__nav[hidden]{display: none;}
.slides:has(.is-draggable){padding-inline: calc(1.75rem + var(--s1));}
.slides:has(.is-draggable){padding-left: 0;}
.slides .is-draggable{scroll-padding-inline-start: calc(1.75rem + var(--s1));}
.slides .is-draggable.is-scrolled{-webkit-mask-image: linear-gradient(to right, transparent calc(1.75rem + var(--s1) - 2px), black calc(1.75rem + var(--s1)));
mask-image: linear-gradient(to right, transparent calc(1.75rem + var(--s1) - 2px), black calc(1.75rem + var(--s1)));}
.slides__btn{position: relative; pointer-events: auto; width: 1.75rem; height: 1.25rem; display: grid; place-items: center; padding: 0; cursor: pointer;
border: var(--bw) solid var(--ink); border-radius: var(--r-sm); background: #fff; color: var(--ink);
transition: opacity 150ms var(--ease);}
.slides__btn::before{content: ""; position: absolute; inset: -12px;}
.slides__btn svg{width: 0.7rem; height: 0.7rem; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;}
.slides__btn--next svg{transform: scaleX(-1);}
.slides__btn--next{margin-left: auto;}
.slides__btn:disabled,.slides__btn[aria-disabled="true"]{opacity: 0; pointer-events: none;}
.slides__btn:focus-visible{outline: 3px solid var(--blue-text); outline-offset: 2px;}
.slides__btn[aria-disabled="true"]:focus-visible{opacity: 0.35;}
@media (hover: hover) and (pointer: fine){.slides__btn:hover:not(:disabled):not([aria-disabled="true"]){background: var(--color-selected); color: var(--color-on-selected);}}
@media (prefers-reduced-motion: reduce){.slides__btn{transition: none;}}
main h2{text-wrap: balance;}
.card__ico{display: block; width: 48px; height: 48px; object-fit: contain; margin-bottom: var(--s1);}
.card__ico--kit{width: 64px; height: 64px; margin: -0.35rem 0 0 -0.35rem;}
.svclist{list-style: none; padding: 0; margin: var(--s4) 0 0;}
.slider__nav[hidden] + .slider__row.svclist{margin-top: calc(var(--s4) - 8px);}
.slider__nav:has(+ .svclist){margin-top: var(--s4);}
.svclist > li{display: flex;}
.svclist__card{display: flex; flex-direction: column; width: 100%; color: var(--ink); text-decoration: none;}
.svclist__t{display: block; margin: 0.15rem 0 var(--s1); font: 700 var(--t-h3)/1.22 var(--font-head); letter-spacing: -0.015em;}
.svclist__p{display: block; font-size: var(--t-small); line-height: 1.5; color: var(--ink-78);}
.svc:has(> .svc__head){row-gap: 0;}
.svc__head .label{display: block;}
@media (min-width: 900px){.svc__head{grid-column: 1; grid-row: 1;}
.svc:has(> .svc__head) > .svc__main{grid-column: 1; grid-row: 2;}}
.band:has(+ .contact){border-bottom: 0;}
.form__state .form__note{margin-top: 0.6rem;}
@media (max-width: 48rem){.svclist__card{display: grid; grid-template-columns: 48px 1fr; column-gap: var(--s2); row-gap: 0.15rem; align-content: start; padding: var(--s2);}
.svclist__card > .card__ico{grid-column: 1; grid-row: 1 / span 3; margin: 0; width: 48px; height: 48px;}
.svclist__card > :not(.card__ico):not(.tag12){grid-column: 2;}
.svclist__t{margin: 0; font-size: 1.15rem;}
.svclist__p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;}}
.exhibit{position: relative; width: 100%; max-width: 32rem; justify-self: end;}
.exhibit__card{background: #fff; border: var(--bw) solid var(--ink); border-radius: var(--r-lg);
box-shadow: none; padding: var(--s2); font-size: var(--t-label); line-height: 1.35;}
.exhibit__bar{display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 0.6rem; padding-bottom: 0.6rem; border-bottom: 1px solid var(--ink-12);}
.exhibit__bar strong{font: 700 var(--t-small)/1.2 var(--font-head);}
.exhibit__bar small{margin-left: auto; color: var(--ink-65); font-size: var(--t-label);}
.exhibit__mark{width: 18px; height: 18px; border-radius: var(--r-sm); background: #fff; border: var(--bw) solid var(--ink); flex: none;}
.exhibit__chip{padding: 0.1rem 0.45rem; border: 0; border-radius: var(--r-sm); background: var(--canvas); font-weight: var(--fw-bold);}
.exhibit__run{margin-left: auto; padding: 0.1rem 0.45rem; border: 0; border-radius: var(--r-sm); background: var(--canvas); font-weight: var(--fw-bold);}
.exhibit__src{display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; padding-block: 0.6rem; color: var(--ink-65);}
.exhibit__k{display: block; color: var(--ink-65); font-weight: var(--fw-bold); letter-spacing: var(--ls-label); text-transform: uppercase;}
.exhibit__kpis{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s1); padding-block: 0.6rem; border-top: 1px solid var(--ink-12);}
.exhibit__kpis--2{grid-template-columns: repeat(2, 1fr);}
.exhibit__v{display: block; margin-top: 0.15rem; font: 700 var(--t-h3)/1.1 var(--font-head); letter-spacing: -0.01em;}
.exhibit__v--alert::after{content: ""; display: inline-block; margin-left: 0.3em; vertical-align: middle; border: 0.28em solid transparent; border-top: 0.38em solid var(--ink); border-bottom: 0;}
.exhibit__chart{padding-block: 0.6rem; border-top: 1px solid var(--ink-12);}
.exhibit__bars{display: grid; grid-template-columns: repeat(6, 1fr); align-items: end; gap: 0.45rem; height: 5.5rem; margin-top: var(--s1);}
.exhibit__bars i{display: block; background: #fff; border: var(--bw) solid var(--ink); border-bottom: 0; border-radius: var(--r-sm); border-end-start-radius: 0; border-end-end-radius: 0;}
.exhibit__bars i:nth-child(1){height: 40%;}
.exhibit__bars i:nth-child(2){height: 55%;}
.exhibit__bars i:nth-child(3){height: 45%;}
.exhibit__bars i:nth-child(4){height: 70%;}
.exhibit__bars i:nth-child(5){height: 60%;}
.exhibit__bars i:nth-child(6){height: 85%; background: var(--blue);}
.exhibit__bars{border-bottom: var(--bw) solid var(--ink);}
.exhibit__months{display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.45rem; margin-top: 0.3rem; text-align: center; color: var(--ink-65);}
.exhibit__months span:last-child{color: var(--ink); font-weight: var(--fw-bold);}
.exhibit{padding-bottom: 1.6rem;}
.exhibit__toast{position: absolute; left: calc(var(--s2) + var(--bw)); bottom: 0; max-width: calc(100% - 2 * var(--s2) - 2 * var(--bw));
display: flex; gap: var(--s1); align-items: center; margin: 0; padding: var(--s1) 0.8rem;
background: #fff; border: var(--bw) solid var(--ink);
border-radius: var(--r-md); box-shadow: none; font-size: var(--t-label);}
.exhibit__toast::before{content: ""; flex: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; background: var(--ink);}
.exhibit__toast b{font-family: var(--font-head);}
.exhibit__cell{padding-top: 0.6rem;}
.exhibit__cellhead{display: flex; gap: 0.6rem; color: var(--ink-65); font-weight: var(--fw-bold);}
.exhibit__ok{margin-left: auto; color: var(--ink);}
.exhibit__code{margin: 0.35rem 0 0; padding: 0.55rem 0.7rem; overflow-x: auto;
background: var(--canvas); border: 1px solid var(--ink-12); border-radius: var(--r-sm);
font: var(--t-label)/1.5 ui-monospace, "Cascadia Mono", Consolas, monospace; white-space: pre;}
.exhibit__cm{color: var(--ink-65);}
.exhibit__kw{color: var(--blue-text); font-weight: var(--fw-bold);}
.exhibit__df{width: 100%; margin-top: var(--s1); border-collapse: collapse; font-size: var(--t-label);}
.exhibit__df th,.exhibit__df td{padding: 0.25rem 0.4rem; border-bottom: 1px solid var(--ink-12); text-align: left;}
.exhibit__df th{color: var(--ink-65);}
.exhibit__df .exhibit__num{text-align: right; font-variant-numeric: tabular-nums;}
.exhibit__watch{font-weight: var(--fw-bold); color: var(--ink);}
.exhibit__pipe{display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 1.4rem; margin: var(--s2) 0 0 var(--s1); padding: 0; list-style: none; font-size: var(--t-label);}
.exhibit__pipe li{position: relative; padding: 0.15rem 0.6rem; background: #fff; border: var(--bw) solid var(--ink); border-radius: var(--r-sm); font-weight: var(--fw-bold);}
.exhibit__pipe li:last-child{background: var(--ink); color: var(--canvas);}
.exhibit__pipe li + li::before{content: "→"; position: absolute; left: -1.1rem; color: var(--ink);}
@media (max-width: 899.98px){.phero__in:has(> .exhibit){grid-template-columns: minmax(0, 1fr);}
.phero__art.exhibit{max-width: 30rem; justify-self: stretch; margin-top: var(--s2);}
.exhibit{padding-bottom: 0;}
.exhibit__toast{position: static; margin-top: var(--s2); max-width: none;}}
main.guide{padding-block: 0 var(--s7);}
.ghead{padding-block: var(--s6) var(--s4);}
.ghead h1{max-width: 18ch; margin-bottom: var(--s2);}
.ghead .lead{max-width: 58ch;}
.gmeta{display: flex; flex-wrap: wrap; align-items: center; gap: var(--s1) 1.25rem; margin: var(--s3) 0 0; font-size: var(--t-small); color: var(--ink-72);}
.gmeta__av{width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--ink); object-fit: cover;}
.gmeta__who{font-weight: var(--fw-bold); color: var(--ink);}
.gmeta > .gmeta__av + span{flex: 1 1 calc(100% - 4rem);}
.guide__body{max-width: 38rem;}
.guide__body p,.guide__body li{font-size: 1.125rem; line-height: 1.7;}
.guide__body .tldr li{font-size: var(--t-body); line-height: 1.55;}
.gsec{margin-top: var(--s5); padding-top: var(--s3); border-top: 1px solid var(--ink-12); scroll-margin-top: calc(var(--s2) - var(--s1));}
.gsec__n{margin: 0 0 var(--s1); font: 900 var(--t-h3)/1 var(--font-head); letter-spacing: var(--ls-h2); color: var(--ink);}
.gsec__n span{color: var(--ink-65); font-weight: var(--fw-bold); font-size: var(--t-small); letter-spacing: 0;}
.guide__body .gsec h2{margin-top: 0; font-size: clamp(1.5rem, 1.15rem + 1.2vw, 2rem); text-transform: none;}
.gsec__a{margin-left: 0.25rem; color: var(--ink-65); text-decoration: none; opacity: 0; transition: opacity 160ms var(--ease, ease);}
.gsec h2:hover .gsec__a,.gsec__a:focus-visible{opacity: 1;}
.guide .wrap{max-width: calc(38rem + 260px + var(--s5) + 2 * var(--gutter, 1rem));}
.guide > .contact .wrap{max-width: var(--wrap);}
.guide__body .keyfact p{font: 300 1.25rem/1.5 var(--font-body); letter-spacing: 0;}
.gcallout{margin-block: var(--s3); padding: var(--s2) var(--s3); background: #fff; border: 1px solid var(--ink-12); border-left: 4px solid var(--blue); border-radius: var(--r-sm);}
.gcallout .label{display: block; margin-bottom: 0.35rem;}
.gcallout p{margin: 0;}
.gtable__cap{display: block; margin: var(--s3) 0 var(--s1);}
@media (max-width: 599.98px){.gtable,.gtable tbody,.gtable tr,.gtable td{display: block; width: 100%;}
.gtable thead{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}
.gtable tr{margin-bottom: var(--s2); border: 1px solid var(--ink-12); border-radius: var(--r-sm); background: #fff;}
.gtable td{border: 0; border-top: 1px solid var(--ink-12);}
.gtable td:first-child{border-top: 0; font-weight: var(--fw-bold);}
.gtable td[data-th]::before{content: attr(data-th); display: block; font-size: var(--t-label); font-weight: var(--fw-bold); letter-spacing: var(--ls-label); text-transform: uppercase; color: var(--ink-65);}
.gtable td:first-child::before{display: none;}
.gtable tbody tr:nth-child(even) td{background: none;}}
.gtoc ol{list-style: none; margin: 0; padding: 0; display: grid; gap: 0.15rem;}
.gtoc a{display: grid; grid-template-columns: 2rem 1fr; gap: 0.25rem; padding: 0.35rem var(--s1); border-left: 3px solid transparent; border-radius: var(--r-sm); font-size: var(--t-small); color: var(--ink); text-decoration: none;}
.gtoc a:hover{text-decoration: underline; text-decoration-color: var(--blue);}
.gtoc a[aria-current="location"]{background: #fff; font-weight: var(--fw-bold); box-shadow: none; border-left: 3px solid var(--blue);}
.gtoc__n{font-weight: var(--fw-bold); color: var(--ink-65); font-variant-numeric: tabular-nums;}
.gtoc--rail .label{display: block; margin-bottom: var(--s1);}
.gtoc__top{margin: var(--s2) 0 0; font-size: var(--t-small);}
.gtoc--fold{margin-bottom: var(--s3); border: var(--bw) solid var(--ink); border-radius: var(--r-md); background: #fff;}
.gtoc--fold summary{display: flex; align-items: center; gap: 0.75rem; min-height: 44px; padding: var(--s1) var(--s2); cursor: pointer; font-size: var(--t-small); list-style: none;}
.gtoc--fold summary::-webkit-details-marker{display: none;}
.gtoc--fold summary::after{content: "+"; margin-left: auto; font: 700 var(--t-h3)/1 var(--font-head);}
.gtoc--fold[open] summary::after{content: "−";}
.gtoc--fold ol{padding: 0 var(--s1) var(--s2);}
@media (min-width: 900px){.gtoc--fold{display: none;}
.guide__side{position: sticky; top: calc(var(--nav-h) + var(--s3));}}
@media (max-width: 899.98px){.guide__side{display: none;}}
.gfaq{display: grid; gap: var(--s1); margin-top: var(--s3);}
.gfaq__q{border: var(--bw) solid var(--ink); border-radius: var(--r-md); background: #fff;}
.gfaq__q summary{display: flex; justify-content: space-between; align-items: center; gap: var(--s2); min-height: 44px; padding: 0.7rem var(--s2); cursor: pointer; font: 700 var(--t-body)/1.35 var(--font-head); list-style: none;}
.gfaq__q summary::-webkit-details-marker{display: none;}
.gfaq__q summary::after{content: "+" / ""; font: 700 var(--t-h3)/1 var(--font-head);}
.gfaq__q[open] summary::after{content: "−" / "";}
.gfaq__a{padding: 0 var(--s2) var(--s2);}
.gfaq__a p{margin: 0;}
.gnext{margin-top: var(--s5);}
.guide > .contact{margin-top: var(--s7); margin-bottom: calc(var(--s7) * -1);}
.gnext .label{display: block; margin-bottom: var(--s2);}
.gnext__card{display: flex; flex-direction: column; gap: 0.3rem; text-decoration: none; color: var(--ink);}
.gnext__t{font: 700 var(--t-h3)/1.25 var(--font-head);}
.gnext__p{font-size: var(--t-body); color: var(--ink-78);}
.gnext .slider__row > li{display: flex;}
.gnext__card{flex: 1;}
.gcard__m{margin-top: auto; padding-top: var(--s2); display: flex; justify-content: space-between; border-top: 1px solid var(--ink-12); font-size: var(--t-small);}
.table caption.label{display: table-caption; caption-side: top;}
.guide__body p.label{font-size: var(--t-label); line-height: 1.3;}
.guide__body .keyfact{border: 1px solid var(--ink-12); border-left: 4px solid var(--ink); border-radius: var(--r-sm); box-shadow: none; padding: var(--s2) var(--s3);}
.gnext__card .gcard__m{margin-top: auto;}
.section--dark :focus-visible,.foot :focus-visible{outline-color: var(--blue);}
.gtable th,.gtable td{border: 0; border-bottom: 1px solid var(--ink-12);}
.gtable thead th{background: none; color: var(--ink); border-bottom: 1px solid var(--ink);}
.gtable thead td{border-bottom-color: var(--ink);}
.gtable tbody tr:nth-child(even) td{background: none;}
.gtoc--fold summary{align-items: baseline;}
.gtoc--fold summary .label{margin: 0; line-height: 1;}
.gtoc--fold + .gsec{border-top: 0; padding-top: 0; margin-top: var(--s6);}
.guide__body .stage-art{margin: var(--s2) 0 var(--s3); aspect-ratio: 700 / 290;}
.guide__body .stage-art img{width: 100%; height: 100%; object-fit: contain;}
.gfaq{gap: 0; border-top: 1px solid var(--ink-12);}
.gfaq__q{border: 0; border-bottom: 1px solid var(--ink-12); border-radius: 0; background: none;}
.gfaq__q summary{padding-inline: 0;}
.gfaq__a{padding-inline: 0;}
.guide__body .keyfact p{font: 300 1.125rem/1.7 var(--font-body);}
.gtoc--rail + .gtoc--rail{margin-top: var(--s4); padding-top: var(--s3); border-top: 1px solid var(--ink-12);}
.gtoc a[aria-current="page"]{font-weight: var(--fw-bold);}
a.label{text-decoration: none;}
a.label:hover{text-decoration: underline; text-decoration-color: var(--blue);}
.tags a{color: var(--ink); text-decoration: none;}
.tags a:hover{text-decoration: underline; text-decoration-color: var(--blue);}
@media (min-width: 900px){.guide__side{align-self: stretch;}
.guide__side{position: static;}
.guide__side > .gtoc--rail:last-child{position: sticky; top: calc(var(--nav-h) + var(--s3));}}
.slider__row + h3{margin-top: var(--s5);}
.gtoc .more{margin-top: var(--s3);}
.gtoc .more a{display: inline; padding: 0; color: var(--blue-text);}
.gsec .note{font-size: var(--t-small); color: var(--ink-72); margin-top: var(--s1);}
.ghead a.label{display: inline-block; padding-block: 0.35rem;}
@media (max-width: 599.98px){.gtable tr{margin-bottom: var(--s1);}
.gtable td{padding: 0.35em 0.7em;}
.gtable td[data-th]::before{display: inline; margin-right: 0.4em;}
.gtable td[data-th]::before{content: attr(data-th) ":";}
.gtable td:first-child::before{display: none;}}
.gtoc--fold ol + .label{display: block; margin: var(--s2) var(--s2) var(--s1); padding-top: var(--s2); border-top: 1px solid var(--ink-12);}
.gtoc--fold .more{margin: var(--s1) var(--s2) var(--s2);}
.kat-hero{padding-block: var(--s6) var(--s3); background: #fff; border-bottom: var(--bw) solid var(--ink);}
.kat-hero__art{width: 100%; max-width: 26rem; justify-self: end; align-self: center; margin-right: -18px;}
.kat-from-blog{margin: var(--s3) 0 0; max-width: 62ch;}
.kat-post{position: relative; aspect-ratio: 345 / 260;}
.kat-post > svg,.kat-post__sign{position: absolute; inset: 0; width: 100%; height: 100%;}
.kat-post__base{pointer-events: none;}
.kat-post svg{display: block; width: 100%; height: 100%; overflow: visible; fill: none; stroke: var(--ink); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round;}
.kat-ink{fill: var(--ink);}
.kat-y{fill: var(--yellow);}
.kat-w{fill: #fff;}
.kat-b{fill: var(--blue);}
.kat-post__sign--1{transform-origin: 49.3% 23.5%;}
.kat-post__sign--2{transform-origin: 49.6% 43.1%;}
.kat-post__sign--3{transform-origin: 49.3% 65%;}
@media (prefers-reduced-motion: no-preference){.kat-post__sign{animation: kat-out .3s cubic-bezier(.22,.61,.36,1) both, kat-swing .5s ease-in-out both;}
.kat-post__sign--1{animation-delay: .1s, .4s;}
.kat-post__sign--2{animation-name: kat-out, kat-swing-back; animation-delay: .22s, .52s;}
.kat-post__sign--3{animation-delay: .34s, .64s;}}
@keyframes kat-out { 0% { transform: scaleX(0); } 65% { transform: scaleX(1.06); } 100% { transform: scaleX(1); } }
@keyframes kat-swing { 0% { rotate: 0deg; } 30% { rotate: -3deg; } 65% { rotate: 1.5deg; } 100% { rotate: 0deg; } }
@keyframes kat-swing-back { 0% { rotate: 0deg; } 30% { rotate: 3deg; } 65% { rotate: -1.5deg; } 100% { rotate: 0deg; } }
@media (max-width: 599.98px){.kat-hero{padding-block: var(--s3) var(--s2);}
.kat-hero__art{display: none;}}
.kat__bar{position: sticky; top: var(--nav-h); z-index: 40; background: var(--canvas); border-bottom: 1px solid var(--ink-12); padding-block: var(--s1) 0.75rem;}
.kat__in{position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 16rem; gap: var(--s3); align-items: end;}
html:not(.js) .kat__in{grid-template-columns: minmax(0, 1fr);}
.kat__nav{position: relative;}
.kat__rail,.kat__ride{position: absolute; left: 0; top: 0; width: 100%; height: 1.75rem; overflow: visible; pointer-events: none;}
.kat__ride{z-index: 2;}
.kat__track,.kat__ink{fill: none; stroke: var(--ink-12); stroke-width: var(--bw); stroke-linecap: round;}
.kat__ink{stroke: var(--ink);}
html:not(.js) .kat__ink,html:not(.js) .kat__ride{display: none;}
.kat__rider{fill: var(--blue); stroke: var(--ink); stroke-width: var(--bw);}
.kat__list{position: relative; z-index: 1; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s1);}
.kat__btn{display: flex; flex-direction: column; align-items: center; gap: 0.375rem; color: var(--ink); text-decoration: none;}
.kat__num{display: inline-grid; place-items: center; flex: none; width: 1.75rem; height: 1.75rem; border-radius: var(--r-sm);
rotate: calc(var(--rotate) * -1);
border: var(--bw) solid var(--ink); background: var(--canvas); color: var(--ink);
font-family: var(--font-head); font-size: var(--t-label); font-weight: var(--fw-bold); line-height: 1;
transition: background-color 160ms var(--ease), color 160ms var(--ease);}
.is-passed .kat__num{background: var(--ink); color: var(--canvas);}
.kat__list li:nth-child(even) .kat__num{rotate: var(--rotate);}
.kat__name{display: grid; place-items: center; width: 100%; min-height: 3.25rem; padding: 0.375rem var(--s1);
border: var(--bw) solid var(--ink); border-radius: var(--r-md); background: #fff; text-align: center;
font-family: var(--font-head); font-size: var(--t-lead); font-weight: var(--fw-bold); line-height: var(--lh-head);
box-shadow: var(--elevation-press-sm);
transition: translate 150ms var(--ease), box-shadow 150ms var(--ease), background-color 150ms var(--ease);}
.kat__btn:hover .kat__name{translate: -2px -2px; box-shadow: var(--elevation-press-hover);}
.kat__btn[aria-current] .kat__name{background: var(--color-selected); color: var(--color-on-selected); box-shadow: var(--elevation-press);}
.kat__btn:focus-visible{outline: none;}
.kat__btn:focus-visible .kat__name{outline: 3px solid var(--ink); outline-offset: 3px;}
.kat-group{padding-block: var(--s6); scroll-margin-top: calc(var(--s7) - var(--s6) - var(--s1));}
@media (min-width: 64rem){.kat-group{scroll-margin-top: calc(7rem - var(--s6) - var(--s1));}}
.kat-group__label{display: inline-flex; align-items: center; gap: var(--s1);}
.kat-group h2{margin-bottom: 0;}
.kat-group h2:focus{outline: none;}
.kat-group__head{margin-bottom: var(--s3);}
.kat-group .slider__row{--slide-min: 17rem;}
.kat-group .slider__row:not([style*="--cw"]){grid-auto-columns: minmax(var(--slide-min), 321px);}
@media (max-width: 599.98px){.kat-group h2{font-size: var(--t-h3);}}
.kat-card{position: relative; display: flex; flex-direction: column; margin: 0;}
.kat-card__k,.kat-card__t{margin-bottom: var(--s1);}
.kat-card__a{color: var(--ink); text-decoration: none;}
.kat-card__a::after{content: ""; position: absolute; inset: 0;}
.kat-card__a:focus-visible{outline: none;}
.kat-card:has(.kat-card__a:focus-visible){outline: 3px solid var(--ink); outline-offset: 4px;}
.kat-card__p{color: var(--ink-78);}
.kat-card__m{margin: auto 0 0; padding-top: var(--s2); border-top: 1px solid var(--ink-12); font-size: var(--t-small); color: var(--ink-72);
display: flex; justify-content: space-between; align-items: center; gap: var(--s1);}
.kat-card.is-path{border-color: var(--ink);}
.kat-card__step{display: flex; align-items: center; gap: var(--s1); margin: 0 0 var(--s2);}
.kat-card__step b{display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: var(--r-sm); rotate: calc(var(--rotate) * -1); background: var(--ink); color: var(--canvas); font-family: var(--font-head); font-size: var(--t-small);}
.kat-card__step .label{margin: 0; color: var(--ink);}
html:not(.js) .kat-find{display: none;}
.kat-find__open{display: none;}
.kat-find__box{position: relative; display: flex; align-items: center;}
.kat-find svg{fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round;}
.kat-find__ico{position: absolute; left: 0.75rem; width: 1.25rem; height: 1.25rem; color: var(--ink-72); pointer-events: none;}
.kat-find__input{width: 100%; min-height: 3.25rem; padding: var(--s1) var(--s1) var(--s1) 2.5rem; border: var(--bw) solid var(--ink); border-radius: var(--r-md); background: #fff; color: var(--ink); font: inherit;}
.kat-find__input::placeholder{color: var(--ink-65);}
.kat-find__input:focus-visible,.kat-find__close:focus-visible,.kat-find__open:focus-visible{outline: 3px solid var(--blue-text); outline-offset: 2px;}
.kat-find__close{display: none; flex: none; min-height: 2.75rem; margin-left: var(--s1); padding: 0 0.75rem; border: var(--bw) solid var(--ink); border-radius: var(--r-sm); background: var(--canvas); color: var(--ink); font: inherit; font-size: var(--t-small); font-weight: var(--fw-bold); cursor: pointer;}
.kat-find.has-q .kat-find__close{display: block;}
.kat-find__close{min-height: 3.25rem;}
#q::-webkit-search-cancel-button{display: none;}
.kat-find__panel{padding-block: var(--s3); background: #fff; border-bottom: var(--bw) solid var(--ink);}
.kat-find__count{margin: 0 0 var(--s1); font-size: var(--t-small); color: var(--ink-72);}
.kat-find__count:empty{display: none;}
.kat-find__live{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
#kat-bar:has(.kat-find.is-open) .kat__list{visibility: hidden;}
#merime{padding-block: var(--s5);}
.kat-find__list{list-style: none; margin: 0; padding: 0; max-width: 46rem;}
.kat-hit{padding: var(--s1) 0; border-top: 1px solid var(--ink-12);}
.kat-hit:first-child{border-top: 0;}
.kat-hit__a{display: block; min-height: 2.75rem; color: var(--ink); text-decoration: none;}
.kat-hit__a:hover .kat-hit__t{text-decoration: underline; text-decoration-color: var(--blue);}
.kat-hit__g{display: block; font-size: var(--t-label); font-weight: var(--fw-bold); letter-spacing: var(--ls-label); text-transform: uppercase; color: var(--blue-text);}
.kat-hit__t{font-family: var(--font-head); font-weight: var(--fw-bold);}
.kat-hit__snip{margin: 0.25rem 0 0; font-size: var(--t-small); color: var(--ink-78);}
.kat-hit__snip .label,.kat-hit__snip small{display: block; margin: 0;}
.kat-hit__snip small{color: var(--ink-72);}
.kat-hit__deep{display: inline-block; margin-top: 0; padding-block: 0.7rem; font-size: var(--t-small); color: var(--blue-text);}
.kat-find__panel mark{background: var(--color-highlight); color: var(--ink);}
.kat-find__none{margin: 0;}
@media (max-width: 63.99rem){.kat__in{grid-template-columns: minmax(0, 1fr) 2.75rem; gap: var(--s1);}
.kat__name{min-height: 2.75rem; padding: 0.25rem; font-size: var(--t-small);}
.kat-find__open{display: grid; place-items: center; width: 2.75rem; height: 2.75rem; padding: 0; border: var(--bw) solid var(--ink); border-radius: var(--r-md); background: #fff; color: var(--ink); cursor: pointer;}
.kat-find__open svg{width: 1.25rem; height: 1.25rem;}
.kat-find__box{display: none;}
.kat-find.is-open .kat-find__box{display: flex; position: absolute; inset: auto var(--gutter) 0; z-index: 4; background: var(--canvas); padding-top: var(--s1);}
.kat-find.is-open .kat-find__close{display: block;}
.kat-find__box .kat__hint{display: none;}
.kat__in:has(.kat-find.is-open) .kat__hint{visibility: hidden;}
.kat-find__input{min-height: 2.75rem;}
.kat-group{padding-block: var(--s5); scroll-margin-top: calc(var(--s7) - var(--s5) - var(--s1));}}
.kat__name,.kat-find__open{position: relative;}
.kat-find .kat__hint,.kat__hint{position: absolute; left: -12px; top: -10px; place-self: start; max-width: none; width: calc(100% + 24px); height: calc(100% + 20px); overflow: visible; pointer-events: none; fill: none; stroke: var(--blue); stroke-width: 1.7; stroke-linecap: round;}
.kat-find__open .kat__hint{stroke-width: 2.6;}
.kat__hint path{opacity: 0; stroke-dasharray: 1; stroke-dashoffset: 1; animation: kat-hint-draw 600ms 1.2s var(--ease) forwards, kat-hint-fade 400ms 4.6s var(--ease) forwards;}
.kat__hint--2 path{animation-delay: 2.8s, 5.1s;}
@keyframes kat-hint-draw { from { opacity: 1; } to { opacity: 1; stroke-dashoffset: 0; } }
@keyframes kat-hint-fade { from { opacity: 1; stroke-dashoffset: 0; } to { opacity: 0; stroke-dashoffset: 0; } }
html:not(.js) .kat__hint{display: none;}
@media (prefers-reduced-motion: reduce){.kat__hint{display: none;}
.kat__rider{display: none;}
.kat__num,.kat__name,.kat-card{transition: none;}
.kat-card:hover{translate: none;}}
.gbar{display: none;}
@media (max-width: 899.98px){html:has(.gbar){scroll-padding-bottom: 5.5rem;}
.gbar{position: fixed; z-index: 45; left: var(--s1); right: var(--s1); bottom: calc(var(--s1) + env(safe-area-inset-bottom));
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.25rem; padding: 0.25rem;
background: #fff; border: var(--bw) solid var(--ink); border-radius: var(--r-lg); box-shadow: none;}
body:has(.gbar) .foot{padding-bottom: var(--s7);}}
.gbar__btn{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.125rem; min-height: 3rem; padding: 0.25rem;
border-radius: var(--r-md); color: var(--ink); text-decoration: none; list-style: none; cursor: pointer;
font-family: var(--font-head); font-size: var(--t-label); font-weight: var(--fw-bold); letter-spacing: var(--ls-label); text-transform: uppercase;}
.gbar__btn::-webkit-details-marker{display: none;}
.gbar__btn svg{width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;}
.gbar__btn:hover,.gbar__toc[open] > .gbar__btn{background: var(--color-selected); color: var(--color-on-selected);}
.gbar__btn:focus-visible{outline: 3px solid var(--blue-text); outline-offset: 2px;}
.gbar__sheet{position: absolute; left: calc(-1 * var(--bw)); right: calc(-1 * var(--bw)); bottom: calc(100% + var(--s1)); max-height: 65vh; overflow-y: auto; padding: var(--s2);
background: #fff; border: var(--bw) solid var(--ink); border-radius: var(--r-lg); box-shadow: none;}
.gbar__sheet > .label{display: block; margin: 0 var(--s1) var(--s1);}
.gbar__sheet a{padding-block: 0.65rem;}
.gbar__sheet ol + .label{display: block; margin: var(--s2) var(--s1) var(--s1); padding-top: var(--s2); border-top: 1px solid var(--ink-12);}
@media print{.gbar{display: none;}}
@keyframes sko-rise { 0% { transform: scaleY(0); } 70% { transform: scaleY(1.05); } 100% { transform: scaleY(1); } }
@keyframes sko-pop { 0% { transform: scale(0); } 65% { transform: scale(1.08); } 100% { transform: scale(1); } }
@keyframes sko-swing { 0% { rotate: 0deg; } 30% { rotate: -3deg; } 65% { rotate: 1.5deg; } 100% { rotate: 0deg; } }
.sko-sec{padding-block: var(--s6); scroll-margin-top: calc(0px - var(--s4) - var(--s1));}
.sko-fits{margin: 0; color: var(--ink-78); max-width: 62ch;}
.sko-fits b{color: var(--ink);}
.sko-cb{position: absolute; top: 0.6rem; left: 0; width: 1.5rem; height: 1.5rem; margin: 0; opacity: 0;}
.sko-cb:checked + label{font-weight: var(--fw-bold);}
html:not(.sko-js) .sko-cb{visibility: hidden;}
.slider__nav{display: flex; align-items: center; justify-content: flex-end; gap: var(--s1); margin: 0 0 var(--s1);}
.slider__nav:not([hidden]) + .slider__row{margin-top: -8px;}
.slider__nav{max-width: none;}
.slider__nav[hidden]{display: none;}
.slider__count{min-width: 4.5em; white-space: nowrap; text-align: right; font-size: var(--t-small); color: var(--ink-72); font-variant-numeric: tabular-nums;}
.slider__arrow{display: grid; place-items: center; width: 2.25rem; height: 2.25rem; padding: 0; cursor: pointer;
border: var(--bw) solid var(--ink); border-radius: var(--r-md); background: #fff; color: var(--ink);
box-shadow: var(--elevation-press-sm);
transition: translate 150ms var(--ease), box-shadow 150ms var(--ease);
position: relative;}
.slider__arrow::before{content: ""; position: absolute; inset: -0.25rem;}
.slider__arrow:disabled,.slider__arrow[aria-disabled="true"]{box-shadow: none;}
.slider__arrow:hover:not(:disabled):not([aria-disabled="true"]){translate: -2px -2px; box-shadow: var(--elevation-press-hover);}
.slider__arrow:disabled,.slider__arrow[aria-disabled="true"]{opacity: 0.35; cursor: default;}
.slider__arrow:focus-visible{outline: 3px solid var(--blue-text); outline-offset: 2px;}
.slider__arrow svg{width: 1.05rem; height: 1.05rem; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;}
.slider__row{list-style: none; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(var(--slide-min, 15rem), 1fr); gap: var(--s3);
margin: -8px; padding: 8px; overflow-x: auto; overscroll-behavior-x: contain;
scroll-snap-type: x mandatory; scroll-padding-inline: 8px; scrollbar-width: none;}
.slider__row::-webkit-scrollbar{display: none;}
.slider__row > *{scroll-snap-align: start;}
@media (hover: hover) and (pointer: fine){.slider__row.is-draggable,.strip8 .logos.is-draggable{cursor: grab;}
.slider__row.is-dragging,.strip8 .logos.is-dragging{cursor: grabbing; user-select: none;}}
.slider__row.has-more-right{-webkit-mask-image: linear-gradient(to right, black calc(100% - 3rem), transparent);
mask-image: linear-gradient(to right, black calc(100% - 3rem), transparent);}
.slider__row.has-more-left{-webkit-mask-image: linear-gradient(to right, transparent, black 3rem);
mask-image: linear-gradient(to right, transparent, black 3rem);}
.slider__row.has-more-left.has-more-right{-webkit-mask-image: linear-gradient(to right, transparent, black 3rem, black calc(100% - 3rem), transparent);
mask-image: linear-gradient(to right, transparent, black 3rem, black calc(100% - 3rem), transparent);}
.slider__row[style*="--cw"]{grid-auto-columns: var(--cw);}
.slider__row:has(> li:only-child){grid-auto-columns: minmax(var(--slide-min, 15rem), 24rem);}
@media (max-width: 599.98px){.sko-sec{padding-block: var(--s5);}
.slider__row{gap: var(--s2);}
.sko-can{display: none;}}
.sko-card{display: flex; flex-direction: column; margin: 0; scroll-margin-top: calc(var(--s2) - var(--s1));
transition: opacity 200ms var(--ease), outline-color 200ms var(--ease);
outline: 3px solid transparent; outline-offset: 3px;}
.sko-card.is-hit,.sko-card:target{outline-color: var(--blue);}
.sko-hit .sko-card:not(.is-hit){opacity: 0.45;}
.sko-card h3{margin: 0 0 var(--s2);}
.sko-card h3 a,.sko-card h3 a:hover{color: var(--ink); text-decoration: none; cursor: inherit;}
.sko-card__who{margin: 0 0 var(--s3); font-size: var(--t-small); color: var(--ink-78);}
.sko-card__who .label{margin-bottom: 0.25em;}
.sko-card__more{font-size: var(--t-small); font-weight: var(--fw-bold); color: var(--blue-text); text-decoration-color: var(--blue); min-height: 44px;}
.card:not(.card--tilt):has(.more a):not(:has(a:not(.more a))){display: flex; flex-direction: column;}
.card:not(.card--tilt):has(.more a):not(:has(a:not(.more a))) .more{display: flex; justify-content: flex-end; margin-top: auto;}
.card:not(.card--tilt):has(.more a):not(:has(a:not(.more a))) .more a,.sko-card__more,.gcard__go,.founder .more a,#mimo .more a{display: inline-flex; align-items: center; gap: 0.6rem; font-weight: var(--fw-bold); color: var(--ink); text-decoration: none;}
.card:not(.card--tilt):has(.more a):not(:has(a:not(.more a))) .more a::after,.sko-card__more::after,.gcard__go::after,.founder .more a::after,#mimo .more a::after,.sko-next__a::after{content: "→" / ""; display: grid; flex: none; place-items: center; width: 2rem; height: 2rem; border-radius: 50%;
background: var(--ink); color: #fff; font: 700 0.95rem/1 var(--font-head); transition: translate 160ms var(--ease);}
.card:hover .more a::after,.sko-card:hover .sko-card__more::after,a.card:hover .gcard__go::after,.kat-card:hover .gcard__go::after,.card .more a:focus-visible::after,.founder .more a:hover::after,#mimo .more a:hover::after,a.sko-next__a:hover::after{translate: 3px 0;}
@media (prefers-reduced-motion: reduce){.card .more a::after,.sko-card__more::after,.gcard__go::after,.founder .more a::after,#mimo .more a::after,.sko-next__a::after{transition: none;}}
a.card:has(> .gcard__go:empty){display: flex; flex-direction: column;}
a.card > .gcard__go:empty{align-self: flex-end; margin-top: auto; padding-top: var(--s2);}
.sko-card:not([data-pane-card]):has(.sko-card__more){position: relative;}
.sko-card:not([data-pane-card]) .sko-card__more::before{content: ""; position: absolute; inset: 0;}
.pane{--pane-w: min(46rem, 50vw);
position: fixed; z-index: 45; top: var(--nav-h); right: 0; bottom: 0; width: var(--pane-w);
overflow-y: auto; overscroll-behavior: contain;
padding: var(--s3) var(--s4) var(--s5);
background: var(--canvas); border-left: var(--bw) solid var(--ink);
transform: translateX(101%); visibility: hidden;
transition: transform 300ms var(--ease), visibility 0s linear 300ms;}
.pane.is-open{transform: none; visibility: visible; transition: transform 320ms var(--ease) 200ms, visibility 0s;}
.pane-open main,.pane-open .foot{margin-right: min(46rem, 50vw);}
.pane-vt main,.pane-vt .foot,.pane-vt .pane{transition: none;}
.pane-vt .pane{view-transition-name: pane;}
.pane-vt .nav{view-transition-name: site-nav;}
.pane-vt .levels__nav{view-transition-name: levels-nav;}
::view-transition-group(*){animation-duration: 360ms; animation-timing-function: var(--ease);}
::view-transition-old(root),::view-transition-new(root){animation-duration: 180ms;}
::view-transition-group(.pv){animation: none; transform-origin: 0 0; overflow: visible;}
::view-transition-old(.pv){display: none;}
::view-transition-new(.pv){inline-size: 100%; block-size: 100%; animation: none;}
::view-transition-new(root){animation-delay: 60ms;}
::view-transition-new(pane),::view-transition-old(pane){animation: none;}
::view-transition-old(levels-nav):only-child{animation: levels-nav-out 120ms var(--ease) both;}
::view-transition-new(levels-nav):only-child{animation: levels-nav-in 280ms var(--ease) 180ms both;}
@keyframes levels-nav-out { to { transform: translateX(-2rem); opacity: 0; } }
@keyframes levels-nav-in { from { transform: translateX(-2rem); opacity: 0; } }
.phero .offer__tag{position: static; display: inline-block; margin: 0 0 var(--s2);}
.no-hover .card--go:hover{transform: none; box-shadow: var(--elevation-press);}
.card--go.is-in-pane,.card--go.is-in-pane:hover{transform: translate(-2px, -2px); box-shadow: var(--elevation-press-hover); background-image: linear-gradient(var(--blue-10), var(--blue-10));}
.pane__close{position: sticky; top: 0; float: right; z-index: 1; display: grid; place-items: center;
width: 44px; height: 44px; margin: 0 0 var(--s1) var(--s2); padding: 0; cursor: pointer;
background: var(--canvas); border: var(--bw) solid var(--ink); border-radius: var(--r-sm); box-shadow: var(--elevation-press-sm);
transition: transform 150ms var(--ease), box-shadow 150ms var(--ease);}
.pane__close:hover{transform: translate(-1px, -1px); box-shadow: var(--elevation-press);}
.pane__close:active{transform: translate(3px, 3px); box-shadow: none;}
.pane__close svg{width: 22px; height: 22px; fill: none; stroke: var(--ink); stroke-width: 2.5; stroke-linecap: round;}
.pane__body > .label:first-child{margin-top: var(--s1);}
.pane__h{margin: 0 0 var(--s2); font-size: var(--t-h3);}
.pane__h:focus{outline: none;}
.pane__lead{margin: 0 0 var(--s3); font-size: var(--t-body);}
.pane__body > h3:not(.pane__sub){margin-top: var(--s4);}
.pane__body > .pane__sub + h3{margin-top: var(--s2);}
.pane__sub{margin: var(--s4) 0 var(--s1); font-size: var(--t-body); font-family: var(--font-body); font-weight: var(--fw-bold); text-transform: none; letter-spacing: 0;}
.pane .ticks{margin: 0; font-size: var(--t-small);}
.pane .topics dt{margin-top: var(--s2);}
.pane .topics dd{font-size: var(--t-small);}
.card--go[data-pane-card]{cursor: pointer; transition: transform 150ms var(--ease), box-shadow 150ms var(--ease), opacity 200ms var(--ease), outline-color 200ms var(--ease);}
.pane__act{display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); margin: var(--s4) 0 var(--s3);}
@media (max-width: 1023.98px){.pane{top: 0; left: 0; z-index: 55; width: auto; border-left: 0; padding-inline: var(--s2);}
.pane.is-open{transition-delay: 0s;}
.pane-open main,.pane-open .foot{margin-right: 0;}
.pane-open body{overflow: hidden;}}
@media (prefers-reduced-motion: reduce){.pane,.pane.is-open,.pane__close{transition: none;}}
.pane__end{margin-top: var(--s5); padding-top: var(--s4); border-top: var(--bw) solid var(--ink);}
.pane__end .pane__sub{margin-top: 0;}
.pane__end .pane__act{margin: var(--s3) 0 0;}
#proc-my .more{margin-top: var(--s3);}
#poptavka{scroll-margin-top: calc(0px - var(--s1));}
@media (prefers-reduced-motion: reduce){.sko-card,.slider__arrow{transition: none;}
.slider__arrow:hover:not(:disabled):not([aria-disabled="true"]){translate: none;}}
.sko-intro{max-width: 62ch; margin: 0; color: var(--ink-78);}
.sko-route{--pin: 3.5rem; position: relative; margin-top: var(--s5);}
.sko-route svg{position: absolute; overflow: visible; pointer-events: none;}
.sko-route path{fill: none; stroke: var(--ink); stroke-width: var(--bw); stroke-linecap: round; stroke-linejoin: round;}
.sko-route path{stroke-dasharray: 1;}
.sko-route__h{visibility: hidden;}
.sko-route__v{left: calc(var(--pin) / 2 - 12px); top: calc(var(--pin) / 2); width: 24px; height: calc(100% - var(--pin) / 2);}
.sko-stops{position: relative; list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s4);}
.sko-stop{position: relative; min-height: var(--pin); padding-left: calc(var(--pin) + var(--s3));}
.sko-stop .label{margin-bottom: 0.25rem;}
.sko-stop h3{margin: 0 0 var(--s1); font-size: var(--t-lead);}
.sko-stop p{margin: 0; font-size: var(--t-small); color: var(--ink-78);}
.sko-pin{position: absolute; left: 0; top: 0; display: grid; place-items: center; width: var(--pin); height: var(--pin);
border: var(--bw) solid var(--ink); border-radius: 50%; background: var(--yellow); box-shadow: none;
font-family: var(--font-head); font-weight: var(--fw-bold); font-size: var(--t-h3); line-height: 1; color: var(--ink);}
.sko-stop:nth-child(3n/**/+2) .sko-pin{background: #fff;}
.sko-stop:nth-child(3n) .sko-pin{background: var(--blue);}
@media (min-width: 900px){.sko-route__v{visibility: hidden;}
.sko-route__h{visibility: visible; left: 0; top: calc(var(--pin) / 2 - 12px); width: 100%; height: 24px;}
#prubeh .sko-route__h{width: calc((100% - 4 * var(--s3)) * 4 / 5 + 4 * var(--s3) + var(--pin) / 2);}
.sko-stops{grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--s3);}
.sko-stop{padding: calc(var(--pin) + var(--s3)) 0 0;}}
@media (max-width: 599.98px){.sko-route{--pin: 2.75rem; margin-top: var(--s4);}
.sko-stop{padding-left: calc(var(--pin) + var(--s2));}}
#faq h2,#faq .gfaq{max-width: var(--wrap-narrow);}
.sko-community{margin-top: var(--s4);}
.sko-community > .card{display: flex; flex-direction: column;}
.sko-community > .card{border: var(--bw) solid var(--ink); box-shadow: none; background: #fff;}
.sko-community > .card:hover{transform: none; box-shadow: none;}
.sko-community > .card:hover h3{text-decoration: underline; text-decoration-color: var(--blue); text-underline-offset: 0.2em;}
#row-komunita > .card .more{display: flex; justify-content: flex-start; text-align: left;}
.sko-community .more{margin-top: auto; padding-top: var(--s2);}
@media (prefers-reduced-motion: no-preference){.sko-js .sko-io:not(.sko-go) path{stroke-dashoffset: 1;}
.sko-js .sko-io:not(.sko-go) .sko-pin{transform: scale(0);}
.sko-js .sko-io:not(.sko-go) .sko-stop > :not(.sko-pin),.sko-js .sko-io:not(.sko-go) > .sko-card{opacity: 0;}
.sko-route.sko-go path{animation: sko-line 1s linear both;}
.sko-go .sko-pin{animation: sko-pop .34s var(--ease) both;}
.sko-go .sko-stop > :not(.sko-pin){animation: sko-fade .34s var(--ease) both;}
.sko-go .sko-stop:nth-child(2) > *{animation-delay: .2s;}
.sko-go .sko-stop:nth-child(3) > *{animation-delay: .4s;}
.sko-go .sko-stop:nth-child(4) > *{animation-delay: .6s;}
.sko-go .sko-stop:nth-child(5) > *{animation-delay: .8s;}}
@keyframes sko-line { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes sko-fade { from { opacity: 0; translate: 0 0.375rem; } to { opacity: 1; translate: 0 0; } }
@keyframes sko-settle { from { opacity: 0; translate: 0 1rem; } }
@keyframes sko-hint {
0% { stroke: var(--ink-65); stroke-dashoffset: 1; }
60% { stroke: var(--ink-65); stroke-dashoffset: 0; }
100% { stroke: transparent; stroke-dashoffset: 0; }
}
.sko-sub{margin: var(--s5) 0 var(--s3);}
.sko-can{min-width: 0;}
#na-hovoru{display: flex; gap: var(--s2); margin: var(--s3) 0;}
#na-hovoru img{width: 7.5rem; height: 7.5rem; object-fit: cover; object-position: 50% 30%; border: var(--bw) solid var(--ink); border-radius: var(--r-sm);}
#telefon .grid{align-items: start;}
#volat img{display: block; width: 11rem; height: 11rem; object-fit: cover; object-position: 50% 30%; margin-bottom: var(--s3); border: var(--bw) solid var(--ink); border-radius: var(--r-md); box-shadow: none;}
#telefon p:last-child{margin-bottom: 0;}
#telefon a[href^="tel:"]{white-space: nowrap;}
.czmap{display: block; width: auto; max-width: 100%; height: 11rem; margin-bottom: var(--s3); overflow: visible;}
.czmap__land{fill: #fff; stroke: var(--ink); stroke-width: 2.5; stroke-linejoin: round;}
.czmap__pass{fill: none; stroke: var(--ink-32); stroke-width: 1.5; stroke-linejoin: round;}
.czmap__x{fill: none; stroke: var(--ink); stroke-width: 3; stroke-linecap: round;}
.czmap__shade{fill: var(--ink-12);}
.czmap__pin path{fill: var(--blue); stroke: var(--ink); stroke-width: 2.5; stroke-linejoin: round;}
.czmap__hole{fill: #fff; stroke: var(--ink); stroke-width: 2;}
.czmap__t{font: 900 22px var(--font-head); fill: var(--ink);}
.czmap.is-armed .czmap__x{stroke-dasharray: 1 2; stroke-dashoffset: 1.1; transition: stroke-dashoffset 320ms var(--ease);}
.czmap.is-drawn .czmap__x{stroke-dashoffset: 0; transition-delay: 430ms;}
.czmap.is-drawn .czmap__x + .czmap__x{transition-delay: 750ms;}
@media (prefers-reduced-motion: reduce){.czmap.is-armed .czmap__x{stroke-dashoffset: 0; transition: none;}}
#pribeh > .wrap{display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s3);}
#pribeh-side{position: sticky; top: var(--nav-h); z-index: 2; display: flex; flex-direction: column-reverse; gap: var(--s1); padding-block: var(--s2); background: var(--canvas);}
#pribeh-rail{height: 4px; background: var(--ink-12); border-radius: 2px; overflow: hidden;}
#pribeh-rail span{display: block; width: 100%; height: 100%; background: var(--ink); transform-origin: left center; transform: scaleX(var(--p, 0));}
#pribeh-words{display: grid; margin: 0; padding: 0; list-style: none;}
#pribeh-words li{grid-area: 1 / 1; display: flex; align-items: baseline; gap: var(--s1);
font: 900 var(--t-h2) / var(--lh-tight) var(--font-head); letter-spacing: var(--ls-h2); text-transform: uppercase;
opacity: 0; transform: translateY(var(--s2)); transition: opacity 320ms var(--ease), transform 320ms var(--ease);}
#pribeh-words li span{font: 700 var(--t-label) / 1 var(--font-head); letter-spacing: var(--ls-label); color: var(--ink-65);}
#pribeh:not([data-active]) li[data-w="proc"],#pribeh[data-active="proc"] li[data-w="proc"],#pribeh[data-active="jak"] li[data-w="jak"],#pribeh[data-active="kultura"] li[data-w="kultura"]{opacity: 1; transform: none;}
#pribeh[data-active="jak"] li[data-w="proc"],#pribeh[data-active="kultura"] li[data-w="proc"],#pribeh[data-active="kultura"] li[data-w="jak"]{transform: translateY(calc(-1 * var(--s4)));}
#pribeh[data-active] li{transition-duration: 180ms;}
#pribeh[data-active="proc"] li[data-w="proc"],#pribeh[data-active="jak"] li[data-w="jak"],#pribeh[data-active="kultura"] li[data-w="kultura"]{transition-duration: 360ms; transition-delay: 120ms;}
#pribeh article + article{margin-top: var(--s6); padding-top: var(--s5); border-top: 1px solid var(--ink-12);}
#pribeh.is-js article{transition: color 240ms var(--ease);}
#pribeh.is-js[data-active="proc"] article:not([data-ch="proc"]),#pribeh.is-js[data-active="jak"] article:not([data-ch="jak"]),#pribeh.is-js[data-active="kultura"] article:not([data-ch="kultura"]){color: var(--ink-65);}
#pribeh article h3{margin: var(--s4) 0 var(--s1);}
#profil{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s2); margin-top: var(--s3);}
:is(#profil, .founder__links) a.card{flex-direction: row; align-items: center; justify-content: space-between; gap: var(--s1); padding: var(--s2);}
#pribeh #profil h3{margin: 0; font-size: var(--t-body);}
:is(#profil, .founder__links) a.card > .gcard__go:empty{align-self: center; margin: 0; padding: 0;}
@media (max-width: 599.98px){#profil{gap: var(--s1);}
#profil a.card{flex-direction: column; align-items: flex-start; justify-content: space-between; padding: var(--s1) var(--s2) var(--s2);}
#profil a.card > .gcard__go:empty{align-self: flex-end;}
#pribeh #profil h3{font-size: var(--t-small);}}
@media (max-width: 22.49rem){#profil{grid-template-columns: 1fr;}
#profil a.card{flex-direction: row; align-items: center;}
#profil a.card > .gcard__go:empty{align-self: center;}}
#pribeh .pillars{grid-template-columns: repeat(2, 1fr);}
#pribeh .pillars{counter-reset: pilir;}
#pribeh .pillars > li{counter-increment: pilir;}
#pribeh .pillars > li::before{content: counter(pilir); display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%;
background: var(--ink); color: #fff; font: 700 var(--t-small) / 1 var(--font-head);}
#pribeh.is-js[data-active]:not([data-active="kultura"]) .pillars > li::before{background: var(--ink-65);}
#pribeh .pillars h3{margin-top: var(--s2);}
@media (min-width: 900px){#pribeh > .wrap{grid-template-columns: 0.85fr 1.15fr; gap: var(--s6); align-items: start;}
#pribeh-side{top: calc(var(--nav-h) + var(--s5)); flex-direction: row; gap: var(--s3); padding: 0; background: none;}
#pribeh-rail{width: 6px; height: calc(var(--s8) * 2); align-self: flex-start;}
#pribeh-rail span{transform-origin: center top; transform: scaleY(var(--p, 0));}
#pribeh-words{flex: 1; container-type: inline-size;}
#pribeh-words li{flex-direction: column; align-items: flex-start; font-size: 24cqi; letter-spacing: var(--ls-h1); transform: translateY(var(--s4));}
#pribeh-words li span{margin-bottom: var(--s1); font-size: var(--t-h3); letter-spacing: 0;}}
@media (min-width: 1200px){#pribeh > .wrap{grid-template-columns: 0.9fr 1.1fr;}}
#pribeh.is-js article > *{opacity: 0; transform: translateY(var(--s3)); transition: opacity 480ms var(--ease), transform 480ms var(--ease);}
#pribeh.is-js article.is-in > *{opacity: 1; transform: none;}
#pribeh.is-js article.is-in > :nth-child(2){transition-delay: 60ms;}
#pribeh.is-js article.is-in > :nth-child(n/**/+3){transition-delay: 120ms;}
@media (prefers-reduced-motion: reduce){#pribeh-words li,#pribeh.is-js article,#pribeh.is-js article > *{transition: none;}
#pribeh.is-js article > *{opacity: 1; transform: none;}}
.phero__art .czmap{width: 100%; height: auto; max-width: none; margin: 0;}
.strip8{padding-block: var(--s5); border-block: var(--bw) solid var(--ink); background: #fff;}
.strip8__in{display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3) var(--s5); padding-inline: var(--hg, var(--gutter)); justify-content: center;}
.strip8 .logos{flex: 1 1 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--s3); margin: 0; padding: 0; list-style: none;}
.strip8 .logo-slot:not(.logo-slot--empty){border: 0; box-shadow: none; background: none;}
.strip8__in > .slides{flex: 1 1 100%; min-width: 0;}
.strip8__in > .strip8__line{flex: 1 1 100%; margin: 0; text-align: center;
font-family: var(--font-head); font-weight: var(--fw-bold); font-size: var(--t-h3); letter-spacing: -0.02em;}
.strip8 .logos{container-type: inline-size; flex: 1 1 100%; justify-content: center;
align-items: center; gap: var(--s4) var(--s5);}
.strip8 .logo-slot{min-height: 0; padding: 0; place-items: center;}
.strip8 .logo-slot__img{--h: 33.4; --vc: 0.012; margin: 0;
--size: calc(var(--h) * 1px);
display: block; width: auto; height: var(--size); transform: translateY(calc(var(--size) * var(--vc)));}
.strip8 .logo-slot__img[data-logo="csob"]{--h: 64.3; --vc: -0.093; aspect-ratio: 83 / 64;}
.strip8 .logo-slot__img[data-logo="bosch"]{--h: 38.2; --vc: 0.002; aspect-ratio: 171 / 38;}
.strip8 .logo-slot__img[data-logo="scott-automation"]{--h: 37.1; --vc: -0.184; aspect-ratio: 186 / 37;}
.strip8 .logo-slot__img[data-logo="magna"]{--h: 32.9; --vc: -0.151; aspect-ratio: 165 / 33;}
.strip8 .logo-slot__img[data-logo="hranipex"]{aspect-ratio: 173 / 33;}
.strip8 .logo-slot{position: relative;}
.strip8 .logo-slot::before{content: none; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; height: 2.4rem;
background: var(--ink); opacity: 0.22;}
@media (min-width: 80rem) and (min-aspect-ratio: 125 / 100){.strip8 .logos{--lg: clamp(3rem, 5vw, 7rem); flex-wrap: nowrap; column-gap: var(--lg);}
.strip8 .logo-slot + .logo-slot::before{content: ""; left: calc(var(--lg) / -2);}}
@media (prefers-reduced-motion: no-preference){.strip8 .logos{scroll-behavior: smooth;}}
@media (max-width: 48rem){.strip8 .logos{display: flex; flex-wrap: nowrap; gap: 0; overflow-x: auto; justify-content: flex-start;
scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;}
.strip8 .logos::-webkit-scrollbar{display: none;}
.strip8 .logo-slot{flex: 0 0 calc(100% / 2.25); scroll-snap-align: start; padding-block: var(--s1) var(--s2); justify-content: center;}
.strip8 .logo-slot__img{--size: min(calc(var(--h) * 1px), calc((44.44cqi - 12px) * var(--h) / 200));}
.strip8 .logo-slot + .logo-slot::before{content: ""; left: 0;}}
@media (min-width: 48.01rem) and (max-width: 74.99rem){.strip8 .logos{display: flex; flex-wrap: nowrap; gap: 0; overflow-x: auto; justify-content: flex-start;
scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;}
.strip8 .logos::-webkit-scrollbar{display: none;}
.strip8 .logo-slot{flex: 0 0 calc(100% / 3.25); scroll-snap-align: start; padding-block: var(--s1) var(--s2); justify-content: center;}
.strip8 .logo-slot__img{--size: min(calc(var(--h) * 1px), calc((30.77cqi - 12px) * var(--h) / 200));}
.strip8 .logo-slot + .logo-slot::before{content: ""; left: 0;}}
html.pane-over body{overflow: hidden;}
html.pane-open{scrollbar-gutter: stable;}
.book__facts li{white-space: nowrap;}
@media (max-width: 30rem){.book__facts li{white-space: normal;}}
.book__tag{font-size: var(--t-label);}
@media (pointer: coarse){.book__tab,.book__nav{min-height: 44px;}
.book__nav{min-width: 44px;}}
.contact .more a{display: inline-flex; align-items: center; gap: 0.6rem; padding-block: 0.6rem; font-weight: var(--fw-bold);}
.contact .more a::after{content: "→" / ""; display: grid; flex: none; place-items: center; width: 2rem; height: 2rem; border-radius: 50%;
background: var(--canvas); color: var(--ink); font: 700 0.95rem/1 var(--font-head); transition: translate 160ms var(--ease);}
.contact .more a:hover::after,.contact .more a:focus-visible::after{translate: 3px 0;}
@media (prefers-reduced-motion: reduce){.contact .more a::after{transition: none;}}
.form__row--check input{width: 20px; height: 20px;}
@media (max-width: 38.74rem){.foot a{padding-block: var(--s1);}
.form button[type="submit"]{width: 100%;}}
.consent{position: fixed; z-index: 70; left: var(--s2); right: var(--s2); bottom: calc(var(--s2) + env(safe-area-inset-bottom));
max-width: 34rem; margin: 0; padding: var(--s3); background: #fff; color: var(--ink);
border: var(--bw) solid var(--ink); border-radius: var(--r-md); box-shadow: var(--shadow);}
@media (min-width: 48rem){.consent{right: auto;}}
.consent__h{margin: 0 0 var(--s1); font-size: var(--t-h3);}
.consent__h:focus{outline: none;}
.consent__p{margin: 0 0 var(--s2); font-size: var(--t-small);}
.consent__p a{color: inherit;}
.consent__set{display: grid; gap: 0.4rem; margin: 0 0 var(--s2); font-size: var(--t-small);}
.consent__set[hidden]{display: none;}
.consent__opt{display: flex; gap: var(--s1); align-items: center; min-height: 44px;}
.consent__opt input{width: 20px; height: 20px; margin: 0;}
.consent__act{display: flex; flex-wrap: wrap; gap: var(--s1) var(--s2); align-items: center; margin: 0;}
.consent__more,.consent__again{min-height: 44px; padding: 0; border: 0; background: none; color: inherit; cursor: pointer;
font: inherit; font-weight: var(--fw-bold); text-decoration: underline; text-underline-offset: 0.2em;}
.consent__again{margin-left: 0; font-weight: 400;}
.consent__tog{display: none;}
@media (max-width: 47.99rem){.consent{padding: var(--s2) var(--s2) var(--s2) var(--s3);}
.consent__h{margin: 0 52px var(--s1) 0; font-size: var(--t-body); line-height: 44px;}
.consent__tog{display: grid; place-items: center; position: absolute; top: calc(var(--s2) - 2px); right: var(--s1);
width: 44px; height: 44px; padding: 0; border: 0; background: none; color: var(--ink); cursor: pointer;}
.consent__tog svg{width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2.5;
stroke-linecap: round; stroke-linejoin: round; transition: transform 0.2s var(--ease);}
.consent.is-open .consent__tog svg{transform: scaleY(-1);}
.consent:not(.is-open) .consent__p,.consent:not(.is-open) .consent__more,.consent:not(.is-open) .consent__set{display: none;}}
@media (max-width: 47.99rem) and (prefers-reduced-motion: reduce){.consent__tog svg{transition: none;}}
.offerband{padding-block: var(--s5) var(--s6);}
.offerband__h{font-size: var(--t-h2); line-height: var(--lh-head); letter-spacing: var(--ls-h2); text-transform: uppercase; margin: 0 0 var(--s2); max-width: none;}
.offerband__sub{margin: 0 0 var(--s4); font-size: var(--t-lead); color: var(--ink-78); max-width: 52ch;}
.offerband__head{display: block;}
.offerband__row{--slide-min: 17rem; list-style: none;}
.offerband__row > li:not(.offer){display: flex; margin: 0;}
.offerband__row > li:not(.offer) > .offer{flex: 1 1 auto;}
.offerband--bleed > .wrap{max-width: var(--wrap);}
.offerband--bleed .offerband__h{font-size: var(--t-h1); line-height: var(--lh-tight); letter-spacing: var(--ls-h1);}
.offerband--bleed .offerband__row{--slide-min: 16rem;}
@media (min-width: 600px){html:not(.pane-open:not(.pane-over)) .offerband__row:not([style*="--cw"]),html:not(.pane-open:not(.pane-over)) .offerband__row:has(> li:only-child){grid-auto-columns: calc((100% - 2 * var(--s3)) / 3);}}
@media (min-width: 600px) and (max-width: 89.98rem){.offerband__row:not([style*="--cw"]),.offerband__row:has(> li:only-child){grid-auto-columns: calc((100% - 2 * var(--s3)) / 3);}}
@media all{.offerband__row{row-gap: 0; grid-template-rows: repeat(5, auto);}
.offerband__row > li:not(.offer){grid-row: span 5; display: grid; grid-template-rows: subgrid;}
:is(.offerband, .levels) .offerband__row > li:not(.offer) > :is(a.offer, div.card--custom){grid-row: span 5; display: grid; grid-template-rows: subgrid; row-gap: 0; container-type: normal;}}
@media (max-width: 599.98px){.offerband__row:has(> li:only-child){grid-auto-columns: calc((100% - var(--s2)) / 1.2);}}
.offerband--wide .offerband__row{--slide-min: 28rem;}
.offerband--wide .offer__price{font-size: var(--t-h2);}
#prvni-krok .offer__name{font-size: var(--t-h3);}
#prvni-krok .offer__price{font-size: var(--t-h2);}
.offer{display: flex; flex-direction: column; margin: 0; container-type: inline-size; text-decoration: none; color: var(--ink);}
.offer__who{margin: 0 0 var(--s1);}
.offer__name{font-family: var(--font-head); font-weight: var(--fw-bold); font-size: var(--t-h3); font-size: var(--t-card-name);
line-height: var(--lh-head); letter-spacing: var(--ls-h2); text-transform: none; margin: 0 0 var(--s2); max-width: none;}
.card--go .offer__name{font-weight: var(--fw-bold);}
.offer__name a{color: inherit; text-decoration: none;}
.offer12__card.svc{display: flex; flex-direction: column;}
.offer12--solo .offer12__card.svc{padding: var(--s3);}
.offer12--solo .offer12__card.svc h3{font-size: var(--t-h3); margin: 0 0 var(--s1);}
.offer12--solo .offer12__card.svc .svc__desc{font-size: var(--t-small); line-height: 1.5;}
.offer12--solo .offer12__grid{gap: var(--s3);}
.svc > .svc__go{align-self: flex-end; margin-top: auto; padding-top: var(--s2);}
.svc:hover .svc__go::after{translate: 3px 0;}
.svc__top{display: flex; align-items: center; gap: var(--s2); margin: 0 0 var(--s2); padding-bottom: var(--s2); border-bottom: 1px solid var(--ink-12); max-width: none;}
.svc__top .ico12{width: 2rem; height: 2rem; margin: 0; flex: none;}
.svc__top .label{margin: 0;}
.offer12__card.svc h3{margin: 0 0 var(--s1);}
.svc__desc{margin: 0 0 var(--s3); font-size: var(--t-small); color: var(--ink-72);}
@media (max-width: 48rem){.offer12--solo .offer12__card.svc{padding: var(--s2) var(--s3);}
.svc__top{margin-bottom: var(--s1); padding-bottom: var(--s1);}
.svc__desc{margin-bottom: var(--s2);}}
@media (min-width: 48.01rem){.offer12--solo .offer12__card.svc{display: grid; grid-template-rows: subgrid; grid-row: span 4; grid-template-columns: minmax(0, 1fr);}
.offer12--solo .offer12__card.svc > *{grid-column: 1; grid-row: auto;}
.offer12--solo .offer12__card.svc > .svc__go{align-self: end; justify-self: end; margin-top: 0;}}
.jak17.jak17--route{padding-block: var(--s6);}
.jak17__figs{display: flex; flex-wrap: wrap; gap: var(--s2) var(--s5); margin: var(--s3) 0 0;}
.jak17__figs > div{display: grid; gap: 0.25rem;}
.jak17__figs dt{font: var(--fw-bold) var(--t-label)/1.2 var(--font-body); color: var(--ink-65);}
.jak17__figs dd{margin: 0; font: var(--fw-bold) var(--t-h3)/1.15 var(--font-head);}
.jak17__figs > div:first-child dd{font-size: var(--t-h2);}
@media (min-width: 900px){.jak17--route .sko-stops{grid-template-columns: repeat(4, minmax(0, 1fr));}
.jak17--route .sko-route__h{width: calc((100% - 3 * var(--s3)) * 3 / 4 + 3 * var(--s3) + var(--pin) / 2);}}
.jak17--route .hook12__next{margin-top: var(--s5);}
.jak17__ask{display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s3); margin-top: var(--s5);}
.jak17__ask p{margin: 0; font-weight: var(--fw-bold); max-width: none;}
.jak17--route .jak17__ask + .hook12__next{margin-top: var(--s3);}
:is(.band, .strip8) + :is(.offer12, .hook12){border-top: 0;}
.probl12 > .strip8{border-block: 0; background: none; padding-block: var(--s6) 0;}
.hook12 .hook12__offer{display: grid; grid-row: span 6; grid-template-rows: subgrid; row-gap: 0; align-content: start; padding: var(--s3); position: relative; container-type: normal;}
.hook12__offer .offer__name{font-size: var(--t-h3); margin: 0 0 var(--s1);}
.hook12__offer .offer__price{font-size: var(--t-h2);}
.hook12__offer .offer__facts{margin-bottom: var(--s2);}
.hook12__offer .offer__out{margin: 0 0 var(--s2); font-size: var(--t-small); color: var(--ink-72);}
.hook12__offer .hook12__for{margin: 0 0 var(--s2); padding-top: var(--s1); border-top: 1px solid var(--ink-12); font-size: var(--t-small);}
.hook12__offer > .gcard__go{align-self: end; justify-self: end;}
.hook12__offer:hover .gcard__go::after{translate: 3px 0;}
@media (max-width: 48rem){.hook12 .hook12__offer{grid-row: auto; grid-template-rows: none; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--s2); row-gap: 0.2rem; padding: var(--s2) var(--s3);}
.hook12__offer > .offer__name{grid-column: 1; grid-row: 2; margin: 0; align-self: first baseline;}
.hook12__offer > .offer__facts{grid-column: 2; grid-row: 2; margin: 0; align-self: first baseline;}
.hook12__offer .offer__len,.hook12__offer > .offer__out,.hook12__offer > .hook12__for{display: none;}
.hook12__offer > .offer__who{grid-column: 1; grid-row: 3; margin: 0;}
.hook12__offer > .gcard__go{grid-column: 2; grid-row: 3; font-size: 0; gap: 0;}
.hook12__offer > .offer__tag{position: static; grid-column: 1 / -1; grid-row: 1; justify-self: start; margin-bottom: 0.25rem;}
.hook12 .hook12__offer:has(> .offer__tag) > .offer__who{margin-right: 0;}}
.probl12 .situ__card{grid-row: span 5; transition: box-shadow 160ms var(--ease), translate 160ms var(--ease); cursor: pointer;}
.probl12 .situ__card.is-chosen{box-shadow: var(--elevation-press); translate: -2px -2px; cursor: auto;}
.situ__head{display: flex; align-items: center; justify-content: space-between; gap: var(--s2); margin: 0 0 var(--s3); padding-bottom: var(--s2); border-bottom: 1px solid var(--ink-12); max-width: none;}
.situ__head .label{margin: 0;}
.situ__pick{flex: none; min-height: 44px; padding: 0 var(--s2); border: var(--bw) solid var(--ink); border-radius: var(--r-sm); background: #fff;
box-shadow: var(--elevation-press-sm);
font: var(--fw-bold) var(--t-label)/1 var(--font-body); letter-spacing: var(--ls-label); text-transform: uppercase; color: var(--ink); cursor: pointer;}
.situ__pick[aria-pressed="true"]{background: var(--color-selected); color: var(--color-on-selected); cursor: default;}
.situ__rows{list-style: none; margin: 0 0 var(--s3); padding: 0; display: grid; gap: var(--s1); align-content: start;}
.situ__rows li{margin: 0; padding: var(--s1) var(--s2); background: var(--canvas); border-radius: var(--r-sm); font-size: var(--t-small);}
.situ__rows strong{font-weight: var(--fw-bold);}
.situ__step{display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem;
margin: 0; padding: var(--s1) var(--s2); background: var(--canvas); border-radius: var(--r-sm);
font-size: var(--t-small); max-width: none; align-self: end;}
.probl12 .situ__card > .situ__step{align-self: stretch; justify-content: flex-start;}
.situ__step .label{margin: 0;}
.situ__step a{color: var(--ink); text-decoration-color: var(--blue); display: inline-block; padding-block: .8rem; margin-block: -.8rem;}
.situ__step b{font-family: var(--font-head); font-weight: var(--fw-bold); font-variant-numeric: tabular-nums; white-space: nowrap;}
.situ__go{margin: var(--s2) 0 0; max-width: none;}
.situ__go .btn{width: 100%; justify-content: center; min-height: 44px;}
@media (max-width: 48rem){.situ__opt{display: flex; align-items: center; gap: 0.4rem; min-height: 44px;}
.situ__step a{padding-block: 0; margin-block: 0;}
.situ__step > span:last-child{align-self: stretch;}
.situ__opt{flex-wrap: wrap; align-content: center; align-items: baseline; justify-content: space-between; column-gap: var(--s2);}
.situ__opt > a{flex: 1 1 0;}
.situ__or{display: none;}
.situ__rows span{display: none;}
.situ__rows{margin-block: var(--s2);}}
@media (prefers-reduced-motion: reduce){.probl12 .situ__card{transition: none;}}
.sko-fits + .sko-intro{margin-top: var(--s2);}
.sko-community + .note{margin-top: var(--s3);}
.sfit{margin-top: var(--s3); align-items: stretch;}
.sfit .situ__card{display: flex; flex-direction: column; transition: box-shadow 160ms var(--ease), translate 160ms var(--ease); cursor: pointer;}
.sfit .situ__card.is-chosen{box-shadow: var(--elevation-press); translate: -2px -2px; cursor: auto;}
@media (prefers-reduced-motion: reduce){.sfit .situ__card{transition: none;}}
.sfit .situ__rows{flex: 1 1 auto;}
.sfit .situ__go{margin-top: auto; display: grid; gap: var(--s1);}
.sko-next{list-style: none; margin: var(--s4) 0 0; padding: 0; display: grid; gap: var(--s2); grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));}
.sko-next > li{margin: 0; display: flex;}
.sko-next__a{flex: 1 1 auto; display: grid; grid-template-columns: 1fr auto; align-items: center; align-content: start; column-gap: var(--s2); row-gap: 0.15rem; padding: var(--s2) var(--s3); color: var(--ink); text-decoration: none;}
.sko-next__a .label{grid-column: 1 / -1; margin: 0 0 0.15rem;}
.sko-next__t,.sko-next__s{grid-column: 1;}
.sko-next__t{font-weight: var(--fw-bold);}
.sko-next__s{font-size: var(--t-small); color: var(--ink-72);}
.sko-next__a::after{grid-column: 2; grid-row: 2 / span 2;}
.conn12__crate{flex: 0 0 auto; width: 8.5rem; min-height: 6.5rem;
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--s1);
padding: var(--s2) var(--s1);
background: #fff; border: var(--bw) solid var(--ink); border-radius: var(--r-sm);
box-shadow: none;}
.conn12__mark{width: 32px; height: 32px; object-fit: contain;}
.conn12__mark--text{display: flex; align-items: center; justify-content: center;
font: var(--fw-bold) 0.75rem/1 var(--font-head); letter-spacing: -0.02em; color: var(--ink);
background: #fff; border: 2px solid var(--ink); border-radius: 2px;}
.conn12__name{font: 700 var(--t-label)/1.2 var(--font-body); letter-spacing: var(--ls-label);
text-transform: uppercase; color: var(--ink-72); text-align: center;}
.conn12__crate--more{background: #fff; border-style: dashed; box-shadow: none;}
.conn12__crate{justify-content: flex-start; align-items: stretch; gap: 0; padding: 0; overflow: hidden; min-height: 7.25rem;}
.conn12__crate > .conn12__mark{flex: none; width: 32px; height: 32px; box-sizing: border-box;}
.conn12__name{order: -1; display: flex; align-items: flex-start;
min-height: calc(2 * 1.2em + 0.9rem); box-sizing: border-box; padding: 0.45rem 0.6rem;
border-bottom: 1px solid var(--ink-12); text-align: left;}
.conn12__mark{margin: auto;}
.sko-crates{--slide-min: 8.5rem;}
.sko-crates > .conn12__crate{width: auto; min-width: 0;}
.sko-crates + .note{margin-top: var(--s2);}
.grid + .note{margin-top: var(--s3);}
.sko-community > .sko-static:hover h3{text-decoration: none;}
.offer__facts{display: flex; flex-direction: column; align-items: flex-start; margin: 0 0 var(--s2); max-width: none;}
.offer__price{font-family: var(--font-head); font-weight: var(--fw-bold); font-size: var(--t-price); line-height: var(--lh-head); font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--ink);}
.offer__len{font-size: var(--t-small); color: var(--ink-72);}
.offer__out{margin: 0 0 var(--s3); font-size: var(--t-small); color: var(--ink-78);}
.offer__next{margin: auto 0 0; max-width: none; display: flex; justify-content: flex-end; align-items: center; gap: var(--s2);}
.offer .btn--sm{min-height: 44px;}
.offer:has(> .offer__tag) > .offer__who{margin-right: 9.5rem;}
.offer__tag{position: absolute; top: calc(var(--s3) - 2px); right: var(--s3); margin: 0; padding: 0.2em 0.5em; border: 2px solid var(--ink); border-radius: var(--r-sm);
font: 700 var(--t-label)/1.2 var(--font-body); letter-spacing: var(--ls-label); text-transform: uppercase; color: var(--blue-text); background: #fff;}
@media (max-width: 29.99rem){.offer:has(> .offer__tag) > .offer__who{margin-right: 0; padding-top: 2rem;}}
.offer-hero__who{font-family: var(--font-head); font-weight: var(--fw-bold); font-size: var(--t-h3); line-height: var(--lh-head); color: var(--ink); margin: 0 0 var(--s2); max-width: none;}
.offer-hero__facts{display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s1) var(--s3); margin: var(--s3) 0 var(--s1); max-width: none; font-size: var(--t-lead); line-height: var(--lh-head); color: var(--ink-78);}
.offer-hero__price{font-family: var(--font-head); font-weight: var(--fw-bold); font-size: var(--t-price-hero); line-height: 1; letter-spacing: var(--ls-h2); font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--ink);}
.offer-hero__basis{margin: 0 0 var(--s3); font-size: var(--t-small); color: var(--ink-72);}
.fold > summary{list-style: none; cursor: pointer; display: grid; grid-template-columns: minmax(0, 1fr) var(--s3); column-gap: var(--s2); align-items: center;}
.fold > summary::-webkit-details-marker{display: none;}
.fold > summary::before,.fold > summary::after{content: ""; grid-column: 2; grid-row: 1; align-self: center; justify-self: center; background: var(--ink);}
.fold > summary::before{width: 100%; height: var(--bw);}
.fold > summary::after{width: var(--bw); height: var(--s3); transition: scale 160ms var(--ease);}
.fold[open] > summary::after{scale: 1 0;}
.fold > summary > h2{grid-column: 1; margin: 0;}
.fold[open] > summary > h2{margin-bottom: var(--s3);}
.fold > summary:focus-visible{outline: 3px solid var(--blue-text); outline-offset: 4px; border-radius: var(--r-sm);}
@media (prefers-reduced-motion: reduce){.fold > summary::after{transition: none;}}
.offer-hero__price{flex-basis: 100%;}
.offer-hero__facts{column-gap: var(--s2);}
.levels{padding-block: var(--s6);}
.levels__h{margin: 0; font-size: var(--t-h2);}
.levels__head{display: block;}
.levels__sub{margin: var(--s2) 0 var(--s5); font-size: var(--t-lead); color: var(--ink-78); max-width: 46ch;}
.levels__head:has(+ .slider__nav:not([hidden])) .levels__sub{margin-bottom: var(--s3);}
.levels__h:last-child{margin-bottom: var(--s5);}
.levels__head:has(+ .slider__nav:not([hidden])) .levels__h:last-child{margin-bottom: var(--s3);}
.levels__list{--slide-min: 16rem; list-style: none;}
.levels .offerband__row{--slide-min: 16rem;}
.levels .offerband__row .offer__name{font-size: var(--t-h3);}
.levels .offerband__row .offer__price{font-size: clamp(var(--t-h3), 2.6vw, var(--t-h2));}
.levels__nav-vat{margin: var(--s3) 0 0; padding-top: var(--s2); border-top: 1px solid var(--ink-12);}
.wrap--measure > *{max-width: var(--wrap-narrow);}
.levels__body{min-width: 0;}
.levels__level{scroll-margin-top: var(--s3);}
.levels__body > .levels__next:last-child{margin-bottom: 0;}
.levels__nav{display: none;}
.levels__next{display: flex; align-items: center; gap: var(--s3); margin: var(--s5) 0; max-width: none;}
.levels__next::before,.levels__next::after{content: ""; flex: 1 1 auto; height: 1px; background: var(--ink-12);}
.levels__next a{flex: 0 1 auto; min-width: 0; display: inline-flex; align-items: center; gap: var(--s2); min-height: 44px;
font: var(--fw-bold) var(--t-small)/1.2 var(--font-body); color: var(--ink); text-decoration: none;}
.levels__next a::after{content: "↓" / ""; display: grid; flex: none; place-items: center; width: 2rem; height: 2rem; border-radius: 50%;
background: var(--ink); color: #fff; font: var(--fw-bold) 0.95rem/1 var(--font-head); transition: translate 160ms var(--ease);}
.levels__next a:hover::after,.levels__next a:focus-visible::after{translate: 0 3px;}
@media (max-width: 599.98px){.levels__next::before,.levels__next::after{display: none;}
.levels__next{justify-content: flex-start;}}
@media (min-width: 1200px){.levels > .wrap{max-width: var(--wrap-wide); display: grid; grid-template-columns: 17rem minmax(0, 1fr); column-gap: var(--s5); align-items: start;}
.levels__nav{display: block; position: sticky; top: calc(var(--nav-h) + var(--s4));
padding: var(--s3); background: #fff; border: var(--bw) solid var(--ink); border-radius: var(--r-lg);}
html.pane-open:not(.pane-over) .levels > .wrap{display: block;}
html.pane-open:not(.pane-over) .levels__nav{display: none;}
.levels__nav-h{display: block; margin: 0 0 var(--s3); padding-bottom: var(--s3); border-bottom: 1px solid var(--ink-12);}
.levels__steps{position: relative; margin: 0; padding: 0; list-style: none; display: grid; gap: var(--s3);}
.levels__steps li:not(:last-child) a::after{content: ""; position: absolute; left: calc(var(--s3) / 2 - 1px); top: var(--s3); bottom: calc(-1 * var(--s3)); width: 2px; background: var(--ink-12);}
.levels__steps a{position: relative; display: grid; gap: 0.15rem; padding-left: calc(var(--s3) + var(--s2)); color: var(--ink); text-decoration: none;}
.levels__steps a::before{content: ""; position: absolute; left: 0; top: 0; width: var(--s3); height: var(--s3); border-radius: 50%;
background: #fff; border: var(--bw) solid var(--ink); box-sizing: border-box; transition: background-color 200ms var(--ease);}
.levels__steps .is-done a::before{background: var(--ink-12);}
.levels__steps a[aria-current]::before{background: var(--ink);}
.levels__step-k{font: 700 var(--t-label)/1.2 var(--font-body); letter-spacing: var(--ls-label); text-transform: uppercase; color: var(--ink-65);}
.levels__steps a[aria-current] .levels__step-k{color: var(--blue-text);}
.levels__step-t{font: var(--fw-bold) var(--t-lead)/1.15 var(--font-head);}
.levels__step-m{font-size: var(--t-small); color: var(--ink-72);}
.levels__steps a:hover .levels__step-t{text-decoration: underline; text-decoration-color: var(--blue); text-underline-offset: 0.2em;}}
@media (prefers-reduced-motion: reduce){.levels__steps a::before,.levels__next a::after{transition: none;}}
@media (min-width: 1200px) and (max-width: 1259.98px){.levels > .wrap{padding-inline: calc((100% - var(--wrap)) / 2 + var(--gutter));}}
.levels__list{row-gap: 0; grid-template-rows: repeat(5, auto);}
@media (min-width: 900px){.sko-route:has(> .sko-stops > :last-child:nth-child(4)) .sko-stops{grid-template-columns: repeat(4, minmax(0, 1fr));}
.sko-route:has(> .sko-stops > :last-child:nth-child(4)) .sko-route__h{width: calc((100% - 3 * var(--s3)) * 3 / 4 + 3 * var(--s3) + var(--pin) / 2);}
.sko-route:has(> .sko-stops > :last-child:nth-child(5)) .sko-route__h{width: calc((100% - 4 * var(--s3)) * 4 / 5 + 4 * var(--s3) + var(--pin) / 2);}}
@media (prefers-reduced-motion: no-preference){.sko-go .sko-stops:has(> :last-child:nth-child(4)) > :nth-child(2) > *{animation-delay: .25s;}
.sko-go .sko-stops:has(> :last-child:nth-child(4)) > :nth-child(3) > *{animation-delay: .5s;}
.sko-go .sko-stops:has(> :last-child:nth-child(4)) > :nth-child(4) > *{animation-delay: .75s;}}
.sko-fits + .grid{margin-top: var(--s4);}
p + .keyfact{margin-block: var(--s4) 0;}
.pbi{border: var(--bw) solid var(--ink); border-radius: var(--r-md); background: #fff; overflow: hidden;}
.pbi__stage{position: relative; aspect-ratio: 16 / 9; background: var(--canvas);}
.pbi__stage img{display: block; width: 100%; height: 100%; object-fit: contain;}
.pbi__frame{position: absolute; inset: 0;}
.pbi__frame iframe{width: 100%; height: 100%; border: 0;}
.pbi[data-state="live"] .pbi__stage img{visibility: hidden;}
.pbi__msg{margin: 0; flex-basis: 100%; max-width: none; font-size: var(--t-small); font-weight: var(--fw-bold);}
.pbi__msg:empty{display: none;}
.sc__label{display: block; margin-top: var(--s7);}
.sc{list-style: none; margin: var(--s4) 0 0; padding: 0;}
.sc + .note{margin-top: var(--s3);}
.sc--row{margin-top: 0;}
@media (min-width: 37.5rem){.sc--row{grid-template-columns: repeat(3, 1fr);}}
.sc__card{height: 100%; display: flex; flex-direction: column;}
.sc__card img{display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; margin-bottom: var(--s2); border: 1px solid var(--ink-12); border-radius: var(--r-md);}
.sc__card .more{margin-top: auto; padding-top: var(--s2);}
.sc__open{appearance: none; background: none; border: 0; padding: 0; font: inherit; font-weight: var(--fw-bold); color: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 0.2em;}
.sc__open::before{content: ""; position: absolute; inset: 0;}
.sc__open:focus-visible{outline: none;}
.sc__card:has(.sc__open:focus-visible){outline: 3px solid var(--ink); outline-offset: 4px;}
.pbm{padding: 0; border: var(--bw) solid var(--ink); border-radius: var(--r-md); background: #fff; color: var(--ink); width: min(96vw, calc((92vh - 7rem) * 16 / 9)); max-width: none; max-height: 96vh; overflow: hidden;}
.pbm::backdrop{background: var(--ink-32);}
.pbm[open]{display: flex; flex-direction: column;}
.pbm__head{display: flex; align-items: center; justify-content: space-between; gap: var(--s3); padding: var(--s2) var(--s3); border-bottom: 1px solid var(--ink-12);}
.pbm__t{margin: 0; font-weight: var(--fw-bold);}
.pbm__head .pane__close{position: static; float: none; margin: 0; flex: none;}
.pbm .pbi{border: 0; border-radius: 0;}
.pbm .pbi__msg:not(:empty){padding: var(--s2) var(--s3);}
@media (max-width: 47.98rem){.pbm{width: 100vw; height: 100dvh; max-height: none; border: 0; border-radius: 0;}
.pbm .pbi{flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0;}
.pbm .pbi__stage,.pbm .pbi[data-state="live"] .pbi__stage{flex: 1 1 auto; aspect-ratio: auto; min-height: 0;}}
.steps--long .step > img{display: block; width: 100%; height: auto; margin-bottom: var(--s2); border: 1px solid var(--ink-12); border-radius: var(--r-sm);}
.sko-route--crates .sko-pin{border-radius: var(--r-sm); rotate: calc(var(--rotate) * -1);}
.sko-route--crates .sko-stop:nth-child(even) .sko-pin{rotate: var(--rotate);}
.sko-route--crates .sko-stop{display: flex; flex-direction: column;}
.stopcard{position: relative; flex: 1; background: #fff; border: var(--bw) solid var(--ink); border-radius: var(--r-md); padding: var(--s2);}
.stopcard h3{margin: 0 0 0.4rem;}
.stopcard p{margin: 0;}
.sko-stop.is-key .stopcard{border-color: var(--ink); box-shadow: var(--elevation-press);}
.keybadge{position: absolute; top: -0.8rem; right: var(--s2); padding: 0.25rem 0.6rem 0.2rem; background: var(--ink); color: var(--canvas); border-radius: var(--r-sm); font: 700 var(--t-label)/1 var(--font-body); letter-spacing: var(--ls-label); text-transform: uppercase;}
.sko-route--crates .sko-route__h{display: none;}
.sko-seg{display: none;}
@media (min-width: 900px){.sko-route--crates:not(.sko-route--stack) .sko-seg{display: block; position: absolute; z-index: 1; left: var(--pin); top: calc(var(--pin) / 2 - 0.75rem);
width: calc(100% + var(--s3) - var(--pin) - 3px); height: 1.5rem; pointer-events: none;}
.sko-seg svg{position: absolute; inset: 0 0.7rem 0 0; width: calc(100% - 0.7rem); height: 100%;}
.sko-seg::after{content: ""; position: absolute; right: 0; top: 50%; translate: 0 -50%; width: 0; height: 0; border: 0.45rem solid transparent; border-left: 0.8rem solid var(--ink); border-right: 0;}
.sko-stop:nth-child(even) .sko-seg svg{scale: 1 -1;}}
.sko-route .sko-seg path{stroke-dasharray: none;}
@media (prefers-reduced-motion: no-preference){.sko-go .sko-seg path{animation-name: sko-fade; animation-duration: 0.3s;}
.sko-go .sko-stop:nth-child(2) .sko-seg path{animation-delay: .2s;}
.sko-go .sko-stop:nth-child(3) .sko-seg path{animation-delay: .4s;}
.sko-go .sko-stop:nth-child(4) .sko-seg path{animation-delay: .6s;}
.sko-go .sko-stops:has(> :last-child:nth-child(4)) > :nth-child(2) .sko-seg path{animation-delay: .25s;}
.sko-go .sko-stops:has(> :last-child:nth-child(4)) > :nth-child(3) .sko-seg path{animation-delay: .5s;}}
.sko-route--crates .sko-stop .sko-pin{background: var(--yellow);}
.sko-route--crates .sko-stop:nth-child(even) .sko-pin{background: #fff;}
.sko-route--crates .sko-stop.is-key .sko-pin{background: var(--blue);}
.sko-stop h4{margin: 0 0 var(--s1); font-size: var(--t-lead);}
.stopcard h4{margin: 0 0 0.4rem;}
.stopcard .facts{margin-top: var(--s2);}
.sko-route--stack .sko-route__v{visibility: visible;}
.sko-route--stack .sko-route__h{visibility: hidden;}
.sko-route--stack .sko-stops{grid-template-columns: none; gap: var(--s4);}
.sko-route--stack .sko-stop{padding: 0 0 0 calc(var(--pin) + var(--s3));}
.sko-strip{display: flex; flex-wrap: nowrap; gap: var(--s2); list-style: none; margin: 0; padding: 0 4px var(--s1) 0; overflow-x: auto;
scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;}
.sko-strip::-webkit-scrollbar{display: none;}
:has(> .sko-strip){container-type: inline-size;}
.sko-strip{--n: 1;}
@container (min-width: 20.25rem) { .sko-strip { --n: 2; } }
@container (min-width: 29.25rem) { .sko-strip { --n: 3; } }
@container (min-width: 38.25rem) { .sko-strip { --n: 4; } }
@container (min-width: 47.25rem) { .sko-strip { --n: 5; } }
@container (min-width: 56.25rem) { .sko-strip { --n: 6; } }
@container (min-width: 65.25rem) { .sko-strip { --n: 7; } }
.sko-strip > .conn12__crate{flex: 0 0 calc((100% - var(--n) * var(--s2)) / (var(--n) + 0.25)); width: auto; min-width: 0; scroll-snap-align: start;}
.sko-strip.is-draggable{cursor: grab;}
.sko-strip.is-dragging{cursor: grabbing; user-select: none;}
.slides > .sko-strip + .slides__nav{inset: 0 4px var(--s1) 0;}
@media (max-width: 599.98px){.exhibit__pipe{flex-wrap: nowrap; justify-content: space-between; gap: 0 0.9rem; margin-left: 0; font-size: clamp(0.625rem, 2.9vw, 0.75rem);}
.exhibit__pipe li{padding: 0.15rem clamp(0.3rem, 1.6vw, 0.6rem); white-space: nowrap;}
.exhibit__pipe li + li::before{left: -0.8rem;}}
.strip8 .logos:has(> .logo-slot:only-child){justify-content: center;}
@media (max-width: 47.99rem){#row-dostanete.slider__row,#row-prvni-krok.slider__row,#row-dalsi.slider__row,#row-pravidla.slider__row,#row-role.slider__row{grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); grid-auto-columns: auto; overflow: visible;
scroll-snap-type: none; margin: var(--s3) 0 0; padding: 0; gap: var(--s2);}
.slider__nav:has(+ #row-dostanete),.slider__nav:has(+ #row-prvni-krok),.slider__nav:has(+ #row-dalsi),.slider__nav:has(+ #row-pravidla),.slider__nav:has(+ #row-role){display: none !important;}
.sfit{gap: var(--s2);}
.sfit .situ__card{padding: 0.875rem var(--s2);}
.sfit .situ__head{flex-wrap: nowrap; margin-bottom: var(--s1); padding-bottom: var(--s1);}
.sfit .situ__head .label{font-size: 0.6875rem; letter-spacing: 0.08em;}
.sfit .situ__pick{min-height: 44px; padding-inline: var(--s1);}
.sfit .situ__card h3{margin: 0 0 var(--s1); font-size: var(--t-body); line-height: 1.25;}
.sfit .situ__rows{gap: 0.25rem; margin-block: 0 var(--s1);}
.sfit .situ__rows li{padding: 0.3rem 0.6rem; font-size: 0.8125rem; line-height: 1.35;}
.sfit .situ__go{margin-top: 0; gap: 0.375rem;}
.sfit .situ__go .btn{min-height: 44px; padding-block: 0.4rem; font-size: 0.875rem;}}
@media (min-width: 90rem){.levels{container-type: inline-size;}
html.pane-open:not(.pane-over) .levels .offerband__row:not(:has(> :nth-child(3))){--band-shut: calc(100cqw + min(46rem, 50vw));
grid-auto-columns: min(calc((min(var(--wrap-wide), var(--band-shut)) - 2 * var(--gutter) - 17rem - var(--s5) - 2 * var(--s3)) / 3),
calc((100% - var(--s3)) / 2));}}
.pane__to{position: sticky; top: 0; float: right; z-index: 1; min-height: 44px; margin: 0 0 var(--s1) var(--s1);}
.pane__bar{position: sticky; top: 0; float: right; z-index: 1; display: flex; gap: var(--s2); margin: 0 0 var(--s1) var(--s1);}
.pane__bar > .pane__to,.pane__bar > .pane__close{position: static; float: none; margin: 0;}
.btn--ghost.pane__to{background: var(--canvas);}
@media (min-width: 900px){.phero__art:has(> img[width="256"]){width: min(100%, 16rem); justify-self: center;}}
.phero__art.shake{width: min(100%, 32rem); justify-self: center; container-type: inline-size;}
.shake__in{position: relative; display: block; aspect-ratio: 520 / 200; --u: calc(100cqw / 520);}
.shake__scene,.shake__who{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;}
.shake__hand{position: absolute; top: calc(var(--u) * 130.5); width: calc(var(--u) * 36); height: calc(var(--u) * 36);}
.shake__hand svg{display: block; width: 100%; height: 100%; overflow: visible;}
.shake__hand--a{left: calc(var(--u) * 234.5); z-index: 1;}
.shake__hand--b{left: calc(var(--u) * 258.5);}
:is(.shake, .demo, .crowd) :is(.sc-k, .sc-sh){fill: var(--ink);}
:is(.shake, .demo, .crowd) :is(.sc-b, .sc-y, .sc-w){stroke: var(--ink); stroke-width: 3; stroke-linejoin: round;}
:is(.shake, .demo, .crowd) .sc-b{fill: var(--blue);}
:is(.shake, .demo, .crowd) .sc-y{fill: var(--yellow);}
:is(.shake, .demo, .crowd) .sc-w{fill: #fff;}
:is(.shake, .demo, .crowd) .sc-l{fill: none; stroke: var(--ink); stroke-linecap: round; stroke-linejoin: round;}
.shake__bulb{position: absolute; left: calc(var(--u) * 220); top: calc(var(--u) * 0); width: calc(var(--u) * 80); height: calc(var(--u) * 80); transform-origin: 50% 80%;}
.shake__bulb svg{display: block; width: 100%; height: 100%; overflow: visible;}
.shake.is-armed .shake__hand--a{transform: translate(calc(var(--u) * -60), calc(var(--u) * 26));}
.shake.is-armed .shake__hand--b{transform: translate(calc(var(--u) * 60), calc(var(--u) * 26));}
.shake.is-armed .shake__bulb{opacity: 0; transform: scale(.6);}
.shake.is-armed .shake__who--a{transform: translateX(calc(var(--u) * -45));}
.shake.is-armed .shake__who--b{transform: translateX(calc(var(--u) * 45));}
@media (prefers-reduced-motion: no-preference){.shake.is-go .shake__hand--a{animation: shake-a 2.4s var(--ease) both;}
.shake.is-go .shake__hand--b{animation: shake-b 2.4s var(--ease) both;}
.shake.is-go .shake__bulb{animation: shake-bulb 2.4s var(--ease) both;}
.shake.is-go .shake__who--a{animation: shake-who-a 2.4s var(--ease) both;}
.shake.is-go .shake__who--b{animation: shake-who-b 2.4s var(--ease) both;}}
@keyframes shake-a {
0%, 8% { transform: translate(calc(var(--u) * -60), calc(var(--u) * 26)); }
32% { transform: translate(0, 0); }
42% { transform: translate(0, calc(var(--u) * -14)); }
52% { transform: translate(0, calc(var(--u) * 11)); }
62% { transform: translate(0, calc(var(--u) * -14)); }
72% { transform: translate(0, calc(var(--u) * 11)); }
82%, 100% { transform: translate(0, 0); }
}
@keyframes shake-b {
0%, 8% { transform: translate(calc(var(--u) * 60), calc(var(--u) * 26)); }
32% { transform: translate(0, 0); }
42% { transform: translate(0, calc(var(--u) * -14)); }
52% { transform: translate(0, calc(var(--u) * 11)); }
62% { transform: translate(0, calc(var(--u) * -14)); }
72% { transform: translate(0, calc(var(--u) * 11)); }
82%, 100% { transform: translate(0, 0); }
}
@keyframes shake-who-a { 0%, 8% { transform: translateX(calc(var(--u) * -45)); } 32%, 100% { transform: translateX(0); } }
@keyframes shake-who-b { 0%, 8% { transform: translateX(calc(var(--u) * 45)); } 32%, 100% { transform: translateX(0); } }
@keyframes shake-bulb {
0%, 74% { opacity: 0; transform: scale(.6); }
88% { opacity: 1; transform: scale(1.08); }
100% { opacity: 1; transform: scale(1); }
}
@media (max-width: 899.98px){.phero__art.shake{width: 100%; max-width: 26rem; margin-inline: 0;}}
@media (max-width: 599.98px){.phero:has(.shake){padding-top: var(--s2);}
.phero:has(.shake) .phero__in{gap: var(--s2);}
.phero:has(.shake) .hero__cta{margin-bottom: 0;}
.phero__art.shake{max-width: 18rem;}}
.phero__art.demo{width: min(100%, 32rem); justify-self: center; container-type: inline-size;}
.demo__in{position: relative; display: block; aspect-ratio: 520 / 200; --u: calc(100cqw / 520);}
.demo__bar{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;}
.demo__bar{transform-origin: 44% 89%;}
.demo.is-armed .demo__bar{transform: scaleY(0);}
@media (prefers-reduced-motion: no-preference){.demo.is-go .demo__bar{animation: demo-bar .5s var(--ease) both;}
.demo.is-go .demo__bar--1{animation-delay: .9s;}
.demo.is-go .demo__bar--2{animation-delay: 1.1s;}
.demo.is-go .demo__bar--3{animation-delay: 1.3s;}
.demo.is-go .demo__bar--4{animation-delay: 1.5s;}
.demo.is-go .demo__bar--5{animation: demo-hi .8s var(--ease) 1.75s both;}}
@keyframes demo-card { 0%, 4% { opacity: 0; transform: scale(.7); } 22%, 100% { opacity: 1; transform: none; } }
@keyframes demo-bar { 0% { transform: scaleY(0); } 100% { transform: scaleY(1); } }
@keyframes demo-hi { 0% { transform: scaleY(0); } 70% { transform: scaleY(1.1); } 100% { transform: scaleY(1); } }
@keyframes demo-phone { 0%, 56% { opacity: 0; transform: translateY(calc(var(--u) * 24)); } 76%, 100% { opacity: 1; transform: none; } }
@media (max-width: 899.98px){.phero__art.demo{width: 100%; max-width: 26rem; margin-inline: 0;}}
@media (max-width: 47.98rem){.phero:has(.demo){padding-top: var(--s2);}
.phero:has(.demo) .phero__in{gap: var(--s2);}
.phero__art.demo{max-width: 18rem;}}
.phero__art.crowd{width: min(100%, 30rem); justify-self: center;}
.crowd svg{display: block; width: 100%; height: auto; overflow: visible;}
@media (max-width: 899.98px){.phero__art.crowd{width: 100%; max-width: 24rem; margin-inline: 0;}}
@media (max-width: 599.98px){.phero__art.crowd{max-width: 15rem;}}
.guide__body .stage-art--icon{position: relative; aspect-ratio: auto; width: min(100%, 28rem); height: 13rem; margin: var(--s2) auto var(--s3); display: flex; justify-content: center; align-items: flex-end;}
.guide__body .stage-art--icon img{width: auto; height: 100%; object-fit: contain;}
.stage-art__noise{position: absolute; z-index: 1; font-family: var(--font-head); font-weight: 700; line-height: 1.2; color: var(--ink); background: #fff; border: 2px solid var(--ink); border-radius: var(--r-sm); padding: 1px 6px; box-shadow: var(--shadow-sm); white-space: nowrap; pointer-events: none; user-select: none;}
@keyframes h4-draw { to { stroke-dashoffset: 0; } }
@keyframes h4-fade { to { opacity: 1; } }
@keyframes h4-card { to { opacity: 1; transform: translateY(0) rotate(calc(var(--rotate) * -0.5)); } }
.is-wide{--hg: clamp(1rem, 0.2rem + 3.2vw, 6rem);}
.hero7{position: relative; overflow: hidden; padding: 0 0 var(--s5); display: flex; flex-direction: column;}
.hero7__in{display: contents;}
.hero7__text{order: 1; padding: clamp(1.25rem, var(--s1) + 3vh, 3.5rem) var(--hg) 0;}
.hero7__heap{order: 2;}
.hero7__lead{order: 3; padding-inline: var(--hg);}
.hero7__h{margin: 0.25em 0 0; max-width: 6.2em;
font-family: var(--font-head); font-weight: var(--fw-bold);
font-size: clamp(3rem, 0.4rem + 13vw, 7.6rem);
line-height: 0.88; letter-spacing: -0.055em; text-transform: none; color: var(--ink);}
.hero7__h mark{display: inline-block; background: var(--yellow); color: var(--ink);
padding: 0 0.08em 0.02em; margin-left: -0.04em;
border: var(--bw) solid var(--ink); border-radius: var(--r-sm);
box-shadow: 0.06em 0.06em 0 var(--ink); transform: rotate(var(--rotate));}
.hero7__sub{max-width: 30ch; margin: 0; font: 700 clamp(1.05rem, 0.75rem + 0.75vw, 2.1rem)/1.3 var(--font-body); letter-spacing: -0.015em; color: var(--ink-78);}
.hero7__cta{display: flex; flex-wrap: wrap; gap: var(--s2); margin-top: clamp(var(--s3), var(--s1) + 2vw, var(--s5));}
.hero7__heap{position: relative; container-type: inline-size;
width: calc(100% - 2 * var(--hg)); max-width: 34rem; margin: var(--s3) auto var(--s4);
aspect-ratio: 1 / 0.8;}
.hero7__crate{position: absolute; left: calc(var(--x) * 1cqw); bottom: calc(var(--b) * 1cqw + 4cqw);
width: 24.5cqw; height: 18cqw;
display: flex; flex-direction: column;
background: #fff; border: var(--bw) solid var(--ink); border-radius: var(--r-sm);
box-shadow: 0.9cqw 0.9cqw 0 var(--ink);
transform: rotate(calc(var(--r) * 1deg)); transform-origin: 50% 100%;}
.hero7__sys{padding: 1cqw 1.6cqw 0.8cqw; border-bottom: 2px solid var(--ink);
font: 700 max(0.56rem, 2.1cqw)/1.3 var(--font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-72);
white-space: nowrap;}
.hero7__num{margin: auto 1.6cqw 1.2cqw; font: 700 8cqw/0.9 var(--font-head); letter-spacing: -0.05em; color: var(--ink);}
.hero7__crate{animation: h7-drop .95s backwards; animation-delay: calc(60ms + var(--i) * 170ms);}
@keyframes h7-drop {
0%   { transform: translateY(-90vh) rotate(calc(var(--r) * 4deg)); animation-timing-function: cubic-bezier(.5, 0, 1, .6); }
68%  { transform: translateY(0) rotate(calc(var(--r) * 1deg)) scale(1, 1); animation-timing-function: ease-out; }
78%  { transform: translateY(0) rotate(calc(var(--r) * 1deg)) scale(1.06, .88); animation-timing-function: ease-out; }
90%  { transform: translateY(-1.4cqw) rotate(calc(var(--r) * 1deg)) scale(.98, 1.03); animation-timing-function: ease-in; }
100% { transform: translateY(0) rotate(calc(var(--r) * 1deg)) scale(1, 1); }
}
@media (prefers-reduced-motion: reduce){.hero7__crate{animation: none;}}
@media (min-width: 62rem) and (min-aspect-ratio: 5 / 4){.hero7{display: block; min-height: calc(100svh - 4.25rem); padding: 0;}
.hero7__in{display: flex; flex-direction: column; justify-content: space-between;
min-height: calc(100svh - 4.25rem); position: relative; z-index: 2; pointer-events: none;
padding: clamp(1.25rem, var(--s1) + 3vh, 3.5rem) var(--hg) clamp(var(--s3), var(--s1) + 4vh, 4.5rem);}
.hero7__in > *{pointer-events: auto;}
.hero7__text,.hero7__lead{padding: 0;}
.hero7__h{font-size: min(10.4vw, 15svh); margin-bottom: 0.25em;}
.hero7__heap{position: absolute; z-index: 1; margin: 0;
right: var(--hg); bottom: clamp(1.5rem, 0.5rem + 4vh, 4.5rem);
width: min(44vw, (100svh - 4.25rem - 14vh) * 1.25); max-width: none;}}
.is-wide{--heapw: calc(100% - 2 * var(--hg));}
.hero8 .hero7__lead{order: 2;}
.hero8 .hero7__heap{order: 3; margin-bottom: 0;}
.hero8{padding-bottom: 0;}
.hero8__crates{position: absolute; inset: 0 0 4cqw 0; clip-path: inset(-400vh -100vw 0 -100vw);}
.hero8__crates .hero7__crate{bottom: calc(var(--b) * 1cqw);}
.hero8.is-open .hero7__crate{animation: h8-fall .9s cubic-bezier(.5, 0, 1, .6) forwards; animation-delay: calc(350ms + var(--b) * 6ms);}
@keyframes h8-fall {
from { transform: rotate(calc(var(--r) * 1deg)); }
to   { transform: translateY(calc(var(--b) * 1cqw + 40cqw)) rotate(calc(var(--r) * 2.5deg)); }
}
.fix8{position: relative; padding: 0 0 var(--s6);}
.fix8__scene{order: 1; position: relative; aspect-ratio: 770 / 690; margin-top: var(--funnel-h, var(--s7));}
.fix8__scene iframe{position: absolute; inset: 0; width: 100%; height: 100%; border: 0;}
.fix8__card{transition: transform .35s var(--ease), box-shadow .35s var(--ease);}
.fix8__card.is-lit{transform: translate(-3px, -3px) rotate(var(--rotate)); box-shadow: 7px 7px 0 var(--blue);}
@media (min-width: 62rem) and (min-aspect-ratio: 5 / 4){.is-wide{--heapw: min(44vw, (100svh - 4.25rem - 14vh) * 1.25);}
.hero8 .hero7__heap{width: var(--heapw); bottom: 0;}
.fix8__scene{grid-column: 2; grid-row: 1; margin-top: var(--funnel-h, 12rem);}}
.strip8{padding-block: var(--s5); border-block: var(--bw) solid var(--ink); background: #fff;}
.strip8__in{display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3) var(--s5); padding-inline: var(--hg);}
.strip8__in > .label{flex: 0 0 auto;}
.strip8 .logos{flex: 1 1 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--s3); margin: 0; padding: 0; list-style: none;}
@media (prefers-reduced-motion: reduce){.fix8__card{transition: none;}}
.fix8__scene{aspect-ratio: 880 / 690; margin-top: 0;}
@media (min-width: 62rem) and (min-aspect-ratio: 5 / 4){.fix8__scene{aspect-ratio: 1352 / 690; align-self: end;}}
@media (max-width: 61.99rem), (max-aspect-ratio: 124 / 100){.hero8 .hero7__cta .btn--ghost{display: none;}
.hero8 .hero7__lead{margin-bottom: var(--s2);}
.hero8 .hero7__cta{margin-top: var(--s3);}
.hero8 .hero7__crate--extra{display: none;}
.hero8 .hero7__heap{aspect-ratio: 1 / 0.44; max-width: 26rem; margin-top: 0;}
.hero8__crates{clip-path: inset(0 -100vw 0 -100vw);}}
.fall9{position: absolute; left: 0; top: 0; width: 100%; height: 0; overflow: visible; z-index: 5; pointer-events: none;}
.fall9__heap{position: absolute; container-type: inline-size;}
.fall9__crates{position: absolute; inset: 0 0 4cqw 0;}
.fall9__crates .hero7__crate{bottom: calc(var(--b) * 1cqw); will-change: transform;}
.strip8 .logo-slot:not(.logo-slot--empty){border: 0; box-shadow: none; background: none;}
.logo-slot__img{display: block; height: 2.2rem; width: auto; margin-bottom: 0.4rem;}
.logo-slot__img[src*="csob.svg"]{height: 3.2rem;}
.fix8__card{padding: var(--s3) var(--s3) var(--s2);}
.fix8__card h3{margin: 0 0 0.3em;}
.fix8__card p{margin: 0;}
.fix8__card .who{display: flex; flex-wrap: wrap; gap: 0 0.6em; align-items: baseline; margin-top: var(--s2); padding-top: var(--s1);}
.fix8__card .who .label{margin: 0;}
.fix8__card{transform: none;
padding: var(--s3);
box-shadow: var(--shadow);}
.fix8__card > *{transform: none;}
.fix8__card .todo{text-decoration: none; border-bottom: 0; background: none;}
.fix8__card h3{margin: 0 0 0.35em;
font: 700 clamp(1.25rem, 1rem + 0.9vw, 1.9rem)/1.15 var(--font-head);
letter-spacing: -0.02em; color: var(--ink);}
.fix8__card p{margin: 0; font-size: clamp(1rem, 0.95rem + 0.25vw, 1.15rem); line-height: 1.5; color: var(--ink-78);}
.fix8__card .who{margin-top: var(--s2); padding-top: var(--s1); border-top: 1px solid var(--ink-12); font-size: var(--t-small);}
.fix8__card.is-lit{transform: translate(-3px, -3px); box-shadow: 7px 7px 0 var(--blue);}
.fix8__scene{aspect-ratio: 530 / 640;}
@media (min-width: 62rem) and (min-aspect-ratio: 5 / 4){.fix8__scene{aspect-ratio: 770 / 690;}}
@media (max-width: 61.99rem), (max-aspect-ratio: 124 / 100){.hero8 .hero7__crate--extra{display: flex;}
.hero8 .hero7__heap{aspect-ratio: 1 / 0.8; max-width: min(19rem, 78vw); margin-inline: auto;}
.hero8 .hero7__h{font-size: clamp(2.6rem, 0.4rem + 11.5vw, 7.6rem);}}
@media (min-width: 48rem) and (max-aspect-ratio: 124 / 100){.hero8 .hero7__h{font-size: min(12.5vw, 11svh); max-width: 11ch;}
.hero8 .hero7__sub{font-size: clamp(1.25rem, 0.6rem + 1.6vw, 2rem); max-width: 34ch;}
.hero8 .hero7__heap{max-width: min(44rem, 100vw - 2 * var(--hg), (100svh - 42rem) * 1.25);}
.hero8 .hero7__cta .btn--ghost{display: inline-flex;}
.fix8__scene{max-width: 44rem; margin-inline: auto;}}
@media (max-height: 780px) and (max-aspect-ratio: 124 / 100){.hero8 .hero7__h{font-size: min(11vw, 15.5svh);}
.hero8 .hero7__sub{font-size: 1rem;}
.hero8 .hero7__cta{margin-top: var(--s2);}
.hero8 .hero7__heap{max-width: min(16rem, 68vw);}
.hero8 .hero7__text{padding-top: var(--s2);}}
@media (max-width: 619.98px), (max-height: 34rem) and (min-aspect-ratio: 5 / 4) and (max-width: 999.98px){.hero12.hero8 .hero7__crate:not([data-phone]){display: none;}
.hero12.hero8 .hero7__heap{--k: 1.2; aspect-ratio: 1 / 0.74; overflow-x: clip;}
.hero12.hero8 .hero8__crates{container-type: inline-size; left: 50%; right: auto; width: calc(var(--k) * 100%); margin-left: calc(var(--k) * -50%);}
.hero12.hero8 .hero8__crates .hero7__crate{left: calc(var(--px) * 1cqw);
bottom: calc(var(--pb) * 1cqw - 12.25cqw * max(sin(var(--r) * 1deg), sin(var(--r) * -1deg)));
animation-delay: calc(60ms + var(--pi) * 170ms);}
.hero12.hero8 .hero7__crate .sp{animation-delay: calc(60ms + var(--pi) * 170ms);}
.hero12.hero8 .hero12__q{animation-delay: 1.9s;}}
@media (max-width: 619.98px){.hero12.hero8 .hero7__heap{width: calc(100% - 2 * var(--hg)); max-width: 24rem;}}
.hero12__block{position: absolute; bottom: 0; left: -1.5cqw; right: -1.5cqw; height: 4cqw;
background: var(--blue); border: var(--bw) solid var(--ink);
border-radius: 4px 8px 6px 8px;}
.hero12__block::before,.hero12__block::after{content: ""; position: absolute; top: 50%; width: 1.6cqw; height: 1.6cqw; margin-top: -0.8cqw;
border-radius: 50%; background: var(--canvas); border: 2px solid var(--ink);}
.hero12__q{margin: var(--s3) 0 0; text-align: center;
font: 700 clamp(1.1rem, 0.6rem + 1.1vw, 2rem)/1.2 var(--font-head);
letter-spacing: -0.02em; color: var(--ink);
animation: hero12-q .45s var(--ease) 2.6s backwards;}
@keyframes hero12-q {
from { opacity: 0; transform: translateY(0.5rem); }
to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce){.hero12__q{animation: none;}}
@media (min-width: 62rem) and (min-aspect-ratio: 5 / 4){.hero12__q{position: absolute; z-index: 2; margin: 0; text-align: right;
right: var(--hg); bottom: calc(0.8 * var(--heapw) + 1.25rem);
max-width: var(--heapw);}}
.hero12__block::before{left: 0.8cqw;}
.hero12__block::after{right: 0.8cqw;}
.hero8 .hero12__q{order: 3;}
.hero8 .hero7__heap{order: 4;}
.hero12__block{bottom: 0;}
.probl12{border-top: var(--bw) solid var(--ink);}
.hero8 + .probl12{border-top: 0;}
.probl12{background: #fff; padding-block: var(--s5) var(--s6);}
.probl12 h2{margin-bottom: var(--s2);}
.probl12__list{margin-top: var(--s4); align-items: stretch;}
.probl12__card{display: flex; flex-direction: column;}
.probl12__card h3{font: var(--fw-title) var(--t-h3)/1.15 var(--font-head);
letter-spacing: var(--ls-h2); margin-bottom: var(--s2);}
.probl12__list{grid-auto-rows: auto;}
.probl12__card{display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 0; align-content: start;}
.probl12__card > .who{align-self: end;}
.offer12{padding-block: var(--s6); border-top: var(--bw) solid var(--ink);}
.offer12__in{padding-inline: var(--hg); display: grid; gap: var(--s3);}
.offer12__in > .slider__nav:not([hidden]){margin-bottom: calc(var(--s1) - var(--s3));}
.offer12--solo .offer12__in{max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter);}
.offer12__head{min-width: 0;}
.offer12__head h2{margin-bottom: 0;}
.offer12__grid{margin-top: var(--s3); align-content: start;}
.offer12__card{display: flex; flex-direction: column;}
.ico12{width: 48px; height: 48px; object-fit: contain; margin-bottom: var(--s1);}
.ico12--kit{width: 64px; height: 64px; margin: -0.35rem 0 0 -0.35rem;}
.offer12__card .who{margin-top: auto;}
.offer12__go{color: inherit; text-decoration: none;}
.offer12__go::after{content: ""; position: absolute; inset: 0; border-radius: inherit;}
.offer12__go:focus-visible{outline: none;}
.offer12__go:focus-visible::after{outline: 3px solid var(--blue-text); outline-offset: 4px;}
.offer12__card .who a{position: relative; z-index: 2;}
.offer12__scene{position: relative; aspect-ratio: 770 / 690;}
.offer12__scene iframe{position: absolute; inset: 0; width: 100%; height: 100%; border: 0;}
@media (min-width: 62rem) and (min-aspect-ratio: 5 / 4){.offer12{height: calc(100svh - 4.25rem); padding-block: 0; overflow: clip;}
.offer12__in{height: 100%; padding-block: clamp(var(--s2), 2.5vh, 2.5rem);
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: clamp(var(--s4), 4vw, var(--s7)); row-gap: clamp(0.8rem, 2vh, var(--s4));
align-content: center; align-items: stretch;}
.offer12__head{grid-column: 1; grid-row: 1; align-self: end;}
.offer12__grid{grid-column: 1; grid-row: 2;}
.offer12__scene{grid-column: 2; grid-row: 2;}
.offer12 h2{margin: 0; font-size: clamp(1.6rem, 1rem + 1.6vh, 2.75rem);}
.offer12__grid{margin-top: 0; gap: clamp(0.6rem, 1.4vh, var(--s3)); min-height: 0;}
.offer12__card{padding: clamp(0.7rem, 1.6vh, var(--s3)) clamp(0.9rem, 1.2vw, var(--s3));}
.offer12__card h3{font-size: clamp(1.05rem, 0.5rem + 1.1vh + 0.35vw, 1.8rem); margin-bottom: 0.3rem;}
.offer12__card p{font-size: clamp(0.9375rem, 0.5rem + 0.72vh, 1.15rem); line-height: 1.45;}
.offer12__card .who{margin-top: clamp(0.3rem, 0.8vh, var(--s2)); padding-top: 0.4rem; font-size: clamp(0.72rem, 0.52rem + 0.4vh, 0.95rem);}
.offer12__scene{align-self: start; width: 100%; max-height: calc(100svh - 16rem);}}
@media (min-width: 62rem) and (min-aspect-ratio: 5 / 4) and (max-width: 99.99rem){.offer12__scene{aspect-ratio: 450 / 745; width: auto; height: calc(100svh - 16rem);
max-height: calc(100svh - 16rem); justify-self: center;}}
@media (min-width: 100rem) and (min-aspect-ratio: 5 / 4){.offer12__scene{align-self: stretch; contain: size; width: 100%; max-height: none; aspect-ratio: auto;}
.offer12__scene iframe{inset: 0 0 auto auto; height: 100%; width: auto; aspect-ratio: 770 / 641; max-width: 100%;}}
.hook12{padding-block: var(--s6); border-top: var(--bw) solid var(--ink);}
.hook12 h2{margin-bottom: var(--s2);}
.hook12__lead{margin: 0 0 var(--s4); max-width: 60ch; font-size: var(--t-lead);}
.hook12__grid{align-items: stretch;}
.hook12__grid{grid-auto-rows: auto; row-gap: var(--s4);}
.hook12__go::after{content: ""; position: absolute; inset: 0; border-radius: inherit;}
.hook12__go:focus-visible{outline: none;}
.hook12__go:focus-visible::after{outline: 3px solid var(--blue-text); outline-offset: 4px;}
.hook12__after{margin: var(--s4) 0 0; max-width: 62ch;}
@media (max-width: 48rem){.offer12__grid.slider__row{grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); overflow: visible; margin: var(--s3) 0 0; padding: 0; scroll-snap-type: none;}
.offer12 .slider__nav{display: none !important;}}
.strip8__in > .slides{flex: 1 1 100%; min-width: 0;}
.strip8 .slides > .slides__nav{bottom: calc(var(--s2) - var(--s1));}
.offer12__card .who a,.probl12__card .who a{display: inline-block; padding-block: .8rem; margin-block: -.8rem;}
.hook12__next{display: grid; gap: var(--s2); margin-top: var(--s4);}
@media (min-width: 48rem){.hook12__next{grid-template-columns: repeat(2, minmax(0, 1fr));}}
.hook12__link{display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: var(--s2); padding: 0.75rem var(--s2); color: var(--ink);}
.hook12__link .label{grid-column: 1; margin: 0 0 .2rem; color: var(--blue-text);}
.hook12__link-t{grid-column: 1; font: 700 var(--t-body)/1.3 var(--font-head); letter-spacing: -0.01em;}
.hook12__arrow{grid-column: 2; grid-row: 1 / span 2; display: grid; place-items: center; width: 2rem; height: 2rem;
border-radius: 50%; background: var(--ink); color: #fff; font: 700 0.95rem/1 var(--font-head); transition: translate 160ms var(--ease);}
.hook12__link:hover .hook12__arrow{translate: 3px 0;}
.hook12__link:focus-visible{outline: 3px solid var(--blue-text); outline-offset: 3px;}
.logo-slot.is-hidden{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;}
.probl12 + .strip8{padding-top: 3.75rem;}
.strip8__in{justify-content: center;}
.strip8 .logos{container-type: inline-size; flex: 1 1 100%; justify-content: center;
align-items: center; gap: var(--s4) var(--s5);}
.strip8 .logo-slot{min-height: 0; padding: 0; place-items: center;}
.strip8 .logo-slot__img{--h: 33.4; --vc: 0.012; margin: 0;
--size: calc(var(--h) * 1px);
height: var(--size); transform: translateY(calc(var(--size) * var(--vc)));}
.strip8 .logo-slot__img[src*="csob.svg"]{--h: 64.3; --vc: -0.093;}
.strip8 .logo-slot__img[src*="bosch.svg"]{--h: 38.2; --vc: 0.002;}
.strip8 .logo-slot__img[src*="scott-automation.svg"]{--h: 37.1; --vc: -0.184;}
.strip8 .logo-slot__img[src*="magna.svg"]{--h: 32.9; --vc: -0.151;}
.strip8 .logo-slot{position: relative;}
.strip8 .logo-slot.is-hidden{position: absolute;}
.strip8 .logo-slot::before{content: none; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; height: 2.4rem;
background: var(--ink); opacity: 0.22;}
@media (min-width: 80rem) and (min-aspect-ratio: 125 / 100){.strip8 .logos{--lg: clamp(3rem, 5vw, 7rem); flex-wrap: nowrap; column-gap: var(--lg);}
.strip8 .logo-slot + .logo-slot::before{content: ""; left: calc(var(--lg) / -2);}
.strip8 > .strip8__in{max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter);}
.strip8 .logos{column-gap: max(var(--s5), calc((100% - 774.6px) / 4)); justify-content: space-between;}
.strip8 .logo-slot + .logo-slot::before{left: calc(max(3rem, (100cqi - 774.6px) / 4) / -2);}}
.probl12:has(.probl12__into){padding-bottom: var(--s3);}
.conn12{padding-block: var(--s6); border-top: var(--bw) solid var(--ink);}
.conn12 h2{margin-bottom: var(--s2);}
.conn12__tabs{display: none; flex-wrap: wrap; gap: var(--s2); margin-top: var(--s3);}
.conn12.is-js .conn12__tabs{display: flex;}
.conn12__tab{min-height: 44px; padding: 0.55em 1.1em;
border: var(--bw) solid var(--ink); border-radius: var(--r-sm);
background: #fff; color: var(--ink); cursor: pointer;
font: 700 var(--t-small)/1 var(--font-body);
box-shadow: var(--elevation-press-sm);
transition: background 140ms var(--ease);}
.conn12__tab:hover{background: var(--blue-10);}
.conn12__belt{margin-top: var(--s4);}
.conn12__set{list-style: none; margin: 0 auto; padding: 0 var(--gutter);
max-width: var(--wrap); box-sizing: border-box;
display: flex; flex-wrap: wrap; justify-content: flex-start; gap: var(--s3);}
.conn12.is-js .conn12__src{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;}
.conn12.is-js .conn12__plain{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;}
.conn12__plain{margin: var(--s4) auto 0; max-width: var(--wrap); padding-inline: var(--hg);
font-size: var(--t-small); color: var(--ink-72);}
.conn12__crate--in{opacity: 0; transform: translateY(0.5rem);}
.conn12.is-js .conn12__crate{transition: opacity 200ms var(--ease), transform 200ms var(--ease);}
@media (prefers-reduced-motion: reduce){.conn12.is-js .conn12__crate{transition: none;}
.conn12__crate--in{opacity: 1; transform: none;}}
@media (max-width: 61.99rem), (max-aspect-ratio: 124 / 100){.offer12__scene{aspect-ratio: 450 / 745; width: 100%; max-width: 27rem; justify-self: center;}
.offer12__scene{margin-top: var(--s5);}
.conn12__name{font-size: 0.6875rem; letter-spacing: 0.04em; overflow-wrap: anywhere;}
.hero8 .hero7__h{margin-bottom: 0.3em;}
.offer12__card{padding: var(--s2);}
.offer12__card h3{font-size: 1.15rem; margin-bottom: 0.2rem;}
.offer12__card p{font-size: 0.95rem; line-height: 1.45;}
.offer12__card .who{margin-top: var(--s1); padding-top: 0.4rem; font-size: 0.78rem;}
.offer12__card .ico12{width: 40px; height: 40px; margin-bottom: 0.2rem;}
.offer12__grid{gap: var(--s2); margin-top: var(--s3);}}
@media (max-height: 34rem) and (min-aspect-ratio: 5 / 4){.hero8{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-rows: auto 1fr; column-gap: var(--s4);
min-height: calc(100svh - 4.25rem); padding: var(--s2) var(--hg) 0;}
.hero8 .hero7__text{grid-column: 1; grid-row: 1; padding: 0;}
.hero8 .hero7__lead{grid-column: 1; grid-row: 2; padding: 0; align-self: end; margin-bottom: var(--s3);}
.hero8 .hero7__heap{grid-column: 2; grid-row: 1 / span 2; width: 100%; max-width: none; margin: 0; align-self: end; aspect-ratio: 1 / 0.72;}
.hero8 .hero7__h{font-size: min(5.6vw, 21svh); margin-bottom: 0.2em; max-width: 12ch;}
.hero8 .hero7__sub{font-size: 0.95rem; max-width: 36ch;}
.hero8 .hero7__cta{margin-top: var(--s2);}
.hero8 .hero7__cta .btn--ghost{display: none;}
.offer12__scene{aspect-ratio: 450 / 745; width: 100%; max-width: 19rem; justify-self: center;}}
@media (min-width: 140rem) and (min-aspect-ratio: 5 / 4){:root{--wrap: 1560px;}
.hero8 .hero7__sub{font-size: clamp(2rem, 1.15vw, 3rem); max-width: 26ch;}
.hero8 .hero7__cta .btn{font-size: clamp(1.1rem, 0.65vw, 1.7rem); padding: 0.85em 1.4em;}
.probl12 h2,.offer12 h2,.contact h2{font-size: clamp(2.75rem, 2vw, 4rem);}
.probl12 p,.offer12 p:not(.offer12__answer),.contact p{font-size: clamp(1.1rem, 0.6vw, 1.5rem);}
.card h3{font-size: clamp(1.3rem, 0.85vw, 2rem);}
.probl12 .who,.offer12 .who{font-size: clamp(0.95rem, 0.45vw, 1.2rem);}}
.hero8__crates .hero7__crate{bottom: calc(var(--b) * 1cqw - 12.25cqw * max(sin(var(--r) * 1deg), sin(var(--r) * -1deg)));}
@media (prefers-reduced-motion: no-preference){.strip8 .logos,.conn12__set{scroll-behavior: smooth;}}
.hero7__sys{font-size: max(0.6875rem, 2.1cqw);}
@media (max-width: 48rem){.hero7__sys{letter-spacing: 0.05em; padding-inline: 1.2cqw;}}
.conn12 .slides{max-width: var(--wrap); margin-inline: auto;}
.conn12 .slides > .slides__nav{inset: 0 calc(var(--gutter) + 4px) var(--s1) var(--gutter);}
.conn12__set.is-draggable{margin-right: 4px;}
.conn12__belt{padding-inline: var(--gutter);}
.conn12__set{flex-wrap: nowrap; gap: var(--s2); overflow-x: auto; scroll-snap-type: x mandatory;
padding: 0 4px var(--s1) 0; max-width: none;
scrollbar-width: none; overscroll-behavior-x: contain;}
.conn12__set::-webkit-scrollbar{display: none;}
.conn12__crate{width: auto; min-width: 0; scroll-snap-align: start; flex: 0 0 calc((100% - 6 * var(--s2)) / 7.25);}
@media (max-width: 74.99rem){.conn12__crate{flex-basis: calc((100% - 5 * var(--s2)) / 6.25);}}
@media (max-width: 63.99rem){.conn12__crate{flex-basis: calc((100% - 4 * var(--s2)) / 5.25);}}
@media (hover: hover) and (pointer: fine){.strip8 .logos.is-draggable,.conn12__set.is-draggable{cursor: grab;}
.strip8 .logos.is-dragging,.conn12__set.is-dragging{cursor: grabbing; user-select: none;}}
@media (max-width: 48rem){.strip8 .logos{display: flex; flex-wrap: nowrap; gap: 0; overflow-x: auto; justify-content: flex-start;
scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;}
.strip8 .logos::-webkit-scrollbar{display: none;}
.strip8 .logo-slot{flex: 0 0 calc(100% / 2.25); scroll-snap-align: start; padding-block: var(--s1) var(--s2); justify-content: center;}
.strip8 .logo-slot.is-hidden{padding: 0;}
.strip8 .logo-slot__img{--size: min(calc(var(--h) * 1px), calc((44.44cqi - 12px) * var(--h) / 200));}
.strip8 .logo-slot + .logo-slot::before{content: ""; left: 0;}
.conn12__crate{flex-basis: calc((100% - 3 * var(--s2)) / 3.25);}
@media (max-width: 30rem){.conn12__crate{flex-basis: calc((100% - 2 * var(--s2)) / 2.25);}}
.conn12__belt{container-type: inline-size;}
@container (max-width: 16rem) { .conn12__crate { flex-basis: calc((100% - var(--s2)) / 1.25); } }}
@media (min-width: 48.01rem) and (max-width: 74.99rem){.strip8 .logos{display: flex; flex-wrap: nowrap; gap: 0; overflow-x: auto; justify-content: flex-start;
scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;}
.strip8 .logos::-webkit-scrollbar{display: none;}
.strip8 .logo-slot{flex: 0 0 calc(100% / 3.25); scroll-snap-align: start; padding-block: var(--s1) var(--s2); justify-content: center;}
.strip8 .logo-slot__img{--size: min(calc(var(--h) * 1px), calc((30.77cqi - 12px) * var(--h) / 200));}
.strip8 .logo-slot + .logo-slot::before{content: ""; left: 0;}}
@media (max-width: 48rem){.offer12__card{display: grid; grid-template-columns: 40px 1fr; column-gap: var(--s2); row-gap: 0.15rem; align-content: start;}
.offer12__card > .ico12{grid-column: 1; grid-row: 1 / span 3; margin: 0;}
.offer12__card > :not(.ico12):not(.tag12){grid-column: 2;}
.offer12__card > .who{display: none;}}
@media (min-width: 62rem) and (min-aspect-ratio: 5 / 4){.offer12--solo{height: auto; padding-block: var(--s6); overflow: visible;}
.offer12--solo .offer12__in{display: block; height: auto; padding-block: 0;}
.offer12--solo .offer12__grid{margin-top: var(--s3);}
.offer12--solo h2{font-size: var(--t-h2);}
.offer12--solo .offer12__grid{row-gap: 0;}
.offer12--solo .offer12__card{display: grid; grid-template-rows: subgrid; grid-row: span 6; row-gap: 0; align-content: start;}
.offer12--solo .offer12__card > .label{align-self: end;}
.offer12--solo .offer12__card > .who{grid-row: 6;}}
@media (min-width: 48.01rem){.offer12--solo .offer12__grid{row-gap: 0;}
.offer12--solo .offer12__card{display: grid; grid-template-rows: subgrid; grid-row: span 6; row-gap: 0; align-content: start;}
.offer12--solo .offer12__card > .label{align-self: end;}
.offer12--solo .offer12__card > .who{grid-row: 6;}}
.jak17__scene{position: relative; width: 100%; aspect-ratio: 1360 / 495;}
.jak17__scene iframe{position: absolute; inset: 0; width: 100%; height: 100%; border: 0;}
.jak17{padding-block: var(--s4) var(--s3);}
@media (min-width: 75rem){.jak17 .slider__nav{display: none !important;}}
@media (max-width: 74.99rem){.jak17__scene{display: none;}
.jak17{display: flex; flex-direction: column;}}
@media (max-width: 48rem){.probl12 .slider__nav,.jak17 .slider__nav,.hook12 .slider__nav{display: none !important;}
.probl12__list.slider__row,.hook12__grid.slider__row{grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); overflow: visible; margin: var(--s3) 0 0; padding: 0; scroll-snap-type: none;}
.hero8 .hero7__h{max-width: none; font-size: min(15vw, 4.25rem);}
.hero8 .hero7__cta .btn{font-size: 0.875rem; padding: 0.7em 1.05em;}
.probl12__card{grid-row: auto; grid-template-rows: none; display: flex; flex-direction: column;}
.probl12__card .ticks li > span{display: none;}
.probl12__card{padding: var(--s2) 1.25rem;}
.probl12__card h3{margin-bottom: 0;}
.probl12__card .ticks{gap: 0.35rem; margin-block: 0.6rem 0.75rem;}
.probl12__card .ticks li{margin-bottom: 0;}
.probl12__card > .who{align-self: stretch; margin-top: auto; padding-top: 0.6rem;}
.probl12 + .strip8,.strip8{padding-block: var(--s3);}
.hook12{padding-block: var(--s5);}
.hook12__grid.slider__row{row-gap: var(--s3);}}
.offer12__card .who,.offer12__card .who a{font-size: var(--t-small);}
.conn12__tab[aria-pressed="true"]{background: var(--color-selected); color: var(--color-on-selected);}
.band.conn12{border-top: var(--bw) solid var(--ink);}
.hook12__lead,.hook12__after{max-width: 62ch;}
.hook12__grid.slider__row{padding-top: 1.1rem; margin-top: calc(-1.1rem);}
}
@media (max-width: 74.99rem){.conn12__name { font-size: var(--t-label); letter-spacing: 0.02em; overflow-wrap: normal; word-break: normal; hyphens: none; }}
@media (max-width: 48rem){.hook12__grid.slider__row{margin-top: calc(var(--s3) - 1.1rem);}
.conn12__name{font-size: var(--t-label); letter-spacing: 0.02em; overflow-wrap: normal; word-break: normal; hyphens: none;}}
.hook12 .hook12__offer:has(> .offer__tag) > .offer__who{margin-right: 0;}
.hook12 .hook12__offer:has(> .offer__tag) > .offer__who::before{content: ""; float: right; width: 9.5rem; height: 1.2em;}
@media (max-width: 48rem){.hook12 .hook12__offer:has(> .offer__tag) > .offer__who::before{content: none;}}
.jak17--route .jak17__figs{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s3); margin-top: var(--s4);}
.jak17--route .jak17__figs dd,.jak17--route .jak17__figs > div:first-child dd{font-size: var(--t-h3);}
@media (min-width: 900px){.jak17--route .jak17__figs{grid-template-columns: repeat(4, minmax(0, 1fr));}
.jak17--route .jak17__figs > div:last-child{grid-column: span 2;}}