@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-latin-400-normal-BqEyEoaF.woff2) format("woff2"),url(/assets/roboto-latin-400-normal-D27F5sTu.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2) format("woff2"),url(/assets/roboto-latin-500-normal-fsTFPL3E.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/roboto-latin-700-normal-BZpUvMxY.woff2) format("woff2"),url(/assets/roboto-latin-700-normal-YuyVweIx.woff) format("woff")}:root{--magenta: #a51080;--magenta-dark: #8a0d6b;--indigo: #2f1893;--navy: #1e0e62;--orange: #ff8c42;--lilac: #ca9cff;--gray: #6f6f7a;--muted: rgba(21, 20, 57, .45);--line: #e3e8f2;--soft-bg: #f9f9f9;--white: #ffffff;--error: #c62828;--font: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--page-width: 1320px;--gutter: clamp(20px, 5vw, 64px);--section-y: clamp(64px, 9vw, 128px);--header-h: 80px;--header-h-compact: 64px;--radius: 12px;--pill: 999px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}body{margin:0;padding-top:var(--header-h);font-family:var(--font);font-size:18px;line-height:1.6;color:var(--navy);background:var(--magenta);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}main{background:var(--white)}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}a{color:inherit}ul{margin:0;padding:0;list-style:none}button,input,textarea{font:inherit}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}section[id]{scroll-margin-top:var(--header-h)}.container{width:100%;max-width:var(--page-width);margin:0 auto;padding:0 var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-100px;z-index:100;padding:10px 18px;border-radius:var(--pill);background:var(--white);color:var(--indigo);font-weight:700}.skip-link:focus{top:12px}.section-title{font-size:clamp(30px,3.6vw,42px);line-height:1.24;font-weight:700;letter-spacing:-.4px;color:var(--navy)}.section-subtitle{font-size:clamp(18px,1.8vw,22px);line-height:1.45;font-weight:500;color:var(--gray)}.eyebrow{font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 28px;border:2px solid transparent;border-radius:var(--pill);font-size:16px;font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;--btn-shadow: rgba(30, 14, 98, .25);transition:background-color .2s,border-color .2s,color .2s,box-shadow .25s,transform .25s cubic-bezier(.2,.8,.2,1)}@media(hover:hover){.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px -6px var(--btn-shadow)}}.btn:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:0 4px 10px -4px var(--btn-shadow);transition-duration:.08s}.btn:disabled{opacity:.85;cursor:progress}.btn__arrow{flex-shrink:0;margin-right:-4px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.btn:hover .btn__arrow,.btn:focus-visible .btn__arrow{transform:translate(4px)}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn--lg{min-height:52px;padding:12px 34px;font-size:17px}.btn--indigo{--btn-shadow: rgba(30, 14, 98, .55);background:var(--indigo);border-color:var(--indigo);color:var(--white)}.btn--indigo:hover{background:var(--magenta);border-color:var(--white)}.btn--magenta{--btn-shadow: rgba(47, 24, 147, .45);background:var(--magenta);border-color:var(--magenta);color:var(--white)}.btn--magenta:hover{background:var(--indigo);border-color:var(--indigo)}.btn--orange{--btn-shadow: rgba(165, 16, 128, .45);background:var(--orange);border-color:var(--orange);color:var(--navy);font-weight:700}.btn--orange:hover:not(:disabled){background:var(--magenta);border-color:var(--magenta);color:var(--white)}.btn--ghost{--btn-shadow: rgba(30, 14, 98, .4);background:transparent;border-color:var(--white);color:var(--white)}.btn--ghost:hover{background:var(--white);color:var(--magenta)}.btn--outline{--btn-shadow: rgba(47, 24, 147, .35);background:transparent;border-color:var(--indigo);color:var(--indigo)}.btn--outline:hover{background:var(--indigo);color:var(--white)}.header{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--magenta);color:var(--white);transition:box-shadow .3s}.header--scrolled{box-shadow:0 6px 24px #1e0e622e}.header__inner{display:flex;align-items:center;gap:32px;max-width:var(--page-width);height:var(--header-h);margin:0 auto;padding:0 var(--gutter);transition:height .3s cubic-bezier(.2,.8,.2,1)}.header--scrolled .header__inner{height:var(--header-h-compact)}.header__brand{flex-shrink:0}.header__brand img{width:120px;transition:width .3s cubic-bezier(.2,.8,.2,1)}.header--scrolled .header__brand img{width:104px}.header__nav{display:flex;align-items:center;flex:1;gap:32px}.header__links{display:flex;gap:36px;margin:0 auto}.header__links a{position:relative;display:inline-block;padding:6px 0;font-size:16px;text-decoration:none;color:var(--white);transition:color .2s}.header__links a:hover,.header__links a:focus-visible{color:var(--lilac)}.header__links a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.header__links a:hover:after,.header__links a.is-active:after{transform:scaleX(1)}.header__links a.is-active{color:var(--white)}.header__actions{display:flex;align-items:center;gap:16px}.lang-switch{display:inline-flex;padding:3px;border-radius:var(--pill);background:#ffffff29}.lang-switch a{min-width:40px;padding:5px 10px;border-radius:var(--pill);font-size:13px;font-weight:700;letter-spacing:.5px;text-align:center;text-decoration:none;color:var(--white);transition:background-color .2s,color .2s}.lang-switch a:hover{background:#fff3}.lang-switch a.is-active{background:var(--white);color:var(--magenta)}.header__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:auto;padding:10px;border:0;border-radius:8px;background:transparent;cursor:pointer}.header__toggle span{display:block;height:2px;border-radius:2px;background:var(--white);transition:transform .25s,opacity .2s}.header--open .header__toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header--open .header__toggle span:nth-child(2){opacity:0}.header--open .header__toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:960px){:root{--header-h: 68px;--header-h-compact: 58px}.header__toggle{display:flex}.header__nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:20px;padding:8px var(--gutter) 28px;background:var(--magenta);box-shadow:0 16px 24px #1e0e6233;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}.header--open .header__nav{visibility:visible;opacity:1;transform:none}.header__links{flex-direction:column;gap:0;margin:0}.header__links a{display:block;padding:14px 0;font-size:18px;border-bottom:1px solid rgba(255,255,255,.18)}.header__links a:after{display:none}.header__links a.is-active:before{content:"";display:inline-block;width:8px;height:8px;margin:0 10px 2px 0;border-radius:50%;background:var(--orange)}.header__actions{justify-content:space-between}}.hero{position:relative;background:var(--magenta);color:var(--white);overflow:hidden;--curve-h: clamp(36px, 6vw, 88px)}.hero__inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);padding-top:clamp(40px,6vw,88px);padding-bottom:calc(var(--section-y) * .4 + var(--curve-h))}.hero__curve{position:absolute;left:0;bottom:-1px;width:100%;height:var(--curve-h);color:var(--white);pointer-events:none}@keyframes hero-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes hero-image-in{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-.6deg)}}.hero__title,.hero__subtitle,.hero__content .btn{animation:hero-in .8s cubic-bezier(.2,.8,.2,1) both}.hero__subtitle{animation-delay:.12s}.hero__content .btn{animation-delay:.24s}.hero__image{animation:hero-image-in 1s cubic-bezier(.2,.8,.2,1) .15s both,float 7s ease-in-out 1.3s infinite}.hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:32px}.hero__title{font-size:clamp(40px,5.6vw,72px);line-height:1.04;font-weight:700;letter-spacing:-.5px}.hero__subtitle{max-width:34ch;font-size:clamp(18px,1.8vw,22px);line-height:1.45;font-weight:500;color:#ffffffe0}.hero__image{justify-self:end;width:100%;max-width:560px}@media(max-width:900px){.hero__inner{grid-template-columns:1fr}.hero__image{justify-self:center;max-width:380px}}.features{padding:var(--section-y) 0;text-align:center}.features__title{max-width:22ch;margin:0 auto clamp(40px,5vw,72px)}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,32px)}.features__item{display:flex}.feature-card{display:flex;flex-direction:column;align-items:center;width:100%;padding:36px 28px 32px;border:1px solid var(--line);border-radius:20px;background:var(--white);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.feature-card img{width:auto;height:110px;margin-bottom:24px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}@media(hover:hover){.feature-card:hover{transform:translateY(-6px);border-color:#a5108040;box-shadow:0 18px 40px -18px #2f189359}.feature-card:hover img{transform:rotate(-4deg) scale(1.06)}}.feature-card__title{margin-bottom:10px;font-size:14px;font-weight:700;line-height:1.6;letter-spacing:2px;text-transform:uppercase;color:var(--indigo)}.feature-card__text{font-size:16px;line-height:1.6;color:var(--gray)}@media(max-width:960px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.features__grid{grid-template-columns:1fr}}.demo{background:var(--soft-bg);overflow:hidden}.demo__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,5vw,80px);padding-left:max(var(--gutter),calc((100vw - var(--page-width)) / 2 + var(--gutter)))}.demo__content{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:var(--section-y) 0}.demo__content .btn{margin-top:16px}.demo__image{width:100%;max-width:820px;justify-self:end}@media(max-width:900px){.demo__inner{grid-template-columns:1fr;gap:0}.demo__content{padding:var(--section-y) var(--gutter) 40px 0}.demo__image{max-width:92%}}.contacts{padding:var(--section-y) 0}.contacts__inner{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(32px,6vw,96px)}.contacts__content .section-title{margin-bottom:40px}.contacts__success{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.contacts__success .section-title{margin-bottom:0}.contacts__heart{display:inline-flex;color:var(--magenta);animation:heart-pop .9s cubic-bezier(.2,.8,.2,1) both}@keyframes heart-pop{0%{opacity:0;transform:scale(.3) rotate(-12deg)}45%{opacity:1;transform:scale(1.18) rotate(4deg)}65%{transform:scale(.94)}80%{transform:scale(1.06)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.contacts__heart{animation:none}}.contacts__image{width:100%;max-width:480px;justify-self:end}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form__row{display:flex;align-items:flex-start;gap:16px}.contact-form__row .field{flex:1}.contact-form__row .btn{min-width:140px;min-height:56px}.field{display:flex;flex-direction:column;gap:6px}.field textarea,.field input{width:100%;padding:15px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--navy);font-size:18px;line-height:1.45;font-weight:500;transition:border-color .2s,box-shadow .2s}.field textarea{min-height:160px;resize:vertical}.field textarea::placeholder,.field input::placeholder{color:var(--muted)}.field textarea:focus,.field input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px #2f189326}.field [aria-invalid=true]{border-color:var(--error)}.field__error,.contact-form__alert{font-size:14px;font-weight:500;color:var(--error)}.contact-form__alert:empty{display:none}@media(max-width:900px){.contacts__inner{grid-template-columns:1fr}.contacts__image{display:none}}@media(max-width:520px){.contact-form__row{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:no-preference){.reveal-ready [data-reveal]{transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay, 0ms)}.reveal-ready [data-reveal]:not(.is-visible){opacity:0;transform:translateY(28px)}.reveal-ready [data-reveal=right]:not(.is-visible){transform:translate(64px)}}.not-found{padding:var(--section-y) 0;text-align:center}.not-found .container{display:flex;flex-direction:column;align-items:center;gap:20px}.not-found__code{font-size:clamp(72px,12vw,140px);font-weight:700;line-height:1;color:var(--magenta)}.footer{background:var(--magenta);color:var(--white);font-size:15px;font-weight:400;line-height:1.5}.footer__inner{max-width:var(--page-width);margin:0 auto;padding:40px var(--gutter) 32px}.footer__top,.footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.footer__social{display:flex;align-items:center;gap:16px}.footer__made{display:inline-flex;align-items:center;gap:6px}.footer__made svg{color:var(--lilac)}.footer__social a{display:inline-flex;padding:8px;margin:-8px;border-radius:8px;transition:color .2s}.footer__social a:hover{color:var(--lilac)}.footer__divider{margin:28px 0;border:0;border-top:2px solid rgba(255,255,255,.3)}.footer__links{display:flex;flex-wrap:wrap;gap:8px 32px}.footer__links a{text-decoration:none;transition:color .2s}.footer__links a:hover{color:var(--lilac)}.footer__copy{color:#fffc}
