/* Цех Лендингов · kit.css — только механика (состояния и переходы); цвета, шрифты, формы — в стилях страницы */
.kit-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kit-cut{display:inline}.kit-cut-w{display:inline-flex;overflow:hidden;vertical-align:bottom}
.kit-cut-c{display:inline-block;transform:translateY(110%);transition:transform .6s cubic-bezier(.2,.9,.3,1.1);will-change:transform}
.kit-cut.on .kit-cut-c{transform:translateY(0)!important}
.kit-word{display:inline-block;opacity:0;transform:rotate(8deg) translateY(30%);transform-origin:left;will-change:transform,opacity}
.kit-cursor{display:inline-block;width:2px;height:1.1em;background:currentColor;vertical-align:middle;margin-left:2px;animation:kit-blink 1s step-end infinite}
@keyframes kit-blink{50%{opacity:0}}
[data-kit="grow"]{position:relative}[data-kit="grow"] .kit-pin{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}
[data-kit="grow"] .kit-win{position:absolute;inset:0;will-change:clip-path}[data-kit="grow"] .kit-win>*{width:100%;height:100%;object-fit:cover;display:block}
[data-kit="film"]{position:relative}[data-kit="film"] .kit-stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}
[data-kit="film"][data-mode="fixed"] .kit-stage{position:fixed;inset:0;z-index:0}[data-kit="film"][data-mode="cursor"] .kit-stage{position:relative;height:100vh}
.kit-scene{position:absolute;inset:0;opacity:0;transition:opacity 1s ease-in-out}.kit-scene.on{opacity:1}
.kit-scene video,.kit-scene .kit-poster,.kit-scene .kit-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.kit-scene .kit-poster{transition:opacity .5s;z-index:1}.kit-scene .kit-canvas{opacity:0;transition:opacity .5s;z-index:2;pointer-events:none}
.kit-cap{position:absolute;inset:0;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s;pointer-events:none;z-index:3}.kit-cap.in{opacity:1;transform:none;pointer-events:auto}
.kit-cap .kit-mask{display:block;overflow:hidden}.kit-cap .kit-mask>*{display:block;transform:translateY(100%);transition:transform .8s cubic-bezier(.16,1,.3,1)}.kit-cap.in .kit-mask>*{transform:none}
.kit-chapters{margin-top:-100vh}.kit-chapters .kit-ch{height:100vh}
[data-kit="flip"]{position:relative;overflow:hidden;cursor:col-resize}[data-kit="flip"]>img,[data-kit="flip"]>svg,[data-kit="flip"]>.kit-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}[data-kit="flip"]>.on{display:block}
[data-kit="flip"] .kit-seg{position:absolute;left:0;right:0;bottom:0;display:flex;gap:4px;padding:8px}[data-kit="flip"] .kit-seg i{flex:1;height:3px;background:rgba(255,255,255,.35)}[data-kit="flip"] .kit-seg i.on{background:currentColor}
[data-kit="slideshow"] .kit-frames{position:relative;overflow:hidden}[data-kit="slideshow"] .kit-frames>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 100% 0 0);transition:clip-path .5s cubic-bezier(.2,.8,.2,1)}[data-kit="slideshow"] .kit-frames>.on{clip-path:inset(0)}
[data-kit="tabs"] .kit-panel:not(.on){display:none!important}[data-kit="tabs"] .kit-panel.on{display:block;animation:kit-rise .35s ease-out}
@keyframes kit-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
[data-kit="sandwich"]{position:relative;overflow:hidden;height:100vh}[data-kit="sandwich"] .kit-back,[data-kit="sandwich"] .kit-front{position:absolute;inset:0;height:120%;will-change:transform}[data-kit="sandwich"] .kit-back>*,[data-kit="sandwich"] .kit-front>*{width:100%;height:100%;object-fit:cover;display:block}
[data-kit="spot"]{position:relative;--spot-x:-9999px;--spot-y:-9999px}
[data-kit="spot"]::before,[data-kit="spot"]::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
[data-kit="spot"]::before{background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.06) 40%,rgba(255,255,255,.06) 60%,rgba(255,255,255,.3))}
[data-kit="spot"]::after{background:radial-gradient(circle 260px at var(--spot-x) var(--spot-y),rgba(255,255,255,.75),transparent 60%)}
[data-kit="menu"]{position:relative;z-index:81;cursor:pointer}[data-kit="menu"] i{position:absolute;left:8px;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s}
[data-kit="menu"] i:nth-child(1){top:10px}[data-kit="menu"] i:nth-child(2){top:17px}[data-kit="menu"] i:nth-child(3){top:24px}
[data-kit="menu"].open i:nth-child(1){transform:translateY(7px) rotate(45deg)}[data-kit="menu"].open i:nth-child(2){opacity:0;transform:scale(0)}[data-kit="menu"].open i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.kit-overlay{position:fixed;inset:0;z-index:80;display:none;flex-direction:column;align-items:center;justify-content:center;gap:26px}.kit-overlay:not(.on){display:none!important}.kit-overlay.on{display:flex}
.kit-overlay a,.kit-overlay button{opacity:0;transform:translateY(20px);filter:blur(4px);transition:opacity .35s,transform .35s,filter .35s}.kit-overlay.on a,.kit-overlay.on button{opacity:1;transform:none;filter:blur(0)}
[data-kit="quiz"] .kit-step:not(.on){display:none!important}[data-kit="quiz"] .kit-step.on{display:block;animation:kit-slide .36s cubic-bezier(.2,0,0,1)}[data-kit="quiz"] .kit-step:focus{outline:none}
@keyframes kit-slide{from{opacity:0;transform:translateX(calc(22px * var(--dir,1)))}to{opacity:1;transform:none}}
/* v96.1 (Questionnaire, Choicebox, Wizard Steps — 21st.dev): карточки выбора на нативных radio/checkbox, рельс шагов, счётчик, тач-зоны */
.kit-choice{position:relative;display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:10px 14px;border:1px solid var(--line,color-mix(in srgb,currentColor 18%,transparent));border-radius:10px;cursor:pointer;transition:background-color .2s,border-color .2s}.kit-choice>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.kit-choice:hover{background:color-mix(in srgb,var(--accent,currentColor) 8%,transparent)}.kit-choice:has(input:checked){border-color:var(--accent,currentColor);background:color-mix(in srgb,var(--accent,currentColor) 10%,transparent)}.kit-choice:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,currentColor) 45%,transparent)}
.kit-choice>i{flex:none;width:16px;height:16px;margin-top:3px;border:1.5px solid color-mix(in srgb,currentColor 45%,transparent);border-radius:50%;display:grid;place-items:center;transition:background-color .2s,border-color .2s}.kit-choice:has(input[type=checkbox])>i{border-radius:4px}.kit-choice>i::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--base,#fff);transform:scale(0);transition:transform .2s cubic-bezier(.23,1,.32,1)}.kit-choice:has(input[type=checkbox])>i::after{width:9px;height:5px;border-radius:0;background:none;border-left:1.6px solid var(--base,#fff);border-bottom:1.6px solid var(--base,#fff);transform:rotate(-45deg) scale(0);margin-top:-2px}.kit-choice:has(input:checked)>i{background:var(--accent,currentColor);border-color:var(--accent,currentColor)}.kit-choice:has(input:checked)>i::after{transform:scale(1)}.kit-choice:has(input[type=checkbox]:checked)>i::after{transform:rotate(-45deg) scale(1)}
.kit-choice .kit-choice-b{display:flex;flex-direction:column;gap:2px;flex:1}.kit-choice small{opacity:.7}.kit-choice .kit-meta{margin-left:auto;font-variant-numeric:tabular-nums;opacity:.7}.kit-choice kbd{display:none;font:600 10px/1 ui-monospace,monospace;padding:4px 5px;border:1px solid currentColor;border-radius:4px;opacity:.5}@media(hover:hover) and (pointer:fine){.kit-choice kbd{display:inline-block}}
.kit-count{min-width:5ch;font-variant-numeric:tabular-nums}.kit-rail-steps{display:flex;gap:6px;list-style:none;margin:0 0 1rem;padding:0}.kit-rail-steps>*{flex:1;position:relative;display:flex;align-items:center;gap:8px;cursor:default}.kit-rail-steps>*>i{width:28px;height:28px;border-radius:8px;border:1px solid currentColor;display:grid;place-items:center;font:600 11.5px/1 inherit;transform:scale(.92);transition:transform .2s cubic-bezier(.2,0,0,1),background-color .2s,color .2s}.kit-rail-steps>.on>i{transform:none}.kit-rail-steps>.done>i{background:currentColor;color:var(--base,#fff)}.kit-rail-steps>.done{cursor:pointer}.kit-rail-steps>*::after{content:"";flex:1;height:3px;border-radius:2px;background:color-mix(in srgb,currentColor 14%,transparent)}.kit-rail-steps>*:last-child::after{display:none}.kit-rail-steps>.done::after{background:currentColor}
@media(max-width:640px){[data-kit="quiz"] .kit-next,[data-kit="quiz"] .kit-prev,[data-kit="quiz"] .kit-submit,[data-kit="quiz"] .kit-skip,[data-kit="quiz"] [data-next],[data-kit="quiz"] [data-submit]{min-height:44px}}
.kit-err{display:none}form.sent>*:not(.kit-done){display:none!important}.kit-done:not(.on){display:none!important}.kit-done.on{display:block}
.kit-live:empty{display:none}form[data-status="pending"] button[type=submit],form[data-status="pending"] input[type=submit],form[data-status="pending"] .kit-submit{opacity:.6;pointer-events:none}form[data-status="error"] .kit-alert{display:block}
[data-kit="sticky"]{transform:translateY(110%);transition:transform .25s ease}[data-kit="sticky"].show{transform:none}
[data-kit="cookie"]:not(.show){display:none!important}[data-kit="cookie"].show{display:flex}
.kit-ticker{overflow:hidden;white-space:nowrap;display:flex}.kit-ticker>*{flex:none;display:inline-flex;animation:kit-scroll var(--kit-ticker-d,20s) linear infinite}.kit-ticker.paused>*{animation-play-state:paused}.kit-ticker-y{flex-direction:column;height:var(--kit-ticker-h,500px);white-space:normal;-webkit-mask-image:linear-gradient(180deg,transparent,#000 33%,#000 67%,transparent);mask-image:linear-gradient(180deg,transparent,#000 33%,#000 67%,transparent)}.kit-ticker-y>*{flex-direction:column;gap:var(--kit-ticker-gap,16px);padding-bottom:var(--kit-ticker-gap,16px);animation-name:kit-scroll-y}@keyframes kit-scroll-y{to{transform:translateY(-100%)}}.kit-ticker-v>*{animation:none!important;transform:translate3d(var(--kit-ticker-x,0px),0,0);will-change:transform}
@keyframes kit-scroll{to{transform:translateX(-100%)}}
.kit-draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.37,.01,.2,1)}.kit-draw.on{stroke-dashoffset:0}
[data-kit="story"]:not(.kit-story-wrap),.kit-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--kit-story-gap,clamp(1.5rem,4vw,4rem));align-items:start}[data-kit="story"] .kit-frames{position:sticky;top:var(--kit-story-top,5rem);height:var(--kit-story-h,min(70vh,42rem));overflow:hidden;border-radius:var(--kit-story-r,8px)}
[data-kit="story"] .kit-frame{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.12);transform-origin:center center;clip-path:inset(0 0 0 0);transition:opacity .25s linear,transform 1.2s cubic-bezier(.2,.7,.2,1),clip-path .7s cubic-bezier(.4,0,.2,1);will-change:transform,clip-path}[data-kit="story"] .kit-frame>img,[data-kit="story"] img.kit-frame{width:100%;height:100%;object-fit:cover;display:block}
[data-kit="story"] .kit-frame.on{opacity:1;transform:scale(1);z-index:2}[data-kit="story"] .kit-frame.out{opacity:1;transform:scale(1);clip-path:inset(0 0 100% 0);z-index:3}[data-kit="story"] .kit-frame figcaption{position:absolute;left:0;right:0;bottom:0;padding:.6rem .9rem;font-size:.85rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.55))}
[data-kit="story"] .kit-steps{padding:var(--kit-story-pad,35vh) 0}[data-kit="story"] .kit-step{will-change:transform,opacity}[data-kit="story"] .kit-step+.kit-step{margin-top:var(--kit-story-step,30vh)}
@media(max-width:820px){[data-kit="story"],.kit-story-grid{display:block}[data-kit="story"] .kit-frames{top:var(--kit-story-top-m,0);height:var(--kit-story-h-m,36vh);z-index:5;border-radius:0 0 var(--kit-story-r,8px) var(--kit-story-r,8px)}[data-kit="story"] .kit-steps{padding:1.5rem 0 22vh}[data-kit="story"] .kit-step+.kit-step{margin-top:22vh}[data-kit="story"] .kit-step{opacity:1!important;transform:none!important}}
/* v78 — уроки MotionSites: вход, линза, петля, дымка, стекло, маска строки, шов видео на мобиле */
:root{--kit-e-reveal:cubic-bezier(.18,.85,.26,1);--kit-e-soft:cubic-bezier(.22,1,.36,1);--kit-e-nav:cubic-bezier(.33,1,.68,1);--kit-e-out:cubic-bezier(.16,1,.3,1);--kit-e-quint:cubic-bezier(.23,1,.32,1);--kit-e-expo:cubic-bezier(.16,1,.3,1);--kit-e-back:cubic-bezier(.34,1.56,.64,1);--kit-e-sine:cubic-bezier(.39,.575,.565,1);--kit-e-quart:cubic-bezier(.76,0,.24,1)}
.kit-ln{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.kit-ln-i{display:block}
.kit-intro{opacity:0;will-change:transform,opacity}.kit-intro-mask{opacity:1}.kit-intro-mask .kit-ln-i{transform:translate3d(0,115%,0);will-change:transform}
.kit-intro-play .kit-intro-rise{animation:kit-i-rise .62s var(--kit-e-nav) var(--kit-d,0ms) both}.kit-intro-play .kit-intro-pill{animation:kit-i-pill .62s var(--kit-e-soft) var(--kit-d,0ms) both}.kit-intro-play .kit-intro-blur{animation:kit-i-blur 1.1s var(--kit-e-out) var(--kit-d,0ms) both}.kit-intro-play .kit-intro-mask .kit-ln-i{animation:kit-i-line .95s var(--kit-e-reveal) var(--kit-d,0ms) both}
.kit-intro-done{opacity:1}.kit-intro-done .kit-ln-i{transform:none}
@keyframes kit-i-rise{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}@keyframes kit-i-pill{from{opacity:0;transform:translate3d(0,13px,0) scale(.972)}to{opacity:1;transform:none}}@keyframes kit-i-blur{from{opacity:0;transform:translate3d(0,28px,0);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes kit-i-line{from{transform:translate3d(0,115%,0)}to{transform:none}}
/* v96.2 (Hero Shutter Text): intro fx=shutter — буква из размытия, три ломтика (0–35/35–65/65–100 %) пролетают поперёк */
.kit-intro-shutter{opacity:1}.kit-sh-w{display:inline-flex;flex-wrap:wrap}.kit-sh{position:relative;display:inline-block;overflow:hidden;padding:0 .04em}.kit-sh-c{display:inline-block;opacity:0}.kit-sh-s{position:absolute;inset:0;display:block;opacity:0;font-style:normal;pointer-events:none;color:var(--accent,currentColor);padding:0 .04em}.kit-sh-s[data-k="0"]{clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.kit-sh-s[data-k="1"]{clip-path:polygon(0 35%,100% 35%,100% 65%,0 65%);color:var(--ink,currentColor)}.kit-sh-s[data-k="2"]{clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}
.kit-intro-play .kit-intro-shutter .kit-sh-c{animation:kit-sh-in .8s ease-out calc(var(--kit-d,0ms) + var(--i,0)*40ms + 300ms) both}.kit-intro-play .kit-intro-shutter .kit-sh-s{animation:kit-sh-fly .7s ease-in-out calc(var(--kit-d,0ms) + var(--i,0)*40ms + var(--k,0)*100ms) both}@keyframes kit-sh-in{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@keyframes kit-sh-fly{0%{transform:translateX(calc(var(--dir,1)*-100%));opacity:0}50%{opacity:1}100%{transform:translateX(calc(var(--dir,1)*100%));opacity:0}}.kit-intro-done .kit-sh-c{opacity:1}.kit-intro-done .kit-sh-s{display:none}
[data-kit="lens"]{position:relative;overflow:hidden;--kit-x:50%;--kit-y:50%;--kit-r:260px}[data-kit="lens"] .kit-base,[data-kit="lens"] .kit-top{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
[data-kit="lens"] .kit-top{pointer-events:none;-webkit-mask-image:radial-gradient(circle var(--kit-r) at var(--kit-x) var(--kit-y),#fff 0,#fff 40%,rgba(255,255,255,.75) 60%,rgba(255,255,255,.4) 75%,rgba(255,255,255,.12) 88%,transparent 100%);mask-image:radial-gradient(circle var(--kit-r) at var(--kit-x) var(--kit-y),#fff 0,#fff 40%,rgba(255,255,255,.75) 60%,rgba(255,255,255,.4) 75%,rgba(255,255,255,.12) 88%,transparent 100%)}
.kit-haze{display:inline-block;opacity:0;filter:blur(10px);transform:translate3d(0,50px,0);transition:opacity .7s var(--kit-e-out),filter .7s var(--kit-e-out),transform .7s var(--kit-e-out)}.on>.kit-haze,.on>.kit-haze-w>.kit-haze{opacity:1;filter:blur(0);transform:none}.kit-haze-w{display:inline-block;white-space:nowrap}.kit-haze-soft .kit-haze{transform:translate3d(0,10px,0);filter:blur(8px);transition-duration:.6s;transition-timing-function:var(--kit-e-quint)}
.kit-glass,.kit-glass-strong{position:relative;overflow:hidden;background:rgba(255,255,255,.01);background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 1px 1px rgba(255,255,255,.1)}.kit-glass-strong{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:4px 4px 4px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.15)}
.kit-glass::before,.kit-glass-strong::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.15) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.15) 80%,rgba(255,255,255,.45) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.kit-glass-strong::before{background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.2) 80%,rgba(255,255,255,.5) 100%)}
.kit-seam{position:relative}.kit-seam::after{content:"";position:absolute;left:0;right:0;top:0;height:clamp(52px,16vw,120px);pointer-events:none;z-index:1;background:linear-gradient(to bottom,var(--kit-seam-color,#fff) 0%,color-mix(in srgb,var(--kit-seam-color,#fff) 65%,transparent) 38%,transparent 100%)}
[data-kit="film"][data-mode="gaze"] .kit-stage{position:relative;height:100vh;height:100dvh;cursor:crosshair}
/* v83 — векторный слой */
@keyframes kit-path{from{offset-distance:0%}to{offset-distance:100%}}.kit-path-items{position:relative}.kit-path-items>*{position:absolute;left:0;top:0;animation:kit-path var(--kit-path-ms,25s) linear infinite;animation-delay:calc(var(--i,0)/var(--n,1)*-1*var(--kit-path-ms,25s))}.kit-path-items:hover>*,.kit-path-items:focus-within>*,.kit-path-items.paused>*{animation-play-state:paused}.kit-path-static>*{animation:none!important}
.kit-ink{stroke:currentColor;stroke-width:1.2;paint-order:stroke;transition:stroke-dashoffset 1.6s cubic-bezier(.37,.01,.2,1),fill-opacity .9s ease}
.kit-char{display:inline-block;will-change:transform;transition:font-variation-settings .15s}.kit-w{display:inline-block;white-space:nowrap}.kit-kinetic-weight .kit-char{transition:none;will-change:font-weight}
.kit-scrub{opacity:.28;transition:opacity .25s linear}.kit-scrub.on{opacity:1}
#kit-cursor{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:999px;background:var(--kit-cursor,#111);opacity:0;transition:width .25s,height .25s,margin .25s,border-radius .25s,background .25s;mix-blend-mode:difference;background:#fff}
#kit-cursor span{display:block;visibility:hidden;opacity:0;filter:blur(8px);color:#000;font:600 12px/1 system-ui,sans-serif;white-space:nowrap;padding:0 12px;transition:opacity .28s,filter .28s,visibility 0s .4s}
#kit-cursor.label{width:var(--lw,auto);height:32px;margin:-16px 0 0 -16px;padding:0;border-radius:16px;display:flex;align-items:center;justify-content:center;mix-blend-mode:normal;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18);transform-origin:left center}#kit-cursor.label span{visibility:visible;opacity:1;filter:none;transition-delay:.1s,.1s,0s}
/* v96.3 (Cursor velocity-tilted): стрелка с наклоном по скорости, желе-подпись сбоку, родной курсор скрыт */
#kit-cursor.tilt{width:auto;height:auto;margin:0;border-radius:0;background:none;mix-blend-mode:normal;box-shadow:none;display:block;transition:none}#kit-cursor.tilt .kit-cursor-arrow{display:block;width:24px;height:24px;margin:-2.6px 0 0 -1.1px;fill:var(--kit-cursor,var(--ink,#111));transform-origin:4.5% 11%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}#kit-cursor.tilt span{position:absolute;left:18px;top:18px;height:28px;line-height:28px;padding:0 8px;border-radius:6px;background:var(--ink,#111);color:var(--base,#fff);transform-origin:left top}#kit-cursor.tilt.label{width:auto;height:auto;margin:0;padding:0;border-radius:0;background:none;box-shadow:none}html.kit-cursor-none,html.kit-cursor-none *{cursor:none!important}
[data-kit="depth"]{position:relative}[data-kit="depth"] [data-depth],[data-kit="depth"] .kit-shadow{will-change:transform}
[data-kit="explode"] [data-explode]{will-change:transform}[data-kit="explode"] .kit-label{opacity:0;transition:opacity .4s}
[data-kit="float"] [data-speed]{will-change:transform}
[data-kit="mask"]{display:block}
/* v90: живой номер главы, тона, выноски — только механика; цвета и размеры в CSS страницы */
.kit-count .kit-num{opacity:0;transform:translate3d(0,.12em,0);transition:opacity .7s var(--kit-e-out),transform .7s var(--kit-e-out);will-change:opacity,transform}.kit-count .kit-num.on{opacity:1;transform:none}
[data-kit="count"]{font-variant-numeric:tabular-nums}
[data-kit="callouts"]{position:relative}[data-kit="callouts"] .kit-pin{position:absolute;left:var(--x,50%);top:var(--y,50%);display:inline-grid;place-items:center;min-width:1.7em;height:1.7em;padding:0 .35em;border-radius:999px;line-height:1;cursor:pointer;user-select:none;transform:translate(-50%,-50%) scale(0);transition:transform .5s var(--kit-e-soft);will-change:transform}
.kit-pins-in .kit-pin{transform:translate(-50%,-50%) scale(1)}.kit-pins-in .kit-pin.on{transform:translate(-50%,-50%) scale(1.2)}.kit-legend [data-n]{transition:opacity .3s,color .3s}
/* v92.1: внутренняя страница комплекта — шапка главной видна сразу, какие бы состояния «до прокрутки» ни задавал CSS главной */
html[data-inner="1"] body > header{transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;clip-path:none!important}
/* v92: до/после, гармошка кадров, стопка панелей — механика; цвета ручки, реек и подписей в CSS страницы */
[data-kit="compare"]{position:relative;overflow:hidden;--kit-cut:50%;touch-action:pan-y;user-select:none;-webkit-user-select:none}[data-kit="compare"] .kit-before,[data-kit="compare"] .kit-after{display:block;width:100%;height:100%;object-fit:cover}[data-kit="compare"] .kit-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--kit-cut))}
[data-kit="compare"] .kit-handle{position:absolute;top:0;bottom:0;left:var(--kit-cut);width:44px;margin-left:-22px;padding:0;border:0;background:transparent;cursor:ew-resize;touch-action:none;display:grid;place-items:center}[data-kit="compare"] .kit-handle::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:currentColor;opacity:.9}[data-kit="compare"] .kit-handle i{position:relative;width:36px;height:36px;border-radius:50%;background:currentColor;box-shadow:0 2px 10px rgba(0,0,0,.25)}[data-kit="compare"] .kit-handle:focus-visible{outline:3px solid currentColor;outline-offset:-3px}
[data-kit="compare"] .kit-lbl{position:absolute;bottom:.75rem;font-size:.8rem;padding:.25em .6em;border-radius:4px;pointer-events:none}[data-kit="compare"] .kit-lbl-a{left:.75rem}[data-kit="compare"] .kit-lbl-b{right:.75rem}
[data-kit="strips"]{display:flex;gap:var(--kit-strip-gap,6px);min-height:var(--kit-strip-h,60vh)}[data-kit="strips"] .kit-strip{position:relative;flex:1 1 0;min-width:var(--kit-rail,3.2rem);overflow:hidden;cursor:pointer;transition:flex-grow .62s var(--kit-e-strips,cubic-bezier(.32,.72,0,1)),flex-basis .62s var(--kit-e-strips,cubic-bezier(.32,.72,0,1));margin:0}[data-kit="strips"] .kit-strip.on{flex-grow:var(--kit-strip-grow,5)}
/* v96.1 (Hover Expand Gallery): data-max — открытая полоса не шире потолка, ряд по центру; data-fade — кадры неактивных гаснут; .kit-meta — вторая подпись активной */
[data-kit="strips"][data-max]{justify-content:center}[data-kit="strips"][data-max] .kit-strip{flex:0 1 var(--kit-rail,3.2rem)}[data-kit="strips"][data-max] .kit-strip.on{flex-grow:0;flex-basis:var(--kit-strip-max,520px)}[data-kit="strips"][data-fade] .kit-strip img,[data-kit="strips"][data-fade] .kit-strip video{transition:opacity .62s var(--kit-e-strips,cubic-bezier(.32,.72,0,1))}[data-kit="strips"][data-fade] .kit-strip:not(.on) img,[data-kit="strips"][data-fade] .kit-strip:not(.on) video{opacity:0}[data-kit="strips"] .kit-strip:not(.on) figcaption{opacity:var(--kit-strip-dim,.6)}[data-kit="strips"] .kit-strip .kit-meta{display:none}[data-kit="strips"] .kit-strip.on .kit-meta{display:inline;opacity:0;animation:kit-rise .4s .2s both}[data-kit="strips"] .kit-strip img,[data-kit="strips"] .kit-strip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[data-kit="strips"] .kit-strip figcaption{position:absolute;left:0;bottom:0;padding:.8rem 1rem;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;transition:opacity .3s}[data-kit="strips"] .kit-strip.on figcaption{writing-mode:horizontal-tb;transform:none;right:0;white-space:normal}[data-kit="strips"] .kit-strip:focus-visible{outline:3px solid currentColor;outline-offset:-3px}
@media(max-width:760px){[data-kit="strips"]{flex-direction:column;min-height:0;justify-content:flex-start}[data-kit="strips"] .kit-strip{min-width:0;min-height:var(--kit-rail-m,3.2rem);flex-basis:auto;transition:min-height .62s var(--kit-e-strips,cubic-bezier(.32,.72,0,1))}[data-kit="strips"][data-max] .kit-strip{flex:0 0 auto}[data-kit="strips"][data-max] .kit-strip.on{flex-basis:auto}[data-kit="strips"] .kit-strip.on{min-height:var(--kit-strip-h-m,56vw)}[data-kit="strips"] .kit-strip figcaption{writing-mode:horizontal-tb;transform:none}}
[data-kit="stack"]{position:relative}[data-kit="stack"] .kit-panel{position:sticky;top:var(--kit-stack-top,0);min-height:100vh;min-height:100svh;--kit-p:0;transform:translateY(calc(var(--kit-p) * var(--kit-stack-lift,-40px))) scale(calc(1 - var(--kit-p) * .08));opacity:calc(1 - var(--kit-p) * .45);transform-origin:50% 0;will-change:transform,opacity}
/* v96.1 (Services Stack): липкий фон за стопкой — кроссфейд кадров 1s и титул активной панели .3s */
.kit-stack-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.kit-stack-bg>div{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.kit-stack-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s linear}.kit-stack-bg img.on{opacity:1}.kit-stack-title{position:absolute;left:var(--kit-stack-x,6vw);bottom:var(--kit-stack-y,10vh);max-width:40vw;opacity:0;transform:translateY(2.5rem);transition:opacity .3s,transform .3s;font-size:var(--kit-stack-fs,clamp(1.6rem,4vw,3.4rem));line-height:1.05}.kit-stack-title.on{opacity:1;transform:none}[data-kit="stack"][data-bg] .kit-panel{z-index:1}
/* v93: постер (урок промта MotionSites «The Next Layer»): единицы холста ставит кит poster; плита .kit-plate с измеренным затуханием низа в фон (--kit-fade — цвет фона секции, --kit-fade-start — доля чистого кадра) и летербоксом .kit-letterbox (--kit-box / --kit-box-outer — полуширины в единицах --u); в портрете и на планшете свои затемнения */
[data-kit="poster"]{position:relative;isolation:isolate;--u:1px;--uw:1px;--h:1px;--m:1px;--kit-fs:var(--kit-fade-start,78.8%);--kit-fr:calc(100% - var(--kit-fs))}
[data-kit="poster"] .kit-plate{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
[data-kit="poster"] .kit-plate>img,[data-kit="poster"] .kit-plate>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--kit-plate-pos,50% 50%);display:block}
[data-kit="poster"] .kit-plate::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,transparent var(--kit-fs),var(--kit-fade,#050505) 100%)}
[data-kit="poster"] .kit-plate.kit-letterbox::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to right,var(--kit-fade,#050505) calc(50% - var(--kit-box-outer,746)*var(--u)),transparent calc(50% - var(--kit-box,676)*var(--u)),transparent calc(50% + var(--kit-box,676)*var(--u)),var(--kit-fade,#050505) calc(50% + var(--kit-box-outer,746)*var(--u)))}
[data-kit="poster"].kit-portrait .kit-plate.kit-letterbox::before{display:none}
@supports (background:color-mix(in srgb,red 10%,transparent)){
[data-kit="poster"] .kit-plate::after{background:linear-gradient(to bottom,transparent var(--kit-fs),color-mix(in srgb,var(--kit-fade,#050505) 23%,transparent) calc(var(--kit-fs) + var(--kit-fr)*.038),color-mix(in srgb,var(--kit-fade,#050505) 45%,transparent) calc(var(--kit-fs) + var(--kit-fr)*.123),color-mix(in srgb,var(--kit-fade,#050505) 75%,transparent) calc(var(--kit-fs) + var(--kit-fr)*.212),color-mix(in srgb,var(--kit-fade,#050505) 84%,transparent) calc(var(--kit-fs) + var(--kit-fr)*.302),color-mix(in srgb,var(--kit-fade,#050505) 89%,transparent) calc(var(--kit-fs) + var(--kit-fr)*.434),color-mix(in srgb,var(--kit-fade,#050505) 90.5%,transparent) calc(var(--kit-fs) + var(--kit-fr)*.575),color-mix(in srgb,var(--kit-fade,#050505) 96%,transparent) calc(var(--kit-fs) + var(--kit-fr)*.764),var(--kit-fade,#050505) 100%)}
[data-kit="poster"].kit-portrait .kit-plate::after{background:linear-gradient(to right,color-mix(in srgb,var(--kit-fade,#050505) 86%,transparent) 0%,color-mix(in srgb,var(--kit-fade,#050505) 66%,transparent) 42%,color-mix(in srgb,var(--kit-fade,#050505) 20%,transparent) 78%,color-mix(in srgb,var(--kit-fade,#050505) 10%,transparent) 100%),linear-gradient(to bottom,color-mix(in srgb,var(--kit-fade,#050505) 72%,transparent) 0%,color-mix(in srgb,var(--kit-fade,#050505) 34%,transparent) 24%,color-mix(in srgb,var(--kit-fade,#050505) 34%,transparent) 56%,color-mix(in srgb,var(--kit-fade,#050505) 80%,transparent) 82%,color-mix(in srgb,var(--kit-fade,#050505) 97%,transparent) 94%,var(--kit-fade,#050505) 100%)}
[data-kit="poster"].kit-tablet .kit-plate::after{background:linear-gradient(to right,color-mix(in srgb,var(--kit-fade,#050505) 84%,transparent) 0%,color-mix(in srgb,var(--kit-fade,#050505) 60%,transparent) 42%,color-mix(in srgb,var(--kit-fade,#050505) 16%,transparent) 78%,color-mix(in srgb,var(--kit-fade,#050505) 6%,transparent) 100%),linear-gradient(to bottom,color-mix(in srgb,var(--kit-fade,#050505) 66%,transparent) 0%,color-mix(in srgb,var(--kit-fade,#050505) 28%,transparent) 24%,color-mix(in srgb,var(--kit-fade,#050505) 30%,transparent) 56%,color-mix(in srgb,var(--kit-fade,#050505) 78%,transparent) 82%,color-mix(in srgb,var(--kit-fade,#050505) 96%,transparent) 94%,var(--kit-fade,#050505) 100%)}
}
/* v94 (рецепт details.so «Button 04», чистый CSS): кнопка с заливкой снизу и сдвигом подписи — цвета и скругление задаёт страница через --kit-btn-base / --kit-btn-fill / --kit-btn-r; направление data-from="left|right|top" */
.kit-btn-fill{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;border:0;background:transparent;cursor:pointer;text-decoration:none;border-radius:var(--kit-btn-r,6px)}
.kit-btn-fill::before,.kit-btn-fill::after{content:"";position:absolute;inset:0;border-radius:var(--kit-btn-r,6px);transition:transform .5s cubic-bezier(.165,.84,.44,1);will-change:transform}
.kit-btn-fill::before{background:var(--kit-btn-base,var(--ink,#111));transform-origin:50% 90%;z-index:-2}
.kit-btn-fill::after{background:var(--kit-btn-fill,var(--accent,currentColor));transform:translateY(102%);z-index:-1}
.kit-btn-fill[data-from="left"]::after{transform:translateX(-102%)}.kit-btn-fill[data-from="right"]::after{transform:translateX(102%)}.kit-btn-fill[data-from="top"]::after{transform:translateY(-102%)}
.kit-btn-fill .kit-btn-w{overflow:hidden;white-space:nowrap;position:relative;line-height:1.25}
.kit-btn-fill .kit-btn-t{display:inline-block;position:relative;text-shadow:0 -2em 0 currentColor;transition:transform .3s cubic-bezier(.165,.84,.44,1)}
.kit-btn-fill:hover::before,.kit-btn-fill:focus-visible::before{transform:scale(.9)}
.kit-btn-fill:hover::after,.kit-btn-fill:focus-visible::after{transform:none}
.kit-btn-fill:hover .kit-btn-t,.kit-btn-fill:focus-visible .kit-btn-t{transform:translateY(2em)}
.kit-btn-fill:active{transform:scale(.99)}
@media(prefers-reduced-motion:reduce){.kit-btn-fill::before,.kit-btn-fill::after,.kit-btn-fill .kit-btn-t{transition:none}}
/* v95.0 (уроки 13 референсов, этап 1; details.so): лупа с находками, фаза ухода reveal, лента, занавес, диагональная заливка, кромка-лесенка, пауза автопрокруток — цвета и кегли в CSS страницы через переменные */
[data-kit="lens"][data-mode="hunt"]{touch-action:none;cursor:crosshair}
[data-kit="lens"][data-mode="hunt"] .kit-spot{position:absolute;left:var(--x,50%);top:var(--y,50%);transform:translate(-50%,-50%);z-index:3;appearance:none;border:0;margin:0;padding:0;width:16px;height:16px;border-radius:999px;background:var(--kit-spot,currentColor);color:transparent;font:inherit;font-size:.85em;line-height:1.25;cursor:pointer;overflow:hidden;white-space:nowrap;transition:width .35s var(--kit-e-out),height .35s var(--kit-e-out),padding .35s var(--kit-e-out),color .35s,border-radius .35s}
[data-kit="lens"][data-mode="hunt"] .kit-spot:focus-visible{outline:2px solid var(--kit-spot,currentColor);outline-offset:3px}
[data-kit="lens"][data-mode="hunt"] .kit-spot.found{width:auto;height:auto;padding:.35em .7em;border-radius:6px;background:var(--kit-spot-bg,#fff);color:var(--kit-spot-ink,#111);overflow:visible;white-space:nowrap}
[data-kit="lens"][data-mode="hunt"] .kit-hunt-count{position:absolute;left:1rem;top:1rem;z-index:3;margin:0;font-variant-numeric:tabular-nums}
[data-kit="lens"][data-mode="hunt"] .kit-hunt-all{position:absolute;right:1rem;top:1rem;z-index:3;min-height:44px;min-width:44px;padding:0 1rem;cursor:pointer;font:inherit}
[data-kit="lens"][data-mode="hunt"].kit-hunt-all .kit-hunt-all,[data-kit="lens"][data-mode="hunt"].kit-hunt-done .kit-hunt-all{display:none}
[data-kit="lens"][data-mode="hunt"][data-hint]:not(.touched)::after{content:attr(data-hint);position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);z-index:3;font-size:.85em;opacity:.85;pointer-events:none}
@media(pointer:fine){[data-kit="lens"][data-mode="hunt"][data-hint]::after{display:none}}
@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){
.kit-leave{animation:kit-leave-fade 1s linear both;animation-timeline:view();animation-range:exit 20% exit 100%}
.kit-leave[data-leave="soft"]{animation-name:kit-leave-soft}
@media(pointer:fine){.kit-leave.kit-leave-blur{animation-name:kit-leave-blur}.kit-leave.kit-leave-blur[data-leave="soft"]{animation-name:kit-leave-soft}}
@keyframes kit-leave-fade{to{opacity:0;transform:translateY(-1.25rem)}}
@keyframes kit-leave-blur{to{opacity:0;filter:blur(5px);transform:translateY(-1.25rem)}}
@keyframes kit-leave-soft{to{opacity:.15;transform:scale(.96)}}
}}
[data-kit="rail"]{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}[data-kit="rail"]::-webkit-scrollbar{display:none}[data-kit="rail"]>*{scroll-snap-align:start}
[data-kit="rail"].kit-overflow{-webkit-mask-image:linear-gradient(90deg,#0000,#000 2.5rem calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 2.5rem calc(100% - 2.5rem),#0000)}
[data-kit="rail"].kit-overflow.kit-rail-start{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000)}
[data-kit="rail"].kit-overflow.kit-rail-end{-webkit-mask-image:linear-gradient(90deg,#0000,#000 2.5rem);mask-image:linear-gradient(90deg,#0000,#000 2.5rem)}
.kit-curtain{position:fixed;left:0;right:0;top:0;height:100vh;height:100svh;background:var(--kit-curtain,var(--ink,#111));border-radius:0 0 var(--kit-curtain-r,28px) var(--kit-curtain-r,28px);z-index:9998;transform:translateY(0);transition:transform var(--kit-curtain-ms,.45s) var(--kit-e-out);display:grid;place-items:center;color:var(--kit-curtain-ink,var(--base,#fff))}.kit-curtain.up{transform:translateY(-104%)}
/* v96.3 (Greeting Preloader, Preloader slide-up, Preloader morph path): слова, знак, край провисом или дугой */
.kit-curtain[data-edge]{transition:transform var(--kit-curtain-ms,.8s) var(--kit-e-quart),border-radius var(--kit-curtain-ms,.8s) var(--kit-e-quart)}.kit-curtain[data-edge="sag"].up{border-bottom-left-radius:50% 20%;border-bottom-right-radius:50% 20%}.kit-curtain[data-edge="arc"]{border-radius:0}.kit-curtain[data-edge="arc"]::after{content:"";position:absolute;left:0;right:0;top:100%;height:300px;background:inherit;border-radius:0 0 50% 50%/0 0 300px 300px;transform-origin:top;transition:transform .7s var(--kit-e-quart) .1s}.kit-curtain[data-edge="arc"].up::after{transform:scaleY(0)}
.kit-curtain-word{display:flex;align-items:center;gap:.4em;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500;line-height:1;opacity:0}.kit-curtain-word::before{content:"";width:.3em;height:.3em;border-radius:50%;background:currentColor}.kit-curtain-word.kit-cw{animation:kit-cw .2s var(--kit-e-out) forwards}@keyframes kit-cw{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.kit-curtain-mark{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1;transition:transform .8s var(--kit-e-quart),opacity .8s}.kit-curtain.up .kit-curtain-mark{transform:scale(5);opacity:0}
.kit-btn-fill[data-from="corner"]::after{inset:0 -35%;transform:translate(-10%,112%) skewY(-8deg);transform-origin:0 100%}
.kit-btn-fill[data-from="corner"]:hover::after,.kit-btn-fill[data-from="corner"]:focus-visible::after{transform:none}
.kit-btn-fill[data-from="corner"] .kit-btn-t{text-shadow:none;transition:color .35s}.kit-btn-fill[data-from="corner"]:hover .kit-btn-t,.kit-btn-fill[data-from="corner"]:focus-visible .kit-btn-t{transform:none;color:var(--kit-btn-fill-ink,inherit)}
.kit-steps{--kit-step-w:12vw;--kit-step-h:24px;clip-path:polygon(0 calc(2*var(--kit-step-h)),var(--kit-step-w) calc(2*var(--kit-step-h)),var(--kit-step-w) var(--kit-step-h),calc(2*var(--kit-step-w)) var(--kit-step-h),calc(2*var(--kit-step-w)) 0,calc(100% - 2*var(--kit-step-w)) 0,calc(100% - 2*var(--kit-step-w)) var(--kit-step-h),calc(100% - var(--kit-step-w)) var(--kit-step-h),calc(100% - var(--kit-step-w)) calc(2*var(--kit-step-h)),100% calc(2*var(--kit-step-h)),100% 100%,0 100%)}
.kit-pause{position:absolute;right:.75rem;bottom:.75rem;z-index:5;min-width:44px;min-height:44px;padding:0 .9rem;border-radius:999px;border:1px solid currentColor;background:var(--kit-pause-bg,rgba(255,255,255,.82));color:var(--kit-pause-ink,#111);cursor:pointer;font:inherit;font-size:.85em}
.kit-progress{position:absolute;left:0;bottom:0;z-index:4;height:3px;width:100%;background:currentColor;opacity:.4;transform-origin:0 50%;transform:scaleX(0)}.kit-progress.run{animation:kit-cycle var(--kit-cycle-d,4000ms) linear forwards}@keyframes kit-cycle{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.kit-ticker:hover>*,.kit-ticker:focus-within>*{animation-play-state:paused}
/* v95.1 (уроки 13 референсов, этап 2; записи details.so): пиксель-матрица, кисть курсора, живое место и слой погоды, меню-лист, кадры push-y, словарь шторок reveal — цвета только через роли палитры и переменные страницы */
.kit-pixel{display:inline-block;vertical-align:-.12em;overflow:visible;shape-rendering:crispEdges}.kit-pixel:not([width]){width:var(--kit-px-size,1em)}.kit-pixel:not([height]){height:auto}
.kit-pixel rect{opacity:0;transition:opacity .08s steps(1,end)}.kit-pixel.on rect{opacity:1}
.kit-brush{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:9}.kit-brush.fixed{position:fixed;z-index:9990}
.kit-brush i{position:absolute;display:block;width:var(--kit-cell,10px);height:var(--kit-cell,10px);background:var(--kit-brush,currentColor);opacity:1;transition:opacity .5s linear}.kit-brush i.off{opacity:0}
[data-kit="place"]{min-height:1.4em}[data-kit="place"]:not(.on){visibility:hidden}[data-kit="place"][hidden]{display:none!important}
.kit-weather{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.kit-weather i{position:absolute;top:-16vh;display:block;opacity:var(--kit-weather-o,.5);animation:kit-fall var(--d,2s) linear var(--delay,0s) infinite}
.kit-weather.rain i{width:1px;height:14vh;background:linear-gradient(#0000,var(--kit-rain,currentColor));transform:rotate(8deg)}.kit-weather.snow i{width:5px;height:5px;border-radius:50%;background:var(--kit-snow,#fff);animation-duration:calc(var(--d,2s)*3)}
@keyframes kit-fall{from{translate:0 0}to{translate:0 136vh}}
.kit-sheet{transform-origin:50% var(--kit-sy,0px);transition:transform .7s var(--kit-e-expo)}
html.kit-sheet-open .kit-sheet{transform:translateY(var(--kit-sheet-y,62vh)) scale(.94);pointer-events:none;overflow:hidden}
html.kit-sheet-open .kit-sheet,html.kit-sheet-closing .kit-sheet{clip-path:inset(var(--kit-sy,0px) 0 0 0 round var(--kit-sheet-r,24px))}
html.kit-sheet-open .kit-overlay{bottom:auto;height:var(--kit-sheet-y,62vh)}
.kit-overlay.kit-marks a{position:relative}.kit-overlay.kit-marks a::before{content:"";position:absolute;left:-1.1em;top:50%;width:.45em;height:.45em;background:var(--kit-mark,var(--accent,currentColor));transform:translateY(-50%) scale(0);transition:transform .3s var(--kit-e-back)}
.kit-overlay.kit-marks a:hover::before,.kit-overlay.kit-marks a:focus-visible::before,.kit-overlay.kit-marks a.on::before{transform:translateY(-50%) scale(1)}
[data-kit="menu"][data-fill]{isolation:isolate}[data-kit="menu"][data-fill]::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--kit-menu-fill,var(--accent,currentColor));transform:scale(0);transition:transform .35s var(--kit-e-back);z-index:-1}[data-kit="menu"][data-fill].open::before{transform:scale(1)}
[data-kit="slideshow"][data-wipe="push-y"] .kit-frames>*{clip-path:none;transform:translateY(102%);transition:none}
[data-kit="slideshow"][data-wipe="push-y"] .kit-frames>.on{clip-path:none;transform:none;transition:transform .8s var(--kit-e-expo);z-index:2}
[data-kit="slideshow"][data-wipe="push-y"] .kit-frames>.prev{clip-path:none;transform:translateY(-102%);transition:transform .8s var(--kit-e-expo);z-index:1}
/* v96.3 (Vertical Tabs): назад — кадр въезжает сверху, прежний уходит вниз; описание у активного пункта; полоса прогресса у пункта */
[data-kit="slideshow"][data-wipe="zoom"] .kit-frames{overflow:hidden}[data-kit="slideshow"][data-wipe="zoom"] .kit-frames>*{clip-path:none;opacity:0;transition:none;transform:none}[data-kit="slideshow"][data-wipe="zoom"] .kit-frames>.on{opacity:1;animation:kit-zoom-in var(--kit-zoom-d,1050ms) cubic-bezier(.16,.8,.2,1) both;z-index:2}[data-kit="slideshow"][data-wipe="zoom"] .kit-frames>.prev{opacity:1;z-index:1;transition:filter .9s ease,transform 1.4s cubic-bezier(.2,.7,.2,1);filter:brightness(.42);transform:scale(1.04)}[data-kit="slideshow"][data-wipe="zoom"][data-dir="b"] .kit-frames>.on{--kit-depth:.74}@keyframes kit-zoom-in{from{transform:scale(var(--kit-depth,1.35));filter:blur(14px) brightness(1.2);opacity:0}35%{opacity:1}to{transform:none;filter:none;opacity:1}}.kit-ghost{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;pointer-events:none;z-index:3;animation:kit-ghost var(--kit-zoom-d,1050ms) cubic-bezier(.16,.8,.2,1) both;animation-delay:calc(var(--g,0)*40ms)}@keyframes kit-ghost{from{transform:scale(calc(1.35 + .21*(var(--g,0) + 1)));opacity:.6}to{transform:none;opacity:0}}
[data-kit="slideshow"][data-wipe="fly"] .kit-frames{overflow:hidden;transform:rotate(var(--kit-fly-tilt,0deg))}[data-kit="slideshow"][data-wipe="fly"] .kit-frames>*{clip-path:none;transform:translate(-50%,125%) rotate(-30deg);transition:none}[data-kit="slideshow"][data-wipe="fly"] .kit-frames>.on{transform:none;transition:transform 1.25s var(--kit-e-expo);z-index:2}[data-kit="slideshow"][data-wipe="fly"] .kit-frames>.prev{transform:none;z-index:1}
[data-kit="slideshow"][data-wipe="push-y"][data-dir="b"] .kit-frames>*{transform:translateY(-102%)}[data-kit="slideshow"][data-wipe="push-y"][data-dir="b"] .kit-frames>.on{transform:none}[data-kit="slideshow"][data-wipe="push-y"][data-dir="b"] .kit-frames>.prev{transform:translateY(102%)}
[data-kit="slideshow"] .kit-list .kit-desc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--kit-e-quint)}[data-kit="slideshow"] .kit-list>.on .kit-desc{grid-template-rows:1fr}[data-kit="slideshow"] .kit-list .kit-desc>*{overflow:hidden;min-height:0;margin:0}
[data-kit="slideshow"].kit-line .kit-list>*{position:relative}[data-kit="slideshow"].kit-line .kit-list>*::before{content:"";position:absolute;left:var(--kit-line-x,-16px);top:0;bottom:0;width:2px;background:var(--line,rgba(0,0,0,.12))}[data-kit="slideshow"].kit-line .kit-list>.on::after{content:"";position:absolute;left:var(--kit-line-x,-16px);top:0;bottom:0;width:2px;background:var(--accent,currentColor);transform:scaleY(0);transform-origin:top;animation:kit-fill var(--kit-cycle-d,5000ms) linear forwards}[data-kit="slideshow"].kit-line.kit-paused .kit-list>.on::after{animation-play-state:paused}@keyframes kit-fill{to{transform:scaleY(1)}}
[data-kit="slideshow"] .kit-texts>*:not(.on){display:none!important}
@media(prefers-reduced-motion:reduce){.kit-pixel rect{opacity:1!important;transition:none!important}.kit-sheet{transition:none!important}.kit-weather,.kit-brush{display:none!important}[data-kit="slideshow"][data-wipe="push-y"] .kit-frames>*,[data-kit="slideshow"][data-wipe="fly"] .kit-frames>*{transition:none!important}[data-kit="slideshow"][data-wipe="zoom"] .kit-frames>*{animation:none!important;filter:none!important;transform:none!important;transition:none!important}.kit-ghost{display:none!important}.kit-shape{clip-path:none!important;transition:none!important}}
/* v95.4 (матрица кнопок владельца; каталог 21st.dev «подвалы»): ореол на тёмном, иконка-плитка, split-кнопка, живая точка статуса, полоса точек с вырезанным именем — цвета через роли палитры и переменные страницы */
.kit-btn-glow{position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.14);transition:box-shadow .25s var(--kit-e-out),transform .25s var(--kit-e-out)}
.kit-btn-glow:hover,.kit-btn-glow:focus-visible{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px color-mix(in srgb,var(--kit-glow,var(--accent,currentColor)) 70%,transparent),0 8px 28px color-mix(in srgb,var(--kit-glow,var(--accent,currentColor)) 35%,transparent)}
.kit-btn-glow:active{transform:scale(.98)}
.kit-btn-ic{display:inline-grid;place-items:center;width:1.5em;height:1.5em;border-radius:var(--kit-ic-r,.35em);background:color-mix(in srgb,currentColor 18%,transparent);margin-right:.55em;flex:none;line-height:1}.kit-btn-ic.end{margin:0 0 0 .55em}.kit-btn-ic>svg{width:1em;height:1em;display:block}
.kit-btn-split{display:inline-flex;align-items:stretch;position:relative;vertical-align:middle}.kit-btn-split>.kit-btn-main{border-radius:var(--kit-btn-r,8px) 0 0 var(--kit-btn-r,8px)}
.kit-btn-dd{position:relative;display:inline-flex}.kit-btn-dd>summary{list-style:none;display:inline-grid;place-items:center;min-width:44px;height:100%;padding:0 .8em;cursor:pointer;border-radius:0 var(--kit-btn-r,8px) var(--kit-btn-r,8px) 0;border-left:1px solid color-mix(in srgb,currentColor 30%,transparent)}.kit-btn-dd>summary::-webkit-details-marker{display:none}.kit-btn-dd>summary::marker{content:""}
.kit-btn-dd>summary::after{content:"";width:.45em;height:.45em;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-.1em,-.1em);transition:transform .2s}.kit-btn-dd[open]>summary::after{transform:rotate(225deg) translate(.1em,.1em)}
.kit-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:max(100%,12em);z-index:30;margin:0;padding:.4em 0;list-style:none;background:var(--kit-menu-bg,var(--base,#fff));color:var(--kit-menu-ink,var(--ink,#111));border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:var(--kit-btn-r,8px);box-shadow:0 12px 32px -12px rgba(0,0,0,.35);text-align:left}
.kit-menu a{display:block;padding:.55em 1em;text-decoration:none;color:inherit;white-space:nowrap}.kit-menu a:hover,.kit-menu a:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}
.kit-dot{position:relative;display:inline-block;width:.5em;height:.5em;border-radius:50%;background:var(--kit-dot,var(--accent,currentColor));vertical-align:middle;margin-right:.5em;flex:none}.kit-dot::before{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;opacity:.6;animation:kit-ping 1.6s cubic-bezier(0,0,.2,1) infinite}@keyframes kit-ping{75%,100%{transform:scale(2.4);opacity:0}}
[data-kit="dither"]{position:relative;overflow:hidden;height:var(--kit-dither-h,240px);--kit-dither-accent:var(--accent,currentColor)}
.kit-dither-field{position:absolute;inset:0}
.kit-dither-field.lit{-webkit-mask-image:radial-gradient(circle 190px at var(--x,50%) var(--y,50%),#000 35%,rgb(0 0 0/.22) 100%);mask-image:radial-gradient(circle 190px at var(--x,50%) var(--y,50%),#000 35%,rgb(0 0 0/.22) 100%)}
.kit-dither-dots{position:absolute;top:0;bottom:0;left:0;width:calc(100% + 360px);background:var(--kit-dither-accent);-webkit-mask-image:radial-gradient(circle,#000 .9px,transparent 1.3px),url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27360%27%20height%3D%27240%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270.04%27%20stop-color%3D%27%23000%27%2F%3E%3Cstop%20offset%3D%270.96%27%20stop-color%3D%27%23fff%27%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%27f%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20color-interpolation-filters%3D%27sRGB%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.45%27%20numOctaves%3D%272%27%20seed%3D%277%27%20stitchTiles%3D%27stitch%27%20result%3D%27n%27%2F%3E%3CfeColorMatrix%20in%3D%27n%27%20type%3D%27matrix%27%20values%3D%271%200%200%200%200%201%200%200%200%200%201%200%200%200%200%200%200%200%200%201%27%20result%3D%27ng%27%2F%3E%3CfeComposite%20in%3D%27SourceGraphic%27%20in2%3D%27ng%27%20operator%3D%27arithmetic%27%20k2%3D%270.5%27%20k3%3D%270.5%27%20result%3D%27s%27%2F%3E%3CfeComponentTransfer%20in%3D%27s%27%20result%3D%27t%27%3E%3CfeFuncR%20type%3D%27discrete%27%20tableValues%3D%270%201%27%2F%3E%3C%2FfeComponentTransfer%3E%3CfeColorMatrix%20in%3D%27t%27%20type%3D%27matrix%27%20values%3D%270%200%200%200%201%200%200%200%200%200.5%200%200%200%200%200%201%200%200%200%200%27%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20fill%3D%27url%28%23g%29%27%20filter%3D%27url%28%23f%29%27%2F%3E%3C%2Fsvg%3E");mask-image:radial-gradient(circle,#000 .9px,transparent 1.3px),url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27360%27%20height%3D%27240%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270.04%27%20stop-color%3D%27%23000%27%2F%3E%3Cstop%20offset%3D%270.96%27%20stop-color%3D%27%23fff%27%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%27f%27%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20color-interpolation-filters%3D%27sRGB%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.45%27%20numOctaves%3D%272%27%20seed%3D%277%27%20stitchTiles%3D%27stitch%27%20result%3D%27n%27%2F%3E%3CfeColorMatrix%20in%3D%27n%27%20type%3D%27matrix%27%20values%3D%271%200%200%200%200%201%200%200%200%200%201%200%200%200%200%200%200%200%200%201%27%20result%3D%27ng%27%2F%3E%3CfeComposite%20in%3D%27SourceGraphic%27%20in2%3D%27ng%27%20operator%3D%27arithmetic%27%20k2%3D%270.5%27%20k3%3D%270.5%27%20result%3D%27s%27%2F%3E%3CfeComponentTransfer%20in%3D%27s%27%20result%3D%27t%27%3E%3CfeFuncR%20type%3D%27discrete%27%20tableValues%3D%270%201%27%2F%3E%3C%2FfeComponentTransfer%3E%3CfeColorMatrix%20in%3D%27t%27%20type%3D%27matrix%27%20values%3D%270%200%200%200%201%200%200%200%200%200.5%200%200%200%200%200%201%200%200%200%200%27%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20fill%3D%27url%28%23g%29%27%20filter%3D%27url%28%23f%29%27%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:4px 4px,360px 240px;mask-size:4px 4px,360px 240px;-webkit-mask-repeat:repeat,repeat-x;mask-repeat:repeat,repeat-x;-webkit-mask-position:0 0,left bottom;mask-position:0 0,left bottom;-webkit-mask-composite:source-in;mask-composite:intersect}
.kit-dither-mark{position:absolute;left:var(--kit-dither-x,.75rem);bottom:-.05em;margin:0;font-size:var(--kit-dither-size,clamp(5rem,21vw,13rem));font-weight:var(--kit-dither-weight,700);line-height:.8;letter-spacing:-.06em;color:var(--kit-dither-cut,var(--base,#fff));pointer-events:none;user-select:none;white-space:nowrap}
@media(prefers-reduced-motion:no-preference){.kit-dither-dots{animation:kit-drift 40s linear infinite}@supports(animation-timeline:view()){[data-kit="dither"]{view-timeline:--kit-dither}.kit-dither-mark{animation:kit-rise linear both;animation-timeline:--kit-dither;animation-range:entry 20% entry 100%}}}
@keyframes kit-drift{to{translate:-360px 0}}@keyframes kit-rise{from{translate:0 30%}}
@media(prefers-reduced-motion:reduce){.kit-btn-glow,.kit-btn-dd>summary::after{transition:none}.kit-dot::before{animation:none}.kit-dither-dots{animation:none}}
/* v95.6 (каталог 21st.dev «подвалы», день второй): кольца текста, занавес снизу, имя контуром — цвета через роли палитры */
[data-kit="rings"]{position:relative;overflow:hidden;height:var(--kit-rings-h,50vw);max-height:var(--kit-rings-max,560px)}[data-kit="rings"] svg.kit-rings{position:absolute;inset:0;width:100%;height:100%;display:block;font-family:inherit}
.kit-ring{animation:kit-ring-spin linear infinite;will-change:transform}@keyframes kit-ring-spin{to{transform:rotate(360deg)}}[data-kit="rings"].paused .kit-ring{animation-play-state:paused}@media(prefers-reduced-motion:no-preference){svg.kit-rings{animation:kit-rings-in .55s cubic-bezier(.22,1,.36,1) both}}@keyframes kit-rings-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.kit-ring-band{stroke:var(--kit-ring,var(--ink,#111))}.kit-ring-text{fill:var(--kit-ring-ink,var(--base,#fff));user-select:none;pointer-events:none}
footer.kit-under{position:sticky;bottom:0;z-index:0}html:has(footer.kit-under) main{position:relative;z-index:1;background:var(--base,#fff)}html:has(footer.kit-under) body{overflow-x:clip}
.kit-outline{-webkit-text-stroke:var(--kit-stroke,1px) currentColor;-webkit-text-fill-color:transparent;paint-order:stroke fill}
/* v96.0/v96.1: peek — кадр строки за курсором (два кадра для кроссфейда, data-peek-ratio=1 — квадрат); статичные миниатюры на тач-экранах и при reduced-motion */
.kit-peek{position:fixed;left:0;top:0;width:var(--kit-peek-w,280px);aspect-ratio:4/3;margin:0;pointer-events:none;z-index:70;opacity:0;overflow:hidden;border-radius:var(--kit-peek-r,6px);transform:translate(-9999px,-9999px);transition:opacity .25s ease;will-change:transform}.kit-peek.kit-peek-sq{aspect-ratio:1;border-radius:var(--kit-peek-r,16px)}.kit-peek.on{opacity:1}.kit-peek img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transform:scale(.96);transition:opacity .25s cubic-bezier(.2,.9,.3,1.05),transform .25s cubic-bezier(.2,.9,.3,1.05)}.kit-peek img.on{opacity:1;transform:none}[data-kit~="peek"][data-dim].kit-peek-on [data-peek]:not(.on){opacity:.5;transition:opacity .2s}
/* v96.2 (Text Reveal Mask): lines — маска по строкам; words/chars — единицы внутри строки */
.kit-lines-host{display:block}.kit-lines .kit-ln-i{display:block;transform:translateY(110%);transition:transform var(--kit-lines-dur,.8s) var(--kit-e-expo) calc(var(--i,0)*var(--kit-lines-st,80ms));will-change:transform;backface-visibility:hidden}.kit-lines-host.on .kit-lines .kit-ln-i{transform:none}.kit-lines-word .kit-ln-i,.kit-lines-char .kit-ln-i{transform:none;transition:none}.kit-lines .kit-u{display:inline-block;transform:translateY(110%);transition:transform var(--kit-lines-dur,.6s) var(--kit-e-expo) calc(var(--i,0)*var(--kit-lines-st,60ms))}.kit-lines-host.on .kit-u{transform:none}
/* v96.2 (Dual Wipe Reveal, Scroll Hero): reveal wipe/grow/scrub */
.kit-wipe{position:relative;display:inline-block;overflow:hidden}.kit-wipe::before,.kit-wipe::after{content:"";position:absolute;inset:-.1em;transform:scaleX(1);transform-origin:right center;transition:transform .5s cubic-bezier(.65,0,.35,1);pointer-events:none}.kit-wipe::before{background:var(--accent,currentColor);z-index:1;transition-delay:calc(var(--kit-wd,0ms) + .1s)}.kit-wipe::after{background:var(--ink,currentColor);z-index:2;transition-delay:var(--kit-wd,0ms)}.kit-wipe.on::before,.kit-wipe.on::after{transform:scaleX(0)}.kit-wipe[data-dir="right"]::before,.kit-wipe[data-dir="right"]::after{transform-origin:left center}.kit-wipe[data-dir="up"]::before,.kit-wipe[data-dir="up"]::after{transform:scaleY(1);transform-origin:center top}.kit-wipe[data-dir="down"]::before,.kit-wipe[data-dir="down"]::after{transform:scaleY(1);transform-origin:center bottom}.kit-wipe[data-dir="up"].on::before,.kit-wipe[data-dir="up"].on::after,.kit-wipe[data-dir="down"].on::before,.kit-wipe[data-dir="down"].on::after{transform:scaleY(0)}
.kit-grow{transform-origin:50% 100%;transform:scale(.9);border-radius:var(--kit-grow-r,1rem) var(--kit-grow-r,1rem) 0 0;transition:transform .8s var(--kit-e-quint),border-radius .8s var(--kit-e-quint);overflow:hidden}.kit-grow.on{transform:none;border-radius:0}@supports(animation-timeline:view()){.kit-grow{transition:none;animation:kit-grow-in linear both;animation-timeline:view();animation-range:entry 0% entry 50%}@keyframes kit-grow-in{from{transform:scale(.9);border-radius:var(--kit-grow-r,1rem) var(--kit-grow-r,1rem) 0 0}to{transform:none;border-radius:0}}}.kit-scrub-reveal{will-change:clip-path,opacity}
/* v96.2 (Text Cycle): смена слова */
.kit-cycle{position:relative;display:inline-block;white-space:nowrap;vertical-align:bottom}.kit-cycle-lock{visibility:hidden}.kit-cycle-w{position:absolute;left:0;top:0;white-space:nowrap}.kit-cycle-c{display:inline-block;padding:.02em 0}.kit-cycle-w.in .kit-cycle-c{animation:kit-cy-in .3s ease-out calc(var(--i,0)*30ms) both}.kit-cycle-w.out .kit-cycle-c{animation:kit-cy-out .3s ease-in calc(var(--i,0)*30ms) both}@keyframes kit-cy-in{from{opacity:0;filter:blur(5px);transform:translateY(5px)}to{opacity:1;filter:blur(0);transform:none}}@keyframes kit-cy-out{from{opacity:1}to{opacity:0;filter:blur(5px);transform:translateY(-5px)}}
/* v96.2 (Scroll Hero Section): band — липкая лента глаголов с полосой чтения */
.kit-band{position:sticky;top:calc((var(--kit-n,1) - 1) * -1 * var(--kit-lh,1.2em));margin-bottom:var(--kit-band-space,50vh)}.kit-band .kit-band-in{padding-top:calc(50vh - var(--kit-lh,1.2em) * .5)}.kit-band .kit-band-prefix{position:sticky;top:calc(50vh - var(--kit-lh,1.2em) * .5);display:inline-block;vertical-align:top}.kit-band ul,.kit-band ol{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:top}.kit-band li{color:var(--kit-band-dim,color-mix(in srgb,currentColor 25%,transparent));transition:color .25s}.kit-band li.on{color:var(--accent,currentColor)}@media(max-width:640px){.kit-band .kit-band-prefix{display:block;position:static}}
/* v96.2 (Horizontal Scroll Gallery): sideways — пин «вертикаль → горизонталь», откат в ленту */
[data-kit~="sideways"]{position:relative}[data-kit~="sideways"] .kit-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}[data-kit~="sideways"] .kit-track{display:flex;gap:var(--kit-gap,1rem);width:max-content;will-change:transform;padding:0 var(--kit-side,5vw)}.kit-sideways-rail .kit-pin{position:static;height:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kit-sideways-rail .kit-track{transform:none!important}.kit-sideways-rail .kit-track>*{scroll-snap-align:center}
/* v96.2 (Immersive Scroll Gallery): zoom — разлёт кадров с масштабом */
[data-kit~="zoom"]{position:relative;height:calc(100vh + var(--kit-len,100vh));--p:0}[data-kit~="zoom"] .kit-zoom-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}[data-kit~="zoom"] .kit-zoom-l{position:absolute;inset:0;display:grid;place-items:center;transform:scale(calc(1 + var(--p,0) * (var(--k,4) - 1)));opacity:calc(1 - var(--p,0));will-change:transform,opacity;contain:paint}[data-kit~="zoom"][data-hold="1"] .kit-zoom-l:first-child{opacity:1}[data-kit~="zoom"] .kit-zoom-l figure{margin:0;width:var(--w,25vw);height:var(--h,25vh);translate:var(--x,0) var(--y,0);overflow:hidden}[data-kit~="zoom"] .kit-zoom-l img{width:100%;height:100%;object-fit:cover;display:block}[data-kit~="zoom"] .kit-zoom-text{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:0 8vw;opacity:clamp(0,calc((var(--p,0) - .6) / .2),1);transform:scale(calc(.8 + .2 * clamp(0,calc((var(--p,0) - .6) / .2),1)))}@media(max-width:820px){[data-kit~="zoom"] .kit-zoom-l:nth-child(n+4){display:none}[data-kit~="zoom"] .kit-zoom-l{transform:scale(calc(1 + var(--p,0) * (min(var(--k,4),4) - 1)))}}.kit-zoom-static .kit-zoom-l{opacity:.35!important;transform:none!important}.kit-zoom-static .kit-zoom-text{opacity:1!important;transform:none!important}
/* v96.2 (Stagger Text): roll — перекат букв */
.kit-roll{display:inline-block;overflow:clip}.kit-roll-w{display:inline-flex}.kit-roll-c{display:inline-flex;flex-direction:column;height:var(--kit-roll-h,1.15em);line-height:var(--kit-roll-lh,1.15);overflow:hidden}.kit-roll-c i{display:block;font-style:normal;transition:transform .3s ease calc(var(--i,0)*20ms)}.kit-roll.on .kit-roll-c i{transform:translateY(-100%);transition:transform .4s ease-in-out calc(var(--d,var(--i,0))*40ms)}.kit-roll[data-dir=ltr] .kit-roll-c i,.kit-roll[data-dir=ltr].on .kit-roll-c i{transition:transform .3s ease-in-out calc(var(--i,0)*25ms)}
/* v96.1: faq — аккордеон на <details> с анимацией высоты, шевроном или «+ → −», пилюлей-близостью */
.kit-faq{position:relative}.kit-faq details{position:relative;z-index:1}.kit-faq summary{list-style:none;cursor:pointer;position:relative;padding-inline-end:28px}.kit-faq summary::-webkit-details-marker{display:none}.kit-faq summary::after{content:"";position:absolute;inset-inline-end:8px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s cubic-bezier(.2,0,0,1),margin-top .2s cubic-bezier(.2,0,0,1)}.kit-faq details[open]>summary::after{transform:rotate(225deg);margin-top:-2px}
.kit-faq[data-icon="plus"] summary::after,.kit-faq[data-icon="plus"] summary::before{content:"";position:absolute;inset-inline-end:6px;top:50%;width:12px;height:2px;margin-top:-1px;border:0;background:currentColor;border-radius:1px;transform:none;transition:transform .2s cubic-bezier(.2,0,0,1)}.kit-faq[data-icon="plus"] summary::after{transform:rotate(90deg)}.kit-faq[data-icon="plus"] details[open]>summary::after{transform:rotate(0)}
.kit-faq-body{transition:height .32s cubic-bezier(.2,0,0,1)}.kit-faq-body>*{transition:opacity .18s cubic-bezier(.23,1,.32,1) .06s,transform .18s cubic-bezier(.23,1,.32,1) .06s}.kit-faq details:not([open]) .kit-faq-body>*{opacity:0;transform:translateY(3px)}.kit-faq details.closing .kit-faq-body>*{opacity:0;transition:opacity .14s cubic-bezier(.4,0,1,1)}.kit-faq[data-tint] details[open]{background:color-mix(in srgb,var(--accent,currentColor) 12%,transparent);border-radius:8px}
.kit-faq-pill{position:absolute;left:0;right:0;top:0;height:0;z-index:0;border-radius:8px;background:color-mix(in srgb,currentColor 6%,transparent);pointer-events:none;opacity:0;transition:transform .18s cubic-bezier(.2,0,0,1),height .18s cubic-bezier(.2,0,0,1),opacity .15s}
/* v96.1: slots — выбор удобного времени: неделя, дни, слоты; вход строки недели со сдвигом 8px (@starting-style), тач-зоны ≥44px */
.kit-slots{display:grid;gap:12px}.kit-slots-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.kit-slots-head b{font-weight:600;text-transform:capitalize}.kit-slots-prev,.kit-slots-next{width:40px;height:40px;border-radius:50%;border:1px solid var(--line,color-mix(in srgb,currentColor 18%,transparent));background:none;color:inherit;font:inherit;font-size:1.3em;line-height:1;cursor:pointer}.kit-slots-prev:disabled,.kit-slots-next:disabled{opacity:.3;cursor:not-allowed}
.kit-slots-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;transition:opacity .3s,transform .3s cubic-bezier(.25,.46,.45,.94)}@starting-style{.kit-slots-days{opacity:0;transform:translateX(calc(8px * var(--dir,1)))}}.kit-slots-day{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:4px 0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:8px}.kit-slots-day small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.kit-slots-day span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;transition:background-color .15s,color .15s}.kit-slots-day.today span{background:color-mix(in srgb,currentColor 10%,transparent);font-weight:600}.kit-slots-day:hover:not(:disabled) span{background:color-mix(in srgb,currentColor 14%,transparent)}.kit-slots-day[aria-pressed="true"] span{background:var(--ink,currentColor);color:var(--base,#fff);font-weight:600}.kit-slots-day:disabled{opacity:.3;cursor:not-allowed}
.kit-slots-chosen{margin:0;min-height:1.5em;font-size:.95em;opacity:.8}.kit-slots-chosen:empty{display:none}.kit-slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;transition:opacity .3s,transform .3s cubic-bezier(.25,.46,.45,.94)}@starting-style{.kit-slots-grid{opacity:0;transform:translateY(4px)}}.kit-slot{min-height:44px;border:1px solid var(--line,color-mix(in srgb,currentColor 18%,transparent));border-radius:10px;background:none;color:inherit;font:inherit;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.kit-slot:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.kit-slot[aria-pressed="true"]{background:var(--ink,currentColor);color:var(--base,#fff);border-color:var(--ink,currentColor)}.kit-slots-day:focus-visible,.kit-slot:focus-visible,.kit-slots-prev:focus-visible,.kit-slots-next:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.kit-peek-thumb{width:var(--kit-peek-thumb,72px);aspect-ratio:1;object-fit:cover;border-radius:var(--kit-peek-r,6px);flex:none}p[data-kit~="peek"] b[data-peek],p[data-kit~="peek"] span[data-peek]{text-decoration:underline dotted;text-underline-offset:.2em;cursor:pointer}p.kit-peek-static b[data-peek] .kit-peek-thumb,p.kit-peek-static span[data-peek] .kit-peek-thumb{display:inline-block;width:2.4em;height:1.6em;aspect-ratio:auto;vertical-align:middle;margin-left:.3em;border-radius:4px}[data-kit~="peek"] [data-peek]{cursor:pointer}
@media(prefers-reduced-motion:reduce){.kit-wipe::before,.kit-wipe::after{display:none}.kit-grow{animation:none!important;transition:none!important;transform:none!important;border-radius:0!important}.kit-cycle-w.in .kit-cycle-c,.kit-cycle-w.out .kit-cycle-c{animation:none!important}.kit-cycle-w.out{display:none}.kit-sh-s{display:none!important}.kit-sh-c{opacity:1!important;animation:none!important}.kit-scrub-reveal{clip-path:none!important;opacity:1!important}.kit-ring{animation:none!important}svg.kit-rings{animation:none!important}.kit-peek{transition:none!important}.kit-faq-body,.kit-faq-body>*,.kit-faq summary::after,.kit-faq summary::before,.kit-faq-pill{transition:none!important}.kit-slots-days,.kit-slots-grid{transition:none!important}[data-kit="quiz"] .kit-step.on{animation:none!important}[data-kit="strips"] .kit-strip .kit-meta{animation:none!important}.kit-stack-bg img,.kit-stack-title{transition:none!important}}
@media(prefers-reduced-motion:reduce){.kit-scrub{opacity:1!important}.kit-char{transform:none!important}.kit-ink{stroke-dashoffset:0!important;fill-opacity:1!important;transition:none!important}#kit-cursor{display:none!important}.kit-intro,.kit-intro-mask .kit-ln-i{opacity:1!important;transform:none!important;animation:none!important}.kit-haze{opacity:1!important;filter:none!important;transform:none!important}[data-kit="story"] .kit-frame{transition:opacity .4s linear!important;transform:none!important;clip-path:none!important}[data-kit="story"] .kit-step{opacity:1!important;transform:none!important}.kit-cut-c,.kit-word,.kit-scene,.kit-cap,.kit-cap .kit-mask>*,[data-kit="sticky"],.kit-overlay a,.kit-overlay button{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}.kit-word{opacity:1}.kit-pin{transform:translate(-50%,-50%)!important;transition:none!important}.kit-count .kit-num{opacity:1!important;transform:none!important;transition:none!important}[data-kit="strips"] .kit-strip{transition:none!important}[data-kit="stack"] .kit-panel{transform:none!important;opacity:1!important}}
/* ================= v96.3 (код 21st.dev): навигация, оглавления, табы, меню, шлейф ================= */
/* spy — чипсы по секциям (Scroll Spy) */
.kit-spy{position:relative}.kit-spy ol,.kit-spy ul{list-style:none;margin:0;padding:4px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-radius:10px;background:color-mix(in srgb,var(--ink,#111) 6%,transparent);box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}.kit-spy ol::-webkit-scrollbar,.kit-spy ul::-webkit-scrollbar{display:none}.kit-spy li{flex:1 0 auto;position:relative;z-index:1;margin:0;padding:0}.kit-spy a{display:flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:6px;font-size:12.5px;text-decoration:none;color:var(--muted,inherit);white-space:nowrap;transition:color .15s}.kit-spy a.on{color:var(--base,#fff)}.kit-spy a:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--accent,currentColor);background:color-mix(in srgb,var(--accent,currentColor) 6%,transparent)}
.kit-spy-pill{position:absolute;left:0;top:4px;bottom:4px;width:var(--w,0px);transform:translateX(var(--x,0px));border-radius:6px;background:var(--ink,#111);opacity:0;transition:transform .32s var(--kit-e-out),width .32s var(--kit-e-out),opacity .2s;pointer-events:none;z-index:0}.kit-spy-pill.show{opacity:1}
.kit-spy-ind-line ol,.kit-spy-ind-line ul{background:none;box-shadow:none;border-radius:0;padding:0 0 4px;border-bottom:1px solid var(--line,rgba(0,0,0,.12))}.kit-spy-ind-line .kit-spy-pill{top:auto;bottom:-1px;height:2px;border-radius:1px;background:var(--accent,currentColor)}.kit-spy-ind-line a.on{color:var(--ink,inherit)}.kit-spy-ind-none a.on{color:var(--ink,inherit);font-weight:600}
/* ind — плывущий индикатор ряда (Animated Navigation Tabs, Navbar hover) */
.kit-ind{position:absolute;left:0;top:0;width:var(--w,0px);height:var(--h,0px);transform:translate(var(--x,0px),var(--y,0px));pointer-events:none;opacity:0;transition:transform .45s cubic-bezier(.4,0,.1,1),width .45s cubic-bezier(.4,0,.1,1),height .45s cubic-bezier(.4,0,.1,1),opacity .2s;z-index:0}.kit-ind.show{opacity:1}.kit-ind-line{top:auto;bottom:0;height:2px!important;transform:translateX(var(--x,0px));background:currentColor}.kit-ind-pill{border-radius:6px;background:color-mix(in srgb,currentColor 10%,transparent)}.kit-ind-host>*{position:relative;z-index:1}.kit-ind-host>.kit-ind{z-index:0}
/* ruler — линейка прогресса чтения (Scroll Bars) */
.kit-ruler{position:relative;display:block;box-sizing:content-box;width:251px;height:36px;padding:16px;border:2px solid var(--line,currentColor);border-radius:var(--kit-ruler-r,24px);background:var(--base,transparent)}.kit-ruler::before{content:"";position:absolute;left:16px;top:16px;width:251px;height:36px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 25px),repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 5px);background-size:100% 100%,100% 24px;background-position:0 0,0 6px;background-repeat:no-repeat;transform:scaleY(0);transform-origin:bottom;transition:transform .8s var(--kit-e-back)}.kit-ruler::after{content:"";position:absolute;left:16px;top:14px;width:4px;height:40px;border-radius:999px;background:var(--accent,currentColor);transform:translateX(calc(var(--p,0)*247px)) scaleY(0);transform-origin:bottom;transition:transform .35s var(--kit-e-out)}.kit-ruler.in::before{transform:none}.kit-ruler.in::after{transform:translateX(calc(var(--p,0)*247px)) scaleY(1)}
/* mercury — ртутное оглавление (TOC Minimap Mercury) */
.kit-mercury{position:fixed;right:16px;top:50%;translate:0 -50%;z-index:60;width:48px;height:60vh;color:var(--ink,#111)}.kit-mercury svg{display:block;width:48px;height:100%;overflow:visible;fill:currentColor}.kit-mercury .kit-mercury-tick{fill:none;stroke:var(--muted,currentColor);transition:opacity .15s}.kit-mercury-btn{position:absolute;right:0;height:32px;translate:0 -50%;padding:0 48px 0 8px;margin:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;display:flex;align-items:center}.kit-mercury-btn span{font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;color:var(--muted,currentColor);opacity:0;translate:-8px 0;transition:opacity .15s ease-out,translate .15s ease-out}.kit-mercury:hover .kit-mercury-btn span,.kit-mercury:focus-within .kit-mercury-btn span{opacity:1;translate:0 0}.kit-mercury-btn.on span{color:var(--ink,currentColor)}.kit-mercury-btn:focus-visible{outline:2px solid var(--accent,currentColor);outline-offset:2px;border-radius:6px}
@media(max-width:820px),(pointer:coarse){.kit-mercury{display:none!important}}
/* dock — рейка-оглавление с лупой и карточкой (Table of Content) */
.kit-dock{position:relative;display:block;height:var(--kit-dock-h,min(35.5rem,70vh))}.kit-dock>ul{display:none}.kit-dock-rail{position:absolute;left:0;top:0;bottom:0;width:4.25rem;touch-action:none;cursor:pointer;outline:none;border-radius:.75rem}.kit-dock-rail::before{content:"";position:absolute;inset:-.5rem -.125rem}.kit-dock-rail i{position:absolute;left:1.1875rem;top:var(--y,0%);width:2.25rem;height:.1875rem;margin-top:-.09375rem;border-radius:.125rem;background:currentColor;transform:scaleX(var(--s,.222));transform-origin:left center;opacity:var(--o,.19);transition:transform .12s var(--kit-e-out),opacity .12s}.kit-dock-rail:focus-visible{box-shadow:0 0 0 3px var(--accent,currentColor)}
.kit-dock-card{position:absolute;left:4.3125rem;top:0;width:min(28.1875rem,100% - 4.8125rem);padding:.875rem 1rem;border:1px solid var(--line,rgba(0,0,0,.12));border-radius:1.125rem;background:var(--base,#fff);box-shadow:0 1px 2px rgba(0,0,0,.05),0 8px 24px -12px rgba(0,0,0,.25);transform:translateY(var(--cy,0px));opacity:0;pointer-events:none;transition:transform .28s var(--kit-e-out),opacity .18s}.kit-dock.open .kit-dock-card{opacity:1}.kit-dock-card b{display:block;font-weight:630;line-height:1.42}.kit-dock-card span{display:block;color:var(--muted,inherit);line-height:1.58;margin-top:.25rem}
@media(max-width:820px){.kit-dock{height:auto}.kit-dock-rail,.kit-dock-card{display:none}.kit-dock>ul{display:block}}
/* tabs — индикатор, лента, морф высоты, направление (Animated Tabs) */
.kit-tab-ind{position:absolute;left:0;bottom:0;height:2px;width:var(--w,0px);transform:translateX(var(--x,0px));background:var(--accent,currentColor);opacity:0;transition:transform .25s cubic-bezier(.34,1.3,.64,1),width .25s cubic-bezier(.34,1.3,.64,1),opacity .2s;pointer-events:none;z-index:0}.kit-tab-ind.show{opacity:1}
.kit-tabs-underline{display:flex;gap:4px;border-bottom:1px solid var(--line,rgba(0,0,0,.12))}.kit-tabs-underline .kit-tab-ind{bottom:-1px}.kit-tabs-pill,.kit-tabs-segment{display:flex;gap:4px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--ink,#111) 8%,transparent)}.kit-tabs-segment{border-radius:10px;gap:0}.kit-tabs-segment .kit-tab{flex:1 1 0}.kit-tabs-pill .kit-tab-ind,.kit-tabs-segment .kit-tab-ind{top:4px;bottom:4px;height:auto;border-radius:999px;background:var(--base,#fff);box-shadow:0 1px 2px rgba(0,0,0,.08)}.kit-tabs-segment .kit-tab-ind{border-radius:8px}.kit-tabs-pill .kit-tab,.kit-tabs-segment .kit-tab,.kit-tabs-underline .kit-tab{position:relative;z-index:1}
.kit-tabs-scroll{overflow-x:auto;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,transparent,#000 34px,#000 calc(100% - 34px),transparent);mask:linear-gradient(90deg,transparent,#000 34px,#000 calc(100% - 34px),transparent)}.kit-tabs-scroll::-webkit-scrollbar{display:none}.kit-morph{transition:height .35s var(--kit-e-quint)}
[data-kit="tabs"] .kit-panel.on{animation:kit-tab-in .3s var(--kit-e-quint)}@keyframes kit-tab-in{from{opacity:0;transform:translateX(calc(var(--kit-dir,1)*8px))}to{opacity:1;transform:none}}
/* menu — шторка от края, пилюля внизу, вход справа, значок-петля (Immersive Full Screen Navigation, Liquid Morph Floating Menu, Navbar 1, Menu Toggle) */
.kit-overlay.closing a,.kit-overlay.closing button{opacity:0;transition:opacity .3s;transition-delay:0s!important}
.kit-overlay.kit-overlay-wipe{transition:clip-path 1.2s var(--kit-e-quart) .2s}.kit-overlay.kit-overlay-wipe.on:not(.pre):not(.closing){clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.kit-overlay.kit-overlay-wipe.closing{transition-delay:0s}
.kit-overlay.kit-wipe-bottom{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.kit-overlay.kit-wipe-bottom.closing{clip-path:polygon(0 0,100% 0,100% 0,0 0)}.kit-overlay.kit-wipe-top{clip-path:polygon(0 0,100% 0,100% 0,0 0)}.kit-overlay.kit-wipe-top.closing{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.kit-overlay.kit-wipe-left{clip-path:polygon(0 0,0 0,0 100%,0 100%)}.kit-overlay.kit-wipe-left.closing{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.kit-overlay.kit-wipe-right{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.kit-overlay.kit-wipe-right.closing{clip-path:polygon(0 0,0 0,0 100%,0 100%)}
.kit-overlay.kit-enter-right{transform:translateX(100%);transition:transform .45s var(--kit-e-out)}.kit-overlay.kit-enter-right.on:not(.pre):not(.closing){transform:none}.kit-overlay.kit-enter-right a,.kit-overlay.kit-enter-right button{transform:translateX(20px);filter:none}
[data-kit="menu"].kit-pill-btn{position:fixed;left:50%;bottom:40px;translate:-50% 0;z-index:82;width:150px;height:48px;padding:0 20px;border-radius:72px;border:1px solid color-mix(in srgb,var(--accent,#ffe862) 78%,#000);background:var(--accent,#ffe862);color:var(--ink,#111);font:inherit;display:flex;align-items:center;justify-content:space-between;transition:transform .3s var(--kit-e-soft),color .3s,background .3s,border-color .3s}[data-kit="menu"].kit-pill-btn:hover{transform:scale(1.05)}[data-kit="menu"].kit-pill-btn.open{background:transparent;border-color:transparent;color:var(--base,#fff);transform:none}
[data-kit="menu"].kit-pill-btn i{left:auto;right:20px;top:50%;width:18px;background:currentColor;transition:transform .4s var(--kit-e-soft),background .3s}[data-kit="menu"].kit-pill-btn i:nth-child(1){margin-top:-4px}[data-kit="menu"].kit-pill-btn i:nth-child(2){margin-top:2px}[data-kit="menu"].kit-pill-btn i:nth-child(3){display:none}[data-kit="menu"].kit-pill-btn.open i:nth-child(1){transform:translateY(3px) rotate(45deg)}[data-kit="menu"].kit-pill-btn.open i:nth-child(2){opacity:1;transform:translateY(-3px) rotate(-45deg)}
.kit-overlay.kit-pill-panel{position:fixed;inset:auto;left:50%;bottom:40px;translate:-50% 0;width:280px;height:260px;border-radius:32px;overflow:hidden;background:var(--accent,#ffe862);z-index:81;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;padding:28px 24px 64px;box-sizing:border-box;transition:width .8s var(--kit-e-soft),height .8s var(--kit-e-soft),border-radius .8s var(--kit-e-soft)}.kit-overlay.kit-pill-panel.pre,.kit-overlay.kit-pill-panel.closing{width:150px;height:48px;border-radius:72px}.kit-overlay.kit-pill-panel.closing{transition-duration:.8s,.15s,.8s}
.kit-overlay.kit-pill-panel::before{content:"";position:absolute;left:50%;bottom:-200%;width:200%;height:200%;border-radius:50%;translate:-50% 0;background:var(--ink,#111);transition:bottom .8s var(--kit-e-soft) .1s;z-index:0}.kit-overlay.kit-pill-panel.on:not(.pre):not(.closing)::before{bottom:-20%}.kit-overlay.kit-pill-panel.closing::before{transition-delay:0s}
.kit-overlay.kit-pill-panel a,.kit-overlay.kit-pill-panel button{position:relative;z-index:1;color:var(--base,#fff);font-size:24px;line-height:1;text-transform:uppercase;letter-spacing:-.03em;text-decoration:none;transform:none;filter:none}
[data-kit="menu"][data-icon="loop"]{min-width:44px;min-height:44px;display:grid;place-items:center}[data-kit="menu"] svg.kit-loop{display:block;width:var(--kit-loop,28px);height:var(--kit-loop,28px);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .6s ease-out}[data-kit="menu"] svg.kit-loop path:first-child{stroke-dasharray:12 63;transition:stroke-dasharray .6s ease-out,stroke-dashoffset .6s ease-out}[data-kit="menu"].open svg.kit-loop{transform:rotate(-45deg)}[data-kit="menu"].open svg.kit-loop path:first-child{stroke-dasharray:20 300;stroke-dashoffset:-32.42px}
header.kit-float{position:sticky;top:16px;z-index:50;margin:16px auto 0;max-width:48rem;padding:12px 24px;border-radius:999px;background:var(--base,#fff);box-shadow:0 10px 30px -12px rgba(0,0,0,.25)}@media(max-width:640px){header.kit-float{max-width:calc(100% - 32px)}}
/* trail — шлейф кадров (Image Trail, Cursor Trail) */
.kit-trail{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:var(--kit-trail-z,0)}.kit-trail-host>:not(.kit-trail){position:relative;z-index:1}.kit-trail-item{position:absolute;left:0;top:0;width:var(--kit-trail-w,120px);height:var(--kit-trail-h,152px);margin:0;opacity:0;will-change:transform;border-radius:12px;overflow:hidden;box-sizing:border-box}.kit-trail-item img{width:100%;height:100%;object-fit:cover;display:block}.kit-trail-item.live{opacity:1}
.kit-trail-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 8px 8px;font-size:12px;line-height:1.2;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.45) 50%,rgba(0,0,0,.85))}.kit-trail-framed .kit-trail-item{padding:6px;background:color-mix(in srgb,var(--base,#fff) 90%,transparent);border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 50px -18px rgba(0,0,0,.65),0 0 0 1px rgba(0,0,0,.1);border-radius:16px}.kit-trail-framed .kit-trail-item img{border-radius:12px}.kit-trail-framed .kit-trail-item::before{content:"";position:absolute;left:12px;right:12px;top:4px;height:1px;background:rgba(255,255,255,.6);opacity:.7;z-index:1}.kit-trail-framed .kit-trail-item figcaption{left:6px;right:6px;bottom:6px;border-radius:0 0 12px 12px}
.kit-trail-pop .kit-trail-item{width:var(--kit-trail-w,96px);height:var(--kit-trail-h,96px);border-radius:8px}.kit-trail-soft .kit-trail-item{width:var(--kit-trail-w,100px);height:var(--kit-trail-h,100px);border-radius:4px}
.kit-trail-static .kit-trail-item{opacity:calc(1 - var(--i,0)*.15);left:calc(50% + (var(--i,0) - 1)*34%);top:50%;transform:translate(-50%,-50%) rotate(calc((var(--i,0) - 1)*4deg))}
@media(prefers-reduced-motion:reduce){.kit-spy-pill,.kit-ind,.kit-tab-ind,.kit-dock-rail i,.kit-dock-card,.kit-overlay.kit-pill-panel,.kit-overlay.kit-pill-panel::before,.kit-ruler::before,.kit-ruler::after,.kit-mercury-btn span,.kit-morph,[data-kit="menu"] svg.kit-loop,[data-kit="menu"] svg.kit-loop path,[data-kit="menu"].kit-pill-btn,[data-kit="menu"].kit-pill-btn i,[data-kit="slideshow"] .kit-list .kit-desc{transition:none!important}.kit-overlay.kit-overlay-wipe{clip-path:none!important;transition:none!important}.kit-overlay.kit-enter-right{transform:none!important;transition:none!important}.kit-curtain-word{animation:none!important;opacity:1!important}.kit-curtain-mark{transition:none!important}.kit-curtain[data-edge="arc"]::after{display:none}[data-kit="tabs"] .kit-panel.on{animation:none!important}[data-kit="slideshow"].kit-line .kit-list>.on::after{animation:none!important;transform:none!important}.kit-ruler::before,.kit-ruler.in::after{transform:translateX(calc(var(--p,0)*247px))!important}.kit-ruler::before{transform:none!important}}
/* ================= v96.4 (код 21st.dev): кадры и подвалы ================= */
/* ticker — обратный ход и наклонная марка; depth — блобы */
.kit-ticker-rev>*{animation-direction:reverse}.kit-ticker-tilt{rotate:var(--kit-tilt,-2deg);scale:1.1}.kit-blob{position:absolute;width:var(--kit-blob,128px);height:var(--kit-blob,128px);border-radius:50%;filter:blur(var(--kit-blob-blur,56px));background:color-mix(in srgb,var(--accent,#888) 12%,transparent);pointer-events:none}
/* rail — точки и снап карусели (Testimonial Carousel) */
[data-kit="rail"].kit-rail-snap{scroll-snap-type:x mandatory}[data-kit="rail"].kit-rail-snap>*{flex:0 0 100%;scroll-snap-align:start}[data-kit="rail"].kit-rail-snap:focus-visible{outline:2px solid var(--accent,currentColor);outline-offset:4px}.kit-rail-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}.kit-rail-dots button{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,currentColor 30%,transparent);transition:width .3s var(--kit-e-out),background .3s;cursor:pointer}.kit-rail-dots button.on{width:24px;background:var(--accent,currentColor)}
/* lightbox — раскладки и диалог (Masonry Lightbox, Grayscale Mosaic Gallery) */
.kit-columns{columns:2;column-gap:var(--kit-col-gap,clamp(12px,1.5vw,20px))}@media(min-width:640px){.kit-columns{columns:3}}@media(min-width:960px){.kit-columns{columns:var(--kit-cols,4)}}.kit-columns>*{break-inside:avoid;margin:0 0 var(--kit-col-gap,clamp(12px,1.5vw,20px))}.kit-columns img{width:100%;height:auto;display:block}
.kit-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);aspect-ratio:3/2;gap:8px}.kit-mosaic>*{margin:0;min-width:0;min-height:0;overflow:hidden;border-radius:8px}.kit-mosaic>*:first-child{grid-column:span 2;grid-row:span 2}.kit-mosaic img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:640px){.kit-mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;aspect-ratio:auto}.kit-mosaic>*{aspect-ratio:3/2}.kit-mosaic>*:first-child{aspect-ratio:1}}
.kit-gray img{filter:grayscale(1);transition:filter .3s}.kit-gray>*:hover img,.kit-gray>*:focus-within img,.kit-gray>*:focus img{filter:none}@media(hover:none){.kit-gray img{filter:none}}
.kit-lb-host>*{cursor:zoom-in;position:relative}.kit-lb-host>*:focus-visible{outline:2px solid var(--accent,currentColor);outline-offset:2px}.kit-lens-host>*::after{content:"+";position:absolute;left:50%;top:50%;width:36px;height:36px;translate:-50% -50%;border-radius:8px;background:color-mix(in srgb,var(--base,#fff) 90%,transparent);color:var(--ink,#111);display:grid;place-items:center;font:400 22px/1 system-ui,sans-serif;opacity:0;transition:opacity .15s;pointer-events:none}.kit-lens-host>*:hover::after,.kit-lens-host>*:focus-visible::after{opacity:1}
dialog.kit-lightbox{border:0;padding:0;background:transparent;max-width:min(90vw,1100px);max-height:90vh;overflow:visible;color:#fff}dialog.kit-lightbox::backdrop{background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}dialog.kit-lightbox .kit-lb-fig{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#111;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);transform-origin:0 0}dialog.kit-lightbox img{display:block;max-width:min(90vw,1100px);max-height:75vh;width:auto;height:auto;object-fit:contain}dialog.kit-lightbox figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 16px 14px;font-size:14px;line-height:1.3;background:linear-gradient(transparent,rgba(0,0,0,.8))}dialog.kit-lightbox figcaption:empty{display:none}
dialog.kit-lightbox button{position:absolute;top:50%;translate:0 -50%;width:40px;height:40px;padding:0;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#111;font:22px/1 system-ui,sans-serif;cursor:pointer}dialog.kit-lightbox .kit-lb-prev{left:-52px}dialog.kit-lightbox .kit-lb-next{right:-52px}dialog.kit-lightbox .kit-lb-close{top:-14px;right:-14px;translate:none;width:28px;height:28px;font-size:16px}dialog.kit-lightbox button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:1240px){dialog.kit-lightbox .kit-lb-prev{left:8px}dialog.kit-lightbox .kit-lb-next{right:8px}dialog.kit-lightbox .kit-lb-close{top:8px;right:8px}}
/* tilt — наклон карточки, блик, пятно (Optimized Tilt Card, Tilt) */
.kit-tilt{transform:perspective(1000px) rotateX(var(--kit-rx,0deg)) rotateY(var(--kit-ry,0deg)) scale(var(--kit-sc,1));transition:transform .35s var(--kit-e-quint);transform-style:preserve-3d;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.kit-tilt-spring{transition:none}
.kit-tilt-glow::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--kit-px,50%) var(--kit-py,50%),color-mix(in srgb,var(--accent,#fff) 35%,transparent),transparent 80%);mix-blend-mode:overlay;opacity:0;transition:opacity .3s}.kit-tilt-glow.on::after{opacity:1}
.kit-tilt-spot{overflow:hidden}.kit-tilt-spot::before{content:"";position:absolute;left:var(--kit-sx,50%);top:var(--kit-sy,50%);width:var(--kit-spot,200px);height:var(--kit-spot,200px);translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.7),rgba(255,255,255,.25) 50%,transparent 80%);filter:blur(24px);opacity:0;transition:opacity .2s;z-index:1}.kit-tilt-spot.on::before{opacity:1}
/* swing — взмах карточек сетки (Masonry Grid with Scroll Animation) */
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){.kit-swing{animation:kit-swing linear both;animation-timeline:view();animation-range:entry 0% cover 15%;transform-origin:var(--ox,0px) 100%}}@keyframes kit-swing{from{opacity:0;transform:scale(.85) rotate(calc(var(--side,1)*5deg*var(--amp,1)))}to{opacity:1;transform:none}}.kit-swing-io .kit-swing{opacity:0;transform:scale(.85) rotate(calc(var(--side,1)*5deg*var(--amp,1)));transform-origin:var(--ox,0px) 100%;transition:opacity .6s var(--kit-e-expo),transform .6s var(--kit-e-expo)}.kit-swing-io .kit-swing.in{opacity:1;transform:none}}
/* magnet — магнитные кнопки, стеклянные пилюли (Motion Footer) */
.kit-magnet{display:inline-block;will-change:transform;transform:translate(calc(var(--kit-mx,0)*var(--kit-pull,.4)*1px),calc(var(--kit-my,0)*var(--kit-pull,.4)*1px)) rotateX(calc(var(--kit-my,0)*var(--kit-mt,.15)*-1deg)) rotateY(calc(var(--kit-mx,0)*var(--kit-mt,.15)*1deg)) scale(var(--kit-ms,1))}.kit-magnet.on{--kit-ms:1.05}
.kit-pill-glass{display:inline-flex;align-items:center;gap:.5em;padding:var(--kit-pill-pad,20px 40px);border-radius:999px;color:inherit;text-decoration:none;background:linear-gradient(145deg,color-mix(in srgb,var(--ink,#111) 3%,transparent),color-mix(in srgb,var(--ink,#111) 1%,transparent));border:1px solid color-mix(in srgb,var(--ink,#111) 8%,transparent);box-shadow:0 10px 30px -10px rgba(0,0,0,.35),inset 0 1px 1px rgba(255,255,255,.1),inset 0 -1px 2px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .4s var(--kit-e-expo),border-color .4s var(--kit-e-expo),box-shadow .4s var(--kit-e-expo)}.kit-pill-glass:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--ink,#111) 8%,transparent),color-mix(in srgb,var(--ink,#111) 2%,transparent));border-color:color-mix(in srgb,var(--ink,#111) 20%,transparent);box-shadow:0 20px 40px -10px rgba(0,0,0,.35),inset 0 1px 1px rgba(255,255,255,.1)}
.kit-magnet,.kit-magnet.kit-pill-glass{transition:transform .4s cubic-bezier(.215,.61,.355,1),background .4s var(--kit-e-expo),border-color .4s var(--kit-e-expo),box-shadow .4s var(--kit-e-expo)}.kit-magnet.back,.kit-magnet.kit-pill-glass.back{transition:transform 1.2s linear(0,.65 5%,1 7.5%,1.25 10%,1.35 15%,1.13 20%,1 22.5%,.91 25%,.875 30%,.96 35%,1 37.5%,1.04 45%,1 52.5%,.98 60%,1.01 75%,1),background .4s var(--kit-e-expo),border-color .4s var(--kit-e-expo),box-shadow .4s var(--kit-e-expo)}
/* подвалы: аврора и сетка, гигантское слово, рифлёная панель, люкс, скотч (Motion Footer, Footer Section 5, Footer with Suite, Footer Taped Design) */
.kit-aurora{position:relative;overflow:hidden;isolation:isolate}.kit-aurora::before{content:"";position:absolute;left:50%;top:40%;width:80vw;height:60vh;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent,#888) 15%,transparent),color-mix(in srgb,var(--accent,#888) 6%,transparent) 40%,transparent 70%);filter:blur(80px);animation:kit-breathe 8s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.kit-aurora::after{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,currentColor 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,currentColor 3%,transparent) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);pointer-events:none;z-index:-1}@keyframes kit-breathe{from{scale:1;opacity:.6}to{scale:1.1;opacity:1}}
.kit-giant{display:block;font-size:var(--kit-giant,26vw);line-height:.75;font-weight:900;letter-spacing:-.05em;text-align:center;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,currentColor 5%,transparent);background:linear-gradient(180deg,color-mix(in srgb,currentColor 10%,transparent),transparent 60%);-webkit-background-clip:text;background-clip:text;pointer-events:none;user-select:none}@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.kit-giant{animation:kit-giant-in linear both;animation-timeline:view();animation-range:entry 20% entry 100%}@keyframes kit-giant-in{from{opacity:0;transform:translateY(10vh) scale(.8)}to{opacity:1;transform:none}}}}
.kit-fluted{position:relative;overflow:hidden;background:var(--kit-fluted-bg,var(--accent,#1c76f8));color:var(--kit-fluted-ink,#fff)}.kit-fluted::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 2px,transparent 2px 7px,rgba(0,0,0,.16) 7px 9px,transparent 9px 14px);mix-blend-mode:soft-light;pointer-events:none}.kit-fluted::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='.5'/></svg>");opacity:.08;pointer-events:none}.kit-fluted>*{position:relative}.kit-fluted-name{display:block;font-size:clamp(4rem,14vw,13rem);line-height:.75;margin:0 0 -.12em;opacity:.5;text-align:center;font-weight:600}
.kit-suite{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:48px 32px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;line-height:1.7}.kit-suite a{color:inherit;text-decoration:none;display:block;padding:3px 0;transition:color .2s}.kit-suite a:hover{color:var(--muted,inherit)}.kit-suite p{margin:0 0 20px;letter-spacing:.12em}.kit-suite-name{display:block;font-size:clamp(3rem,15vw,13rem);line-height:.85;text-align:center;font-weight:700;margin:16px 0 0}.kit-suite-bar{display:flex;justify-content:space-between;gap:16px;padding:12px 32px;border-top:1px solid var(--line,rgba(0,0,0,.12));font-size:10px;text-transform:uppercase;letter-spacing:.14em}@media(max-width:600px){.kit-suite{grid-template-columns:1fr;padding:32px 20px 12px}}
.kit-taped{position:relative;border-radius:24px;background:var(--kit-paper,var(--base,#fff));box-shadow:0 10px 30px -18px rgba(0,0,0,.35)}.kit-taped::before,.kit-taped::after{content:"";position:absolute;top:-10px;width:64px;height:26px;background:color-mix(in srgb,var(--ink,#111) 80%,transparent);clip-path:polygon(0 8%,4% 0,96% 4%,100% 92%,95% 100%,3% 96%);opacity:.85;pointer-events:none}.kit-taped::before{left:-22px;transform:rotate(-30deg)}.kit-taped::after{right:-22px;transform:rotate(30deg)}@media(max-width:640px){.kit-taped::before,.kit-taped::after{width:48px;height:20px;top:-8px}.kit-taped::before{left:-14px}.kit-taped::after{right:-14px}}
/* раскладки кадров и карточек: кирпич 2×2, бенто 6×200, приколотые карточки, зум кадра, капсулы отзывов (cta section with gallery, bento grid 01, How It Works, Blog Grid, Testimonial Section 2) */
.kit-brick{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:50px 150px 50px 150px 50px;gap:16px}.kit-brick>*{margin:0;overflow:hidden;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.kit-brick>*>img{width:100%;height:100%;object-fit:cover;display:block}.kit-brick>:nth-child(1){grid-area:1/2/3/3}.kit-brick>:nth-child(2){grid-area:2/1/4/2}.kit-brick>:nth-child(3){grid-area:4/1/6/2}.kit-brick>:nth-child(4){grid-area:3/2/5/3}@media(max-width:480px){.kit-brick{grid-template-rows:6vw 18vw 6vw 18vw 6vw;gap:3vw}}
.kit-bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:200px;gap:16px}.kit-bento>*{border-radius:12px;overflow:hidden;transition:transform .3s var(--kit-e-expo)}.kit-bento>[data-span="2x2"]{grid-column:span 2;grid-row:span 2}.kit-bento>[data-span="2x1"]{grid-column:span 2}.kit-bento>[data-span="3x1"]{grid-column:span 3}.kit-bento>[data-span="3x2"]{grid-column:span 3;grid-row:span 2}.kit-bento>[data-span="4x1"]{grid-column:span 4}.kit-bento>[data-span="6x1"]{grid-column:span 6}@media(hover:hover){.kit-bento>:hover{transform:scale(1.02)}}@media(max-width:768px){.kit-bento{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.kit-bento>*{min-height:200px;grid-column:span 2!important;grid-row:span 1!important}}
.kit-pinned{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:32px 24px;padding:24px 0}.kit-pinned::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line,rgba(0,0,0,.4)) 1px,transparent 1px);background-size:100% 32px;opacity:.14;-webkit-mask-image:linear-gradient(to right,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(to right,transparent,#000 25%,#000 75%,transparent);pointer-events:none}.kit-pinned>*{position:relative;max-width:300px;padding:8px;border-radius:25px;background:var(--base,#fff);box-shadow:0 10px 20px rgba(0,0,0,.12);transform:rotate(var(--kit-pin-rot,8deg));transition:transform .3s var(--kit-e-out)}.kit-pinned>:nth-child(even){--kit-pin-rot:-8deg;margin-top:64px;justify-self:end}.kit-pinned>:nth-child(odd){justify-self:start}.kit-pinned>*>*{border-radius:15px;padding:15px;background:color-mix(in srgb,var(--accent,#888) 8%,var(--base,#fff));border:1px solid color-mix(in srgb,var(--accent,#888) 16%,var(--base,#fff))}.kit-pinned>*:hover,.kit-pinned>*:focus-within{transform:rotate(0) scale(1.05);z-index:3}.kit-pinned .kit-pin-no{display:block;font-size:2rem;line-height:1;margin-bottom:.4em;color:var(--accent,inherit)}.kit-pinned>*>svg{position:absolute;left:50%;top:-10px;width:32px;height:32px;translate:-50% 0;color:var(--accent,inherit)}@media(max-width:760px){.kit-pinned{grid-template-columns:1fr}.kit-pinned>*{transform:none;max-width:none;justify-self:stretch;margin-top:0}}path.kit-ants{stroke-dasharray:8 6;animation:kit-dash 3s linear infinite}@keyframes kit-dash{to{stroke-dashoffset:-140}}
.kit-zoomimg{overflow:hidden;display:block}.kit-zoomimg img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease-in-out}@media(hover:hover){a:hover .kit-zoomimg img,.kit-zoomimg:hover img{transform:scale(1.1)}}
.kit-capsule{display:inline-flex;align-items:center;gap:16px;padding:8px 32px 8px 8px;border-radius:999px;border:1px solid var(--line,rgba(0,0,0,.12));background:var(--base,#fff);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .2s var(--kit-e-out),border-color .2s}.kit-capsule img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid var(--line,rgba(0,0,0,.12))}.kit-capsule b{display:block;font-size:14px;line-height:1.2}.kit-capsule span{display:block;font-size:12px;color:var(--muted,inherit)}.kit-capsule:hover,.kit-capsule:focus-visible{transform:scale(1.05);border-style:dashed;border-color:var(--accent,currentColor)}.kit-capsule:active{transform:scale(.95)}
.kit-hatch{position:relative}.kit-hatch::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(315deg,currentColor 0 1px,transparent 0 50%) 0 0/10px 10px;opacity:.1;border-top:1px solid var(--line,rgba(0,0,0,.12));border-bottom:1px solid var(--line,rgba(0,0,0,.12));pointer-events:none}.kit-hatch>*{position:relative}.kit-hatch .kit-ticker{-webkit-mask-image:linear-gradient(90deg,transparent,#000 160px,#000 calc(100% - 160px),transparent);mask-image:linear-gradient(90deg,transparent,#000 160px,#000 calc(100% - 160px),transparent)}
dialog.kit-quote{border:0;padding:0;background:transparent;max-width:min(92vw,32rem)}dialog.kit-quote::backdrop{background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}dialog.kit-quote .kit-quote-box{position:relative;padding:40px 48px;border-radius:16px;border:2px solid var(--accent,currentColor);background:var(--ink,#111);color:var(--base,#fff);animation:kit-pop .2s ease-out}dialog.kit-quote blockquote{margin:0 0 24px;font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.4}dialog.kit-quote .kit-quote-who{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:center}dialog.kit-quote .kit-quote-who img{grid-row:span 2;width:48px;height:48px;border-radius:50%;object-fit:cover}dialog.kit-quote .kit-quote-who img[hidden]{display:none}dialog.kit-quote .kit-quote-who b{font-size:14px}dialog.kit-quote .kit-quote-who span{font-size:12px;opacity:.7}dialog.kit-quote .kit-quote-close{position:absolute;top:10px;right:10px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:inherit;font:18px/1 system-ui,sans-serif;cursor:pointer}@keyframes kit-pop{from{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.kit-tilt{transform:none!important;transition:none!important}.kit-tilt-glow::after,.kit-tilt-spot::before{display:none}.kit-magnet{transform:none!important;transition:none!important}.kit-aurora::before{animation:none!important}.kit-giant{animation:none!important;opacity:1!important;transform:none!important}path.kit-ants{animation:none!important}.kit-bento>*,.kit-capsule,.kit-pinned>*,.kit-zoomimg img,.kit-rail-dots button{transition:none!important}.kit-pinned>*{transform:none!important}dialog.kit-quote .kit-quote-box{animation:none!important}.kit-gray img{transition:none!important}}
/* ================= v96.5 (код 21st.dev): формы, контакты, цены, блог и место ================= */
/* calc — ползунок по шкале (PricingSlider Loops) */
.kit-calc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:12px;border-radius:6px;background:linear-gradient(to right,var(--accent,#f97316) var(--p,0%),color-mix(in srgb,var(--ink,#111) 12%,transparent) var(--p,0%));outline:none;margin:12px 0}.kit-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--base,#fff);border:2px solid color-mix(in srgb,var(--ink,#111) 15%,transparent);box-shadow:0 1px 5px rgba(0,0,0,.25);cursor:pointer}.kit-calc input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--base,#fff);border:2px solid color-mix(in srgb,var(--ink,#111) 15%,transparent);box-shadow:0 1px 5px rgba(0,0,0,.25);cursor:pointer}.kit-calc input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid var(--accent,currentColor);outline-offset:2px}.kit-calc output{display:block;font-variant-numeric:tabular-nums}.kit-calc .kit-calc-price{font-size:1.8em;font-weight:700}
/* billing — тумблер, барабан цифр, тарифы-чертёж (Growth Plans, Blueprint Tiers) */
.kit-switch{position:relative;width:44px;height:24px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--ink,#111) 20%,transparent);cursor:pointer;transition:background .2s;vertical-align:middle;flex:none}.kit-switch::after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:50%;background:var(--base,#fff);box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s cubic-bezier(.23,1,.32,1)}.kit-switch[aria-checked="true"]{background:var(--accent,#111)}.kit-switch[aria-checked="true"]::after{transform:translateX(20px)}.kit-switch:focus-visible{outline:2px solid var(--accent,currentColor);outline-offset:2px}
.kit-billing [data-bill]{cursor:pointer;color:var(--muted,inherit);transition:color .15s}.kit-billing [data-bill].on{color:var(--ink,inherit);font-weight:600}.kit-save[hidden]{display:none}
.kit-price{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums;white-space:nowrap}.kit-digit{display:inline-block;height:1em;line-height:1;overflow:hidden;vertical-align:baseline;transition:opacity .3s,width .3s}.kit-digit.in,.kit-digit.out{opacity:0}.kit-digit-col{display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.kit-digit-col i{display:block;height:1em;line-height:1;font-style:normal}
.kit-tier{position:relative}.kit-tier.is-pick{--card-bg:var(--ink,#111);--card-ink:var(--base,#fff);background:var(--card-bg);color:var(--card-ink);z-index:1}@media(min-width:1024px){.kit-tier.is-pick{transform:scale(1.04)}}.kit-tiers{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}
.kit-marks{position:relative}.kit-marks::before,.kit-marks::after{content:"";position:absolute;width:10px;height:10px;translate:-50% -50%;background:linear-gradient(currentColor,currentColor) center/1px 100% no-repeat,linear-gradient(currentColor,currentColor) center/100% 1px no-repeat;opacity:.6;pointer-events:none}.kit-marks::before{left:0;top:0}.kit-marks::after{left:100%;top:0}.kit-ticks{position:relative;--kit-tick:8px}.kit-ticks::before,.kit-ticks::after{content:"";position:absolute;inset:-4px;pointer-events:none;background:linear-gradient(currentColor,currentColor) 0 0/var(--kit-tick) 1px no-repeat,linear-gradient(currentColor,currentColor) 0 0/1px var(--kit-tick) no-repeat,linear-gradient(currentColor,currentColor) 100% 0/var(--kit-tick) 1px no-repeat,linear-gradient(currentColor,currentColor) 100% 0/1px var(--kit-tick) no-repeat,linear-gradient(currentColor,currentColor) 0 100%/var(--kit-tick) 1px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/1px var(--kit-tick) no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/var(--kit-tick) 1px no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/1px var(--kit-tick) no-repeat}.kit-ticks::after{display:none}.kit-hatch-45{height:80px;background:repeating-linear-gradient(45deg,transparent 0 8px,var(--line,rgba(0,0,0,.12)) 8px 9px)}
/* range — двойной ползунок (Price Range Slider) */
.kit-range{position:relative;padding:12px 0}.kit-range-track{position:relative;height:8px;border-radius:4px;background:var(--line,rgba(0,0,0,.12))}.kit-range-fill{position:absolute;top:0;height:8px;border-radius:4px;background:var(--accent,#111);left:calc(var(--lo,0)*1%);width:calc((var(--hi,100) - var(--lo,0))*1%)}.kit-range-ghost{position:absolute;top:0;height:8px;border-radius:4px;background:color-mix(in srgb,var(--accent,#111) 30%,transparent);left:calc(var(--gl,0)*1%);width:calc(var(--gw,0)*1%);opacity:0;transition:left 75ms,width 75ms,opacity .15s}.kit-range.ghost .kit-range-ghost{opacity:1}
.kit-range input[type=range]{position:absolute;left:0;right:0;top:12px;height:8px;margin:0;-webkit-appearance:none;appearance:none;background:none;pointer-events:none;outline:none}.kit-range input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--base,#fff);border:2px solid var(--accent,#111);box-shadow:0 2px 6px rgba(0,0,0,.15);transition:transform .15s;cursor:pointer}.kit-range input[type=range]::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:var(--base,#fff);border:2px solid var(--accent,#111);box-shadow:0 2px 6px rgba(0,0,0,.15);cursor:pointer}.kit-range input[type=range]:hover::-webkit-slider-thumb,.kit-range input[type=range]:focus-visible::-webkit-slider-thumb{transform:scale(1.25)}.kit-range-out{display:block;font-weight:700;font-variant-numeric:tabular-nums;margin-bottom:8px}.kit-range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted,inherit);margin-top:8px}.kit-range-reset[disabled]{opacity:.4}
/* timeline — годы/дни и панели (Interactive Timeline) */
.kit-timeline{display:grid;gap:24px}.kit-timeline .kit-years{display:flex;gap:24px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:40vw;-webkit-mask-image:linear-gradient(90deg,transparent,#000 160px,#000 calc(100% - 160px),transparent);mask-image:linear-gradient(90deg,transparent,#000 160px,#000 calc(100% - 160px),transparent)}.kit-timeline .kit-years::-webkit-scrollbar{display:none}.kit-timeline .kit-years>*{scroll-snap-align:center;flex:none;padding:8px 20px;border-radius:999px;border:1px solid var(--line,rgba(0,0,0,.2));background:none;color:inherit;font:inherit;cursor:pointer;transition:background .3s,color .3s,border-color .3s;text-decoration:none}.kit-timeline .kit-years>.on{background:var(--ink,#111);color:var(--base,#fff);border-color:var(--ink,#111)}
.kit-timeline .kit-panels{position:relative;overflow:hidden}.kit-timeline .kit-panels>*:not(.on){display:none!important}.kit-timeline .kit-panels>.on{display:block;transition:opacity .4s ease-in-out,transform .4s ease-in-out}.kit-timeline .kit-panels>.in-from{opacity:0;transform:translateX(20px)}.kit-timeline .kit-panels>.out{opacity:0;transform:translateX(-20px)}
@media(min-width:1024px){.kit-timeline{grid-template-columns:auto 1fr;gap:48px}.kit-timeline .kit-years{flex-direction:column;height:420px;scroll-snap-type:y mandatory;padding:160px 0;-webkit-mask-image:linear-gradient(transparent,#000 160px,#000 calc(100% - 160px),transparent);mask-image:linear-gradient(transparent,#000 160px,#000 calc(100% - 160px),transparent)}}
/* map — карточка с картой (Expanded Map) */
.kit-map{position:relative;display:inline-block;box-sizing:border-box;width:min(240px,100%);border-radius:16px;border:1px solid var(--line,rgba(0,0,0,.15));overflow:hidden;background:var(--base,#fff);transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:width .4s cubic-bezier(.2,.8,.2,1),transform .2s;vertical-align:top}.kit-map.open{width:min(360px,100%)}.kit-map .kit-map-btn,.kit-map>button{display:block;width:100%;padding:12px 16px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.kit-map>button::before{content:"";display:block;height:0;transition:height .4s cubic-bezier(.2,.8,.2,1)}
.kit-map-box{position:relative;height:0;overflow:hidden;transition:height .4s cubic-bezier(.2,.8,.2,1)}.kit-map.open .kit-map-box{height:min(280px,70vw)}.kit-map-tiles{position:absolute;left:50%;top:50%;width:768px;height:768px;display:grid;grid-template-columns:repeat(3,256px);transform:translate(-50%,-50%)}.kit-map-tiles img{width:256px;height:256px;display:block;opacity:0;transition:opacity .3s;transition-delay:calc(var(--i,0)*50ms)}.kit-map-tiles img.in{opacity:1}.kit-map-pin{position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:var(--accent,#34d399);border:3px solid #fff;box-shadow:0 0 0 2px var(--accent,#34d399),0 0 10px color-mix(in srgb,var(--accent,#34d399) 50%,transparent);translate:-50% -50%;transform:scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1) .3s}.kit-map.open .kit-map-pin{transform:scale(1)}.kit-map-coord{position:absolute;left:12px;bottom:10px;font:500 11px/1 ui-monospace,monospace;padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.85);color:#111}.kit-map-attr{position:absolute;right:6px;bottom:6px;font-size:9px;line-height:1;padding:2px 4px;background:rgba(255,255,255,.75);color:#333}
/* wave — живая линия (Wave Path) */
.kit-wave{position:relative;height:1px;width:100%}.kit-wave svg{position:absolute;left:0;top:-150px;width:100%;height:300px;overflow:visible;pointer-events:none}.kit-wave path{stroke:currentColor;stroke-width:2}.kit-wave-hit{position:relative;top:-20px;height:40px;width:100%}@media(hover:hover){.kit-wave-hit:hover{top:-150px;height:300px}}
/* video — плитка и диалог (Interactive Video Player) */
.kit-vtile{position:relative;display:block;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#000;width:var(--kit-vtile,180px);aspect-ratio:1}.kit-vtile video{width:100%;height:100%;object-fit:cover;display:block}.kit-vlabel{position:absolute;left:0;top:0;padding:8px;font-size:14px;color:#fff;mix-blend-mode:exclusion;transform:translate(var(--x,50%),var(--y,50%));transition:transform .08s linear,opacity .2s;opacity:0;pointer-events:none;white-space:nowrap}.kit-vlabel.on{opacity:1}@media(hover:none){.kit-vlabel{display:none}}
dialog.kit-vd{border:0;padding:0;background:#000;width:min(92vw,1280px);aspect-ratio:16/9;max-height:90vh;border-radius:12px;overflow:hidden;clip-path:inset(43.5% 43.5% 33.5% 43.5%);opacity:0;transition:clip-path .8s cubic-bezier(.2,.8,.2,1),opacity .2s}dialog.kit-vd.in{clip-path:inset(0);opacity:1}dialog.kit-vd::backdrop{background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}dialog.kit-vd video{width:100%;height:100%;display:block}dialog.kit-vd .kit-vd-close{position:absolute;top:10px;right:10px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font:20px/1 system-ui,sans-serif;cursor:pointer}
/* pattern — фоновые фактуры и прожектор (Background Pattern) */
.bg-dots{background-image:radial-gradient(currentColor 1px,transparent 1.5px);background-size:var(--cell,14px) var(--cell,14px)}.bg-grid{background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:var(--cell,28px) var(--cell,28px)}.bg-checker{background:conic-gradient(currentColor 25%,transparent 0 50%,currentColor 0 75%,transparent 0) 0 0/calc(var(--cell,16px)*2) calc(var(--cell,16px)*2)}.bg-rings{background-image:radial-gradient(circle,transparent 40%,currentColor 41%,currentColor 43%,transparent 44%);background-size:var(--cell,48px) var(--cell,48px)}
.kit-pattern{position:relative;isolation:isolate}.kit-pattern-layer,.kit-pattern-spot{position:absolute;inset:0;z-index:-1;pointer-events:none;color:color-mix(in srgb,var(--ink,#111) 12%,transparent)}.kit-pattern-spot{color:var(--accent,currentColor);opacity:0;transition:opacity .3s;-webkit-mask:radial-gradient(circle var(--r,200px) at var(--mx,50%) var(--my,50%),#000 0,transparent 100%);mask:radial-gradient(circle var(--r,200px) at var(--mx,50%) var(--my,50%),#000 0,transparent 100%)}.kit-pattern.lit .kit-pattern-spot{opacity:1}
/* формы и контакты: карточка с крестами, центрированная форма и trust line, радио-строки, сетка слотов, сводка, подсветка вариантов (Contact Card, Centered Contact Form, Radio Group, Weekly Availability, Onboarding Wizard, Select) */
.kit-contact-card{position:relative;display:grid;border:1px solid var(--line,rgba(0,0,0,.15));background:var(--base,#fff)}@media(min-width:768px){.kit-contact-card{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.kit-contact-card{grid-template-columns:2fr 1fr}}.kit-contact-card>.kit-contact-info{padding:32px}.kit-contact-card>.kit-contact-form{padding:20px;background:color-mix(in srgb,currentColor 4%,transparent);border-top:1px solid var(--line,rgba(0,0,0,.15))}@media(min-width:768px){.kit-contact-card>.kit-contact-form{border-top:0;border-left:1px solid var(--line,rgba(0,0,0,.15))}}.kit-contact-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:24px 0 0;padding:0;list-style:none}
.kit-cross{position:absolute;width:24px;height:24px;background:linear-gradient(currentColor,currentColor) center/2px 100% no-repeat,linear-gradient(currentColor,currentColor) center/100% 2px no-repeat;pointer-events:none}.kit-cross:nth-of-type(1){left:-12px;top:-12px}.kit-cross:nth-of-type(2){right:-12px;top:-12px}.kit-cross:nth-of-type(3){left:-12px;bottom:-12px}.kit-cross:nth-of-type(4){right:-12px;bottom:-12px}
.kit-contact-centered{max-width:672px;margin-inline:auto}.kit-contact-centered>header{display:grid;place-items:center;text-align:center;gap:12px;margin-bottom:40px}.kit-contact-centered .kit-ring{width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,currentColor 5%,transparent);display:grid;place-items:center}.kit-contact-centered form{border-radius:16px;padding:24px;border:1px solid var(--line,rgba(0,0,0,.12));box-shadow:0 1px 2px rgba(0,0,0,.05);display:grid;gap:16px}@media(min-width:640px){.kit-contact-centered form{padding:32px}.kit-contact-centered .kit-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}}.kit-contact-centered input,.kit-contact-centered textarea,.kit-contact-centered select{min-height:44px;border-radius:8px;border:1px solid var(--line,rgba(0,0,0,.2));padding:10px 12px;font:inherit;background:var(--base,#fff);color:inherit}.kit-contact-centered :is(input,textarea,select):focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 15%,transparent)}.kit-trust{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--line,rgba(0,0,0,.12));padding-top:16px;font-size:12px;color:var(--muted,inherit)}
.kit-rows{border:1px solid var(--line,rgba(0,0,0,.15));border-radius:8px;padding:0;margin:0;min-width:0}.kit-rows legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.kit-rows .kit-row{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;margin:0}.kit-rows .kit-row+.kit-row{border-top:1px solid var(--line,rgba(0,0,0,.15))}.kit-rows .kit-row input{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:1px solid var(--accent,#111);display:grid;place-items:center;margin:0;flex:none;background:none}.kit-rows .kit-row input::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent,#111);transform:scale(0);transition:transform .15s}.kit-rows .kit-row input:checked::after{transform:scale(1)}.kit-rows .kit-row input:focus-visible{outline:2px solid var(--accent,#111);outline-offset:2px}.kit-rows .kit-row:has(:checked){background:color-mix(in srgb,var(--accent,#111) 6%,transparent)}.kit-rows .kit-row b{font-weight:500}.kit-rows .kit-row .kit-row-price{margin-left:auto;font-variant-numeric:tabular-nums}
.kit-slot-grid{border-collapse:collapse;width:100%;font-size:12px}.kit-slot-grid th,.kit-slot-grid td{padding:0;text-align:center}.kit-slot-grid th{padding:8px 4px;color:var(--muted,inherit);font-weight:500}.kit-slot-grid th[scope=row]{text-align:left;padding-right:12px;white-space:nowrap}.kit-slot-grid label{display:grid;place-items:center;min-height:44px;cursor:pointer}.kit-slot-grid label input{position:absolute;width:1px;height:1px;opacity:0}.kit-slot-grid label i{width:20px;height:20px;border-radius:4px;border:1px solid var(--accent,#111);display:block;transition:background .15s}.kit-slot-grid label:has(:checked) i{background:var(--accent,#111);box-shadow:inset 0 0 0 3px var(--base,#fff)}.kit-slot-grid label:has(:focus-visible) i{outline:2px solid var(--accent,#111);outline-offset:2px}.kit-slot-grid th:first-child,.kit-slot-grid td:first-child{position:sticky;left:0;background:var(--base,#fff)}
.kit-summary{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;padding:12px 16px;border:1px solid var(--line,rgba(0,0,0,.15));border-radius:8px}.kit-summary dt{color:var(--muted,inherit)}.kit-summary dd{margin:0}
.kit-pill-hl{position:absolute;left:0;top:0;width:var(--w,0px);height:var(--h,0px);transform:translate(var(--x,0px),var(--y,0px));border-radius:var(--kit-pill-r,12px);background:color-mix(in srgb,currentColor 8%,transparent);opacity:0;transition:transform .08s,width .08s,height .08s,opacity .08s;pointer-events:none;z-index:0}.kit-pill-hl.show{opacity:1}[data-kit="quiz"][data-highlight="1"] .kit-choice{position:relative;z-index:1}
.kit-steps-line{position:relative;margin:0 0 0 24px;padding:0;list-style:none}.kit-steps-line::before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--line,rgba(0,0,0,.15))}.kit-steps-line>li{position:relative;padding:0 0 40px 40px}.kit-steps-line>li:last-child{padding-bottom:0}.kit-steps-line .kit-n{position:absolute;left:1px;top:0;transform:translateX(-50%);width:36px;height:36px;border-radius:50%;border:1px solid color-mix(in srgb,var(--muted,#888) 40%,transparent);background:color-mix(in srgb,var(--ink,#111) 6%,var(--base,#fff));box-shadow:0 0 0 8px var(--base,#fff);display:grid;place-items:center;font-variant-numeric:tabular-nums}.kit-steps-line .kit-n.done{background:var(--accent,#111);border-color:var(--accent,#111);color:var(--base,#fff)}
.kit-steps-sq{display:grid;gap:0;margin:0;padding:0;list-style:none}.kit-steps-sq>li{position:relative;display:grid;grid-template-columns:40px 1fr;column-gap:24px;padding-bottom:40px}.kit-steps-sq>li:last-child{padding-bottom:0}.kit-steps-sq .kit-n{width:40px;height:40px;border:1px solid var(--line,rgba(0,0,0,.15));background:color-mix(in srgb,var(--ink,#111) 6%,var(--base,#fff));display:grid;place-items:center;font-variant-numeric:tabular-nums}.kit-steps-sq>li:not(:last-child)::before{content:"";position:absolute;left:20px;top:44px;bottom:0;width:1px;background:var(--line,rgba(0,0,0,.15))}
/* сравнение: таблица и «было / стало» (Comparison Table, Comparison Section) */
.kit-cmp-wrap{overflow-x:auto}.kit-cmp{width:100%;min-width:42rem;border-collapse:collapse}.kit-cmp caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.kit-cmp th,.kit-cmp td{padding:16px;text-align:left;vertical-align:top;border-top:1px solid var(--line,rgba(0,0,0,.12))}.kit-cmp thead th{border-top:0;vertical-align:bottom}.kit-cmp th:first-child,.kit-cmp td:first-child{position:sticky;left:0;background:var(--base,#fff);width:33%}.kit-cmp .is-pick{background:color-mix(in srgb,var(--ink,#111) 4%,var(--base,#fff));border-inline:1px solid var(--line,rgba(0,0,0,.12))}.kit-cmp thead th.is-pick{border-top:1px solid var(--line,rgba(0,0,0,.12));border-radius:8px 8px 0 0}.kit-cmp tr:last-child td.is-pick{border-bottom:1px solid var(--line,rgba(0,0,0,.12));border-radius:0 0 8px 8px}
.kit-cmp td[data-v]::before{content:"";display:inline-block;width:16px;height:16px;vertical-align:-3px;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.kit-cmp td[data-v="yes"]::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2.5 8.5l3.5 3.5 7.5-8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2.5 8.5l3.5 3.5 7.5-8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.kit-cmp td[data-v="no"]{color:var(--muted,inherit)}.kit-cmp td[data-v="no"]::before{opacity:.5;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8h10' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8h10' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>")}
.kit-ba{display:grid;gap:1px;background:var(--line,rgba(0,0,0,.12));border:1px solid var(--line,rgba(0,0,0,.12));border-radius:8px;overflow:hidden}.kit-ba>*{background:var(--base,#fff);padding:28px}@media(min-width:640px){.kit-ba>*{padding:32px}}@media(min-width:768px){.kit-ba{grid-template-columns:1fr 1fr}}.kit-ba>.after{background:color-mix(in srgb,var(--ink,#111) 4%,var(--base,#fff))}.kit-ba h3{font:600 10px/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px}.kit-ba ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}.kit-ba>.before li{color:var(--muted,inherit)}.kit-ba>.before li s{text-decoration-color:color-mix(in srgb,currentColor 30%,transparent)}.kit-outcomes{display:flex;flex-wrap:wrap;gap:12px 32px;margin:40px 0 0}.kit-outcomes>div{display:flex;align-items:baseline;gap:8px}.kit-outcomes dd{order:-1;margin:0;font:600 14px/1 ui-monospace,monospace}.kit-outcomes dt{font-size:12px;color:var(--muted,inherit)}
/* блог: список с лидером, сплит (Blog Cards, Split Image Blog List) */
.kit-leader{display:grid;gap:4px;color:inherit;text-decoration:none;padding:12px 0}.kit-leader .kit-line{display:flex;align-items:baseline;gap:4px}.kit-leader .kit-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:1.25rem}.kit-leader .kit-dots{flex:1;border-bottom:1px dashed color-mix(in srgb,currentColor 35%,transparent);transform:translateY(-6px)}.kit-leader .kit-date{font:12px/1.4 ui-monospace,monospace;text-transform:uppercase;white-space:nowrap}.kit-leader .kit-desc{color:var(--muted,inherit)}.kit-leader :is(.kit-title,.kit-dots,.kit-date,.kit-desc){transition:color .5s ease-out,border-color .5s ease-out}.kit-leader:hover,.kit-leader:focus-visible{color:var(--accent,inherit)}.kit-leader:hover .kit-desc{color:inherit}
.kit-split{display:grid;gap:32px}@media(min-width:1024px){.kit-split{grid-template-columns:1fr 1fr}}.kit-split .kit-hero{display:flex;flex-direction:column}.kit-split .kit-hero .kit-media{aspect-ratio:16/9;border-radius:6px;overflow:hidden}@media(min-width:1024px){.kit-split .kit-hero .kit-media{flex:1;aspect-ratio:auto;min-height:320px}}.kit-split .kit-media img{width:100%;height:100%;object-fit:cover;display:block}.kit-split .kit-list>a{display:flex;justify-content:space-between;gap:16px;padding:16px 0;color:inherit;text-decoration:none}.kit-split .kit-list>a+a{border-top:1px solid var(--line,rgba(0,0,0,.12))}.kit-split .kit-list .kit-arrow{flex:none;transition:transform .15s,color .15s}.kit-split .kit-list>a:hover .kit-arrow{transform:translateX(4px);color:var(--accent,inherit)}.kit-split .kit-list>a:hover h3{color:var(--accent,inherit)}
/* разделители: зигзаг и волна (Wave Separator) */
.hr-zig,.hr-wave{--s:8px;border:0;height:var(--s);width:100%;margin:24px 0;background:currentColor;color:color-mix(in srgb,var(--ink,#111) 10%,transparent)}.hr-zig{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='8' viewBox='0 0 22 8'%3E%3Cpath d='M0 7 L11 1 L22 7' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x center/calc(var(--s)*2.75) var(--s);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='8' viewBox='0 0 22 8'%3E%3Cpath d='M0 7 L11 1 L22 7' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x center/calc(var(--s)*2.75) var(--s)}.hr-wave{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='8' viewBox='0 0 22 8'%3E%3Cpath d='M0 4 Q5.5 0 11 4 T22 4' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x center/calc(var(--s)*2.75) var(--s);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='8' viewBox='0 0 22 8'%3E%3Cpath d='M0 4 Q5.5 0 11 4 T22 4' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x center/calc(var(--s)*2.75) var(--s)}.hr-zig.run,.hr-wave.run{animation:kit-zig 2s linear infinite}@keyframes kit-zig{to{-webkit-mask-position:calc(var(--s)*2.75) center;mask-position:calc(var(--s)*2.75) center}}
@media(prefers-reduced-motion:reduce){.kit-switch::after,.kit-digit,.kit-digit-col,.kit-range-ghost,.kit-range input[type=range]::-webkit-slider-thumb,.kit-timeline .kit-years>*,.kit-timeline .kit-panels>*,.kit-map,.kit-map-box,.kit-map-tiles img,.kit-map-pin,.kit-vlabel,dialog.kit-vd,.kit-pattern-spot,.kit-rows .kit-row input::after,.kit-slot-grid label i,.kit-pill-hl,.kit-leader *,.kit-split .kit-arrow,.kit-tier{transition:none!important}.kit-map{transform:none!important}.kit-map-pin{transform:scale(1)!important}.kit-map-tiles img{opacity:1!important}dialog.kit-vd{clip-path:none!important;opacity:1!important}.hr-zig.run,.hr-wave.run{animation:none!important}.kit-timeline .kit-panels>.in-from,.kit-timeline .kit-panels>.out{opacity:1!important;transform:none!important}}
/* v96.6 (Chip Group, Role Filter Chips): чипсы фильтра с галочкой и числом, карточки уходят/входят */
.kit-chips{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0 0 1rem}.kit-chip{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--line,color-mix(in srgb,currentColor 25%,transparent));border-radius:999px;cursor:pointer;font-size:.9em;line-height:1;user-select:none;transition:background-color .2s,color .2s,border-color .2s,padding-left .25s var(--kit-e-out)}
.kit-chip>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.kit-chip::before{content:"";width:0;height:5px;border-left:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg) translateY(-2px);opacity:0;transition:width .25s var(--kit-e-out),opacity .2s}
.kit-chip:has(input:checked){background:var(--ink,#111);color:var(--base,#fff);border-color:transparent}.kit-chip:has(input:checked)::before{width:9px;opacity:1;margin-right:2px}.kit-chip:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,currentColor) 45%,transparent)}@media(hover:hover){.kit-chip:hover{border-color:currentColor}}
.kit-chip-n{font-style:normal;font-variant-numeric:tabular-nums;opacity:.6;font-size:.85em;margin-left:2px}.kit-chip:has(input:checked) .kit-chip-n{opacity:.8}.kit-filter-count{font-size:.9em;opacity:.7;margin:0 0 1rem}.kit-filter-reset{font:inherit;background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:0;margin-left:8px}.kit-filter-reset:disabled{opacity:.4;text-decoration:none;cursor:default}
.kit-fi:not(.on){display:none!important}.kit-fi{transition:opacity .2s,transform .2s}.kit-fi-out{opacity:0!important;transform:scale(.96);pointer-events:none}.kit-fi-in{animation:kit-rise .35s var(--kit-e-out)}
/* v96.6 (Quantity Stepper, Number Flow): счётчик количества — барабан, тряска на границе; поле sr-only, но в табе и в форме */
.kit-qty{position:relative;display:inline-flex;align-items:center;border:1px solid var(--line,color-mix(in srgb,currentColor 25%,transparent));border-radius:999px;overflow:clip;font-variant-numeric:tabular-nums}.kit-qty button{min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;font:inherit;font-size:1.25em;line-height:1;cursor:pointer;touch-action:manipulation}.kit-qty button[aria-disabled=true]{opacity:.35}
.kit-qty-drum>input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}.kit-qty output{display:inline-flex;justify-content:center;min-width:2.4em;padding:0 2px;font-weight:600}.kit-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.kit-qty-total{font-variant-numeric:tabular-nums}.kit-qty:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,currentColor) 45%,transparent)}
.kit-shake{animation:kit-shake .35s cubic-bezier(.36,.07,.19,.97)}@keyframes kit-shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}
/* v96.6 (ProductCard youcefbnm): свотчи цвета — круг из --c, кольцо у выбранного, кадр сверху кроссфейдом */
.kit-swatches{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0}.kit-swatch{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;cursor:pointer}.kit-swatch>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.kit-swatch>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kit-swatch::before{content:"";width:28px;height:28px;border-radius:50%;background:var(--c,currentColor);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:transform .25s var(--kit-e-out),box-shadow .25s}.kit-swatch:has(input:checked)::before{box-shadow:0 0 0 2px var(--base,#fff),0 0 0 4px var(--ink,#111)}.kit-swatch:has(input:focus-visible)::before{box-shadow:0 0 0 2px var(--base,#fff),0 0 0 4px var(--accent,#111)}@media(hover:hover){.kit-swatch:hover::before{transform:scale(1.1)}}
.kit-swatch-top{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;pointer-events:none}.kit-swatch-top.on{opacity:1}
/* v96.6 (Add to Cart Button, Interactive Checkout): «в заявку» — проседание, занятость, выбранное списком в форме */
.kit-pick-btn{transition:transform .15s var(--kit-e-out),box-shadow .15s var(--kit-e-out),background-color .25s,color .25s}.kit-pick-btn[data-state=press]{transform:translateY(2px);box-shadow:none}.kit-pick-btn[aria-pressed=true]{background:var(--ink,#111)!important;color:var(--base,#fff)!important;border-color:transparent!important}
.kit-picked{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:8px}.kit-picked:not(.on){display:none!important}.kit-picked li{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line,color-mix(in srgb,currentColor 25%,transparent));border-radius:999px;padding:4px 4px 4px 12px;font-size:.9em;animation:kit-rise .3s var(--kit-e-out)}.kit-picked-x{min-width:28px;min-height:28px;border:0;background:transparent;color:inherit;font:inherit;font-size:1.1em;line-height:1;cursor:pointer;border-radius:50%}.kit-picked-x:hover{background:color-mix(in srgb,currentColor 12%,transparent)}
/* v96.6 (Bottom Menu, Expandable Action Bar): нижняя панель действий на телефоне, капсула на десктопе */
@media(max-width:820px){.kit-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;gap:8px;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--base,#fff);border-top:1px solid var(--line,color-mix(in srgb,currentColor 18%,transparent));transform:translateY(110%);transition:transform .3s var(--kit-e-out)}.kit-bar.show{transform:none}html:has(.kit-bar) body{padding-bottom:var(--kit-bar-h,0px)}}
@media(min-width:821px){.kit-bar{display:none}.kit-bar.kit-bar-pill{display:flex;position:fixed;right:24px;bottom:24px;z-index:70;gap:6px;padding:6px;border-radius:999px;background:var(--base,#fff);border:1px solid var(--line,color-mix(in srgb,currentColor 18%,transparent));box-shadow:0 14px 34px -14px rgba(0,0,0,.4);transform:translateY(calc(100% + 32px));transition:transform .3s var(--kit-e-out)}.kit-bar-pill.show{transform:none}}
.kit-bar>a,.kit-bar>button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line,color-mix(in srgb,currentColor 25%,transparent));color:inherit;background:transparent;text-decoration:none;font:inherit;font-size:.95em;white-space:nowrap}.kit-bar>a:last-child,.kit-bar>button:last-child{background:var(--accent,#111);color:var(--base,#fff);border-color:transparent}
/* v96.6 (Floating Action Button motion.dev / serafimcloud, Multi Button): плавающая кнопка раскрывается в действия вверх очередью */
.kit-fab{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:70;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px}.kit-fab-left{right:auto;left:max(20px,env(safe-area-inset-left));align-items:flex-start}
.kit-fab>button{position:relative;width:56px;height:56px;border-radius:50%;border:0;background:var(--accent,#111);color:var(--base,#fff);font-size:0;cursor:pointer;box-shadow:0 10px 24px -8px rgba(0,0,0,.45);transition:transform .25s var(--kit-e-out),box-shadow .25s}.kit-fab>button::before,.kit-fab>button::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:2px;margin:-1px 0 0 -10px;background:currentColor;border-radius:2px}.kit-fab>button::after{transform:rotate(90deg)}.kit-fab.open>button{transform:rotate(45deg)}.kit-fab>button:focus-visible{box-shadow:0 0 0 3px var(--base,#fff),0 0 0 6px var(--accent,#111)}
.kit-fab ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:inherit;gap:8px}.kit-fab ul:not(.on){display:none!important}.kit-fab li{opacity:0;transform:translateY(8px) scale(.9);transition:opacity .25s var(--kit-e-out),transform .36s var(--kit-e-back);transition-delay:calc(var(--i,0)*50ms)}.kit-fab ul.in li{opacity:1;transform:none}
.kit-fab li a,.kit-fab li button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--base,#fff);color:var(--ink,#111);border:1px solid var(--line,color-mix(in srgb,currentColor 18%,transparent));text-decoration:none;font:inherit;font-size:.95em;white-space:nowrap;box-shadow:0 8px 20px -10px rgba(0,0,0,.4);cursor:pointer}
/* v96.6 (Underline Link balick, Great UI Animated Link, Animated Link ruixen, Flip Links, Menu Hover Effects): ген SYN_LINK — линия с выходом вправо, переворот, заливка подписи, волна, бегущая подпись, штамп пунктов меню */
.kit-link-line{text-decoration:none;color:inherit;padding-bottom:1px;background-image:linear-gradient(currentColor,currentColor);background-size:0% max(1px,.06em);background-position:100% 100%;background-repeat:no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .3s cubic-bezier(0,0,.2,1)}.kit-link-line:hover,.kit-link-line:focus-visible{background-size:100% max(1px,.06em);background-position:0 100%}
.kit-link-stamp{position:relative;display:inline-block;padding:8px 12px;text-transform:uppercase;font-weight:600;letter-spacing:.04em;text-decoration:none;color:inherit;isolation:isolate;overflow:hidden;transition:color .3s var(--kit-e-out)}.kit-link-stamp::before{content:"";position:absolute;inset:0;border-top:2px solid currentColor;border-bottom:2px solid currentColor;transform:scaleY(2);opacity:0;transition:transform .3s var(--kit-e-out),opacity .3s;z-index:-1}.kit-link-stamp::after{content:"";position:absolute;inset:2px 0 0;background:var(--ink,currentColor);transform:scaleY(0);transform-origin:top;opacity:0;transition:transform .3s var(--kit-e-out),opacity .3s;z-index:-2}
.kit-link-stamp:hover,.kit-link-stamp:focus-visible,.kit-link-stamp[aria-current],.kit-link-stamp.on{color:var(--base,#fff)}.kit-link-stamp:hover::before,.kit-link-stamp:focus-visible::before,.kit-link-stamp[aria-current]::before,.kit-link-stamp.on::before{transform:none;opacity:1;border-color:var(--ink,currentColor)}.kit-link-stamp:hover::after,.kit-link-stamp:focus-visible::after,.kit-link-stamp[aria-current]::after,.kit-link-stamp.on::after{transform:none;opacity:1}
/* v96.6 (Interactive Hover Button magicui): CTA «капля» — круг растёт из точки, подпись сменяется подписью со стрелкой; <a class="btn kit-btn-drop"><span class="kit-t">Заказать</span><span class="kit-t2" aria-hidden="true">Заказать →</span></a> */
.kit-btn-drop{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-width:8em;text-decoration:none;cursor:pointer}.kit-btn-drop::before{content:"";position:absolute;left:20%;top:40%;width:8px;height:8px;border-radius:50%;background:var(--kit-drop-c,var(--accent,currentColor));z-index:-1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.kit-btn-drop .kit-t{display:inline-block;transform:translateX(4px);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s}.kit-btn-drop .kit-t2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--kit-drop-ink,var(--base,#fff));transform:translateX(48px);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s}
.kit-btn-drop:hover::before,.kit-btn-drop:focus-visible::before{transform:scale(var(--kit-drop,40))}.kit-btn-drop:hover .kit-t,.kit-btn-drop:focus-visible .kit-t{transform:translateX(48px);opacity:0}.kit-btn-drop:hover .kit-t2,.kit-btn-drop:focus-visible .kit-t2{transform:translateX(-4px);opacity:1}.kit-btn-drop:active{transform:scale(.98)}@media(pointer:coarse){.kit-btn-drop::before,.kit-btn-drop .kit-t,.kit-btn-drop .kit-t2{transition:none}}
.kit-link-flip{position:relative;display:inline-block;overflow:clip;text-decoration:none;color:inherit;line-height:1.15}.kit-link-flip>span{display:block;transition:transform .45s var(--kit-e-out)}.kit-link-flip::after{content:attr(data-text);position:absolute;left:0;top:100%;white-space:nowrap;color:var(--accent,currentColor);transition:transform .45s var(--kit-e-out)}
.kit-link-flip:hover>span,.kit-link-flip:focus-visible>span{transform:translateY(-100%)}.kit-link-flip:hover::after,.kit-link-flip:focus-visible::after{transform:translateY(-100%)}
.kit-link-sweep{position:relative;display:inline-block;text-decoration:none;color:inherit}.kit-link-sweep::after{content:attr(data-text);position:absolute;left:0;top:0;white-space:nowrap;color:var(--accent,currentColor);clip-path:inset(0 100% 0 0);transition:clip-path .45s var(--kit-e-out);pointer-events:none}.kit-link-sweep:hover::after,.kit-link-sweep:focus-visible::after{clip-path:inset(0 0 0 0)}
.kit-link-wavy{position:relative;text-decoration:none;color:inherit;padding-bottom:3px}.kit-link-wavy::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:6px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'%3E%3Cpath d='M0 3q3-3 6 0t6 0' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'%3E%3Cpath d='M0 3q3-3 6 0t6 0' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") repeat-x;-webkit-mask-size:12px 6px;mask-size:12px 6px;opacity:.35;transition:opacity .3s}
.kit-link-wavy:hover::after,.kit-link-wavy:focus-visible::after{opacity:1;animation:kit-wavy .6s linear infinite}@keyframes kit-wavy{to{-webkit-mask-position:12px 0;mask-position:12px 0}}
.kit-link-marquee{position:relative;display:inline-block;overflow:clip;text-decoration:none;color:inherit;vertical-align:bottom}.kit-link-marquee>span{display:inline-block;white-space:nowrap;position:relative}.kit-link-marquee>span::after{content:attr(data-text);position:absolute;left:100%;top:0;padding-left:var(--kit-mq-gap,1.5em);white-space:nowrap}
.kit-link-marquee:hover>span,.kit-link-marquee:focus-visible>span{animation:kit-marquee var(--kit-mq,4s) linear infinite}@keyframes kit-marquee{to{transform:translateX(calc(-100% - var(--kit-mq-gap,1.5em)))}}
@media(prefers-reduced-motion:reduce){.kit-link-flip>span,.kit-link-flip::after,.kit-link-sweep::after,.kit-link-line,.kit-link-stamp,.kit-link-stamp::before,.kit-link-stamp::after,.kit-btn-drop::before,.kit-btn-drop .kit-t,.kit-btn-drop .kit-t2{transition:none!important}.kit-link-wavy::after,.kit-link-marquee>span{animation:none!important}}
@media(prefers-reduced-motion:reduce){.kit-chip,.kit-chip::before,.kit-fi,.kit-swatch::before,.kit-swatch-top,.kit-pick-btn,.kit-bar,.kit-fab>button,.kit-fab li{transition:none!important}.kit-fi-in,.kit-picked li,.kit-shake{animation:none!important}.kit-fi-out{opacity:1!important;transform:none}}
/* v96.7 (Variable Font Hover By Letter): каскад осей по буквам, замок ширины по состоянию to */
.kit-vf{display:inline-block}.kit-vf-w{display:inline-block;white-space:nowrap}.kit-vf-c{display:inline-block;font-variation-settings:var(--kit-vf-from);transition:font-variation-settings var(--kit-vf-ms,.7s) cubic-bezier(.2,.8,.2,1) calc(var(--d,0)*var(--kit-vf-step,30ms))}.kit-vf.on .kit-vf-c{font-variation-settings:var(--kit-vf-to)}.kit-vf-measure .kit-vf-c{font-variation-settings:var(--kit-vf-to)!important;transition:none!important}
/* v96.7 (Text Highlighter, Text Highlight ×2, Tactile Highlight): маркер фактов — подложка, линия, мазок, тон чернил */
.kit-mark mark{color:inherit;background:linear-gradient(var(--kit-mark,color-mix(in srgb,var(--accent,#c60) 35%,var(--base,#fff))) 0 0) no-repeat 0 0/0% 100%;padding:.05em .15em;margin:0 -.15em;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.3em;transition:background-size .8s cubic-bezier(.2,.8,.2,1) calc(var(--kit-mark-d,0ms) + var(--i,0)*150ms),border-radius .8s calc(var(--kit-mark-d,0ms) + var(--i,0)*150ms),color .3s calc(var(--kit-mark-d,0ms) + var(--i,0)*150ms + .3s)}
.kit-mark.on mark{background-size:100% 100%;border-radius:.1em}.kit-mark-rtl mark{background-position:100% 0}
.kit-mark-line mark{background:linear-gradient(var(--accent,currentColor),var(--accent,currentColor)) no-repeat 0 100%/0% .14em;padding:0 0 .05em;margin:0;border-radius:0}.kit-mark-line.on mark{background-size:100% .14em;border-radius:0}
.kit-mark-ink mark{--kit-mark:var(--ink,#111)}.kit-mark-ink.on mark{color:var(--base,#fff)}
.kit-mark-brush mark{position:relative;background:none;padding:0;margin:0;white-space:nowrap}.kit-mark-brush svg.kit-mark-brush{position:absolute;left:-.1em;bottom:-.3em;width:calc(100% + .2em);height:.55em;overflow:visible;pointer-events:none}.kit-mark-brush svg.kit-mark-brush path{fill:none;stroke:var(--accent,currentColor);stroke-width:7;stroke-linecap:round;opacity:.75;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1) calc(var(--kit-mark-d,0ms) + var(--i,0)*150ms)}.kit-mark-brush.on svg.kit-mark-brush path{stroke-dashoffset:0}
.kit-mark-now mark,.kit-mark-now svg.kit-mark-brush path{transition:none!important}
/* v96.7 (Curved Text Loop, Marquee Along SVG Path): фраза по дуге */
.kit-textpath{position:relative;display:block;width:100%;aspect-ratio:1000/160;overflow:hidden}.kit-textpath svg{display:block;width:100%;height:100%;font-family:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;overflow:visible}.kit-tp-drag{touch-action:pan-y;cursor:grab;user-select:none}.kit-tp-drag.dragging{cursor:grabbing}.kit-textpath .kit-pause{bottom:.5rem}
/* v96.7 (Scroll Choreography): четыре кадра → стопка → герой во весь экран; фазы через clamp по --p */
.kit-converge{position:relative;height:calc(100vh + var(--kit-len,200vh));--p:0;--kit-cv-k:1;--kit-cv-ky:1}.kit-converge .kit-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;--a:clamp(0,var(--p)/.3,1);--b:clamp(0,(var(--p) - .35)/.3,1);--c:clamp(0,(var(--p) - .7)/.2,1);--f:clamp(0,(var(--p) - .75)/.1,1)}
.kit-converge .kit-cv{position:absolute;left:50%;top:50%;width:36vw;height:24vh;margin:0;overflow:hidden;border-radius:12px;translate:calc(-50% + var(--x,0px)*var(--kit-cv-k)*(1 - var(--b))) calc(-50% + var(--y,0px)*var(--kit-cv-ky)*(1 - var(--b)));opacity:calc(1 - var(--f))}
.kit-converge .kit-cv[data-swap="down"]{--y:calc(-14vh + 28vh*var(--a))}.kit-converge .kit-cv[data-swap="up"]{--y:calc(14vh - 28vh*var(--a))}.kit-converge .kit-cv img,.kit-converge .kit-cv video{width:100%;height:100%;object-fit:cover;display:block}
.kit-converge .kit-cv-hero{width:100vw;height:100vh;height:100svh;translate:-50% -50%;border-radius:0;opacity:1;clip-path:inset(calc(38vh*(1 - var(--c))) calc(32vw*(1 - var(--c))) round calc(12px*(1 - var(--c))))}.kit-converge .kit-cv-hero img{scale:calc(.36 + .64*var(--c))}.kit-converge .kit-pin.kit-live .kit-cv{will-change:translate,clip-path}
@media(max-width:820px){.kit-converge{--kit-cv-k:.9;--kit-cv-ky:1.55}.kit-converge .kit-cv{width:60vw;height:22vh}}
/* v96.7 (Scroll Reveal Image): кадр расширяется и отъезжает по прокрутке — клип на широком блоке, без reflow */
.kit-widen{--p:0;position:relative;width:calc(1vw*var(--to,95));max-width:100%;height:var(--h,80vh);margin-inline:auto;overflow:hidden;contain:paint;clip-path:inset(0 calc(1vw*(var(--to,95) - var(--from,40))/2*(1 - var(--p))) round calc(var(--r,22px)*clamp(0,(var(--p) - .5)/.5,1)));opacity:1!important;transform:none!important}.kit-widen img,.kit-widen video{width:100%;height:100%;object-fit:cover;display:block;scale:calc(var(--zoom,1.6) - (var(--zoom,1.6) - 1)*var(--p));will-change:scale}
/* v96.7 (Aurora kevingirelli, AuroraBackground): три пятна без blur с несинхронными периодами, косые полосы, пауза вне экрана */
.kit-aurora-lights::before{display:none}.kit-light{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;pointer-events:none;z-index:-1;animation:kit-light var(--kit-light-t,20s) ease-in-out infinite;will-change:translate}.kit-light-1{left:-10%;top:-20%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent,#888) 30%,transparent),transparent);--kit-light-t:20s}.kit-light-2{right:-15%;top:10%;background:radial-gradient(closest-side,color-mix(in srgb,var(--muted,#888) 25%,transparent),transparent);--kit-light-t:27s;animation-delay:-6s}.kit-light-3{left:20%;bottom:-30%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ink,#111) 12%,transparent),transparent);--kit-light-t:34s;animation-delay:-13s}
@keyframes kit-light{0%{translate:0 0;scale:1}33%{translate:12% 18%;scale:1.1}66%{translate:-10% 8%;scale:.95}100%{translate:0 0;scale:1}}.kit-aurora.kit-off .kit-light,.kit-aurora.kit-off::before{animation-play-state:paused}
.kit-aurora-bands::before{display:block;left:auto;top:auto;width:auto;height:auto;inset:-50%;translate:none;border-radius:0;filter:none;background:repeating-linear-gradient(100deg,var(--accent,#888) 10%,color-mix(in srgb,var(--accent,#888) 40%,var(--base,#fff)) 15%,color-mix(in srgb,var(--accent,#888) 70%,var(--base,#fff)) 20%,var(--muted,#888) 25%,var(--accent,#888) 30%);background-size:200% 200%;opacity:.35;animation:kit-bands 32s linear infinite alternate}@keyframes kit-bands{to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.kit-vf-c,.kit-mark mark,.kit-mark-brush svg.kit-mark-brush path{transition:none!important}.kit-light{animation:none!important;translate:4% 8%}.kit-aurora-bands::before{animation:none!important}.kit-path-items>*{animation:none!important}.kit-ticker-v>*{transform:none!important}}
/* v96.8 (Thumbnail Carousel, Snap Carousel): миниатюры, усадка неактивных, видимые края соседей */
.kit-rail-thumbs{display:flex;gap:8px;justify-content:center;overflow-x:auto;padding:6px 4px;margin-top:10px;scrollbar-width:none}.kit-rail-thumbs::-webkit-scrollbar{display:none}.kit-rail-thumbs button{flex:none;width:44px;height:44px;padding:0;border:0;border-radius:8px;overflow:hidden;background:color-mix(in srgb,currentColor 12%,transparent);color:inherit;font:inherit;opacity:.6;cursor:pointer;transition:opacity .3s,transform .3s var(--kit-e-out),box-shadow .3s}.kit-rail-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}@media(min-width:640px){.kit-rail-thumbs button{width:52px;height:52px}}@media(hover:hover){.kit-rail-thumbs button:hover{opacity:.9}}.kit-rail-thumbs button.on{opacity:1;transform:scale(1.1);box-shadow:0 0 0 2px var(--accent,currentColor),0 4px 12px rgba(0,0,0,.15)}.kit-rail-thumbs button:focus-visible{outline:2px solid var(--accent,currentColor);outline-offset:2px}
[data-kit="rail"].kit-rail-shrink>*{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s}[data-kit="rail"].kit-rail-shrink>*:not(.on){transform:scale(.85);opacity:.55}[data-kit="rail"].kit-rail-shrink>.on{transform:scale(.95)}
[data-kit="rail"].kit-rail-peek{padding-inline:var(--kit-peek,48px);scroll-padding-inline:var(--kit-peek,48px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 calc(var(--kit-peek,48px) + 14px),#000 calc(100% - var(--kit-peek,48px) - 14px),transparent);mask-image:linear-gradient(90deg,transparent,#000 calc(var(--kit-peek,48px) + 14px),#000 calc(100% - var(--kit-peek,48px) - 14px),transparent)}[data-kit="rail"].kit-rail-peek>*{scroll-snap-stop:always}
/* v96.8 (Stacked Card Image Carousel, Draggable Photo Stack): колода */
.kit-deck{position:relative;width:var(--kit-deck-w,min(78vw,440px));aspect-ratio:var(--kit-deck-ratio,4/5);margin-inline:auto;touch-action:pan-y;user-select:none;outline-offset:8px}.kit-deck:focus-visible{outline:2px solid var(--accent,currentColor)}.kit-deck .kit-card{position:absolute;inset:0;margin:0;border-radius:18px;overflow:hidden;background:var(--muted,#888);--d:0;--r:0deg;transform:translateY(calc(var(--d)*-16px)) scale(calc(1 - var(--d)*.055)) rotate(var(--r));filter:brightness(calc(1 - var(--d)*.07));transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s,filter .4s;will-change:transform}.kit-deck .kit-card img{width:100%;height:100%;object-fit:cover;display:block}.kit-deck .kit-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff;font-size:.9em}
.kit-deck .kit-card.hid{opacity:0}.kit-deck .kit-card.top{cursor:grab}.kit-deck .kit-card.drag{transition:none;cursor:grabbing}.kit-deck .kit-card.fly{transition:transform .45s cubic-bezier(.3,.5,.3,1),opacity .45s}.kit-deck .kit-card.snap{transition:none}
.kit-deck-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.kit-deck-bar .kit-prev,.kit-deck-bar .kit-next{min-width:44px;min-height:44px;border:1px solid var(--line,color-mix(in srgb,currentColor 25%,transparent));border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer}.kit-deck-bar .kit-count{font-variant-numeric:tabular-nums;font-size:.85em;opacity:.7;min-width:4.5em;text-align:center}.kit-cap{margin:12px 0 0;text-align:center;font-size:.95em;min-height:1.5em}.kit-cap.kit-rise{animation:kit-rise .6s var(--kit-e-out)}.kit-count.kit-rise{animation:kit-rise .4s var(--kit-e-out)}
.kit-deck-fan{display:inline-flex;gap:4px;margin-left:8px;padding:3px;border:1px solid var(--line,color-mix(in srgb,currentColor 25%,transparent));border-radius:999px}.kit-deck-fan button{min-height:36px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.85em;cursor:pointer}.kit-deck-fan button[aria-pressed=true]{background:var(--ink,#111);color:var(--base,#fff)}
.kit-deck.kit-fan{overflow:visible}.kit-deck.kit-fan .kit-card{opacity:1;filter:none;transform:translate(var(--fx,0px),var(--fy,0px)) rotate(var(--fr,0deg)) scale(.78);transition:transform .48s cubic-bezier(.2,.85,.25,1)}@media(hover:hover){.kit-deck.kit-fan .kit-card:hover{transform:translate(var(--fx,0px),calc(var(--fy,0px) - 22px)) rotate(var(--fr,0deg)) scale(.8);z-index:20!important}}@media(max-width:660px){.kit-deck-fan{display:none}}
/* v96.8 (Hanging Polaroid Image Carousel): полароиды на верёвке */
.kit-pegs{position:relative;height:clamp(420px,70vh,720px);overflow:hidden;touch-action:pan-y;user-select:none;cursor:grab}.kit-pegs.dragging{cursor:grabbing}.kit-pegs-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.kit-pegs-line path{fill:none;stroke:var(--line,currentColor);stroke-width:1.5}
.kit-peg-card{position:absolute;left:0;top:0;width:var(--kit-cw,200px);transform-origin:50% 0;will-change:transform}.kit-peg{position:absolute;left:50%;top:-12px;width:10px;height:26px;translate:-50% 0;border-radius:3px;background:linear-gradient(90deg,#b98a5a,#e2c39a 45%,#b98a5a);box-shadow:0 2px 4px rgba(0,0,0,.25);z-index:2}
.kit-peg-card>figure{margin:10px 0 0;padding:10px 10px 0;background:var(--base,#fff);box-shadow:0 10px 24px -8px rgba(0,0,0,.35);transform:scale(.9) rotate(0);filter:saturate(.7);transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;animation:kit-breeze 3s ease-in-out infinite alternate;animation-delay:calc(var(--i,0)*-.7s)}.kit-peg-card.on>figure{transform:none;filter:none}.kit-peg-card>figure img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.kit-peg-card>figure figcaption{height:46px;display:flex;align-items:center;justify-content:center;font:italic 15px/1.1 Georgia,serif;color:var(--ink,#111);text-align:center}@keyframes kit-breeze{to{rotate:.6deg}}
.kit-pegs-static{height:auto;overflow-x:auto;display:flex;gap:16px;padding:16px 0;scroll-snap-type:x mandatory;cursor:default}.kit-pegs-static>figure{flex:0 0 min(260px,70vw);scroll-snap-align:center;margin:0;padding:10px 10px 0;background:var(--base,#fff);box-shadow:0 10px 24px -8px rgba(0,0,0,.35)}.kit-pegs-static>figure img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.kit-pegs-static>figure figcaption{height:46px;display:flex;align-items:center;justify-content:center;font:italic 15px/1.1 Georgia,serif}
/* v96.8 (Circular Carousel, Interactive 3D Card Carousel): дуга и веер */
.kit-arc{position:relative;height:var(--kit-arc-h,280px);overflow:visible;outline-offset:8px}.kit-arc:focus-visible{outline:2px solid var(--accent,currentColor)}.kit-arc-item{position:absolute;left:50%;top:50%;width:var(--kit-arc-w,192px);box-sizing:border-box;margin:0;translate:-50% -50%;transform:translate(var(--x,0px),var(--y,0px)) rotate(var(--r,0deg)) scale(var(--s,1));opacity:var(--o,1);transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s;will-change:transform;cursor:pointer}.kit-arc-item.far{opacity:0!important;transition:none;pointer-events:none}.kit-arc-item.on{cursor:default}
.kit-arc-fanmode .kit-arc-item{transition:transform .8s cubic-bezier(.34,1.3,.64,1),opacity .4s}.kit-arc-fanmode.kit-fan .kit-arc-item{transform:translate(var(--x,0px),var(--fy,0px)) rotate(var(--fr,0deg)) scale(.65)}.kit-arc-fanmode.kit-fan .kit-arc-item.on{transform:translate(var(--x,0px),var(--fy,0px)) rotate(var(--fr,0deg)) scale(.9)}.kit-arc-item>figcaption{opacity:0;transform:scale(.75);transition:.3s}.kit-arc-item.on>figcaption{opacity:1;transform:none}
.kit-arc-count{position:absolute;left:50%;bottom:0;translate:-50% 0;font-variant-numeric:tabular-nums;font-size:.85em;opacity:.6}@media(max-width:600px){.kit-arc-item{width:min(192px,60vw)}}
/* v96.8 (3D Flip Image Carousel): плёнка с видоискателем для strips */
[data-kit="strips"].kit-strips-fold{--kit-fold-w:70px;--kit-strip-max:300px;--kit-fold-h:200px;justify-content:flex-start;min-height:0;height:var(--kit-fold-h);overflow:visible;transform:translateX(calc(50% - var(--kit-strip-max)/2 - var(--kit-on,0)*var(--kit-fold-w)));transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
[data-kit="strips"].kit-strips-fold .kit-strip{flex:0 0 var(--kit-fold-w);min-width:0;perspective:800px;overflow:visible;transition:flex-basis .8s cubic-bezier(1,-.03,.413,.965)}[data-kit="strips"].kit-strips-fold .kit-strip.on{flex-basis:var(--kit-strip-max);flex-grow:0}[data-kit="strips"].kit-strips-fold .kit-strip>img{width:var(--kit-fold-h);height:var(--kit-fold-h);object-fit:cover;border-radius:8px;transform:rotateY(calc(var(--side,0)*60deg)) rotateZ(calc(var(--side,0)*90deg));transition:transform .8s cubic-bezier(1,-.03,.413,.965)}[data-kit="strips"].kit-strips-fold .kit-strip.on>img{transform:none}
[data-kit="strips"].kit-strips-fold .kit-strip.on::after{content:"";position:absolute;inset:-8px;border:2px solid currentColor;border-radius:12px;pointer-events:none;animation:kit-pulse .8s ease-in-out}@keyframes kit-pulse{50%{transform:scale(1.07)}}@media(max-width:760px){[data-kit="strips"].kit-strips-fold{flex-direction:row;--kit-fold-w:40px;--kit-strip-max:min(300px,80vw)}[data-kit="strips"].kit-strips-fold .kit-strip{min-height:0}}
@media(prefers-reduced-motion:reduce){.kit-rail-thumbs button,[data-kit="rail"].kit-rail-shrink>*,.kit-deck .kit-card,.kit-arc-item,.kit-peg-card>figure,[data-kit="strips"].kit-strips-fold,[data-kit="strips"].kit-strips-fold .kit-strip,[data-kit="strips"].kit-strips-fold .kit-strip>img{transition:none!important}.kit-deck .kit-card{transition:opacity .3s!important;transform:translateY(calc(var(--d)*-16px)) scale(calc(1 - var(--d)*.055))!important}.kit-cap.kit-rise,.kit-count.kit-rise,.kit-peg-card>figure,[data-kit="strips"].kit-strips-fold .kit-strip.on::after{animation:none!important}.kit-ticker-y>*{animation-play-state:paused}}
/* v96.9 (Inline Validation, Auth Form, Interactive Hover Button): поле с подсказкой/ошибкой в одной ячейке, раскрытие следующего поля, морф кнопки отправки, спиннер ожидания, плашка ошибки с фокусом */
.kit-field{position:relative;display:block}.kit-field .kit-lab{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.kit-field input,.kit-field textarea,.kit-field select{width:100%;min-height:44px;box-sizing:border-box;padding:10px 36px 10px 12px;border:2px solid var(--line,color-mix(in srgb,currentColor 25%,transparent));border-radius:10px;background:transparent;color:inherit;font:inherit;transition:border-color .15s,box-shadow .15s}.kit-field input:focus-visible,.kit-field textarea:focus-visible,.kit-field select:focus-visible{outline:none;border-color:var(--accent,currentColor);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,currentColor) 25%,transparent)}
.kit-field .kit-msg{display:grid;height:16px;margin-top:6px;font-size:11.5px;line-height:16px;overflow:hidden}.kit-field .kit-msg>*{grid-area:1/1;margin:0;transition:opacity .25s,transform .25s cubic-bezier(.2,0,0,1)}.kit-field .kit-hint{opacity:.7}.kit-field .kit-err{display:block!important;opacity:0;transform:translateY(-3px)}.kit-field[data-state="invalid"] .kit-err{opacity:1;transform:none}.kit-field[data-state="invalid"] .kit-hint{opacity:0;transform:translateY(3px)}
.kit-field::after{content:"";position:absolute;right:12px;top:calc(var(--kit-lab-h,19px) + 15px);width:14px;height:14px;opacity:0;transform:scale(.7);transition:opacity .25s,transform .25s;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}.kit-field.kit-field-area::after,.kit-field.kit-field-check::after{display:none}
.kit-field[data-state="valid"]::after{opacity:1;transform:none}.kit-field[data-state="invalid"]::after{opacity:1;transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v9M12 19h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v9M12 19h.01'/%3E%3C/svg%3E")}.kit-field[data-state="invalid"] input,.kit-field[data-state="invalid"] textarea,.kit-field[data-state="invalid"] select{border-color:var(--ink,currentColor);box-shadow:inset 0 0 0 1px var(--ink,currentColor)}
form.kit-form-live .kit-field.kit-next{display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows .35s cubic-bezier(.2,0,0,1),opacity .35s}form.kit-form-live .kit-field.kit-next.on{grid-template-rows:1fr;opacity:1}form.kit-form-live .kit-field.kit-next>*{min-height:0}form.kit-form-live .kit-field.kit-next>.kit-next-in{display:block}
.kit-sub{position:relative;display:inline-grid;place-items:center}.kit-sub>span{grid-area:1/1;transition:opacity .2s,transform .2s cubic-bezier(.2,0,0,1)}.kit-sub .kit-sub-p{opacity:0;transform:translateY(6px)}form[data-status="pending"] .kit-sub .kit-sub-t{opacity:0;transform:translateY(-6px)}form[data-status="pending"] .kit-sub .kit-sub-p{opacity:1;transform:none}
button[aria-busy="true"]:not(.kit-sub){position:relative;color:transparent!important;pointer-events:none}button[aria-busy="true"]:not(.kit-sub)::before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:var(--kit-spin,var(--base,#fff));animation:kit-spin 1s linear infinite}@keyframes kit-spin{to{rotate:1turn}}
.kit-alert{outline:none}form[data-status="error"] .kit-alert{display:block;animation:kit-rise .3s cubic-bezier(.2,0,0,1) both}form[data-status="error"] .kit-alert:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent);border-radius:6px}
.kit-btn-fill[data-from="dot"]::after{inset:auto;left:24px;top:50%;width:8px;height:8px;border-radius:50%;translate:0 -50%;transform:scale(1);transition:transform .5s cubic-bezier(.4,0,.2,1)}.kit-btn-fill[data-from="dot"]{padding-left:44px}.kit-btn-fill[data-from="dot"]:hover::after,.kit-btn-fill[data-from="dot"]:focus-visible::after{transform:scale(var(--kit-dot-k,60))}@media(hover:none){.kit-btn-fill[data-from="dot"]:active::after{transform:scale(var(--kit-dot-k,60))}}
.kit-tel{font-variant-numeric:tabular-nums;letter-spacing:.02em}
/* v96.9 (Drawer, wensity): нижний лист на <dialog> */
dialog.kit-drawer{position:fixed;inset:auto 0 0 0;margin:0 auto;width:100%;max-width:520px;height:var(--kit-dh,auto);max-height:92dvh;padding:0;border:0;border-radius:20px 20px 0 0;background:var(--base,#fff);color:var(--ink,#111);box-shadow:0 -12px 48px -16px rgb(0 0 0/.35);display:flex;flex-direction:column;translate:0 var(--kit-dy,0px);transition:translate .5s cubic-bezier(.23,1,.32,1),height .4s cubic-bezier(.23,1,.32,1),overlay .5s allow-discrete,display .5s allow-discrete}
dialog.kit-drawer:not([open]){display:none;translate:0 105%}@starting-style{dialog.kit-drawer[open]{translate:0 105%}}dialog.kit-drawer.closing{translate:0 105%!important;transition-duration:.25s}dialog.kit-drawer.dragging{transition:none}
dialog.kit-drawer::backdrop{background:rgb(0 0 0/.6);opacity:1;transition:opacity .3s,overlay .3s allow-discrete,display .3s allow-discrete}@starting-style{dialog.kit-drawer[open]::backdrop{opacity:0}}dialog.kit-drawer.closing::backdrop{opacity:0}
.kit-drawer-handle{flex:none;width:40px;height:6px;margin:12px auto 8px;border-radius:999px;background:color-mix(in srgb,currentColor 35%,transparent);touch-action:none}.kit-drawer>h2,.kit-drawer>h3{margin:0;padding:0 48px 8px 20px;font-size:16px;line-height:1.3;letter-spacing:-.015em;touch-action:none}.kit-drawer>p{margin:0;padding:0 20px 8px;font-size:13px;opacity:.7}
.kit-drawer-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 20px calc(20px + env(safe-area-inset-bottom));touch-action:pan-y}.kit-drawer-close{position:absolute;right:12px;top:12px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,currentColor 10%,transparent);color:inherit;font:20px/1 inherit;cursor:pointer}.kit-drawer-close:hover{background:color-mix(in srgb,currentColor 18%,transparent)}
dialog.kit-drawer.kit-drawer-side{inset:0 0 0 auto;margin:0;width:min(100vw,352px);max-width:none;height:100%;max-height:none;border-radius:0;translate:var(--kit-dx,0px) 0;box-shadow:-12px 0 48px -16px rgb(0 0 0/.35)}dialog.kit-drawer.kit-drawer-side:not([open]){translate:100% 0}@starting-style{dialog.kit-drawer.kit-drawer-side[open]{translate:100% 0}}dialog.kit-drawer.kit-drawer-side.closing{translate:100% 0!important}
html.kit-drawer-open{overflow:hidden}.kit-drawer-shield{position:fixed;inset:-100vh -100vw;z-index:9;cursor:grabbing;touch-action:none}
/* v96.9 (Animated Countdown): отсчёт от реальной даты */
.kit-cd{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:560px}.kit-cd.kit-cd-3{grid-template-columns:repeat(3,1fr)}.kit-cd-u{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:5.2rem;padding:16px;border:1px solid var(--line,color-mix(in srgb,currentColor 25%,transparent));border-radius:16px;background:color-mix(in srgb,var(--muted,#888) 12%,var(--base,#fff))}
.kit-cd-n{display:block;font-size:clamp(28px,4vw,48px);line-height:1;font-weight:600;font-variant-numeric:tabular-nums;min-width:2ch;text-align:center}.kit-cd-u small{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.7}
.kit-cd-slide .kit-cd-n{display:grid;overflow:hidden}.kit-cd-slide .kit-cd-n>i{grid-area:1/1;font-style:normal}.kit-cd-slide .kit-cd-in{animation:kit-cd-in .25s ease-out both}.kit-cd-slide .kit-cd-out{animation:kit-cd-out .25s ease-out both}@keyframes kit-cd-in{from{translate:0 12px;opacity:0;filter:blur(4px)}}@keyframes kit-cd-out{to{translate:0 -12px;opacity:0;filter:blur(4px)}}
.kit-cd.kit-cd-done{display:block;max-width:none}.kit-cd-text{margin:0;font-size:1.1em}@media(max-width:640px){.kit-cd{grid-template-columns:repeat(2,minmax(0,1fr))}.kit-cd.kit-cd-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kit-cd-u{min-width:0;padding:12px 8px}}
/* v96.9 (Rolling Digits, Animated Radial Chart): перекат из нулей, спидометр */
.kit-count-roll{display:inline-block;white-space:nowrap}.kit-count-roll .kit-digit{vertical-align:top}.kit-gauge-needle{transition:none}
/* v96.9 (Chat Messages): FAQ пузырями */
.kit-faq-chat details{display:flex;flex-direction:column;gap:8px;margin:0 0 12px;border:0;padding:0}.kit-faq-chat summary{align-self:flex-end;max-width:75%;min-height:44px;box-sizing:border-box;padding:10px 16px!important;border-radius:16px 16px 6px 16px;background:var(--accent,#111);color:var(--base,#fff);font-weight:500;line-height:1.5}.kit-faq-chat summary::after,.kit-faq-chat summary::before{display:none}.kit-faq-chat summary:focus-visible{outline:2px solid var(--ink,currentColor);outline-offset:3px}
.kit-faq-chat .kit-faq-body{align-self:flex-start;max-width:75%;border-radius:16px 16px 16px 6px;background:color-mix(in srgb,var(--muted,#888) 18%,var(--base,#fff));color:var(--ink,#111);box-sizing:border-box}.kit-faq-chat .kit-faq-body>*{margin:0;padding:10px 16px}.kit-faq-chat .kit-faq-body>*+*{padding-top:0}.kit-faq-chat .kit-faq-body.kit-wait>:not(.kit-typing){display:none}.kit-faq-chat .kit-faq-body.kit-in>*{animation:kit-bubble .35s cubic-bezier(.22,1,.36,1) both}@keyframes kit-bubble{from{opacity:0;translate:0 12px}}
.kit-typing{display:inline-flex;gap:4px;padding:14px 16px}.kit-typing i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:kit-typing .8s ease-in-out infinite}.kit-typing i:nth-child(2){animation-delay:.15s}.kit-typing i:nth-child(3){animation-delay:.3s}@keyframes kit-typing{0%,100%{opacity:.4;translate:0 0}50%{opacity:1;translate:0 -4px}}
/* v96.9 (Testimonial Basic): бейдж длительности видео */
.kit-vdur{position:absolute;left:12px;bottom:12px;padding:4px 10px;border-radius:999px;background:rgb(0 0 0/.55);color:#fff;font:600 12px/1.4 ui-monospace,monospace;letter-spacing:.06em;pointer-events:none}.kit-vdur:empty{display:none}
/* v96.9 (Interactive Boarding Pass): билет */
.kit-ticket{perspective:1800px;container-type:inline-size;position:relative}.kit-ticket-card{position:relative;aspect-ratio:1000/330;transform-style:preserve-3d;transition:transform 1.05s cubic-bezier(.65,-.2,.25,1.2);cursor:pointer;touch-action:pan-y}.kit-ticket.on .kit-ticket-card{transform:rotateY(180deg)}
.kit-ticket-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:2cqw;overflow:hidden;display:grid;grid-template-columns:1fr 28%;background:linear-gradient(162deg,color-mix(in srgb,var(--base,#fff) 82%,#fff),var(--base,#fff) 48%,color-mix(in srgb,var(--base,#fff) 88%,#000));color:var(--ink,#111);box-shadow:0 20px 50px -24px rgb(0 0 0/.45)}.kit-ticket-front{background:var(--ink,#111);color:var(--base,#fff);grid-template-columns:1fr}.kit-ticket-back{transform:rotateY(180deg)}
.kit-ticket-main{padding:2.4cqw 3cqw;display:flex;flex-direction:column;justify-content:space-between;gap:1.2cqw;min-width:0}.kit-ticket h3,.kit-ticket .kit-ticket-t{margin:0;font-size:2.75cqw;line-height:1.1;letter-spacing:-.01em}.kit-ticket small,.kit-ticket .kit-ticket-s{font-size:1cqw;letter-spacing:.14em;text-transform:uppercase;opacity:.65}
.kit-ticket dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2cqw 2cqw;margin:0}.kit-ticket dl>div{min-width:0}.kit-ticket dt{font-size:.9cqw;letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-bottom:.3cqw}.kit-ticket dd{margin:0;font-size:1.8cqw;font-weight:600;line-height:1.2;overflow-wrap:anywhere}
.kit-ticket-stub{position:relative;display:grid;place-items:center;text-align:center;padding:2cqw 1.5cqw;border-left:1px dashed var(--line,currentColor);text-decoration:none;color:inherit;font-size:1.3cqw;font-weight:600;letter-spacing:.08em;text-transform:uppercase;-webkit-mask:radial-gradient(circle at 0 50%,#0000 .22cqw,#000 .26cqw) 0 0/100% .86cqw repeat-y;mask:radial-gradient(circle at 0 50%,#0000 .22cqw,#000 .26cqw) 0 0/100% .86cqw repeat-y;transition:transform .75s cubic-bezier(.3,1.6,.5,1)}.kit-ticket-stub::before{content:"";position:absolute;left:.5cqw;top:50%;translate:0 -50%;writing-mode:vertical-rl;font-size:.6cqw;letter-spacing:.2em;opacity:.5}.kit-ticket.is-torn .kit-ticket-stub{transform:translate(2.4cqw,1.1cqw) rotate(4deg)}
.kit-ticket-back.printed .kit-v{animation:kit-type .8s steps(14,end) both;animation-delay:calc(var(--i,0)*.1s + .9s)}@keyframes kit-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.kit-ticket-stamp{position:absolute;right:32%;top:28%;rotate:-9deg;border:.3cqw solid var(--accent,currentColor);color:var(--accent,currentColor);padding:.5cqw 1.2cqw;font-size:1.8cqw;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:0;scale:1.9;mix-blend-mode:multiply;pointer-events:none;transition:opacity .5s,scale .5s cubic-bezier(.3,1.6,.5,1)}.kit-ticket.is-torn .kit-ticket-stamp{opacity:.85;scale:1}
.kit-ticket-flip{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;padding:0 16px;border:1px solid var(--line,currentColor);border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer}.kit-ticket-flip[aria-pressed="true"]{background:var(--ink,#111);color:var(--base,#fff)}
@media(max-width:600px){.kit-ticket-card{aspect-ratio:auto;transform:none!important;transition:none;perspective:none}.kit-ticket-face{position:relative;transform:none;backface-visibility:visible;grid-template-columns:1fr;border-radius:16px;font-size:14px}.kit-ticket-js:not(.on) .kit-ticket-back{display:none}.kit-ticket-js.on .kit-ticket-front{display:none}.kit-ticket-main{padding:20px}.kit-ticket h3,.kit-ticket .kit-ticket-t{font-size:22px}.kit-ticket small,.kit-ticket .kit-ticket-s{font-size:11px}.kit-ticket dl{grid-template-columns:1fr 1fr;gap:12px 16px}.kit-ticket dt{font-size:10px}.kit-ticket dd{font-size:16px}.kit-ticket-stub{padding:16px;border-left:0;border-top:1px dashed var(--line,currentColor);font-size:13px;-webkit-mask:none;mask:none}.kit-ticket-stub::before{display:none}.kit-ticket-stamp{font-size:14px;border-width:2px;padding:4px 10px;right:16px;top:16px}.kit-ticket-back.printed .kit-v{animation:none}}
/* v96.9 (Receipt Tiers): тарифы-чеки — шкура для .kit-tiers */
.kit-tiers.kit-receipt{background:color-mix(in srgb,var(--muted,#888) 10%,var(--base,#fff));padding:48px 24px;border-radius:16px;max-width:1040px;margin-inline:auto;gap:32px}.kit-receipt .kit-tier{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6;background:var(--base,#fff);color:var(--ink,#111);padding:32px 24px 36px;border:0;border-radius:0;box-shadow:0 12px 32px -16px rgb(0 0 0/.35);-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(100%/34) 8px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(100%/34) 8px repeat-x}
.kit-receipt .kit-tier.is-pick{transform:none;background:var(--base,#fff);color:var(--ink,#111)}@media(min-width:768px){.kit-receipt .kit-tier:nth-child(1){rotate:-1deg}.kit-receipt .kit-tier:nth-child(2){rotate:.5deg;translate:0 -8px}.kit-receipt .kit-tier:nth-child(3){rotate:1.5deg}}
.kit-receipt .kit-shop{font-size:13.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center}.kit-receipt .kit-addr{font-size:10.5px;text-align:center;opacity:.7}.kit-receipt hr.kit-rule,.kit-receipt hr{border:0;border-top:1px dashed var(--line,currentColor);margin:12px 0}.kit-receipt .kit-leaders{display:flex;align-items:baseline;gap:8px;margin:0}.kit-receipt .kit-leaders>i{flex:1;min-width:16px;border-bottom:1px dotted currentColor;translate:0 -.2em}.kit-receipt .kit-leaders>b{font-weight:400;text-transform:uppercase;font-size:10.5px;opacity:.7}
.kit-receipt .kit-total{display:flex;justify-content:space-between;align-items:baseline;font-size:17px;font-weight:700;margin-top:8px}.kit-receipt .kit-sub-row{display:flex;justify-content:space-between;font-size:11.5px;opacity:.8}.kit-receipt .kit-stamp{position:absolute;right:16px;top:64px;rotate:-12deg;border:2px solid var(--accent,currentColor);color:var(--accent,currentColor);padding:4px 8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.8;mix-blend-mode:multiply;pointer-events:none}
.kit-receipt .kit-barcode{height:40px;width:80%;margin:16px auto 4px;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 5px,currentColor 5px 6px,transparent 6px 9px);opacity:.8}.kit-receipt .kit-no{font-size:10px;text-align:center;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.kit-receipt .kit-tier .btn,.kit-receipt .kit-tier button,.kit-receipt .kit-tier .kit-btn{width:100%;box-sizing:border-box;font-family:inherit;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:12px;margin-top:12px}
/* v96.9 (Hero Section with Device Mockups): обобщённая рамка телефона и композиция с широким кадром */
.kit-phone{--w:clamp(180px,26vw,380px);width:var(--w);aspect-ratio:433/882;position:relative;box-sizing:border-box;padding:calc(var(--w)*.044);border-radius:calc(var(--w)*.17);background:var(--ink,#111);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink,#111) 70%,var(--base,#fff)),0 30px 60px -24px rgb(0 0 0/.35)}.kit-phone>figure{margin:0;height:100%;border-radius:calc(var(--w)*.14);overflow:hidden;background:var(--muted,#888)}.kit-phone img,.kit-phone video{width:100%;height:100%;object-fit:cover;display:block}
.kit-phone::before{content:"";position:absolute;top:calc(var(--w)*.044 + 2.5%);left:50%;translate:-50% 0;width:28%;height:4.2%;border-radius:999px;background:var(--ink,#111);z-index:1}.kit-phone::after{content:"";position:absolute;left:-3px;top:19%;width:3px;height:4%;border-radius:2px;background:var(--ink,#111);box-shadow:0 calc(var(--w)*.17) 0 0 var(--ink,#111),0 calc(var(--w)*.37) 0 0 var(--ink,#111),calc(var(--w) + 3px) calc(var(--w)*.28) 0 0 var(--ink,#111)}
.kit-devices{position:relative;padding-bottom:calc(var(--kit-phone-h,420px)*.45);-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}.kit-devices>.kit-wide{border:1px solid var(--line,currentColor);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px -20px rgb(0 0 0/.3)}.kit-devices>.kit-wide img{display:block;width:100%;height:auto}.kit-devices>.kit-phone{position:absolute;left:50%;top:50%;translate:-50% -55%}@media(max-width:640px){.kit-devices>.kit-phone{--w:150px!important}}
/* v96.9 (Staggered Testimonials Grid): чертёжная лесенка отзывов */
.kit-tq{display:grid;gap:32px;margin-top:-40px;padding:16px 0}.kit-tq>figure{position:relative;margin:0;padding:32px 32px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:var(--base,#fff)}.kit-tq>figure::before{content:"";position:absolute;inset:-16px -1px;border-inline:1px solid var(--line,currentColor);pointer-events:none}.kit-tq>figure::after{content:"";position:absolute;inset:-1px -16px;border-block:1px solid var(--line,currentColor);pointer-events:none}
.kit-tq blockquote{position:relative;margin:0;font-size:16px;line-height:1.6;opacity:.85}.kit-tq blockquote::before{content:"";position:absolute;top:-39px;left:-39px;width:14px;height:14px;background:linear-gradient(var(--muted,#888),var(--muted,#888)) center/1px 100% no-repeat,linear-gradient(var(--muted,#888),var(--muted,#888)) center/100% 1px no-repeat}.kit-tq blockquote p{margin:0}.kit-tq blockquote p::before{content:"« "}.kit-tq blockquote p::after{content:" »"}
.kit-tq figcaption{display:flex;align-items:center;gap:12px}.kit-tq figcaption img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--base,#fff),0 0 0 4px var(--line,currentColor)}.kit-tq cite{display:block;font-style:normal;font-weight:500;font-size:14px}.kit-tq figcaption span{display:block;font-size:12px;opacity:.7}
@media(min-width:768px){.kit-tq{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding-bottom:calc(16px + 48px*(var(--kit-tq-n,3) - 1))}.kit-tq>figure{translate:0 calc(48px*var(--i,0))}}
/* v96.9 (Testimonial Section bento): отзывы-бенто с тоновыми карточками */
.kit-qb{display:grid;gap:24px;grid-template-columns:1fr}.kit-qb>figure{margin:0;padding:32px;border-radius:8px;border:1px solid var(--line,currentColor);display:flex;flex-direction:column;justify-content:space-between;gap:32px;background:var(--base,#fff)}.kit-qb blockquote{margin:0;font-size:16px;line-height:1.6}.kit-qb blockquote p{margin:0}.kit-qb .kit-qb-tall blockquote,.kit-qb .kit-qb-wide blockquote{font-size:clamp(1.25rem,2vw,1.875rem);font-weight:500;line-height:1.4}
.kit-qb figcaption{display:flex;align-items:center;gap:16px}.kit-qb figcaption img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1.5px solid currentColor}.kit-qb cite{display:block;font-style:normal;font-weight:700;font-size:16px}.kit-qb figcaption span{display:block;font-size:14px;opacity:.8}.kit-qb .kit-tone-accent{background:var(--accent,#111);color:var(--base,#fff);border-color:transparent}.kit-qb .kit-tone-ink{background:var(--ink,#111);color:var(--base,#fff);border-color:transparent}
@media(min-width:768px){.kit-qb{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.kit-qb{grid-template-columns:repeat(3,1fr)}.kit-qb .kit-qb-tall{grid-row:span 2}.kit-qb .kit-qb-wide{grid-column:span 2}}@media(hover:hover){.kit-qb>figure{transition:transform .25s var(--kit-e-out,cubic-bezier(.2,.8,.2,1))}.kit-qb>figure:hover{transform:scale(1.02)}}
/* v96.9 (Testimonial Basic): видеоотзывы рядами с чередованием */
.kit-vr{display:grid;border-block:1px solid var(--line,currentColor)}.kit-vr+.kit-vr{border-top:0}.kit-vr>:first-child{padding:24px;background:color-mix(in srgb,var(--muted,#888) 10%,var(--base,#fff))}.kit-vr .kit-vtile{width:auto;aspect-ratio:16/9;border-radius:16px}.kit-vr .kit-vtile video,.kit-vr .kit-vtile img{width:100%;height:100%;object-fit:cover;display:block}
.kit-vr header{display:flex;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--line,currentColor);background:color-mix(in srgb,var(--muted,#888) 6%,var(--base,#fff))}.kit-vr header img{width:64px;height:64px;border-radius:24px;object-fit:cover;border:4px solid var(--base,#fff)}.kit-vr h3{margin:0;font-size:24px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}.kit-vr header p{margin:0;font:14px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.kit-vr blockquote{margin:0;padding:16px;font-size:clamp(1.25rem,2.4vw,1.875rem);font-weight:500;line-height:1.3}.kit-vr blockquote p{margin:0}
@media(min-width:1024px){.kit-vr{grid-template-columns:7fr 5fr}.kit-vr:nth-child(even){direction:rtl}.kit-vr:nth-child(even)>*{direction:ltr}.kit-vr .kit-vr-t{border-inline-start:1px solid var(--line,currentColor)}}
/* v96.9 (Team Section with Glow Cards): свечение из размытой копии фото — поверх tilt data-tilt="0" */
.kit-glow{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--line,currentColor);padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-height:208px;box-sizing:border-box;isolation:isolate}.kit-glow .kit-glow-src{position:absolute;left:var(--kit-px,-200%);top:var(--kit-py,-200%);width:80px;height:80px;translate:-50% -50%;scale:4;filter:blur(25px) saturate(5) brightness(1.3);opacity:.3;pointer-events:none;transition:left .12s linear,top .12s linear;z-index:-1}
.kit-glow .kit-glow-face{width:80px;height:80px;border-radius:50%;object-fit:cover}.kit-glow h3{margin:8px 0 0;font-size:16px}.kit-glow p{margin:0;font-size:14px;opacity:.7}.kit-glow::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:3px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:radial-gradient(120px at var(--kit-px,-200%) var(--kit-py,-200%),color-mix(in srgb,var(--accent,currentColor) 45%,transparent),transparent);pointer-events:none}
.kit-glow.kit-glow-dark::after{background:none;backdrop-filter:blur(10px) saturate(4) brightness(2) contrast(2);-webkit-backdrop-filter:blur(10px) saturate(4) brightness(2) contrast(2)}@media(hover:none),(prefers-reduced-motion:reduce){.kit-glow .kit-glow-src,.kit-glow::after{display:none}}
/* v96.9 (Team Section scroll animations): два ряда навстречу, заголовок усаживается — scroll-driven с запасным scene */
.kit-cross{min-height:100svh;display:grid;align-content:center;gap:24px;overflow:hidden}.kit-cross .kit-row{display:flex;gap:16px;list-style:none;margin:0;padding:0}.kit-cross .kit-row>li{flex:0 0 clamp(160px,20vw,280px);box-sizing:border-box;background:var(--base,#fff);border:1px solid var(--line,currentColor);border-radius:12px;overflow:hidden}.kit-cross .kit-row img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.kit-cross .kit-row h3{margin:12px 16px 0;font-size:20px;font-weight:500}.kit-cross .kit-row p{margin:4px 16px 16px;font-size:14px;opacity:.7}.kit-cross .kit-ttl{text-align:center;margin:0 auto;max-width:10em;transform-origin:center}
@supports(animation-timeline:view()){.kit-cross .kit-row,.kit-cross .kit-ttl{transform:none!important}.kit-cross .kit-row-a{animation:kit-cross-a linear both;animation-timeline:view();animation-range:cover 40% cover 90%}.kit-cross .kit-row-b{animation:kit-cross-b linear both;animation-timeline:view();animation-range:cover 40% cover 90%}.kit-cross .kit-ttl{animation:kit-cross-t linear both;animation-timeline:view();animation-range:cover 0% cover 50%}}
@keyframes kit-cross-a{from{translate:-100% 0}to{translate:0 0}}@keyframes kit-cross-b{from{translate:50% 0}to{translate:-25% 0}}@keyframes kit-cross-t{from{scale:1.4}to{scale:1}}
@media(prefers-reduced-motion:reduce),(pointer:coarse) and (max-width:767px){.kit-cross .kit-row,.kit-cross .kit-ttl{animation:none!important;transform:none!important;translate:0 0!important;scale:1!important}.kit-cross .kit-row{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.kit-cross .kit-row>li{flex-basis:48vw;scroll-snap-align:start}.kit-cross{min-height:0}}
@media(prefers-reduced-motion:reduce){.kit-field .kit-msg>*,.kit-field::after,.kit-sub>span,form.kit-form-live .kit-field.kit-next,.kit-btn-fill[data-from="dot"]::after,dialog.kit-drawer,dialog.kit-drawer::backdrop,.kit-ticket-card,.kit-ticket-stub,.kit-ticket-stamp,.kit-qb>figure,.kit-glow .kit-glow-src{transition:none!important}button[aria-busy="true"]:not(.kit-sub)::before{animation:none;border-style:dotted}.kit-cd-slide .kit-cd-in,.kit-cd-slide .kit-cd-out,.kit-typing i,.kit-faq-chat .kit-faq-body.kit-in>*,.kit-ticket-back.printed .kit-v,form[data-status="error"] .kit-alert{animation:none!important}.kit-cd-slide .kit-cd-out{display:none}}