.demo-accent{color:var(--color-violet-accent)}.demo-main{flex-direction:column;gap:16px;display:flex}.demo-breadcrumb{margin:0 0 16px;padding-left:32px}.demo-hero{-webkit-mask-image:-webkit-radial-gradient(#fff,#000);background:linear-gradient(90deg,indigo 0%,#b3aef3 100%);border-radius:48px;height:578px;position:relative;overflow:hidden;mask-image:radial-gradient(#fff,#000)}.demo-hero-bg{pointer-events:none;position:absolute;inset:0}.demo-hero-tiles{width:720px;height:860px;position:absolute;top:-127px;left:72px}.demo-hero-glow{border-radius:50%;position:absolute}.demo-hero-glow--dark{filter:blur(130px);background:#41066c;width:631px;height:631px;top:234px;left:-99px}.demo-hero-glow--light{filter:blur(75px);background:radial-gradient(circle,#fff 4%,#b3aef3 72%);width:393px;height:542px;top:111px;right:27px}.demo-hero-cloud{width:1068px;height:auto;position:absolute;bottom:0;right:0}.demo-hero-text{z-index:1;flex-direction:column;align-items:flex-start;gap:32px;padding:111px 0 0 102px;display:flex;position:relative}.demo-hero-intro{flex-direction:column;gap:16px;display:flex}.demo-hero-title{font-family:var(--text-h1-family);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);line-height:var(--text-h1-line-height);letter-spacing:var(--text-h1-letter-spacing);text-transform:uppercase;color:var(--color-violet-30);flex-direction:column;align-items:flex-start;gap:6px;margin:0;display:flex}.demo-hero-pill{background:var(--color-violet-accent);color:var(--color-primary-white);border-radius:22px;padding:4px 22px 6px;display:inline-block}.demo-hero-subtitle{max-width:480px;color:var(--color-violet-30)}.demo-hero-btns{flex-wrap:wrap;gap:12px;display:flex}.demo-hero-btn-outline{box-shadow:inset 0 0 0 1px #ffffff80}.demo-hero-visual{z-index:1;width:442px;position:absolute;top:82px;right:81px}.demo-hero-art{width:100%;height:auto;display:block}.demo-hero-pills{margin:0;padding:0;list-style:none}.demo-hero-feature{background:var(--color-bg-glass-soft);height:52px;color:var(--color-primary-white);font-family:var(--font-nunito-sans);white-space:nowrap;border:1px solid #fff6;border-radius:999px;align-items:center;gap:10px;padding:6px 18px 6px 6px;display:flex;position:absolute}.demo-hero-feature:first-child{top:126px;left:-215px}.demo-hero-feature:nth-child(2){top:204px;left:-127px}@media (width>=700px) and (prefers-reduced-motion:no-preference){.demo-hero-art,.demo-hero-feature{animation:6s ease-in-out infinite demo-levitate}.demo-hero-feature:first-child{animation-delay:-2s}.demo-hero-feature:nth-child(2){animation-delay:-4s}}@keyframes demo-levitate{50%{translate:0 -8px}}.demo-hero-feature-icon{background:var(--color-primary-white);height:36px;color:var(--color-violet-accent);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;display:flex}.demo-hero-feature-text{flex-direction:column;display:flex}.demo-hero-feature-label{font-size:var(--text-caption2-size);line-height:var(--text-caption2-line-height);letter-spacing:var(--text-caption2-letter-spacing)}.demo-hero-feature-value{font-size:var(--text-body4-size);font-weight:var(--text-weight-semibold);line-height:var(--text-body4-line-height);letter-spacing:var(--text-body4-letter-spacing)}.demo-definition{background:var(--color-violet-bg);border-radius:48px;align-items:center;gap:80px;padding:80px 100px;display:flex;position:relative;overflow:hidden}.demo-definition:before{content:"";filter:blur(75px);pointer-events:none;background:radial-gradient(circle,#fff 4%,#e2cdfd 72%);border-radius:50%;width:611px;height:666px;position:absolute;top:-99px;left:calc(100% - 515px)}.demo-definition-intro{flex-direction:column;flex:0 0 505px;align-items:flex-start;gap:24px;display:flex;position:relative}.demo-definition-text{color:var(--color-violet-main);opacity:.8}.demo-definition-cards{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid;position:relative}.demo-definition-cards .ui-benefit-card{width:auto;transition:transform .45s cubic-bezier(.22,.8,.24,1),box-shadow .45s cubic-bezier(.22,.8,.24,1),background-color .3s}.demo-definition-cards .ui-benefit-card:hover{background:#fffc;transform:translateY(-4px);box-shadow:0 18px 40px #4b008214}.demo-definition .glow-spot{mix-blend-mode:normal;filter:blur(24px);background:radial-gradient(circle,#fffffff2 0%,#f6ecffbf 22%,#e5d0ff73 45%,#e1ddfc00 70%);border-radius:50%;width:640px;height:640px;transition:opacity .7s}.demo-definition .glow-spot.active{opacity:1}.demo-definition-intro,.demo-definition-cards{z-index:1}.demo-section{background:var(--color-primary-white);border-radius:48px;flex-direction:column;padding:100px;display:flex}.demo-section-head{justify-content:space-between;align-items:flex-end;gap:24px 32px;display:flex}.demo-section-intro{flex-direction:column;gap:16px;display:flex}.demo-section-text{color:var(--color-text-secondary)}.demo-records{gap:40px;scroll-margin-top:120px}.demo-records-list{flex-direction:column;gap:16px;display:flex;position:relative}.demo-records-nav{display:none}.demo-record{background:var(--color-violet-bg);border-radius:32px;gap:32px;padding:16px 40px 16px 16px;display:flex}.demo-record-media{background:var(--color-violet-pale);border-radius:24px;flex:0 0 440px;align-self:flex-start;height:360px;display:block;overflow:hidden}.demo-record-media img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.demo-record-media:hover img{transform:scale(1.03)}.demo-record-body{min-width:0;color:var(--color-violet-main);font-family:var(--font-nunito-sans);flex-direction:column;flex:auto;gap:20px;padding:24px 8px;display:flex}.demo-record-head{flex-direction:column;gap:12px;display:flex}.demo-record-quote{font-size:var(--text-body2-size);font-weight:var(--text-weight-bold);line-height:var(--text-body2-line-height);letter-spacing:var(--text-body2-letter-spacing);margin:0}.demo-record-about{color:var(--color-violet-accent);font-size:var(--text-body4-size);line-height:var(--text-body4-line-height);letter-spacing:var(--text-body4-letter-spacing);margin:0}.demo-record-content{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.demo-record-shown{flex-direction:column;gap:8px;display:flex}.demo-record-shown[open]{gap:8px}.demo-record-list-title{pointer-events:none;color:var(--color-violet-muted);font-size:var(--text-caption1-size);line-height:var(--text-caption1-line-height);letter-spacing:var(--text-caption1-letter-spacing);align-items:center;gap:16px;margin:0;list-style:none;display:flex}.demo-record-list{font-size:var(--text-body4-size);line-height:var(--text-body4-line-height);letter-spacing:var(--text-body4-letter-spacing);flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.demo-record-list li{padding-left:16px;position:relative}.demo-record-list li:before{content:"";background:var(--color-violet-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.demo-record-list-title::-webkit-details-marker{display:none}.demo-record-list-title .ui-icon{transition:transform .2s;display:none}.demo-record-shown[open] .demo-record-list-title .ui-icon{transform:rotate(180deg)}@media (width<=768px){.demo-record-shown{gap:0}.demo-record-list-title{pointer-events:auto;color:var(--color-violet-main);font-size:var(--text-body4-size);font-weight:var(--text-weight-semibold);line-height:var(--text-body4-line-height);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;align-self:flex-start;padding:12px 0}.demo-record-list-title .ui-icon{display:block}.demo-record-list-title:focus{outline:none}.demo-record-list-title:focus-visible{outline:2px solid var(--color-violet-accent);outline-offset:4px;border-radius:4px}}.demo-record-toggle{color:var(--color-violet-main);font-family:var(--font-nunito-sans);font-size:var(--text-body4-size);font-weight:var(--text-weight-semibold);line-height:var(--text-body4-line-height);letter-spacing:var(--text-body4-letter-spacing);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:16px;padding:12px 0;list-style:none;transition:color .2s;display:inline-flex}.demo-record-toggle::-webkit-details-marker{display:none}.demo-record-toggle:hover{color:var(--color-violet-accent)}.demo-record-toggle:focus{outline:none}.demo-record-toggle:focus-visible{outline:2px solid var(--color-violet-accent);outline-offset:4px;border-radius:4px}.demo-record-toggle .ui-icon{transition:transform .2s}.demo-record-more[open] .demo-record-toggle .ui-icon{transform:rotate(180deg)}.demo-record-more p{color:var(--color-text-secondary);font-size:var(--text-body4-size);line-height:var(--text-body4-line-height);letter-spacing:var(--text-body4-letter-spacing);margin:16px 0 0}.demo-benefits{gap:48px}.demo-benefits .demo-section-head{align-items:center}.demo-benefits-list{gap:16px;display:flex}.demo-benefits-list .ui-step-card{background:var(--color-violet-bg);flex:1 1 0;width:auto;min-height:320px}.demo-benefits-list .ui-step-card__arrow{color:var(--color-violet-light)}.demo-benefits-list .ui-step-card{transition:transform .45s cubic-bezier(.22,.8,.24,1),box-shadow .45s cubic-bezier(.22,.8,.24,1)}.demo-benefits-list .ui-step-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #4b008214}@media (prefers-reduced-motion:no-preference){.demo-benefits .demo-section-head>.ui-btn,.demo-benefits-list .ui-step-card{opacity:0}.demo-benefits.is-visible .demo-section-head>.ui-btn,.demo-benefits.is-visible .demo-benefits-list .ui-step-card{animation:demo-rise .9s cubic-bezier(.22, .8, .24, 1) var(--d,0s) both}.demo-benefits .demo-section-head>.ui-btn{--d:.3s}.demo-benefits-list .ui-step-card:first-child{--d:.35s}.demo-benefits-list .ui-step-card:nth-child(2){--d:.43s}.demo-benefits-list .ui-step-card:nth-child(3){--d:.51s}}@keyframes demo-rise{0%{opacity:0;translate:0 28px}to{opacity:1;translate:0}}.demo-form{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1408'%20height='676'%20viewBox='0%200%201408%20676'%20fill='none'%3e%3c!--%20Figma:%20Feedback%20form%20/%20плитка%20(страница%20«Демо»).%20Видимые%20плитки%20—%20opacity%200.4%20×%20stroke%20white%2018%25%20--%3e%3cg%20stroke='%23fff'%20stroke-opacity='0.072'%3e%3crect%20x='-142.5'%20y='-91.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='-142.5'%20y='52.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='-142.5'%20y='340.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='-142.5'%20y='484.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='-142.5'%20y='628.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1.5'%20y='-91.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1.5'%20y='340.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1.5'%20y='484.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1.5'%20y='628.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='145.5'%20y='628.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='289.5'%20y='-91.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='289.5'%20y='484.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='289.5'%20y='628.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='433.5'%20y='-91.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='721.5'%20y='-91.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='865.5'%20y='-91.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1009.5'%20y='-77.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1153.5'%20y='-77.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1297.5'%20y='-79.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1009.5'%20y='66.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1153.5'%20y='66.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1297.5'%20y='64.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='577.5'%20y='196.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1009.5'%20y='210.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1153.5'%20y='210.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1297.5'%20y='208.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='721.5'%20y='340.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='865.5'%20y='340.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1009.5'%20y='354.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1153.5'%20y='354.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1297.5'%20y='352.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='433.5'%20y='484.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='577.5'%20y='484.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='721.5'%20y='484.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='865.5'%20y='484.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1009.5'%20y='498.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='1153.5'%20y='498.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3crect%20x='433.5'%20y='628.5'%20width='119'%20height='119'%20rx='15.5'/%3e%3c/g%3e%3c/svg%3e") 0 0/1408px 676px no-repeat,linear-gradient(90deg,indigo 0%,#b3aef3 100%);margin:0;scroll-margin-top:120px}.demo-form-accent{color:var(--color-violet-30)}.demo-form .cust-form-subtitle{max-width:557px}.demo-form .cust-form-textarea{height:160px}@media (width>=1201px){.demo-form .cust-form-inputs{flex-wrap:nowrap}.demo-form .cust-form-input-wrap,.demo-form .cust-form-inputs .input-email{flex:1 1 0}}.page-demo .cust-footer{margin:16px 0}@media (width<=1279px){.demo-hero{flex-direction:column;align-items:center;gap:40px;height:auto;padding:64px 48px 56px;display:flex}.demo-hero-text{align-self:stretch;padding:0}.demo-hero-visual{width:min(100%,400px);position:relative;top:auto;right:auto}.demo-hero-pills{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.demo-hero-feature{position:static}.demo-hero-glow--light{top:auto;bottom:-120px}}@media (width>=700px) and (width<=1279px){.demo-hero{flex-direction:row;justify-content:space-between;gap:32px}.demo-hero-text{flex:1 1 0;min-width:0}.demo-hero-visual{flex-direction:column;flex:none;align-self:flex-start;align-items:flex-end;width:clamp(240px,32vw,400px);display:flex}.demo-hero-pills{flex-wrap:nowrap;margin-top:16px}.demo-hero-glow--light{top:111px;bottom:auto}}@media (width>=1000px) and (width<=1279px){.demo-hero-visual{align-self:stretch;width:clamp(240px,26vw,280px);position:relative}.demo-hero-pills{margin:0;position:absolute;bottom:0;right:0}}@media (width>=700px) and (width<=999px){.demo-hero-visual{align-self:center;width:clamp(232px,36vw,344px);margin-top:56px;margin-left:-40px;margin-right:-24px}.demo-hero-pills{margin:0;display:block}.demo-hero-feature{gap:8px;width:max-content;height:44px;padding:4px 16px 4px 4px;position:absolute}.demo-hero-feature:first-child{top:-64px;left:auto;right:30px}.demo-hero-feature:nth-child(2){top:6px;left:auto;right:calc(100% - 53px)}.demo-hero-feature-icon{min-width:34px;height:34px;padding:0 7px}.demo-hero-feature-label{font-size:11px;line-height:14px}.demo-hero-feature-value{font-size:14px;line-height:18px}.demo-hero-subtitle{max-width:calc(100% - 72px)}.demo-hero-btns{flex-wrap:nowrap}.demo-hero-btns .ui-btn{white-space:nowrap;padding-left:22px;padding-right:22px}}@media (width>=769px) and (width<=1023px){.demo-hero{padding:48px 32px}.demo-hero-title{font-size:40px;line-height:48px}}@media (width<=1200px){.demo-definition{flex-direction:column;align-items:stretch;gap:40px;padding:60px 48px}.demo-definition-intro{flex-basis:auto;max-width:640px}.demo-section{padding:60px 48px}}@media (width>=600px) and (width<=999px){.demo-definition-intro{max-width:none}.demo-definition-text{max-width:640px}}@media (width>=1000px) and (width<=1200px){.demo-definition{flex-direction:row;align-items:center;gap:40px}.demo-definition-intro{flex:0 0 36%;max-width:none}}@media (width<=1200px){.demo-record{gap:24px;padding:16px 24px 16px 16px}.demo-record-media{aspect-ratio:440/360;flex:0 0 clamp(240px,32vw,360px);height:auto}.demo-record-body{padding:8px 0}}@media (width<=999px){.demo-records-slider{flex-direction:column;gap:24px;display:flex}.demo-records-list{scroll-snap-type:x mandatory;scrollbar-width:none;--records-gutter:48px;margin:0 calc(-1 * var(--records-gutter));padding:0 var(--records-gutter);scroll-padding:0 var(--records-gutter);flex-direction:row;align-items:stretch;gap:12px;overflow-x:auto}.demo-records-list::-webkit-scrollbar{display:none}.demo-records-list>.demo-record{scroll-snap-align:start;flex:0 0 min(400px,85%)}.demo-records-list .demo-record-body,.demo-records-list .demo-record-content{flex:auto}.demo-records-list .demo-record-watch{margin-top:auto}.demo-records-nav{align-self:center;display:inline-flex}.demo-records .demo-section-head{display:contents}.demo-records .demo-section-head>.ui-btn{order:1;align-self:center}.demo-record{flex-direction:column;gap:8px;padding:16px}.demo-record-media{flex:none;align-self:stretch;width:100%;max-width:440px}.demo-record-body{padding:16px 8px 8px}}@media (width<=900px){.demo-benefits-list{flex-direction:column}.demo-benefits-list .ui-step-card{flex:none;min-height:0}.demo-benefits-list .ui-step-card__arrow{transform:rotate(90deg)}}@media (width<=768px){.demo-hero{border-radius:32px;padding:40px 20px 32px}.demo-hero-title{font-size:32px;line-height:40px}.demo-hero-pill{border-radius:16px;padding:2px 16px 4px}.demo-hero-subtitle{font-size:var(--text-body3-size);line-height:var(--text-body3-line-height)}.page-demo .ui-heading--h2,.demo-form .cust-form-title{font-size:24px;line-height:32px}.demo-definition,.demo-section{border-radius:32px;padding:32px 20px}.demo-definition-cards{gap:12px}.demo-definition-text,.demo-section-text{font-size:var(--text-body3-size);line-height:var(--text-body3-line-height)}.demo-section-head{flex-direction:column;align-items:flex-start}.demo-records,.demo-benefits{gap:24px}.demo-records-list{--records-gutter:20px}.demo-records .demo-section-head>.ui-btn{justify-content:center;align-self:stretch;width:auto}.demo-record{border-radius:24px;padding:12px}.demo-record-media{border-radius:16px}.demo-record-body{padding:12px 4px 4px}.demo-record-quote{font-size:var(--text-body3-size);line-height:var(--text-body3-line-height)}.demo-benefits-list .ui-step-card{padding:24px}.demo-benefits-list .ui-step-card__number{font-size:36px;line-height:44px}.demo-benefits-list .ui-step-card__title{font-size:var(--text-body2-size);line-height:var(--text-body2-line-height)}}@media (width<=699px){.demo-hero{background:linear-gradient(indigo 0%,#5a1fa0 50%,#7c4fcf 80%,#b3aef3 100%);align-items:stretch;gap:0;padding:32px 16px 16px}.demo-hero-glow--light,.demo-hero-cloud{display:none}.demo-hero-glow--dark{top:-120px}.demo-hero-text{display:contents}.demo-hero-intro{z-index:1;order:1;padding:0 8px;position:relative}.demo-hero-title{font-size:28px;line-height:36px}.demo-hero-subtitle{margin-top:4px}.demo-hero-visual{display:contents}.demo-hero-art{z-index:0;opacity:.2;pointer-events:none;width:min(70%,280px);position:absolute;top:24px;right:-56px}.demo-hero-pills{z-index:2;scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;order:3;justify-content:flex-start;gap:8px;margin:24px -16px 0;padding:4px 16px;display:flex;position:relative;overflow-x:auto}.demo-hero-pills::-webkit-scrollbar{display:none}.demo-hero-feature{backdrop-filter:blur(12px);flex:none;gap:8px;height:44px;padding:4px 16px 4px 4px;position:static}.demo-hero-feature-icon{min-width:34px;height:34px;padding:0 7px}.demo-hero-feature-label{font-size:11px;line-height:14px}.demo-hero-feature-value{font-size:14px;line-height:18px}.demo-hero-btns{z-index:2;flex-direction:column;order:4;gap:8px;margin-top:20px;position:relative}.demo-hero-btns .ui-btn{width:100%}.demo-hero-btn-outline{background:var(--color-violet-main)}}@media (width<=599px){.demo-breadcrumb{padding-left:16px}}@media (width<=539px){.demo-definition-cards{grid-template-columns:1fr}}@media (width>=600px) and (width<=999px){.demo-benefits-list{flex-direction:row;gap:12px}.demo-benefits-list .ui-step-card{border-radius:24px;flex:1 1 0;min-width:0;min-height:0;padding:20px}.demo-benefits-list .ui-step-card__arrow{transform:none}.demo-benefits-list .ui-step-card__number{font-size:36px;line-height:44px}.demo-benefits-list .ui-step-card__title{font-size:18px;line-height:24px}.demo-benefits-list .ui-step-card__description{font-size:15px;line-height:21px}}@media (width<=999px){.demo-benefits .demo-section-head{display:contents}.demo-benefits .demo-section-head>.ui-btn{order:1;align-self:center}}@media (width<=768px){.demo-benefits .demo-section-head>.ui-btn{justify-content:center;align-self:stretch;width:auto}}@media (width<=599px){.demo-definition{gap:32px}}