/* ЗГЕНЕРОВАНО build.py з sections.css — НЕ ПРАВИТИ. Лише правила, що можуть спрацювати на внутрішніх сторінках (16.10 швидкість). */
.main{position:relative;z-index:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}
.hero{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}
.hero__h1{width:100%;font-family:var(--f-inter);font-weight:500;font-size:85px;line-height:1.1;letter-spacing:-.04em;color:var(--hero-soft);white-space:pre-wrap;text-align:left}
.hero__h1 .w{display:inline-block}
.hero__sub{width:400px;font-family:var(--f-inter);font-weight:700;font-size:30px;line-height:1.5;letter-spacing:-.01em;color:var(--ink-strong);white-space:pre-wrap}
.hero__sub .lime{color:var(--lime)}
.hero__sub strong{font-weight:700}
@keyframes srpulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.82);opacity:0}100%{transform:scale(1.82);opacity:0}}
@media (min-width:992px) and (max-width:1199.98px){.hero__h1{font-size:70px;line-height:.95;letter-spacing:-.02em}
.hero__sub{width:500px;line-height:1.4}}
@media (min-width:768px) and (max-width:991.98px){.hero{align-items:flex-start}
.hero__h1{width:520px;font-size:85px;line-height:.95;letter-spacing:-.04em}
.hero__sub{width:527px;line-height:1.4}}
@media (max-width:767.98px){.hero{align-items:flex-start}
.hero__h1{font-size:58px;line-height:.95;letter-spacing:-.04em}
.hero__sub{width:100%;font-size:26px;line-height:1.3}}
.logos{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:11px 0;background:var(--bg);overflow:hidden;flex:none}
.logos__t{font-family:var(--f-inter);font-weight:500;font-size:18px;line-height:1;letter-spacing:-.08em;text-transform:uppercase;text-align:center;color:var(--logos-label);white-space:pre;font-feature-settings:"ss07"}
.ticker{width:100%;height:100px;overflow:hidden;cursor:grab;
  -webkit-mask-image:linear-gradient(270deg,rgba(0,0,0,0) 0%,#000 20.5993%,#000 50%,#000 80%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(270deg,rgba(0,0,0,0) 0%,#000 20.5993%,#000 50%,#000 80%,rgba(0,0,0,0) 100%)}
.ticker__track{display:flex;align-items:center;gap:64px;width:max-content;height:100%;will-change:transform}
.tk{flex:none;display:flex;align-items:center}
.tk img{display:block;object-fit:contain}
@media (max-width:991.98px){.logos{padding:10px 0 0}}
@media (max-width:767.98px){.ticker__track{gap:28px}
.logos__t{font-size:12px}}
.cases{position:relative;width:100%;height:1390px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;padding:47px 0 10px;background:var(--bg);scroll-margin-top:56px;flex:none}
.case a{display:flex;flex-direction:column;gap:12px}
@media (max-width:991.98px){.cases{padding:48px 0}}
.pricing{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:15px;padding:27px 64px 30px;flex:none;
  background:linear-gradient(180deg,var(--bg) 0%,var(--price-grad-mid) 20.1943%,var(--price-grad-mid) 71.9084%,var(--bg) 100%)}
.pricing__lead{font-family:var(--f-inter);font-weight:900;font-size:24px;line-height:1.2;color:var(--muted);width:100%}
.pcard__price{width:100%;font-family:var(--f-tight);font-variation-settings:"opsz" 32,"wght" 700;font-weight:700;font-size:29px;line-height:1;letter-spacing:-.02em;color:var(--ink);font-feature-settings:"cv01","cv05","cv09","cv11","tnum"}
.pcard__list{flex:1 0 0;width:100%;display:flex;flex-direction:column;gap:9px;overflow:hidden}
.pcard__list li{display:flex;align-items:center;gap:10px;padding-bottom:9px;border-bottom:1px solid rgba(107,107,105,.3)}
.pcard__list li i{position:relative;flex:none;width:16px;height:16px;background:#c8ff3e;color:#6b6b69}
.pcard__list li i svg{position:absolute;top:5px;left:3px;width:10px;height:7px;overflow:visible}
.pcard__list b{flex:1 0 0;font-family:var(--f-inter);font-variation-settings:"opsz" 24,"wght" 500;font-weight:500;font-size:15px;line-height:1.3;letter-spacing:-.01em;color:var(--muted);font-feature-settings:"cv01","cv05","cv09","cv11","tnum"}
.pcard__btn{width:100%;height:40px;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:10px;background:var(--btn-dark);color:#fff;font-family:var(--f-inter);font-variation-settings:"opsz" 20,"wght" 600;font-weight:600;font-size:14px;line-height:1.2;letter-spacing:-.01em;white-space:pre;
  transition:transform .3s var(--ease-framer)}
@media (hover:hover) and (pointer:fine){.pcard__btn:hover{transform:translateY(-2px) scale(1.03)}}
@media (min-width:992px) and (max-width:1199.98px){.pricing{height:910px}}
@media (min-width:768px) and (max-width:991.98px){.pricing{padding:0 64px 64px;background:none}
.pricing__lead{width:100%}}
@media (max-width:767.98px){.pricing{gap:19px;padding:60px 16px 30px;overflow:clip}
.pricing__lead{font-size:20px}
.pcard__price{font-size:25px}
.pcard__btn{background:#141413}}
.howto__card{position:relative;width:300px;height:300px;border-radius:24px;overflow:hidden;flex:none}
.howto__card img{width:100%;height:100%;object-fit:cover;border-radius:24px}
@media (min-width:768px) and (max-width:991.98px){.howto__card{width:150px;height:150px}}
.calc{--c-card:#F7F6F2;--c-border:#D8D7D2;--c-strong:#A8D91F;--c-text:#141413;--c-soft:#2E2E2B;--c-muted:#5F5F5B;--c-dim:#6A6A66;--c-acc-text:#4F7300;--c-acc-bg:rgba(200,255,62,.16);--c-acc-border:#B7EA2B;--c-input:#FFFFFF;--c-total:#141413;--c-div:#D8D7D2;--c-bonus:#5A8000;
  width:921px;max-width:calc(100% - 32px);background:var(--c-card);border:1px solid var(--c-border);border-radius:22px;padding:32px;font-family:var(--f-manrope);color:var(--c-text);line-height:1.5}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .calc{--c-card:#171717;--c-border:rgba(255,255,255,.10);--c-strong:rgba(200,255,62,.90);--c-text:#FFFFFF;--c-soft:#A1A19D;--c-muted:#8C8C88;--c-dim:#85857F;--c-acc-text:#C8FF3E;--c-acc-bg:rgba(200,255,62,.10);--c-acc-border:rgba(200,255,62,.34);--c-input:rgba(255,255,255,.02);--c-total:#FFFFFF;--c-div:rgba(255,255,255,.12);--c-bonus:#D8FF72}}
:root[data-theme="dark"] .calc{--c-card:#171717;--c-border:rgba(255,255,255,.10);--c-strong:rgba(200,255,62,.90);--c-text:#FFFFFF;--c-soft:#A1A19D;--c-muted:#8C8C88;--c-dim:#85857F;--c-acc-text:#C8FF3E;--c-acc-bg:rgba(200,255,62,.10);--c-acc-border:rgba(200,255,62,.34);--c-input:rgba(255,255,255,.02);--c-total:#FFFFFF;--c-div:rgba(255,255,255,.12);--c-bonus:#D8FF72}
.chip{padding:7px 12px;border-radius:999px;font-family:var(--f-manrope);font-size:12px;font-weight:700;cursor:pointer;border:1px solid var(--c-border);background:transparent;color:var(--c-muted)}
.chip.is-on{border-color:#C8FF3E;background:#C8FF3E;color:#111110}
.calc__group{margin-bottom:16px}
.opt{flex:1;padding:13px 14px;border:1px solid var(--c-border);border-radius:14px;background:transparent;color:var(--c-muted);cursor:pointer;text-align:center;transition:all .18s;font-family:var(--f-manrope)}
.opt__s{display:block;font-size:13px;color:var(--c-dim);margin-top:7px;font-weight:500}
.opt.is-on{border-color:var(--c-strong);background:var(--c-acc-bg);color:var(--c-text)}
.opt.is-on .opt__s{color:var(--c-acc-text);font-weight:600}
.calc__send{display:block;width:100%;padding:17px 18px;margin-top:20px;background:#C8FF3E;color:#111110;border:none;border-radius:14px;font-family:var(--f-manrope);font-size:18px;font-weight:800;text-align:center;cursor:pointer;letter-spacing:-.02em}
@media (max-width:640px){.calc{padding:20px}}
.steps{flex:1 0 0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px;padding-top:50px;overflow:hidden;counter-reset:none}
.step{width:100%;display:flex;align-items:flex-start;gap:32px}
@media (max-width:991.98px){.steps{flex:none;width:100%}}
@media (max-width:767.98px){.steps{padding-top:0;gap:32px}
.step{gap:24px}}
.team{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;padding:30px 64px 45px;flex:none}
.tcar__track{display:flex;align-items:center;gap:24px;width:max-content;height:100%;will-change:transform}
.tcar__track li{flex:none}
.tcard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:380px;height:400px;border-radius:24px;overflow:hidden}
.tcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px;
  -webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,0) 0%,#000 44.2638%);mask-image:linear-gradient(0deg,rgba(0,0,0,0) 0%,#000 44.2638%)}
@media (max-width:991.98px){.team{padding:30px 24px}}
@media (max-width:767.98px){.team{padding:16px 24px}}
.faq{position:relative;z-index:2;width:100%;display:flex;justify-content:center;align-items:center;gap:24px;padding:0 80px 43px;background:var(--bg);flex:none}
.qa{width:100%;border-radius:15px;background:var(--bg);box-shadow:rgba(0,0,0,.09) 5px 18px 10px 8px;padding:0 20px 0 10px;overflow:hidden;transition:height .2s cubic-bezier(.33,1,.68,1)}
.qa.is-open{padding-bottom:20px}
.qa__q{width:100%;display:flex;align-items:center;gap:25px;padding:20px;text-align:left;cursor:pointer;user-select:none}
.qa.is-open .qa__q{padding:20px 20px 15px}
.qa__q span{flex:1 0 0;font-family:var(--f-inter);font-variation-settings:"opsz" 32;font-size:18px;line-height:1.6;color:var(--ink)}
.qa__a{padding:0 20px}
.qa__a p{font-family:var(--f-inter);font-size:15px;line-height:1.5;letter-spacing:-.02em;color:var(--muted);user-select:none}
@media (max-width:991.98px){.faq{padding:0 18px 34px}}
@media (max-width:767.98px){.faq{padding:38px 18px}
.qa__q span{font-size:16px}}
.js .rv:not(.in){opacity:0;transform:translateY(80px)}
.js .rv-x:not(.in){opacity:0;transform:translateX(30px)}
@media (prefers-reduced-motion:reduce){.js .rv,.js .rv-x{opacity:1!important;transform:none!important}}
.nw{white-space:nowrap}
.hero__cta{align-self:flex-start;margin-top:-4px}
.vcard{position:absolute;left:0;top:24px;width:157.5px;height:280px;padding:0;border-radius:12px;cursor:pointer;opacity:.7;z-index:1;
  --x:0px;transform:translateX(var(--x));clip-path:inset(0 36.33px round 12px);
  transition:transform 560ms var(--ease-v2-io),clip-path 560ms var(--ease-v2-io),opacity 300ms var(--ease-v2)}
.vcard::after{content:"";position:absolute;inset:0;border:2px solid var(--lime);border-radius:12px;opacity:0;transition:opacity 300ms var(--ease-v2);pointer-events:none;z-index:4}
.vcard__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;background:#111110}
.vcard__timer{position:absolute;left:10px;right:10px;bottom:5px;height:1px;z-index:4;background:var(--lime);transform:scaleX(0);transform-origin:0 50%;opacity:0}
@keyframes vcardTimer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (hover:hover) and (pointer:fine){.vcard:hover{opacity:.92}}
@media (max-width:767.98px){.hero__cta{align-self:flex-start;margin-top:0}}
.ticker{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
@media (max-width:767.98px){.ticker{height:96px}
.ticker__track{gap:36px}}
.dir-strip__track{display:flex;gap:10px;width:max-content;padding:0 40px}
@keyframes dirStrip{to{transform:translateX(-50%)}}
.tile{position:relative;flex:none;width:160px;height:284px;border-radius:12px;overflow:hidden;background:var(--bg);box-shadow:inset 0 0 0 1px var(--card-border)}
@media (max-width:900px){.dir-strip__track{padding:0 24px}}
@media (max-width:480px){.dir-strip__track{padding:0 20px}
.tile{width:132px;height:235px}}
.also{max-width:1100px;margin:72px auto 0}
@media (max-width:767.98px){.also{margin-top:48px}}
.opt__s{font-variant-numeric:tabular-nums}
[data-total]{display:inline-block;transition:opacity 180ms var(--ease-v2)}
[data-total].is-fade{opacity:.25}
.steps__path{position:absolute;left:4.5px;top:0;width:31px;height:0;overflow:visible;pointer-events:none;z-index:0}
.steps__draw{fill:none;stroke-width:2}
.steps__draw{stroke:var(--steps-line);stroke-dasharray:1;stroke-dashoffset:0}
.js .steps__draw{stroke-dashoffset:var(--draw,1)}
.step{display:grid;grid-template-columns:40px auto minmax(0,1fr);align-items:start;column-gap:20px;position:relative;z-index:1}
.step__dot{width:40px;height:40px;margin-top:4px;border-radius:50%;background:var(--lime);box-shadow:inset 0 0 0 2px var(--lime);display:flex;align-items:center;justify-content:center;transition:background-color 240ms var(--ease-v2),box-shadow 240ms var(--ease-v2)}
.step__dot::after{content:"";width:9px;height:9px;border-radius:50%;background:#0c0c0c;transition:opacity 240ms var(--ease-v2)}
.js .step:not(.is-reached) .step__dot{background:var(--bg);box-shadow:inset 0 0 0 2px var(--steps-line)}
.js .step:not(.is-reached) .step__dot::after{opacity:0}
@media (max-width:767.98px){.step{grid-template-columns:32px auto minmax(0,1fr);column-gap:14px}
.step__dot{width:32px;height:32px;margin-top:2px}
.steps__path{left:.5px}}
.tcard::before,.tcard::after{content:"";position:absolute;z-index:3;width:44px;height:44px;border:0 solid var(--lime);opacity:0;pointer-events:none;transition:opacity 240ms var(--ease-v2)}
.tcard::before{left:16px;top:16px;border-width:6px 0 0 6px}
.tcard::after{right:16px;bottom:16px;border-width:0 6px 6px 0}
.tcard.is-center::before,.tcard.is-center::after{opacity:1}
.tcard img{transition:opacity 260ms var(--ease-v2)}
.faq--v2 details.qa{display:block}
.faq--v2 details.qa[open]{padding-bottom:20px}
.faq--v2 .qa__q{list-style:none}
.faq--v2 .qa__q::-webkit-details-marker{display:none}
.faq--v2 details.qa[open] .qa__q{padding:20px 20px 15px}
.faq--v2 .qa__a p{user-select:text}
.faq--v2 .qa__a a{color:inherit;text-decoration:underline;text-decoration-color:var(--accent-text);text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.vcard,.vcard::after,.tk img,.step__dot,.step__dot::after,[data-total]{transition:none!important}
.vcard__timer,.dir-strip__track{animation:none!important}
.js .steps__draw{stroke-dashoffset:0}
.js .step:not(.is-reached) .step__dot{background:var(--lime);box-shadow:inset 0 0 0 2px var(--lime)}
.js .step:not(.is-reached) .step__dot::after{opacity:1}}
.tcard img[src*="team-studio-"]{object-position:50% 16%}
[data-magnet],[data-magnet]:active{transition:transform 160ms var(--ease-v2),translate 260ms var(--ease-v2)}
.bw{display:inline-block}
.js [data-blur].bw-ready .bw{opacity:0;filter:blur(8px);translate:0 .18em}
.js [data-blur].bw-ready.is-in .bw{opacity:1;filter:blur(0);translate:0 0;
  transition:opacity var(--dur-blur) var(--ease-v2),filter var(--dur-blur) var(--ease-v2),translate var(--dur-blur) var(--ease-v2);transition-delay:calc(var(--i,0) * var(--blur-step))}
.xrow__head{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.24fr) minmax(0,1fr) 32px;align-items:center;gap:24px;height:var(--case-row-h);padding:0 16px;color:var(--ink);-webkit-tap-highlight-color:transparent}
.xrow__clip{min-height:0;overflow:hidden}
.xcard{display:grid;grid-template-columns:232px minmax(0,1fr);gap:28px;height:190px;padding:0 16px 16px;cursor:pointer;
  opacity:1;transition:opacity 300ms var(--ease-v2)}
.xcard__media{position:relative;height:174px;border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline)}
.xcard__media img{width:100%;height:100%;object-fit:cover;transition:transform 500ms var(--ease-v2)}
@media (hover:hover) and (pointer:fine){.xcard:hover .xcard__media img{transform:scale(1.03)}}
@keyframes xrowBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.xprev{position:fixed;left:0;top:0;z-index:12;width:240px;height:180px;margin:-90px 0 0 0;border-radius:12px;overflow:hidden;pointer-events:none;background:var(--surface);
  opacity:0;scale:.9;transition:opacity 200ms var(--ease-v2),scale 200ms var(--ease-v2);will-change:translate}
.xprev.is-on{opacity:1;scale:1}
.xprev img{width:100%;height:100%;object-fit:cover}
@media (min-width:768px) and (max-width:991.98px){.xrow__head{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) 32px;gap:16px}
.xcard{grid-template-columns:200px minmax(0,1fr);height:auto;min-height:170px}
.xcard__media{height:150px}}
@media (max-width:767.98px){.xrow__head{grid-template-columns:minmax(0,108px) minmax(0,1fr) 32px;grid-template-areas:"num name ar" "num dir ar";column-gap:12px;row-gap:2px;align-content:center;padding:0 4px}
.xcard{grid-template-columns:1fr;height:auto;gap:14px;padding:0 4px 18px}
.xcard__media{height:auto;aspect-ratio:16/10}}
.dirp__head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 36px;grid-template-areas:"label plus" "title plus" "one plus";justify-items:start;width:100%;padding:20px 20px 18px;text-align:left;color:var(--text-primary);-webkit-tap-highlight-color:transparent}
.dirp__clip{min-height:0;overflow:hidden}
@keyframes dirpBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (min-width:1200px){.dirp__head{position:static;height:100%;align-content:start;padding:24px 26px;grid-template-rows:auto auto 1fr}
.dirp__clip{overflow:visible}
.dirp__head{padding:22px 26px}}
.ptab{position:relative;z-index:1;height:44px;padding:0 24px;border-radius:999px;font-family:var(--f-tight);font-weight:700;font-size:18px;line-height:1;letter-spacing:-.01em;color:var(--muted);white-space:nowrap;transition:color 200ms var(--ease-v2)}
.ptab.is-on{color:#000}
@media (hover:hover) and (pointer:fine){.ptab:not(.is-on):hover{color:var(--ink)}}
@starting-style{[data-ptabs-ready] .pset.is-on .pcard{opacity:0;translate:0 10px}}
.odo--roll .odo__s{transition:transform 620ms var(--ease-v2-io)}
@media (max-width:767.98px){.ptab{padding:0 14px;font-size:15px}}
.calc__send{height:48px;padding:0 18px;font-size:16px;display:flex;align-items:center;justify-content:center}
.steps{gap:36px}
.team{padding:32px 64px 56px}
.tcard{width:320px;height:340px}
@media (max-width:767.98px){.team{padding:24px 16px 40px}
.tcard{width:280px;height:320px}}
.faq--v2{padding:8px 80px 56px}
.faq--v2 .qa{transition:height 250ms var(--ease-v2)}
.faq--v2 .qa__q{padding:16px 18px;gap:20px}
.faq--v2 details.qa[open] .qa__q{padding:16px 18px 10px}
.faq--v2 details.qa[open]{padding-bottom:16px}
.faq--v2[data-faq-ready] .qa .qa__a{transition:opacity 150ms var(--ease-v2)}
.faq--v2[data-faq-ready] details.qa[open]:not(.is-vis) .qa__a{opacity:0}
.faq--v2[data-faq-ready] .qa.is-vis .qa__a{opacity:1;transition-duration:250ms}
@media (max-width:991.98px){.faq--v2{padding:8px 18px 40px}}
@media (max-width:767.98px){.faq--v2{padding:16px 16px 36px}}
.foot__h{font-size:52px}
.foot__line1{height:auto}
.foot__cycle{width:5.2em}
.foot__top{gap:36px}
@media (min-width:768px){.foot__in{height:532px;padding-bottom:184px}
.foot__fit{top:390px}
.foot__pulse{top:352px}}
@media (min-width:768px) and (max-width:991.98px){.foot__h{font-size:44px}}
@media (max-width:767.98px){.foot__lets{font-size:30px}
.foot__cycle{font-size:24px;width:7em}
.foot__line2{font-size:17px}}
@media (prefers-reduced-motion:reduce){.xcard,.xcard__media img,.faq--v2 .qa,.faq--v2[data-faq-ready] .qa .qa__a,[data-magnet]{transition:none!important}
.xprev{display:none}}
@media (max-width:767.98px){.foot__links a,.foot__val a{display:inline-block;padding-block:16px;margin-block:-16px}
.foot__social a,.foot__copy,.calc .chip{position:relative}
.foot__social a::after,.foot__copy::after,.calc .chip::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}}
.ticker__track{gap:56px}
.tk{--k:.5;--lh:calc(38px + 6px * var(--k))}
.tk img{width:auto;height:var(--lh);max-width:none}
.tk-binance img{height:26px}
.tk-ictv img{height:36px}
.tk-novyi img{height:46px}
.tk-leeloo img{height:46px}
.tk-brocard img{height:46px}
.tk-watsons img{height:27px}
.tk-inspe img{height:40px}
.tk-zest img{height:38px}
.tk-visit img{height:46px}
.tk-zr img{height:42px}
.tk-humer img{height:41px}
.tk-wild img{height:46px}
.tk-ajax img{height:26px}
@media (max-width:767.98px){.tk-binance img{height:18px}
.tk-ictv img{height:26px}
.tk-novyi img{height:34px}
.tk-leeloo img{height:34px}
.tk-brocard img{height:34px}
.tk-watsons img{height:19px}
.tk-inspe img{height:28px}
.tk-zest img{height:27px}
.tk-visit img{height:34px}
.tk-zr img{height:30px}
.tk-humer img{height:30px}
.tk-wild img{height:34px}
.tk-ajax img{height:18px}}
.tk-binance{--k:0}
.tk-watsons{--k:0}
.tk-ajax{--k:0}
.tk-ictv{--k:.4}
.tk-novyi{--k:.75}
.tk-leeloo{--k:.9}
.tk-brocard{--k:1}
.tk-zest{--k:.5}
.tk-visit{--k:.8}
.tk-zr{--k:.65}
.tk-humer{--k:.5}
.tk-wild{--k:1}
.tk-inspe{--k:.4}
.ticker{padding-left:8%}
@media (max-width:767.98px){.ticker{height:76px}
.ticker__track{gap:36px}
.tk{--lh:calc(28px + 4px * var(--k))}}
.tk img.tk-d{display:none}
:root[data-theme="dark"] .tk-ajax img{filter:brightness(0) invert(1)}
:root[data-theme="dark"] .tk-inspe img,:root[data-theme="dark"] .tk-leeloo img,:root[data-theme="dark"] .tk-wild img,:root[data-theme="dark"] .tk-visit img{display:none}
:root[data-theme="dark"] .tk img.tk-d{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tk-ajax img{filter:brightness(0) invert(1)}
:root:not([data-theme="light"]) .tk-inspe img,:root:not([data-theme="light"]) .tk-leeloo img,:root:not([data-theme="light"]) .tk-wild img,:root:not([data-theme="light"]) .tk-visit img{display:none}
:root:not([data-theme="light"]) .tk img.tk-d{display:block}}
}
}

/* ===================================================================================================================
   v3 pdf-edits 17.10 (бриф 08) — головна: фон-простір,металеві заголовки,кейси-плитки,два напрямки,AI-сцена,ціни,«Обговорити».
   Усі секції прозорі на градієнті body; зелені сяйва — псевдоелементи секцій (лише темна тема).
   =================================================================================================================== */
body.home-v3 :is(.main,.howto,.calc-sec,.team,.faq,.logos,.hx-after,.hx-proof){background:transparent}
.v3{position:relative;width:100%;padding-block:clamp(36px,4.4vw,64px)}
.v3-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 var(--f-manrope);letter-spacing:.14em;color:var(--accent-text-sm)}
.v3-eyebrow i{display:block;width:24px;height:2px;background:var(--lime)}
.cscard{flex:0 0 auto;width:clamp(280px,34vw,490px);scroll-snap-align:start}
.cscard__a{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;isolation:isolate;background:var(--card);color:var(--ink);box-shadow:var(--hair);-webkit-user-drag:none}
.cscard__cv{position:relative;display:block;margin:1px 1px 0;border-radius:21px 21px 0 0;overflow:hidden;aspect-ratio:1.34;background:#0e0f10}
.cscard__media{position:absolute;inset:0;z-index:0;display:block}
.cscard__media img{width:100%;height:100%;object-fit:cover;transition:scale .7s var(--ease-out-q);-webkit-user-drag:none}
.cscard__n{position:absolute;z-index:3;left:12px;top:12px;height:28px;min-width:40px;padding:0 10px;display:grid;place-items:center;border-radius:999px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:600 12px/1 var(--f-manrope);letter-spacing:.06em}
.cscard__ar{position:absolute;z-index:3;right:12px;top:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#000;opacity:0;translate:-4px 4px;transition:opacity .35s var(--ease-out-q),translate .35s var(--ease-out-q)}
.cscard__ar svg{width:18px;height:18px;rotate:-45deg}
.cscard__txt{display:grid;gap:2px;padding:16px 20px 20px}
.cscard__dir{font:600 12px/1.25 var(--f-manrope);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text-sm)}
.cscard__cl{font:600 clamp(17px,1.4vw,20px)/1.2 var(--f-tight);color:var(--ink-strong)}
.cscard__k{display:flex;align-items:baseline;gap:6px 10px;flex-wrap:wrap;margin-top:8px}
.cscard__k b{font:700 clamp(32px,2.9vw,42px)/1 var(--f-tight);letter-spacing:-.035em;color:var(--ink-strong)}
.cscard__k small{font:500 13px/1.25 var(--f-inter);color:var(--muted)}
.cscard__a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.cscard__a:hover .cscard__media img{scale:1.03}
.cscard__a:hover .cscard__ar{opacity:1;translate:0 0}}
.tools{display:grid;gap:22px;margin-top:clamp(28px,4vw,56px);width:100vw;max-width:none;margin-inline:calc(50% - 50vw);justify-items:stretch}
.tl{display:block;flex:none;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.tl--m{width:20px;height:20px}
.tl--w{width:114px;height:20px}
.tl--hg{width:76px;height:21px}
.tl--kl{width:78px;height:21px}
@keyframes tools-mq{to{transform:translateX(-50%)}}
.pkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1080px;margin-inline:auto;align-items:stretch}
.pk{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px;min-height:360px;border-radius:20px;background:var(--card);overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1px var(--card-line),var(--card-hi);transition:box-shadow .3s cubic-bezier(0,0,.2,1)}
.pk::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--card-glow);background:radial-gradient(ellipse 340px 130px at 100% 0%,#C8FF3E,transparent 70%)}
.pk--hi{box-shadow:inset 0 0 0 1px rgba(200,255,62,.34),var(--card-hi)}
.pk--hi::before{opacity:.42}
@media (hover:hover) and (pointer:fine){.pk:hover{box-shadow:inset 0 0 0 1px rgba(200,255,62,.4),var(--card-hi)}}
.pk__h{display:flex;align-items:center;gap:10px;min-height:26px}
.pk__tier{font:700 22px/1 var(--f-grotesk);letter-spacing:-.04em;color:var(--ink-strong)}
.pk__badge{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;background:var(--lime);color:#111110;font:700 12px/1 var(--f-manrope);letter-spacing:.06em;text-transform:uppercase}
.pk__price{display:flex;align-items:baseline;gap:4px;font-family:var(--f-manrope)}
.pk__price b{font-weight:800;font-size:34px;line-height:1;letter-spacing:-.03em;color:var(--ink-strong)}
.pk__price small{font:500 14px/1 var(--f-inter);color:var(--muted)}
.pk__btn{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:12px;background:var(--ink);color:var(--bg);font:600 14px/1 var(--f-manrope);transition:background-color .2s var(--ease-out-q),translate .2s var(--ease-out-q)}
.pk--hi .pk__btn{background:var(--lime-btn);color:#111110}
.pk__btn:active{scale:.98}
.pk__btn:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.pk__btn:hover{background:var(--lime);color:#111110}
.pk__btn:hover .pk__arr{translate:3px 0}}
.pk__arr{transition:translate .2s var(--ease-out-q)}
.pk__big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:6px}
.pk__big b{font:700 56px/.95 var(--f-tight);letter-spacing:-.045em;color:var(--ink-strong)}
.pk__big span{font:500 15px/1.2 var(--f-inter);color:var(--muted)}
.pk__list{display:grid;margin-top:auto}
.pk__list li{padding:11px 0;border-top:1px solid var(--card-line);font:500 14px/1.3 var(--f-inter);color:var(--ink)}
.pk__common,.pk__extra{max-width:820px;margin:18px auto 0;text-align:center;font:400 14px/1.5 var(--f-inter);color:var(--muted)}
.pk__extra{margin-top:8px}
.pk__extra a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:3px}
@media (max-width:767.98px){.pkgrid{grid-template-columns:1fr}
.pk{min-height:0}
.pk__big b{font-size:48px}
.ptab{padding:0 14px;font-size:14px}}
.tgcard{display:grid;gap:22px;padding:clamp(20px,2.4vw,30px);border-radius:24px;background:var(--card-glass);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:inset 0 0 0 1px var(--card-line),var(--card-hi)}
.tgcard__h{display:flex;align-items:center;gap:12px}
.tgcard__av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#0b0b0a;box-shadow:0 0 0 1px var(--card-line);overflow:hidden}
.tgcard__av img{width:30px;height:30px}
.tgcard__who{display:grid;gap:3px}
.tgcard__who b{font:600 16px/1 var(--f-tight);color:var(--ink-strong)}
.tgcard__who small{font:400 13px/1 var(--f-inter);color:var(--muted)}
.tgcard__b{display:grid}
.tgcard__bub{justify-self:end;max-width:88%;padding:12px 16px;border-radius:18px 18px 4px 18px;background:rgba(127,127,127,.16);font:400 16px/1.35 var(--f-inter);color:var(--ink)}
.tgcard__btn.btn-lime{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;padding:0 20px;border-radius:16px;font:600 17px/1 var(--f-inter)}
@media (prefers-reduced-motion:reduce){.cscard__media img,.cscard__ar,.pk__arr,.pk__btn{transition:none}}
@media (max-width:767.98px){.cscard{width:min(86vw,340px)}
.cscard__txt{padding:14px 16px 18px}}
body.home-v3 .page{overflow:clip}
body.home-v3 .page::before{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:9999px;width:min(874px,68%);height:323px;left:65.6%;top:-44px;translate:-50% 0;background:var(--fog);filter:blur(160px)}
.cscard__txt{position:relative}
.cscard__txt .cscard__n{left:auto;right:20px;top:16px;height:auto;min-width:0;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--muted,rgba(255,255,255,.5));font:600 12px/1.25 var(--f-manrope)}
@media (max-width:767px){.cscard__txt .cscard__n{right:16px;top:14px}}
.pk__list--full{gap:0;margin-top:4px}
.pk__list--full li{position:relative;border-top:0;padding:6px 0 6px 26px;font:500 14px/1.35 var(--f-inter);color:var(--ink)}
.pk__list--full li::before{content:"";position:absolute;left:2px;top:9px;width:14px;height:14px;background:var(--accent,#C8FF3E);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.2l2.6 2.6L11 4.4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.2l2.6 2.6L11 4.4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
:root[data-theme="light"] .pk__list--full li::before{background:var(--accent-text,#6B8F00)}
.pk__list--full li.pk__plus{padding-left:0;color:var(--muted);margin-top:4px}
.pk__list--full li.pk__plus::before{display:none}
body.home-v3 .page::before{filter:none;border-radius:0;width:calc(min(874px,68%) + 832px);height:1155px;top:-460px;background:radial-gradient(closest-side, color-mix(in srgb, var(--fog) 64.7%, transparent) 0%, color-mix(in srgb, var(--fog) 62.4%, transparent) 10%, color-mix(in srgb, var(--fog) 55.9%, transparent) 20%, color-mix(in srgb, var(--fog) 45.7%, transparent) 30%, color-mix(in srgb, var(--fog) 33.7%, transparent) 40%, color-mix(in srgb, var(--fog) 21.9%, transparent) 50%, color-mix(in srgb, var(--fog) 12.4%, transparent) 60%, color-mix(in srgb, var(--fog) 5.8%, transparent) 70%, color-mix(in srgb, var(--fog) 2.3%, transparent) 80%, color-mix(in srgb, var(--fog) 0.8%, transparent) 90%, transparent 100%)}
@media (max-width:767px){body.home-v3 .page::before{background:radial-gradient(closest-side, color-mix(in srgb, var(--fog) 31.8%, transparent) 0%, color-mix(in srgb, var(--fog) 30.2%, transparent) 10%, color-mix(in srgb, var(--fog) 26.2%, transparent) 20%, color-mix(in srgb, var(--fog) 20.3%, transparent) 30%, color-mix(in srgb, var(--fog) 14.4%, transparent) 40%, color-mix(in srgb, var(--fog) 9.0%, transparent) 50%, color-mix(in srgb, var(--fog) 5.3%, transparent) 60%, color-mix(in srgb, var(--fog) 2.6%, transparent) 70%, color-mix(in srgb, var(--fog) 1.2%, transparent) 80%, color-mix(in srgb, var(--fog) 0.5%, transparent) 90%, transparent 100%)}}
.pk-add{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 24px;max-width:1080px;margin:16px auto 0;padding:16px 16px 16px 20px;border-radius:20px;background:var(--card);overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1px var(--card-line),var(--card-hi)}
.pk-add::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--card-glow);background:radial-gradient(ellipse 300px 120px at 0% 50%,#C8FF3E,transparent 70%)}
.pk-add__t{display:flex;align-items:center;gap:14px;min-width:0}
.pk-add__ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--lime) 14%,transparent);color:var(--lime)}
.pk-add__ic svg{width:22px;height:22px}
.pk-add__t b{display:block;font:700 17px/1.2 var(--f-manrope);letter-spacing:-.01em;color:var(--ink-strong)}
.pk-add__t small{display:block;margin-top:4px;font:400 13px/1.35 var(--f-inter);color:var(--muted)}
.pk-add__opts{display:grid;grid-template-columns:repeat(3,minmax(96px,auto));gap:8px}
.pk-add__o{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 16px;border-radius:14px;color:var(--ink-strong);text-decoration:none;box-shadow:inset 0 0 0 1px var(--card-line);transition:box-shadow .2s var(--ease-out-q),background-color .2s var(--ease-out-q),translate .2s var(--ease-out-q)}
.pk-add__o b{font:700 15px/1.1 var(--f-manrope);letter-spacing:-.01em}
.pk-add__o span{font:500 13px/1 var(--f-inter);color:var(--muted)}
.pk-add__o:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.pk-add__o:hover{box-shadow:inset 0 0 0 1px var(--lime);background:color-mix(in srgb,var(--lime) 8%,transparent);translate:0 -1px}}
@media (max-width:767px){.pk-add{grid-template-columns:minmax(0,1fr);padding:16px}
.pk-add__opts{grid-template-columns:repeat(3,minmax(0,1fr))}
.pk-add__o{padding:10px 6px}}
.calc__group.is-ask [data-plan]{outline:1.5px solid var(--lime);outline-offset:2px}
:root[data-theme="light"] .pk-add__ic{color:var(--accent-text,#6B8F00)}
@media (min-width:768px) and (max-width:991.98px){.foot__links a,.foot__val a{display:inline-block;padding-block:16px;margin-block:-16px}
.foot__links a{padding-inline:5px;margin-inline:-5px}
.foot__social a,.foot__copy,.calc .chip{position:relative}
.foot__social a::after,.foot__copy::after,.calc .chip::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
.calc .chip{min-height:44px;padding-inline:14px}
.foot__contacts{justify-content:space-between}
.foot__col{flex:0 1 auto}
.foot__social{gap:22px}
.foot__c{width:auto}
.foot__links{gap:10px 18px}}
@media (max-width:991.98px){.pk__common,.pk__extra{font-size:15px}
body.home-v3 section[id]{scroll-margin-top:84px}}
@media (max-width:767.98px){.foot__social{gap:8px}
.foot__social a{height:44px;min-width:44px;justify-content:center;padding:0 14px}
.foot__social svg{width:18px;height:18px}
.foot__social b{font-size:13px}
.foot__links{gap:8px 18px}
.foot__links a{font-size:14px;padding:14.5px 5px;margin:0 -5px}
.foot__links .foot__lic{font-size:14px}
.foot__menu{gap:4px}
.foot__bottom{gap:16px}
.foot__in{height:664px}
.calc .chip{min-height:44px;padding-inline:14px}
.pk__common,.pk__extra{font-size:15px}}
@media (hover:none),(pointer:coarse){.xcard,.ptab,.calc .chip,.pcard__btn,.howto__card,.qa__q{-webkit-tap-highlight-color:transparent}
.xcard:active,.howto__card:active{transform:scale(.985);transition:transform 100ms var(--ease-out-q,ease-out)}
.ptab:active,.calc .chip:active,.pcard__btn:active{transform:scale(.96);transition:transform 100ms var(--ease-out-q,ease-out)}}
.cycle{--cg:16px;--cn:40px;position:relative;margin:0}
.cycle__l{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0;padding:0;list-style:none}
.cycle__i{position:relative;display:grid;grid-template-columns:var(--cn) minmax(0,1fr);column-gap:14px;align-items:start}
.cycle__n{display:grid;place-items:center;width:var(--cn);height:var(--cn);border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 1px var(--card-line),var(--card-hi);font:700 13px/1 var(--f-manrope);letter-spacing:.02em;color:var(--accent-text-sm);transition:box-shadow .25s var(--ease-v2),color .25s var(--ease-v2)}
.cycle__c{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px 18px 18px;border-radius:20px;background:var(--card-glass);box-shadow:var(--hair);color:var(--ink);text-decoration:none;isolation:isolate;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out-q)}
a.cycle__c:focus-visible,.cycle__lk:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.cycle__h{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}
.cycle__t{font:700 clamp(20px,1.7vw,24px)/1.1 var(--f-tight);letter-spacing:-.025em;color:var(--ink-strong)}
.cycle__here{display:inline-flex;align-items:center;min-height:22px;padding:4px 9px;border-radius:999px;font:700 12px/1 var(--f-manrope);letter-spacing:.04em;color:#111110;background:var(--lime)}
.cycle__d{font:400 15px/1.45 var(--f-inter);color:var(--muted);text-wrap:pretty}
.cycle__f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:4px}
.cycle__tag{font:600 13px/1.3 var(--f-manrope);letter-spacing:.01em;color:var(--accent-text-sm)}
.cycle__ar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;font:600 15px/1 var(--f-inter);color:#111110;background:var(--lime);transition:transform .3s var(--ease-out-q)}
.cycle__lks{display:grid;margin-top:auto;padding-top:2px}
.cycle__lk{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 0;border-top:1px solid var(--card-line);font:600 15px/1.25 var(--f-inter);color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent}
.cycle__lk[aria-current="page"]{color:var(--ink-strong)}
.cycle__lar{flex:none;color:var(--accent-text-sm);transition:transform .3s var(--ease-out-q)}
.cycle__line{position:absolute;z-index:0;left:calc(var(--cn) / 2 - .5px);top:calc(var(--cn) / 2);width:1px;height:var(--cyc-len,0px);background:var(--card-line);pointer-events:none}
.cycle__fill{position:absolute;top:0;bottom:0;left:-.5px;width:2px;border-radius:2px;background:var(--lime);box-shadow:0 0 10px color-mix(in srgb,var(--lime) 50%,transparent);transform-origin:center top;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.cycle__i.is-here .cycle__n{color:#111110;background:var(--lime);box-shadow:0 0 0 6px color-mix(in srgb,var(--lime) 16%,transparent)}
.cycle__i.is-here .cycle__c{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lime) 55%,transparent),var(--card-hi)}
@media (min-width:992px){.cycle__l{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cg)}
.cycle__i{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--cn) 1fr;row-gap:16px}
.cycle__c{height:100%}
.cycle__line{left:calc(var(--cn) / 2);top:calc(var(--cn) / 2 - .5px);width:calc((100% + var(--cg)) * .75);height:1px}
.cycle__fill{top:-.5px;bottom:auto;left:0;right:0;width:auto;height:2px;transform-origin:left center}}
.js .cycle__i{transition:opacity .42s var(--ease-v2),transform .42s var(--ease-v2)}
.js .cycle__i:nth-child(2){transition-delay:60ms}
.js .cycle__i:nth-child(3){transition-delay:120ms}
.js .cycle__i:nth-child(4){transition-delay:180ms}
.js .cycle:not(.is-in) .cycle__i{opacity:0;transform:translateY(10px)}
.js .cycle:not(.is-in) .cycle__fill{transform:scaleY(0)}
@media (min-width:992px){.js .cycle:not(.is-in) .cycle__fill{transform:scaleX(0)}}
.cycle--mini{--cn:34px}
.cycle--mini .cycle__c{gap:6px;padding:12px 14px 14px}
.cycle--mini .cycle__t{font-size:clamp(18px,1.4vw,20px)}
.cycle--mini .cycle__n{font-size:12px}
@media (hover:hover) and (pointer:fine){.cycle__i:hover .cycle__n{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--lime) 34%,var(--card)) 0,var(--card) 74%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lime) 70%,transparent)}
.cycle__i.is-here:hover .cycle__n{background:var(--lime)}
a.cycle__c:hover .cycle__ar,.cycle__lk:hover .cycle__lar{transform:translateX(3px)}
.cycle__lk:hover{color:var(--ink-strong)}}
@media (hover:none){a.cycle__c:active{transform:scale(.985);transition:transform 100ms var(--ease-out-q,ease-out)}
.cycle__lk:active{opacity:.6;transition:opacity 100ms linear}}
@media (prefers-reduced-motion:reduce){.cycle__n,.cycle__c,.cycle__ar,.cycle__lar,.js .cycle__i,.cycle__fill{transition:none!important}
.js .cycle:not(.is-in) .cycle__i{opacity:1;transform:none}
.js .cycle:not(.is-in) .cycle__fill{transform:none}
a.cycle__c:active{transform:none}}
.cyw{--cg:16px;--cn:40px;position:relative;margin:0}
.cyw__l{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0;padding:0;list-style:none}
.cyw__i{position:relative;display:grid;grid-template-columns:var(--cn) minmax(0,1fr);column-gap:14px;align-items:start}
.cyw__n{display:grid;place-items:center;width:var(--cn);height:var(--cn);border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 1px var(--card-line),var(--card-hi);font:700 13px/1 var(--f-manrope);letter-spacing:.02em;color:var(--accent-text-sm);transition:background-color .25s var(--ease-v2),color .25s var(--ease-v2),box-shadow .25s var(--ease-v2)}
.cyw__n.is-on{color:#111110;background:var(--lime);box-shadow:0 0 0 6px color-mix(in srgb,var(--lime) 16%,transparent)}
.cyw__line{position:absolute;z-index:0;left:calc(var(--cn) / 2 - .5px);top:calc(var(--cn) / 2);width:1px;height:var(--cyw-len,0px);background:var(--card-line);pointer-events:none}
.cyw__fill{position:absolute;top:0;bottom:0;left:-.5px;width:2px;border-radius:2px;background:var(--lime);box-shadow:0 0 10px color-mix(in srgb,var(--lime) 50%,transparent);transform-origin:center top;transform:scaleY(var(--p,1))}
.cyw__c{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:22px;background:var(--card-glass);box-shadow:var(--hair);overflow:hidden;color:var(--ink);text-decoration:none;isolation:isolate;-webkit-tap-highlight-color:transparent;transition:transform .2s var(--ease-v2)}
.cyw__c::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1.5px var(--lime);opacity:0;transition:opacity .2s var(--ease-v2)}
a.cyw__c:focus-visible,.cyw__c:focus-within{outline:none}
a.cyw__c:focus-visible::after,.cyw__c:focus-within::after{opacity:1}
.cyw__win{position:relative;display:block;margin:10px 10px 0;padding:8px 6px;border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--ink) 5%,transparent);box-shadow:inset 0 0 0 1px var(--card-line)}
.cyw__glow{position:absolute;inset:-10%;background:radial-gradient(55% 55% at 50% 58%,color-mix(in srgb,var(--lime) 46%,transparent),transparent 72%);opacity:.5;animation:cyw-glow 6s ease-in-out infinite alternate;transition:opacity .3s var(--ease-v2)}
.cyw__bob{position:relative;display:block;animation:cyw-bob 6s ease-in-out infinite alternate}
.cyw__i:nth-child(2) .cyw__bob,.cyw__i:nth-child(2) .cyw__glow{animation-delay:-1.5s}
.cyw__i:nth-child(3) .cyw__bob,.cyw__i:nth-child(3) .cyw__glow{animation-delay:-3s}
.cyw__i:nth-child(4) .cyw__bob,.cyw__i:nth-child(4) .cyw__glow{animation-delay:-4.5s}
@keyframes cyw-glow{from{opacity:.4;transform:scale(.94)}to{opacity:.85;transform:scale(1.06)}}
@keyframes cyw-bob{from{transform:translateY(-3px)}to{transform:translateY(3px)}}
.cyw__fr{position:relative;display:block;aspect-ratio:1100 / 821;border-radius:11px;overflow:hidden;background:#e6e8ec;box-shadow:0 0 0 1px color-mix(in srgb,var(--lime) 55%,transparent),0 14px 30px -14px rgba(0,0,0,.5),0 0 22px color-mix(in srgb,var(--lime) 30%,transparent)}
.cyw__fr img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-v2)}
.cyw__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px 18px 18px}
.cyw__h{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}
.cyw__t{font:700 clamp(20px,1.7vw,24px)/1.1 var(--f-tight);letter-spacing:-.025em;color:var(--ink-strong)}
.cyw__d{font:400 15px/1.45 var(--f-inter);color:var(--muted);text-wrap:pretty}
.cyw__f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:4px}
.cyw__tag{font:600 13px/1.3 var(--f-manrope);letter-spacing:.01em;color:var(--accent-text-sm)}
.cyw__ar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;font:600 15px/1 var(--f-inter);color:#111110;background:var(--lime);transition:transform .3s var(--ease-out-q)}
.cyw__lks{display:grid;margin-top:auto;padding-top:2px}
.cyw__lk{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 0;border-top:1px solid var(--card-line);font:600 15px/1.25 var(--f-inter);color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}
.cyw__lk:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}
.cyw__lar{flex:none;color:var(--accent-text-sm);transition:transform .3s var(--ease-out-q)}
@media (min-width:992px){.cyw__l{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cg)}
.cyw__i{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--cn) 1fr;row-gap:16px}
.cyw__c{height:100%}
.cyw__line{left:calc(var(--cn) / 2);top:calc(var(--cn) / 2 - .5px);width:calc(100% - var(--cn) / 2);height:1px}
.cyw__fill{top:-.5px;bottom:auto;left:0;right:0;width:auto;height:2px;transform-origin:left center;transform:scaleX(var(--p,1))}}
.cyw *{animation-play-state:paused}
.cyw.is-live *{animation-play-state:running}
.js .cyw__i{transition:opacity .5s var(--ease-v2),transform .5s var(--ease-v2)}
.js .cyw__i:nth-child(2){transition-delay:80ms}
.js .cyw__i:nth-child(3){transition-delay:160ms}
.js .cyw__i:nth-child(4){transition-delay:240ms}
.js .cyw:not(.is-in) .cyw__i{opacity:0;transform:translateY(22px)}
@media (hover:hover) and (pointer:fine){.cyw__win{perspective:800px}
.cyw__fr{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.cyw__c:hover{transform:translateY(-3px)}
.cyw__c:hover::after{opacity:1}
.cyw__c:hover .cyw__glow{opacity:1}
.cyw__c:hover .cyw__fr img{transform:scale(1.03)}
a.cyw__c:hover .cyw__ar,.cyw__lk:hover .cyw__lar{transform:translateX(3px)}}
a.cyw__c:active{transform:scale(.99)}
@media (max-width:991.98px){.cyw__fill{transform:scaleY(var(--p,1))}}
.cyw__sc{--st-bg1:#171717;--st-bg2:#0e0f10;--st-fog:rgba(200,255,62,.22);--st-cold:rgba(250,249,245,.05);--st-dot:#2b2b2b;--st-br:rgba(250,249,245,.25);--st-lime:#C8FF3E;--st-ring:rgba(200,255,62,.9);--st-glow:rgba(200,255,62,.45);--st-hair:rgba(250,249,245,.18);--st-shadow:0 2.545cqw 4.091cqw -1.636cqw rgba(0,0,0,.75);--st-line:rgba(255,255,255,.08);
--tx:#141413;--tx2:#2c2e33;--mu:#6b6b69;--mu3:#5b6472;--pn:#fff;--pg:#FBF6EE;--pg2:#f6f7f9;--ln:#eceef1;--bd:#e9e5dc;--ch:#EDE7DC;--pill:#fff;--ink:#1B2A41;--inkbg:#1B2A41;--btn:#12141a;--bt:#F6F0E2;--bti:#eadfc8;--bt2:#FBF6EA;--bt2i:#eee6d2;--bt3:#F3EEE2;--wm:#17261E;--lb:rgba(23,38,30,.6);--d2:#e3e1da;--gl:#e6e8ec;--ts:rgba(255,255,255,.96);--chp:rgba(255,255,255,.9);--chi:#fff;--tipbg:#12141a;--tipc:#fff;--dlb:#e6ffb0;--dlc:#2b7a00;--swr:transparent}
:root[data-theme="dark"] .cyw__sc{--tx:#f1f0ec;--tx2:#d3d5d9;--mu:#a2a6ad;--mu3:#a9afb9;--pn:#1c1e20;--pg:#131415;--pg2:#141516;--ln:rgba(255,255,255,.08);--bd:rgba(255,255,255,.1);--ch:#222426;--pill:#303337;--ink:#f1f0ec;--inkbg:#2c2f33;--btn:#2c2f33;--bt:#1b1d1a;--bti:rgba(255,255,255,.07);--bt2:#1f211e;--bt2i:rgba(255,255,255,.07);--bt3:#191b18;--wm:#EBDFC8;--lb:rgba(235,223,200,.6);--d2:#3a3d40;--gl:rgba(255,255,255,.07);--ts:rgba(30,32,35,.94);--chp:rgba(30,32,35,.88);--chi:rgba(255,255,255,.12);--tipbg:#C8FF3E;--tipc:#111;--dlb:rgba(200,255,62,.16);--dlc:#C8FF3E;--swr:rgba(255,255,255,.1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cyw__sc{--tx:#f1f0ec;--tx2:#d3d5d9;--mu:#a2a6ad;--mu3:#a9afb9;--pn:#1c1e20;--pg:#131415;--pg2:#141516;--ln:rgba(255,255,255,.08);--bd:rgba(255,255,255,.1);--ch:#222426;--pill:#303337;--ink:#f1f0ec;--inkbg:#2c2f33;--btn:#2c2f33;--bt:#1b1d1a;--bti:rgba(255,255,255,.07);--bt2:#1f211e;--bt2i:rgba(255,255,255,.07);--bt3:#191b18;--wm:#EBDFC8;--lb:rgba(235,223,200,.6);--d2:#3a3d40;--gl:rgba(255,255,255,.07);--ts:rgba(30,32,35,.94);--chp:rgba(30,32,35,.88);--chi:rgba(255,255,255,.12);--tipbg:#C8FF3E;--tipc:#111;--dlb:rgba(200,255,62,.16);--dlc:#C8FF3E;--swr:rgba(255,255,255,.1)}}
.cyw__sc{position:absolute;left:0;top:0;width:100cqw;height:74.636cqw;opacity:0;pointer-events:none;contain:layout paint style;overflow:hidden;font-size:0.545cqw;line-height:normal;-webkit-text-size-adjust:none;text-size-adjust:none;font-family:var(--f-inter),sans-serif;color:var(--tx);text-align:left;font-synthesis:none;background:radial-gradient(120% 100% at 30% 20%,var(--st-bg1) 0,var(--st-bg2) 100%);transition:opacity .45s var(--ease-v2)}
.cyw.is-anim .cyw__fr.is-on .cyw__sc{opacity:1}
.cyw__sc span,.cyw__sc i,.cyw__sc b{display:block;font-style:normal;font-weight:inherit}
.cyw__sc svg{display:block}
.cyw__sc .a{position:absolute}
.cyw__sc .g{font-family:var(--f-tight),sans-serif}
.cyw__sc .dt{inset:0;background-image:radial-gradient(var(--st-dot) 0.091cqw,transparent 0.118cqw);background-size:2cqw 2cqw;-webkit-mask-image:linear-gradient(135deg,#000 0,transparent 38%,transparent 62%,#000 100%);mask-image:linear-gradient(135deg,#000 0,transparent 38%,transparent 62%,#000 100%)}
.cyw__sc .gl{inset:0;background:radial-gradient(46% 42% at 78% 90%,var(--st-fog) 0,transparent 100%),radial-gradient(40% 36% at 14% 6%,var(--st-cold) 0,transparent 100%)}
.cyw__sc::before,.cyw__sc::after{content:"";position:absolute;width:3.182cqw;height:3.182cqw;border:0.136cqw solid var(--st-br);pointer-events:none}
.cyw__sc::before{left:2.909cqw;top:2.909cqw;border-right:0;border-bottom:0}
.cyw__sc::after{right:2.909cqw;bottom:2.909cqw;border-left:0;border-top:0}
.cyw__sc .lm{box-shadow:0 0 0 0.182cqw var(--st-ring),0 0 2.091cqw 0.273cqw var(--st-glow),inset 0 0.091cqw 0 var(--st-hair),var(--st-shadow)}
.cyw .cyw__fr:not(.is-vis) .cyw__sc *{animation-play-state:paused!important}
.cyw .cyw__fr:not(.is-vis) .cyw__sc{content-visibility:hidden;visibility:hidden}
.cyw__sc .z{animation:cz-in 8s infinite both;animation-delay:var(--d,0s)}
@keyframes cz-in{0%,12%{opacity:1;transform:none;animation-timing-function:ease-in}17%,21%{opacity:0;transform:translateY(var(--y,1.091cqw)) scale(var(--s,.97));animation-timing-function:cubic-bezier(.16,1,.3,1)}38%,100%{opacity:1;transform:none}}
@keyframes cz-bb{from{transform:translateY(-0.318cqw)}to{transform:translateY(0.318cqw)}}
.cyw__sc .s2,.cyw__sc .s3{opacity:0;animation:cz-s2 8s infinite both}
.cyw__sc .s3{animation-name:cz-s3}
@keyframes cz-s2{0%{opacity:1}4.5%,33.3%{opacity:0}37.8%,100%{opacity:1}}
@keyframes cz-s3{0%{opacity:1}4.5%,66.7%{opacity:0}71.2%,100%{opacity:1}}
@keyframes cz-mk{0%,12%{opacity:1}15%,34%{opacity:0}42%,100%{opacity:1}}
@keyframes cz-dr{0%,16%{stroke-dashoffset:1;opacity:0}17%{stroke-dashoffset:1;opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1)}32%,40%{stroke-dashoffset:0;opacity:1}46%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes cz-wm{0%,12%{clip-path:inset(-8% -3% -8% -2%)}15%,30%{clip-path:inset(-8% 100% -8% -2%);animation-timing-function:cubic-bezier(.5,0,.2,1)}46%,100%{clip-path:inset(-8% -3% -8% -2%)}}
@keyframes cz-ty0{0%,12%{clip-path:inset(0 -2% 0 0)}15%,34%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(22,end)}52%,100%{clip-path:inset(0 -2% 0 0)}}
@keyframes cz-pk{0%,11%{opacity:1;transform:translateX(0)}14%,26%{opacity:0;transform:translateX(0)}30%{opacity:1;transform:translateX(0)}34%,63%{opacity:1;transform:translateX(9.489cqw)}67%,96%{opacity:1;transform:translateX(18.977cqw)}100%{opacity:1;transform:translateX(0)}}
.cyw__sc .fl{position:absolute;inset:0;animation:cz-fl 8s infinite both ease-in-out}
.cyw__sc .fb{opacity:0;animation:cz-fb 8s infinite both}
@keyframes cz-fl{0%,48%{transform:scaleX(1)}54%{transform:scaleX(0)}60%,76%{transform:scaleX(1)}82%{transform:scaleX(0)}88%,100%{transform:scaleX(1)}}
@keyframes cz-fb{0%,53.9%{opacity:0}54%,81.9%{opacity:1}82%,100%{opacity:0}}
.cyw__sc .tl{animation:cz-tl 7s ease-in-out infinite}
@keyframes cz-tl{0%,100%{transform:rotateY(0)}50%{transform:rotateY(-16deg)}}
.cyw__sc .sp{animation:cz-sp 18s linear infinite}
@keyframes cz-sp{to{transform:rotate(360deg)}}
.cyw__sc .pg{animation:cz-pgs 8s infinite both}
@keyframes cz-pgs{0%,14%{transform:translateY(0);animation-timing-function:cubic-bezier(.45,0,.2,1)}30%,44%{transform:translateY(var(--s1));animation-timing-function:cubic-bezier(.45,0,.2,1)}58%,86%{transform:translateY(var(--s2));animation-timing-function:cubic-bezier(.45,0,.2,1)}100%{transform:translateY(0)}}
@keyframes cz-ns{0%,14%{opacity:0}20%,92%{opacity:1}100%{opacity:0}}
.cyw__sc .cb{animation:cz-cb 8s infinite both}
@keyframes cz-cb{0%,12%{transform:none}13.2%{transform:scale(.95)}15.5%,100%{transform:none}}
@keyframes cz-ht{0%,32%{transform:none}37%,45%{transform:translateY(-0.364cqw) scale(1.025)}52%,100%{transform:none}}
.cyw__sc .ph{animation:cz-bb 6.5s ease-in-out infinite alternate}
@keyframes cz-t1{0%,57%{clip-path:inset(0 101% 0 0);animation-timing-function:steps(5,end)}61%,88%{clip-path:inset(0 -2% 0 0)}89%,100%{clip-path:inset(0 101% 0 0)}}
@keyframes cz-t2{0%,61%{clip-path:inset(0 101% 0 0);animation-timing-function:steps(17,end)}68%,88%{clip-path:inset(0 -2% 0 0)}89%,100%{clip-path:inset(0 101% 0 0)}}
@keyframes cz-t3{0%,68%{clip-path:inset(0 101% 0 0);animation-timing-function:steps(5,end)}72%,88%{clip-path:inset(0 -2% 0 0)}89%,100%{clip-path:inset(0 101% 0 0)}}
.cyw__sc .ok{opacity:0;animation:cz-ok 8s infinite both}
@keyframes cz-ok{0%,75%{opacity:0}78%,88%{opacity:1}92%,100%{opacity:0}}
.cyw__sc .cur{opacity:0;animation:cz-cu 8s infinite both;z-index:9;filter:drop-shadow(0 0.364cqw 0.455cqw rgba(0,0,0,.35))}
@keyframes cz-cu{0%{opacity:0;transform:translate(56.818cqw,46.364cqw);animation-timing-function:cubic-bezier(.4,0,.2,1)}3%{opacity:1;transform:translate(56.818cqw,46.364cqw)}12%{transform:translate(16.455cqw,39.455cqw) scale(1);animation-timing-function:ease}13.2%{transform:translate(16.455cqw,39.455cqw) scale(.82)}15.5%{transform:translate(16.455cqw,39.455cqw) scale(1);animation-timing-function:cubic-bezier(.4,0,.2,1)}30%{transform:translate(39.545cqw,22.727cqw)}44%{transform:translate(39.545cqw,22.727cqw);animation-timing-function:cubic-bezier(.4,0,.2,1)}56%{transform:translate(50cqw,23.773cqw)}62%{transform:translate(50cqw,29.091cqw)}69%{transform:translate(50cqw,34.409cqw)}74%{transform:translate(54.455cqw,39.773cqw) scale(1)}75.2%{transform:translate(54.455cqw,39.773cqw) scale(.82)}77.5%{opacity:1;transform:translate(54.455cqw,39.773cqw) scale(1)}86%{opacity:1;transform:translate(54.455cqw,39.773cqw)}90%,100%{opacity:0;transform:translate(56.818cqw,46.364cqw)}}
.cyw__sc .rp{width:3.545cqw;height:3.545cqw;margin:-1.773cqw 0 0 -1.773cqw;border-radius:50%;border:0.227cqw solid var(--tx);box-shadow:0 0 0 0.182cqw #C8FF3E;opacity:0;z-index:8}
@keyframes cz-r1{0%,12.8%{opacity:0;transform:scale(.3)}13.4%{opacity:.9;transform:scale(.4)}19%,100%{opacity:0;transform:scale(1.5)}}
@keyframes cz-r2{0%,74.8%{opacity:0;transform:scale(.3)}75.4%{opacity:.9;transform:scale(.4)}81%,100%{opacity:0;transform:scale(1.5)}}
@keyframes cz-f{0%{opacity:0}4%,27%{opacity:1}31%,100%{opacity:0}}
@keyframes cz-fk{0%{opacity:0;transform:scale(1)}4%,27%{opacity:1}30%{transform:scale(1.08)}31%,100%{opacity:0;transform:scale(1.08)}}
.cyw__sc .cp{text-align:center;font-weight:800;line-height:1.18;color:#fff;letter-spacing:-.01em;text-shadow:0 0.136cqw 0.636cqw rgba(0,0,0,.45);font-family:var(--f-tight),sans-serif}
.cyw__sc .wd{display:inline-block}
.cyw__sc .hl{background:#C8FF3E;color:#111;border-radius:0.545cqw;text-shadow:none}
@keyframes cz-cp{0%{opacity:0;transform:translateY(.35em)}3.5%,23%{opacity:1;transform:none}25.5%,100%{opacity:0;transform:none}}
@keyframes cz-ba{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
.cyw__sc .pl{animation:cz-pl 8s infinite both}
@keyframes cz-pl{0%{opacity:1;transform:none}5%{opacity:0;transform:scale(1.3)}92%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:none}}
@keyframes cz-ph{0%{transform:translateX(0);opacity:0}3%{opacity:1}97%{opacity:1}100%{transform:translateX(73.909cqw);opacity:0}}
.cyw__sc .wp{animation:cz-wc 8s linear infinite both}
@keyframes cz-wc{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}
.cyw__sc .c4{animation:cz-c4 8s infinite both ease-in-out}
@keyframes cz-c4{0%,50%{transform:none}58%,76%{transform:translateX(18.636cqw)}84%,100%{transform:none}}
@keyframes cz-c5{0%,50%{transform:none}58%,76%{transform:translateX(-10.455cqw)}84%,100%{transform:none}}
.cyw__sc .ln{stroke:var(--tx);stroke-dasharray:1;animation:cz-ln 8s infinite both}
@keyframes cz-ln{0%,12%{stroke-dashoffset:0;opacity:1}15%{stroke-dashoffset:0;opacity:0}15.1%,18%{stroke-dashoffset:1;opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1)}46%,100%{stroke-dashoffset:0;opacity:1}}
.cyw__sc .ar{animation:cz-ar 8s infinite both}
@keyframes cz-ar{0%,12%{clip-path:inset(0 0 0 0);opacity:1}15%{clip-path:inset(0 0 0 0);opacity:0}15.1%,18%{clip-path:inset(0 100% 0 0);opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1)}46%,100%{clip-path:inset(0 0 0 0);opacity:1}}
.cyw__sc .mkr{animation:cz-mr 8s infinite both}
@keyframes cz-mr{0%,12%{opacity:1}15%,33%{opacity:0}37%,100%{opacity:1}}
.cyw__sc .tip{animation:cz-tp 8s infinite both}
@keyframes cz-tp{0%,12%{opacity:1;transform:none}15%,34%{opacity:0;transform:translateY(0.545cqw) scale(.9);animation-timing-function:cubic-bezier(.34,1.45,.5,1)}40%,100%{opacity:1;transform:none}}
.cyw__sc .pn{transform-box:fill-box;transform-origin:center;animation:cz-pn 2.2s ease-out infinite}
@keyframes cz-pn{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.7);opacity:0}}
.cyw__sc .nm{display:flex;height:1em;line-height:1;overflow:hidden;font-variant-numeric:tabular-nums}
.cyw__sc .rl{display:block;height:1em;overflow:hidden}
.cyw__sc .rc{display:block}
.cyw__sc .rs{display:block;line-height:1;animation:cz-ro 8s infinite both}
@keyframes cz-ro{0%,15%{transform:translateY(var(--t))}15.1%,22%{transform:none;animation-timing-function:cubic-bezier(.2,.8,.2,1)}42%,100%{transform:translateY(var(--t))}}
.cyw__sc .t1{animation:cz-t1x 8s infinite both}
.cyw__sc .t2{animation:cz-t2x 8s infinite both}
.cyw__sc .ld{animation:cz-ld 8s infinite both}
@keyframes cz-t1x{0%,12%{opacity:1;transform:none;animation-timing-function:ease-in}17%,46%{opacity:0;transform:translateX(5.455cqw);animation-timing-function:cubic-bezier(.16,1,.3,1)}56%,100%{opacity:1;transform:none}}
@keyframes cz-t2x{0%,12%{opacity:1;transform:none;animation-timing-function:ease-in}17%,54%{opacity:0;transform:translateX(5.455cqw);animation-timing-function:cubic-bezier(.16,1,.3,1)}64%,100%{opacity:1;transform:none}}
@keyframes cz-ld{0%,12%{opacity:1;transform:none;animation-timing-function:ease-in}17%,62%{opacity:0;transform:translateY(2.091cqw) scale(.9);animation-timing-function:cubic-bezier(.34,1.45,.5,1)}72%,100%{opacity:1;transform:none}}
.cyw__sc .rp2{animation:cz-pn 1.9s ease-out infinite}
.cyw__sc .rb{animation:cz-rb 2.4s ease-in-out infinite}
@keyframes cz-rb{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@media (max-width:991.98px){.cyw__sc .ph,.cyw__sc .tl,.cyw__sc .sp,.cyw__sc .pn,.cyw__sc .rp2,.cyw__sc .rb{animation:none}}
.cyw__sc .gr{stroke:var(--gl)}
.cyw__sc .mk{stroke:var(--tx)}
.cyw__sc .mc{stroke:var(--tx)}
.cyw__fr img.cz-d{display:none}
:root[data-theme="dark"] .cyw__fr img.cz-d{display:block}
:root[data-theme="dark"] .cyw__fr img.cz-l{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cyw__fr img.cz-d{display:block}
:root:not([data-theme="light"]) .cyw__fr img.cz-l{display:none}}
.cyw__fr{background:#0e0f10;container-type:inline-size;contain:layout paint}
@supports not (width:1cqw){.cyw__sc{display:none}}
.cyw__fr--v{background:#0c0d0f}
.cyw__m{position:absolute;inset:0;display:block;clip-path:inset(0)}
.cyw__fr--v img,.cyw__fr--v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-v2)}
.cyw__fr--v img[data-src],.cyw__fr--v img[data-srcset]{visibility:hidden}
.cyw__v{opacity:0;transition:opacity .35s var(--ease-v2),transform .4s var(--ease-v2)}
.cyw__fr--v.is-pl .cyw__v{opacity:1}
.js .cyw__m{transition:clip-path 1.15s var(--ease-v2-io) .3s}
.js .cyw__i:nth-child(2) .cyw__m{transition-delay:.42s}
.js .cyw__i:nth-child(3) .cyw__m{transition-delay:.54s}
.js .cyw:not(.is-in) .cyw__m{clip-path:inset(33% 0 33% 0)}
@media (hover:hover) and (pointer:fine){.cyw__c:hover .cyw__fr--v video{transform:scale(1.03)}}
@media (prefers-reduced-motion:reduce){.js .cyw:not(.is-in) .cyw__m{clip-path:inset(0)}
.js .cyw__m{transition:none}}
@media (prefers-reduced-motion:reduce){.cyw *,.cyw *::before,.cyw *::after{animation:none!important;transition:none!important}
.js .cyw:not(.is-in) .cyw__i{opacity:1;transform:none}
.cyw__c:hover,a.cyw__c:active{transform:none}}
.trl{display:grid;gap:clamp(22px,2.6vw,44px);align-items:center}
.trl__txt{display:grid;gap:14px;justify-items:start;min-width:0}
.trl__p{max-width:46ch;color:var(--muted);font:400 clamp(15px,1.3vw,17px)/1.5 var(--f-inter);text-wrap:pretty}
.trl__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:8px}
.trl__win{margin:0;min-width:0}
.trl__media{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#0e0f10;isolation:isolate;box-shadow:0 0 0 1px rgba(200,255,62,.38),0 0 64px -14px rgba(200,255,62,.34),0 30px 80px -30px rgba(0,0,0,.6)}
.trl__media>.trl__play{position:absolute;inset:0;display:block;color:#fff;-webkit-tap-highlight-color:transparent}
.trl__play picture{display:contents}
.trl__img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.trl__play::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 46%,rgba(0,0,0,.66) 100%)}
.trl__btn{position:absolute;z-index:2;left:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,26px);display:inline-flex;align-items:center;gap:14px}
.trl__ic{display:grid;place-items:center;flex:none;width:clamp(52px,4.6vw,68px);height:clamp(52px,4.6vw,68px);border-radius:50%;background:var(--lime);color:#0e0f10;box-shadow:0 0 0 8px rgba(200,255,62,.2);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.trl__ic svg{width:42%;height:42%;margin-left:7%;fill:currentColor}
.trl__lb{display:grid;gap:3px;font:700 clamp(17px,1.4vw,21px)/1.1 var(--f-tight);letter-spacing:-.02em;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.45)}
.trl__lb small{font:500 13px/1.25 var(--f-inter);letter-spacing:0;color:rgba(255,255,255,.82)}
.trl__cap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-top:12px;padding-inline:4px;font:600 12px/1.3 var(--f-manrope);letter-spacing:.02em;color:var(--muted)}
.trl__play:focus-visible{outline:3px solid var(--lime);outline-offset:-5px;border-radius:22px}
@media (hover:hover) and (pointer:fine){.trl__play:hover .trl__img{transform:scale(1.025)}
.trl__play:hover .trl__ic{transform:scale(1.07)}}
.trl__play:active .trl__ic{transform:scale(.96)}
@media (min-width:992px){.trl{grid-template-columns:minmax(0,5fr) minmax(0,8fr)}}
.trl--2{margin-top:clamp(40px,5vw,72px)}
.trl__h3{margin:0;font:700 clamp(26px,2.6vw,38px)/1.08 var(--f-tight);letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
@media (prefers-reduced-motion:reduce){.trl__img,.trl__ic{transition:none}}
.mcar-dots{display:none}
@media (max-width:767.98px){.cyw__l,.pg-trl>.pg-wrap,.pkgrid{
    --mc-g:clamp(16px,4.4vw,64px);
    display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--mc-w,min(82vw,340px));gap:12px;align-items:stretch;justify-content:start;
    width:auto;max-width:none;margin-inline:calc(50% - 50vw);padding-inline:var(--mc-g);scroll-padding-inline:var(--mc-g);
    overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    margin-bottom:0;padding-bottom:30px}
.cyw__l::-webkit-scrollbar,.pg-trl>.pg-wrap::-webkit-scrollbar,.pkgrid::-webkit-scrollbar{display:none}
.cyw__l>*,.pg-trl>.pg-wrap>*,.pkgrid>*{scroll-snap-align:start;scroll-snap-stop:always;min-width:0}
.mcar-dots{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;height:30px;margin:-30px 0 0;padding-bottom:4px;pointer-events:auto}
.mcar-dots button{display:grid;place-items:center;width:24px;height:24px;padding:0;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mcar-dots button::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--card-line,rgba(255,255,255,.2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 22%,transparent);transition:width .25s var(--ease-v2,ease),background-color .25s}
.mcar-dots button.is-on::before{width:20px;border-radius:4px;background:var(--lime);box-shadow:none}
.cyw__i{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--cn) 1fr;row-gap:12px}
.cyw__i:not(:last-child)::after{content:"";position:absolute;top:calc(var(--cn) / 2);left:calc(var(--cn) + 8px);right:-10px;height:1px;background:var(--card-line);pointer-events:none}
.cyw__c{height:100%}
.cyw__line{display:none}
.cyw{--cn:34px}
.cyw__body{padding:14px 16px 16px;gap:6px}
.cyw__d{font-size:14px}
.pg-wrap .cyw__l,.pg-wrap .pkgrid{--mc-g:20px}
.pg-trl>.pg-wrap{--mc-w:min(86vw,360px);margin-inline:0;align-items:start}
.pg-trl>.pg-wrap{--mc-g:20px;width:100%}
.trl{gap:14px;align-content:start;align-items:start}
.trl__win{order:-1}
.trl__txt{gap:10px}
.trl--2{margin-top:0}
.trl--2 .trl__p+.trl__p{display:none}
.trl__cta{margin-top:2px}
.trl .pg-h2{font-size:28px}
.trl__h3{font-size:24px}
.pkgrid{--mc-w:min(84vw,350px);align-self:stretch}
.pk{padding:20px;gap:12px}
.pk__big{margin-top:0}
.pk__big b{font-size:44px}
.calc__group{margin-bottom:12px}
.faq--v2{padding:8px 16px 32px}
.faq--v2 .qa__q{padding:13px 14px;gap:14px}
.faq--v2 details.qa[open] .qa__q{padding:13px 14px 8px}
.faq--v2 .qa__q span{font-size:16px;line-height:1.4}
.faq--v2 details.qa[open]{padding-bottom:12px}
.js .faq--v2 details.qa:nth-child(2)[open]:not(.is-vis){padding-bottom:0}
.js .faq--v2 details.qa:nth-child(2)[open]:not(.is-vis) .qa__q{padding:13px 14px}
.js .faq--v2 details.qa:nth-child(2)[open]:not(.is-vis)>.qa__a{display:none}}
@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.mcar-dots button::before{transition:none}}
@media (max-width:767.98px){.home-v3 #ai-video,.home-v3 #trailer,.home-v3 #pricing,.home-v3 #video_about,.home-v3 #calc,.home-v3 #team,.home-v3 #faq{content-visibility:auto;contain-intrinsic-size:auto 600px}
.home-v3 #pricing{contain-intrinsic-size:auto 1130px}
.home-v3 #video_about{contain-intrinsic-size:auto 540px}
.home-v3 #calc{contain-intrinsic-size:auto 920px}
.home-v3 #team{contain-intrinsic-size:auto 640px}
.home-v3 #faq{contain-intrinsic-size:auto 930px}}
.foot__aud{margin-bottom:24px}
@media (max-width:767.98px){.foot.foot--aud .foot__in{height:auto;padding-bottom:110px}}
@media (min-width:768px){.foot.foot--aud .foot__in{height:648px}
.foot.foot--aud .foot__fit{top:506px}
.foot.foot--aud .foot__pulse{top:468px}}
@media (min-width:1024px){.foot.foot--aud .foot__in{height:625px}
.foot.foot--aud .foot__fit{top:483px}
.foot.foot--aud .foot__pulse{top:445px}}
#pricing:has(.ptabs[data-on="2"]) .v3-subs>[data-sub="yt"]{visibility:hidden}
#pricing:has(.ptabs[data-on="2"]) .v3-subs>[data-sub="web"]{visibility:visible}
.pk__h{flex-wrap:wrap;row-gap:8px}