.kl{grid-template-areas:"demo""intro""more";gap:20px;display:grid}.kl__intro{flex-direction:column;grid-area:intro;gap:16px;display:flex}.kl__demo{flex-direction:column;grid-area:demo;align-items:center;gap:10px;display:flex}.kl__more{flex-direction:column;grid-area:more;gap:16px;display:flex}.head__row{padding-right:16px}.head__title{color:#fff;min-width:0;font-size:19px;font-weight:700;line-height:1.25}.kl .title{font-size:30px;line-height:1.2}@media (width<=767px){.kl .title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}.lede{color:#ffffffd9;font-size:18px;line-height:1.45}.cta{color:oklch(15% 0 0);text-align:center;background:#fff;border-radius:20px;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:12px 24px;font-size:19px;font-weight:500;line-height:1.2;text-decoration:none;transition:background-color .15s,transform .15s;display:flex;box-shadow:0 1px 2px #00000014,0 0 0 1px #0000000f}.cta:hover{background:oklch(96% 0 0)}.cta:active{transform:scale(.98)}.cta svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.facts{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.facts li{color:#ffffffd9;align-items:center;gap:10px;font-size:15px;line-height:1.35;display:flex}.facts img{object-fit:contain;flex-shrink:0;width:24px;height:24px}.kl-page{padding-bottom:calc(var(--safe-bottom) + 104px)}.bar{z-index:20;padding:24px 16px calc(var(--safe-bottom) + 12px);transition:opacity .2s ease-out;position:fixed;inset:auto 0 0}.bar[hidden]{display:none}.leaving .bar{opacity:0}.bar:before,.bar__col:before{content:"";pointer-events:none;background:var(--page);position:absolute;-webkit-mask-image:linear-gradient(0deg,#000 calc(100% - 1.5rem),#0000);mask-image:linear-gradient(0deg,#000 calc(100% - 1.5rem),#0000)}.bar:before{inset:0}.bar__inner{max-width:440px;margin:0 auto;position:relative}.bar__col{position:relative}.bar .cta{width:100%;min-width:0;position:relative}.kl .caption{text-align:center;display:none}.credit{color:#ffffff8c;font-size:13px}.screen{overflow-x:clip}.gift{width:200px;position:relative}.gift__decor{pointer-events:none;user-select:none;width:151.8%;max-width:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.kl .gift__frame{width:100%;max-width:none}.gift__start{z-index:20;border-radius:20px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gift__start[hidden]{display:none}.gift__start svg{width:64px;height:64px;fill:var(--brand);background:#ffffffeb;border-radius:50%;padding:18px 16px 18px 20px;transition:transform .15s;box-shadow:0 6px 20px #0814464d}.gift__start:active svg{transform:scale(.94)}.card__controls[hidden]{display:none}.gift__ribbon{z-index:15;aspect-ratio:9/16;pointer-events:none;position:absolute;inset:0 0 auto}.gift__tie{transform-origin:58% 37%;user-select:none;width:181.4%;max-width:none;position:absolute;top:55.4%;right:0}.gift__tie--left{clip-path:inset(0 42% 0 0)}.gift__tie--right{clip-path:inset(0 0 0 58%)}.gift__end,.gift__fold{width:3.2%;transition:opacity .15s;display:none;position:absolute}.gift__ribbon--untie .gift__tie--left{animation:.5s cubic-bezier(.5,0,.9,.6) both gift-untie-left}.gift__ribbon--untie .gift__tie--right{animation:.5s cubic-bezier(.5,0,.9,.6) both gift-untie-right}.gift__ribbon--untie :is(.gift__end,.gift__fold){opacity:0}@keyframes gift-untie-left{40%{opacity:1}to{opacity:0;transform:translate(-10%,45%)rotate(-16deg)}}@keyframes gift-untie-right{40%{opacity:1}to{opacity:0;transform:translate(8%,50%)rotate(18deg)}}@media (prefers-reduced-motion:reduce){.gift__ribbon--untie .gift__tie{opacity:0;animation:none}}.kl__h2{color:#fff;font-size:20px;font-weight:700;line-height:1.25}.steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.step{background:var(--row);color:#fff;border-radius:20px;align-items:center;gap:12px;padding:12px;display:flex}.step__pic{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.step__pic img{object-fit:contain;filter:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);max-width:44px;max-height:44px}.step__text{flex-direction:column;min-width:0;display:flex}.step__title{font-size:17px;font-weight:600;line-height:1.375}.step__line{color:#ffffffbf;font-size:14px;line-height:1.375}@media (width>=640px){.kl .title{font-size:38px}.bar{padding-inline:48px}}@media (width>=768px){.head__title{display:none}.kl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intro demo""more demo";align-items:start;gap:32px 48px;margin-block:auto}.kl__demo{position:sticky;top:96px}.kl .caption{margin:0;display:block;position:static}.cta{align-self:flex-start;min-width:320px}.bar{pointer-events:none;padding-inline:0}.bar:before{display:none}.bar__inner{max-width:911px;padding:0 48px}.bar__col{pointer-events:auto;width:calc(50% - 24px)}.bar__col:before{inset:-24px 0 calc(-1 * (var(--safe-bottom) + 12px))}.gift{width:280px}.gift__tie{right:-8%}.gift__tie--left{clip-path:inset(0 42% 0 40.46%)}.gift__tie--right{clip-path:inset(0 4.41% 0 58%)}.gift__end,.gift__fold{display:block}.gift__end{height:8.62%;top:64.23%}.gift__end--left{background:linear-gradient(270deg,#d12329,#9c151b);right:100%}.gift__end--right{background:linear-gradient(90deg,#e33f3d,#a01a1c);left:100%}.gift__fold{aspect-ratio:1;background:linear-gradient(#7a0c12,#52070b);top:72.85%}.gift__fold--left{clip-path:polygon(0 0,100% 0,100% 100%);right:100%}.gift__fold--right{clip-path:polygon(0 0,100% 0,0 100%);left:100%}.kl:has(.kl__seo){grid-template-rows:1fr auto auto auto 1fr auto;row-gap:0}.kl:has(.kl__seo):before{content:"";pointer-events:none;grid-area:1/1/6;min-height:calc(100dvh - 278.5px)}.kl:has(.kl__seo) .kl__intro{grid-area:2/1}.kl:has(.kl__seo) .kl__demo{grid-area:2/2/-1}.kl:has(.kl__seo) .kl__more{display:contents}.kl:has(.kl__seo) .kl__more>.kl__h2{grid-area:3/1;margin-top:32px}.kl:has(.kl__seo) .steps{grid-area:4/1;margin-top:16px}.kl:has(.kl__seo) .kl__seo{grid-area:6/1;margin-top:56px}}.seo-sec{color:#fff;gap:14px}.seo-sec__head{padding-right:0}.seo-sec a:not([class]){color:#fff;text-underline-offset:3px;text-decoration:underline #ffffff73}.seo-sec a:not([class]):hover{text-decoration-color:#fff}.seo-sec__link{font-size:15px;line-height:1.4}.seo-sec .row,.seo-prices,.seo-faq details{background:color-mix(in srgb, var(--page) 84%, white)}.seo-sec a.row:hover{background:color-mix(in srgb, var(--page) 80%, white)}.seo-sec div.row:active{background:color-mix(in srgb, var(--page) 84%, white);transform:none}.seo-sec .row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:12px 14px;display:grid}.seo-sec .row__text{display:contents}.seo-sec .row__pic{grid-area:1/1;width:32px;height:32px}.seo-sec .row__pic>img{max-width:32px;max-height:32px}.seo-sec .row__name{grid-area:1/2;margin:0}.seo-sec .row__line{color:#ffffffd1;grid-area:2/1/auto/-1;font-size:15px;line-height:1.45}.seo-sec .row__line:first-child{grid-area:1/2/auto/-1}.seo-sec .row__go{grid-area:1/3}.seo-sec .row__line:first-letter,.seo-prices__line:first-letter{text-transform:uppercase}.seo-text>p+p{margin-top:14px}.sec__bg~.seo-text:before{content:"";float:right;width:72px;height:44px}.seo-text p{color:#ffffffe0;font-size:16px;line-height:1.6}.seo-text strong{color:#fff;font-weight:700}.seo-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.seo-list li{color:#ffffffe0;padding-left:20px;font-size:16px;line-height:1.5;position:relative}.seo-list li:before{content:"";background:#ffffffb3;border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:4px}.seo-list :is(strong,b){color:#fff;font-weight:700}.seo-list b{white-space:nowrap}.seo-wishes{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.seo-wishes li{background:color-mix(in srgb, var(--page) 76%, white);color:#fff;border-radius:20px;padding:9px 14px;font-size:15px;font-weight:500;line-height:1.3}.seo-prices{border-radius:18px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.seo-prices li{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 12px;padding:12px 14px;display:grid}.seo-prices li+li{border-top:1px solid #ffffff29}.seo-prices__text{display:contents}.seo-prices__name{grid-area:1/1;align-self:center;font-size:17px;font-weight:600;line-height:1.3}.seo-prices__line{color:#ffffffd1;grid-column:1/-1;font-size:15px;line-height:1.45}.seo-prices__line b{color:#fff;white-space:nowrap;font-weight:700}.seo-prices__sum{color:var(--brand);white-space:nowrap;background:#fff;border-radius:9999px;grid-area:1/2;padding:3px 10px;font-size:15px;font-weight:700;line-height:1.35}.seo-faq{flex-direction:column;gap:8px;display:flex}.seo-faq details{color:#fff;border-radius:18px}.seo-faq summary{cursor:pointer;padding:14px 48px 14px 16px;font-size:16px;font-weight:600;line-height:1.35;list-style:none;position:relative}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary:after{content:"";border-bottom:2px solid #ffffffb3;border-right:2px solid #ffffffb3;width:8px;height:8px;margin-top:-6px;transition:transform .15s;position:absolute;top:50%;right:20px;transform:rotate(45deg)}.seo-faq details[open] summary:after{margin-top:-2px;transform:rotate(-135deg)}.seo-faq details p{color:#ffffffd9;padding:0 16px 14px;font-size:15px;line-height:1.55}.kl__seo{flex-direction:column;gap:16px;margin-top:16px;display:flex}
