@font-face{font-display:swap;font-family:Fixel Text;font-style:normal;font-weight:400;src:url(./FixelText-Regular.Dv1kOdN_.woff2) format("woff2")}@font-face{font-display:swap;font-family:Fixel Text;font-style:normal;font-weight:500;src:url(./FixelText-Medium.CmiTwNnI.woff2) format("woff2")}@font-face{font-display:swap;font-family:Fixel Text;font-style:normal;font-weight:700;src:url(./FixelText-Bold.Dx5ClmPT.woff2) format("woff2")}@font-face{font-display:swap;font-family:Fixel Display;font-style:normal;font-weight:600;src:url(./FixelDisplay-SemiBold.v6olFATC.woff2) format("woff2")}@font-face{font-display:swap;font-family:Fixel Display;font-style:normal;font-weight:700;src:url(./FixelDisplay-Bold.Cr-t0h_O.woff2) format("woff2")}.demo{align-items:center;background-color:#051923;border-radius:40px;color:#fff;display:grid;gap:clamp(24px,4vw,64px);grid-template-columns:1fr minmax(300px,380px) 1fr;padding:clamp(24px,4vw,56px);transition:background-color .6s ease}@media(max-width:1024px){.demo{grid-template-columns:1fr;justify-items:stretch}}@media(max-width:768px){.demo{border-radius:24px;padding:30px 20px}}.demo__hint{color:#fff9;font-size:15px;margin:0 0 20px}.demo__niches{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-bottom:40px}@media(max-width:1024px){.demo__niches{flex-direction:row;flex-wrap:wrap;margin-bottom:30px}}.demo__niche{background:none;border:none;color:#ffffff73;cursor:pointer;font:inherit;font-size:clamp(24px,1.6vw + .8rem,40px);font-weight:600;letter-spacing:-.02em;padding:0;transition:color .3s ease}.demo__niche:hover{color:#fffc}.demo__niche--active{color:#fff;text-decoration:underline;text-decoration-color:#28df99;text-decoration-thickness:3px;text-underline-offset:8px}@media(max-width:1024px){.demo__niche{border:1px solid hsla(0,0%,100%,.25);border-radius:999px;font-size:18px;padding:8px 16px;text-decoration:none}.demo__niche--active{background-color:#fff;color:#051923}}.demo__switch{background-color:#ffffff1a;border-radius:999px;display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;position:relative}.demo__switch button{background:none;border:none;color:#ffffffb3;cursor:pointer;font:inherit;font-size:15px;font-weight:600;padding:10px 18px;position:relative;transition:color .3s ease;white-space:nowrap;z-index:1}.demo__switch button[aria-pressed=true]{color:#051923}.demo__knob{background-color:#ff8a65;border-radius:999px;bottom:4px;left:4px;position:absolute;top:4px;transition:transform .45s cubic-bezier(.6,0,.2,1),background-color .45s ease;width:calc(50% - 4px)}.demo--after .demo__knob{background-color:#28df99;transform:translate(100%)}.demo__phone{background-color:#0d0f12;border-radius:44px;box-shadow:0 0 0 1px #ffffff1f,0 40px 80px #00000073;justify-self:center;max-width:360px;padding:10px;width:100%}.demo__screen{background:linear-gradient(160deg,#3b2a2f,#1b1f2a);border-radius:34px;min-height:480px;padding:14px 14px 20px;transition:background .6s ease}.demo--after .demo__screen{background:linear-gradient(160deg,#0f3b30,#10202b)}.demo__statusbar{align-items:center;color:#ffffffd9;display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:2px 10px 0}.demo__notch{background-color:#0d0f12;border-radius:999px;height:24px;width:90px}.demo__screen-title{color:#ffffffb3;font-size:14px;margin:30px 0 20px;text-align:center}.demo__list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.demo__note{animation:noteIn .5s calc(var(--i)*.12s) cubic-bezier(.2,.8,.2,1) both;background-color:#ffffffeb;border-radius:18px;color:#1a1a1a;display:flex;gap:10px;padding:12px}.demo--before .demo__note{animation-name:noteShake}.demo__app{align-items:center;background-color:#8a8f98;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.demo__note--instagram .demo__app{background:linear-gradient(135deg,#f9a13a,#d6249f 60%,#7b3fe4)}.demo__note--viber .demo__app{background-color:#7360f2}.demo__note--call .demo__app{background-color:#e5484d}.demo__note--bot .demo__app{background-color:#229ed9}.demo__note--admin .demo__app,.demo__note--site .demo__app{background-color:#051923;color:#28df99}.demo__note-body{flex:1;min-width:0}.demo__note-head{display:flex;font-size:13px;gap:8px;justify-content:space-between;margin:0 0 2px}.demo__note-head span{color:#343434}.demo__note-text{font-size:14px;line-height:1.35;margin:0}.demo__label{color:#ff8a65;font-size:15px;font-weight:600;margin:0 0 12px}.demo--after .demo__label{color:#28df99}.demo__caption{font-size:clamp(19px,.6vw + 1rem,24px);line-height:1.4;margin:0 0 30px}.demo__metrics{display:flex;flex-wrap:wrap;gap:30px;margin:0 0 30px}.demo__metrics dt{color:#28df99;font-size:clamp(40px,3vw,56px);font-weight:600;letter-spacing:-.03em;line-height:1}.demo__metrics dd{color:#ffffffb3;font-size:14px;margin:4px 0 0;max-width:18ch}.demo__next{align-items:center;background:none;border:none;border-bottom:2px solid;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-weight:600;gap:8px;padding:0 0 2px;text-decoration:none}.demo__next svg{transition:transform .3s ease}.demo__next:hover svg{transform:translate(4px)}.demo-swap-enter-active,.demo-swap-leave-active{transition:opacity .25s ease,transform .25s ease}.demo-swap-enter-from{opacity:0;transform:translateY(8px)}.demo-swap-leave-to{opacity:0;transform:translateY(-8px)}@keyframes noteIn{0%{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:none}}@keyframes noteShake{0%{opacity:0;transform:translateY(-14px) scale(.96)}60%{opacity:1;transform:none}75%{transform:translate(-4px)}90%{transform:translate(3px)}to{transform:none}}@font-face{font-display:swap;font-family:Fixel Text;font-style:normal;font-weight:400;src:url(./FixelText-Regular.Dv1kOdN_.woff2) format("woff2")}@font-face{font-display:swap;font-family:Fixel Text;font-style:normal;font-weight:500;src:url(./FixelText-Medium.CmiTwNnI.woff2) format("woff2")}@font-face{font-display:swap;font-family:Fixel Text;font-style:normal;font-weight:700;src:url(./FixelText-Bold.Dx5ClmPT.woff2) format("woff2")}@font-face{font-display:swap;font-family:Fixel Display;font-style:normal;font-weight:600;src:url(./FixelDisplay-SemiBold.v6olFATC.woff2) format("woff2")}@font-face{font-display:swap;font-family:Fixel Display;font-style:normal;font-weight:700;src:url(./FixelDisplay-Bold.Cr-t0h_O.woff2) format("woff2")}.section-intro{display:flex;flex-direction:column;gap:20px;margin-bottom:clamp(32px,4vw,64px);max-width:900px}.section-intro__label{align-items:center;color:#343434;display:inline-flex;font-size:15px;font-weight:600;gap:12px;letter-spacing:.06em;margin:0;text-transform:uppercase}.section-intro__index{align-items:center;background-color:#28df99;border-radius:999px;color:#051923;display:inline-flex;font-size:13px;height:26px;justify-content:center;min-width:38px;padding:0 8px}.section-intro__title{font-size:clamp(34px,3vw + 1rem,68px);font-weight:600;letter-spacing:-.02em;line-height:1.05;margin:0;text-wrap:balance}.section-intro__title em{color:#343434;font-style:normal}.section-intro__text{color:#343434;line-height:1.5;margin:0;max-width:60ch}.section-intro--center{align-items:center;margin-inline:auto;text-align:center}.section-intro--split{align-items:end;-moz-column-gap:80px;column-gap:80px;display:grid;grid-template-columns:1fr 1fr;max-width:none}.section-intro--split .section-intro__label{grid-column:1/-1}.section-intro--split .section-intro__text{padding-bottom:.4em}@media(max-width:1024px){.section-intro--split{grid-template-columns:1fr}}.section-intro--dark .section-intro__label,.section-intro--dark .section-intro__text,.section-intro--dark .section-intro__title em{color:#ffffffa6}.section-intro--dark .section-intro__title{color:#fff}@font-face{font-display:swap;font-family:Fixel Text;font-style:normal;font-weight:400;src:url(./FixelText-Regular.Dv1kOdN_.woff2) format("woff2")}@font-face{font-display:swap;font-family:Fixel Text;font-style:normal;font-weight:500;src:url(./FixelText-Medium.CmiTwNnI.woff2) format("woff2")}@font-face{font-display:swap;font-family:Fixel Text;font-style:normal;font-weight:700;src:url(./FixelText-Bold.Dx5ClmPT.woff2) format("woff2")}@font-face{font-display:swap;font-family:Fixel Display;font-style:normal;font-weight:600;src:url(./FixelDisplay-SemiBold.v6olFATC.woff2) format("woff2")}@font-face{font-display:swap;font-family:Fixel Display;font-style:normal;font-weight:700;src:url(./FixelDisplay-Bold.Cr-t0h_O.woff2) format("woff2")}:root{--font-base:"Fixel Text",sans-serif;--font-heading:"Fixel Display",sans-serif}body{background-color:#fff;color:#111;font-family:var(--font-base);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2}.accordeon-item{border-bottom:1px solid rgba(25,26,35,.1);cursor:pointer}.accordeon-item__header{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:20px;justify-content:space-between;padding:30px 0;text-align:left;width:100%;-webkit-tap-highlight-color:transparent}.accordeon-item__title{align-items:center;display:flex;gap:30px}.accordeon-item__index{color:#343434;font-size:15px;font-weight:600}.accordeon-item__heading{font-size:clamp(19px,.8vw + 1rem,26px);font-weight:600;margin:0;transition:color .3s ease}.accordeon-item:hover .accordeon-item__heading{color:#343434}.accordeon-item__chev{align-items:center;border:1px solid rgba(25,26,35,.1);border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:transform .4s cubic-bezier(.2,.8,.2,1),background-color .3s ease;width:44px}.accordeon-item.open .accordeon-item__chev{background-color:#28df99;border-color:#28df99;transform:rotate(45deg)}.accordeon-item__divider{display:none}.accordeon-item__body{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}.accordeon-item__body.open{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1) .15s}.accordeon-item__inner{min-height:0}.accordeon-item__inner p{color:#343434;font-size:18px;line-height:1.5;margin:0 0 30px;max-width:62ch}
