:root{--ink:#222139;--muted:#71717f;--purple:#756bdd;--line:#dedee7;--bg:#f7f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}header{position:absolute;z-index:5;top:25px;left:50%;transform:translateX(-50%);width:calc(100% - 96px);max-width:1190px;height:70px;border:1px solid #fff;border-radius:18px;background:#ffffffd9;box-shadow:0 3px 4px #2520430c,0 0 0 1px #dcdce477;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:20px}.brand{font-size:25px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand-dot{margin-left:-10px;color:var(--purple)}.mark{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--ink);color:#d7d3ff;border-radius:9px;font-size:21px;letter-spacing:0}nav{display:flex;gap:30px;font-size:14px}nav a:hover{color:var(--purple)}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:10px;padding:16px 22px;font-size:15px;cursor:pointer;box-shadow:0 3px 6px #26213c17;transition:transform .2s,background .2s}.button:hover{background:#3e3a65;transform:translateY(-2px)}.button span{font-size:19px}.button.small{font-size:14px;padding:11px 16px;background:var(--purple);border-color:var(--purple);gap:22px}.button.secondary{background:#e9e8f2;color:#575180;border-color:#e2e0ef;box-shadow:none}.hero{min-height:850px;position:relative;overflow:hidden;text-align:center;border-bottom:1px solid var(--line);background:#f2f2f6}.hero-copy{position:relative;z-index:2;padding:158px 24px 0}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:12px;font-weight:600;color:#6b638e}.pill{text-transform:none;letter-spacing:.1px;display:inline-block;border:1px solid #dcd9eb;background:#e9e7f1;padding:8px 15px;border-radius:30px;font-size:13px;font-weight:400}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-3px;line-height:1.02;font-size:80px;margin:28px 0 24px}h1 em{font-weight:400;color:#6d62b3}p{line-height:1.65} .hero p{font-size:18px;line-height:1.5;margin:0 auto 25px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-note{display:block;color:#80808c;font-size:12px;margin-top:18px}.hero-art{position:absolute;inset:0;pointer-events:none}.hero-bottom{position:absolute;bottom:24px;left:48px;right:48px;display:flex;justify-content:space-between;color:#8b8a96;font-size:12px;z-index:2}footer{max-width:1190px;margin:auto;padding:35px 0;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}footer .brand{color:var(--ink)}section[id]{scroll-margin-top:35px}.wrap{max-width:1130px;margin:auto}.section{padding:100px 28px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:20px 0 40px}h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:48px;line-height:1.12;letter-spacing:-1.4px;margin:0}h2 em{font-weight:400;color:#7870a7}.section-head p{max-width:360px;margin:0;font-size:16px;color:var(--muted)}h3{font-size:21px;font-weight:500;line-height:1.3;margin:0 0 12px}.muted{color:var(--muted)}@media(max-width:750px){header{top:16px;width:calc(100% - 28px);height:62px;padding:0 12px;border-radius:14px}nav{display:none}.brand{font-size:22px}.button.small{font-size:12px;padding:10px;gap:8px}.hero-copy{padding-top:134px}h1{font-size:55px;letter-spacing:-2px}.hero p{font-size:16px;max-width:340px}.desktop{display:none}.hero{min-height:800px}.hero-bottom{left:20px;right:20px;font-size:11px;gap:20px;text-align:left}.hero-bottom span:last-child{text-align:right}.section{padding:65px 22px}.section-head{display:block}.section-head p{margin-top:22px}h2{font-size:38px}footer{margin:0 22px;gap:22px;flex-wrap:wrap}footer>span{font-size:12px}.actions{gap:10px}.button{font-size:14px;padding:14px 16px;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.intro-text{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding-top:25px;font-size:17px}.intro-text p{margin:0;color:#666572}.tasks{background:var(--bg);border-top:1px solid #e5e4ec;border-bottom:1px solid #e5e4ec}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.task-card{padding:30px;background:#fafafd;border:1px solid #fff;border-radius:17px;box-shadow:0 2px 4px #33304705}.number{font-size:11px;letter-spacing:1.3px;color:#888497}.mini-flow{display:flex;align-items:center;gap:12px;min-height:85px;margin:16px 0 22px;border-bottom:1px solid #e8e7ef}.mini-flow span{padding:10px 11px;border:1px solid #e5e2ef;border-radius:7px;font-size:12px;background:white}.mini-flow b{color:#9b94b4;font-weight:400}.mini-flow .accent{background:#eeecf9;color:#7463a2}.task-card p{font-size:15px;color:var(--muted);margin:0;max-width:440px}.task-card.wide{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px}.wide h3{margin-top:23px}.wide p{max-width:660px}.text-link{font-size:14px;color:#71639c;white-space:nowrap}.case{padding:50px 70px;border-radius:20px;background:#eceef0;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.case-tag{color:#5e7c6c;font-size:11px;letter-spacing:1.3px}.case h3{font-family:Georgia,serif;font-size:38px;margin:24px 0 18px}.case p{font-size:16px;color:#72787a;line-height:1.7}.availability{display:inline-block;font-size:12px;margin-top:23px;color:#7f8682;padding-top:16px;border-top:1px solid #d4d9d7}.call-demo{background:#fff;border:1px solid #e4e6e6;border-radius:22px;box-shadow:0 15px 30px #333a3a0c;padding:30px;max-width:310px;width:100%;justify-self:center;text-align:center;display:flex;align-items:center;flex-direction:column}.train-icon{width:70px;height:70px;border-radius:50%;background:#1c744b;color:white;display:grid;place-items:center;font-size:35px;box-shadow:0 0 0 12px #f3f7f5;margin:10px 0 30px}.call-demo strong{font-size:17px}.call-demo>span{font-size:12px;color:#848892;margin-top:8px}.wave{display:flex;gap:4px;align-items:center;height:60px;margin:10px 0}.wave i{height:12px;width:3px;background:#a2baa9;border-radius:3px}.wave i:nth-child(3n){height:30px}.wave i:nth-child(2n){height:21px}.wave i:nth-child(7){height:39px}.button.call{background:#eef3f0;color:#78867e;border:0;font-size:12px;box-shadow:none;cursor:not-allowed}.button:disabled:hover{transform:none}.team-section{background:#f0eff5}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.person{display:flex;gap:25px;align-items:center;padding:25px;border:1px solid #dddbe7;border-radius:15px}.avatar{width:98px;height:110px;background:linear-gradient(145deg,#e2dfea,#ccc7dc);color:#9c93b3;border:4px solid #eae7ef;border-radius:12px;display:grid;place-items:center;font-family:Georgia,serif;font-size:52px;flex-shrink:0}.avatar.second{background:linear-gradient(145deg,#dddfe7,#c9cdd8);color:#8a93aa}.person h3{font-size:23px;margin-bottom:8px}.person p{font-size:15px;color:var(--muted);margin:0}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}.benefits>div{padding:30px 26px;border-top:1px solid #d8d5e3}.benefits p{color:var(--muted);font-size:15px;margin-bottom:0;max-width:375px}.benefit-icon{float:left;margin-right:15px;font-size:25px;color:#9387b4}.price{font-family:Georgia,serif;font-size:43px;margin-top:11px}.price span{font-family:Arial,sans-serif;font-size:17px;color:#8b8598}.faq-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:50px}.faq-layout h2{margin-top:25px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;font-size:17px;cursor:pointer;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:25px;color:#978aaa}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin:0 40px 25px 0;font-size:15px;color:var(--muted)}.contact-section{background:#e7e5ef;border-top:1px solid #ddd9e7}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-layout h2{font-size:62px;margin:24px 0}.contact-layout>div>p{font-size:16px;color:#736d81;max-width:365px}.contact-options{margin-top:35px;display:flex;flex-direction:column;gap:18px;font-size:14px}.contact-options div{display:flex;flex-direction:column;gap:5px}.contact-options small{color:#8b849b;font-size:12px}form{background:#f9f8fb;padding:32px;border-radius:17px;border:1px solid white}label{font-size:14px;display:block;margin-bottom:12px}input,textarea{width:100%;background:#f1f0f5;border:1px solid #dedce7;border-radius:8px;padding:14px;color:var(--ink);resize:vertical;font-size:14px;line-height:1.6;margin-bottom:24px}input:focus,textarea:focus{outline:2px solid #9a8cc5;outline-offset:2px}textarea::placeholder,input::placeholder{color:#9d97a8}.form-note{font-size:12px;color:#8f889a;margin:0 0 22px}form>.button{width:100%}#form-result{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}#form-result p{font-size:14px;color:var(--muted)}@media(max-width:750px){.intro-text,.task-grid,.team-grid,.benefits,.faq-layout,.contact-layout{grid-template-columns:1fr;gap:22px}.intro-text{font-size:16px}.task-card{padding:24px}.task-card.wide{display:block}.wide .text-link{display:inline-block;margin-top:22px}.mini-flow{gap:8px}.mini-flow span{font-size:11px;padding:9px}.case{grid-template-columns:1fr;padding:30px 24px;gap:30px}.case h3{font-size:33px}.case p br{display:none}.case p{font-size:15px}.call-demo{max-width:290px}.benefits{gap:0;margin-top:20px}.benefits>div{padding:26px 0}.faq-layout{gap:20px}.faq-layout h2 br{display:none}.faq-list summary{font-size:16px}.contact-layout{gap:30px}.contact-layout h2{font-size:52px}form{padding:25px}.person{padding:20px}.task-card.wide{grid-column:auto}}

.hero-copy{position:relative;z-index:2}.hero{min-height:1060px}.hero-art{position:absolute;inset:0;pointer-events:auto;background:none;mask-image:linear-gradient(to bottom,transparent 20%,#000 48%,#000 97%,transparent 100%)}.hero-art img{position:absolute;width:910px;max-width:none;height:auto;left:50%;bottom:20px;transform:translateX(-50%);mix-blend-mode:normal}.hero-art:focus-visible{outline:2px solid var(--purple);outline-offset:-4px}.hero-note{color:#65616f}
@media(max-width:750px){.hero{min-height:0;padding-bottom:85px}.hero-art{position:relative;inset:auto;height:440px;margin-top:20px;overflow-x:auto;overflow-y:hidden;mask-image:none;scrollbar-width:thin;scrollbar-color:#bcb4de #eae7f1;touch-action:pan-x pan-y}.hero-art img{width:700px;left:0;top:-220px;bottom:auto;transform:none}.hero-note{max-width:270px;margin:18px auto 0;line-height:1.5}.hero-bottom{bottom:25px;display:block;text-align:center;font-size:14px;line-height:1.5}.hero-bottom span{display:none}.hero-bottom::after{content:"Листайте схему, чтобы увидеть все ветки →"}}
@media(max-width:750px){.hero-art{height:350px}.hero-art img{top:-105px}}
.hero-art img{mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 95%,transparent 100%)}

.hero-art{opacity:.8}

.hero{background:#dcdcdf}.hero-art img{mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 88%,transparent 100%),linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}

.hero-art img{width:637px;bottom:60px}
@media(max-width:750px){.hero-art{margin-top:60px;height:300px}.hero-art img{width:490px;top:-30px;bottom:auto}}

header{width:calc((100% - 96px)/2);max-width:595px;padding:0 12px;gap:8px}nav{font-size:16px;gap:14px}header .button.small{padding:11px 8px;gap:8px;font-size:12px;white-space:nowrap}header .brand{flex-shrink:0}
.hero{min-height:948px}.hero-art img{bottom:0}
@media(max-width:1100px){header{width:595px;max-width:calc(100% - 28px)}}
@media(max-width:750px){header{width:calc(100% - 28px)}.hero{min-height:0;padding-bottom:42px}.hero-art{margin-top:30px;height:270px}.hero-art img{top:-40px;bottom:auto}}