@font-face{font-family:Manrope;src:url('assets/fonts/manrope-cyrillic.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
:root{--ink:#14213d;--muted:#637089;--blue:#2055d8;--deep:#1645b9;--paper:#fafaf8;--line:#dce4ef;--sky:#eaf3ff;--warm:#f4ede3;--radius:18px;--width:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #eea347;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.15;letter-spacing:-.045em}h2{font-size:clamp(30px,3.1vw,44px)}h3{font-size:26px}p{color:var(--muted)}.container{width:min(var(--width),calc(100% - 80px));margin-inline:auto}.section{padding:92px 0}.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;z-index:50;left:20px;top:10px;transform:translateY(-150%);background:#fff;padding:12px 20px;border:2px solid var(--blue)}.skip-link:focus{transform:none}.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1.6;color:var(--blue);margin-bottom:16px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 23px;border:1px solid var(--blue);border-radius:9px;background:var(--blue);color:#fff;font-size:13px;font-weight:800;line-height:1.4;min-height:52px;transition:background .18s,transform .18s,box-shadow .18s;white-space:nowrap}.button:hover{background:var(--deep);box-shadow:0 7px 18px #2055d820;transform:translateY(-2px)}.button.outline{color:var(--blue);background:transparent;border-color:#abc0ed}.button.outline:hover{background:#edf3ff}.button.white{background:white;color:var(--blue);border-color:white}.button.small{min-height:42px;padding:12px 17px;font-size:11px}.button .icon{width:18px;height:18px}.actions{display:flex;gap:12px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:13px;color:var(--blue);font-size:12px;font-weight:700;white-space:nowrap}.text-link .icon{width:19px;height:19px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}.section-head>p{font-size:14px;max-width:340px;line-height:1.7}.section-head .text-link{margin-bottom:6px}.caption{font-size:10px;margin-top:18px;color:#69778d;line-height:1.7}.micro{display:block;font-size:10px;color:#69778d;margin-top:17px}
/* 01. Верхний бар */
.header{height:76px;background:#fff;border-bottom:1px solid #edf0f5;position:relative;z-index:10}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:inline-flex;align-items:flex-start;font-size:34px;font-weight:800;letter-spacing:-2.2px;line-height:1}.logo span{font-size:9px;letter-spacing:0;margin-left:3px;margin-top:3px}.nav{display:flex;gap:31px;margin-left:60px;font-size:12px;font-weight:600}.nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:25px}.login{display:flex;gap:7px;align-items:center;color:var(--blue);font-size:11px;font-weight:700}.login .icon{width:14px;height:14px}.menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);align-items:center;justify-content:center}
/* 02. Герой — карточка слева, сцена справа */
.hero{position:relative;isolation:isolate;min-height:645px;background:#edf4f8;overflow:hidden}.hero-scene{position:absolute;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}.hero-inner{padding-block:54px}.hero-card{width:576px;padding:39px 37px 35px;background:#fffefa;border:1px solid #e5e6e4;border-radius:19px;box-shadow:0 14px 45px #22395708}.hero-card .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:21px}h1{font-size:43px;line-height:1.12;letter-spacing:-.052em}.hero-description{font-size:16px;line-height:1.6;margin-top:19px;max-width:465px;color:#455168}.hero .actions{margin-top:27px}.hero .button{padding-inline:16px;font-size:11px;gap:8px}.features-list{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:21px 13px;padding:29px 0 0;margin:28px 0 0;border-top:1px solid #e7eaf0}.features-list li{display:flex;align-items:center;gap:9px;font-size:9px;white-space:nowrap}.features-list .icon{color:var(--blue);width:20px;height:20px}.features-list li:last-child{grid-column:span 2}
/* 03. Форматы */
.formats{padding-top:68px;padding-bottom:73px}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.format-card{background:#fff;border:1px solid #e5eaf1;border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s}.format-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #25456b0c}.format-card>img{width:100%;aspect-ratio:600/330;object-fit:cover;object-position:center}.format-copy{position:relative;padding:24px 26px 26px}.format-copy h3{font-size:23px;margin-bottom:10px}.format-copy p{font-size:13px;line-height:1.65}.round-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--blue);background:#f1f5ff}.format-copy .round-arrow{position:absolute;right:23px;top:24px}.round-arrow .icon{width:18px;height:18px}
/* 04. Реальные примеры */
.examples{background:linear-gradient(145deg,#edf4fb,#f8fafc);border-top:1px solid #e4edf5;border-bottom:1px solid #e4edf5}.tabs{display:inline-flex;gap:5px;padding:6px;border:1px solid #dfe7f1;border-radius:12px;background:#fff;margin-bottom:24px}.tabs button{display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;color:#627089;border:0;border-radius:8px;padding:12px 22px;font-size:12px;font-weight:700}.tabs button[aria-selected=true]{background:var(--blue);color:#fff;box-shadow:0 4px 10px #2055d827}.tabs .icon{width:19px;height:19px}.demo-panel{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:54px;align-items:center;min-height:477px}.demo-panel[hidden]{display:none}.demo-visual{height:477px;display:flex;align-items:center;justify-content:center;min-width:0}.browser-frame{width:100%;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 18px 44px #253e6512;border:1px solid #cfd9e8}.browser-frame>img{width:100%;aspect-ratio:1360/860;object-fit:cover;object-position:top}.browser-bar{display:flex;align-items:center;gap:5px;height:29px;background:#fff;padding-inline:11px;border-bottom:1px solid var(--line)}.browser-bar>span{width:5px;height:5px;background:#cad4e0;border-radius:50%}.browser-bar b{color:#7f8b9e;font-size:8px;font-weight:500;margin-left:14px}.demo-copy{max-width:365px;padding-bottom:12px}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #cadbef;border-radius:30px;padding:5px 11px;color:#436489;font-size:10px;font-weight:600;margin-bottom:25px;background:#ffffff90}.pill .icon{width:14px;height:14px}.demo-copy h3{font-size:32px;letter-spacing:-.04em;line-height:1.2}.demo-copy>p{font-size:14px;line-height:1.85;margin:21px 0 25px}.phone-frame{height:456px;width:217px;padding:7px;background:#21324d;border-radius:31px;box-shadow:0 20px 40px #15365d20;position:relative;border:2px solid #aebcd1;overflow:hidden}.phone-frame img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:23px}.phone-frame:after{content:'';position:absolute;top:8px;left:calc(50% - 32px);width:64px;height:12px;border-radius:0 0 12px 12px;background:#21324d}.mobile-panel .demo-visual{background:radial-gradient(ellipse at center,#dbeafa,transparent 66%)}
/* 05. Клиент и команда */
.dual-section{background:#fff}.dual-grid{display:grid;grid-template-columns:1fr 1fr;position:relative;border-radius:20px;overflow:visible}.dual-card{padding:36px 29px 28px;min-width:0}.client-card{background:var(--warm);border-radius:20px 0 0 20px}.team-card{background:var(--sky);border-radius:0 20px 20px 0;border-left:2px solid #92b1ed}.card-kicker{font-size:9px;letter-spacing:.13em;font-weight:800;color:#68768b;margin-bottom:19px}.dual-card h3{font-size:27px;letter-spacing:-.045em}.dual-card>p{font-size:13px;line-height:1.7;margin-top:13px;min-height:45px;color:#53627b}.interface-frame{border:1px solid #e0e6ee;border-radius:10px;overflow:hidden;margin-top:28px;box-shadow:0 10px 18px #31517609;background:white}.interface-frame img{width:100%;aspect-ratio:1.675;object-fit:contain}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.chips span{background:#ffffff91;border:1px solid #ffffffc9;border-radius:6px;font-size:9px;padding:5px 8px;color:#53627b}.bridge{position:absolute;z-index:1;left:calc(50% - 24px);top:56%;width:48px;height:48px;border:1px solid var(--blue);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue);box-shadow:0 0 0 8px #ffffff60}.bridge:before{content:'';position:absolute;inset:-15px;border:1px dashed #8faeeb;border-radius:50%}.bridge .icon{width:23px;height:23px}
/* 06. Шаги и маршруты */
.steps{padding-top:20px;background:#fff}.steps .section-head{padding-top:44px;border-top:1px solid #e6ebf2;margin-bottom:43px}.step{position:relative;display:grid;grid-template-columns:116px minmax(220px,.9fr) minmax(0,1.35fr);align-items:center;gap:29px;padding:42px 0 65px;border-top:1px solid #ccdbef;min-height:340px}.step-number{font-size:96px;line-height:1;letter-spacing:-.09em;font-weight:800;color:var(--blue);align-self:start;margin-top:6px}.step-copy h3{font-size:29px;line-height:1.16;letter-spacing:-.045em}.step-copy p{font-size:13px;line-height:1.85;margin-top:18px;max-width:320px}.step-foot{display:flex;gap:7px;align-items:center;color:var(--blue);font-size:9px;font-weight:700;margin-top:24px}.step-foot .icon{width:16px;height:16px}.step-visual{background:transparent}.step-visual img{width:100%;height:auto}.flow-arrow{position:absolute;left:33px;bottom:-37px;width:180px;height:75px;z-index:1;pointer-events:none;transform:rotate(8deg)}
/* 07. Тарифы */
.pricing{padding-top:67px;padding-bottom:70px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.price-card{position:relative;padding:27px 28px 30px;background:#fff;border:1px solid #dbe3ee;border-radius:13px;transition:border-color .2s,transform .2s}.price-card:hover{border-color:#789ce4;transform:translateY(-3px)}.price-card h3{font-size:17px;letter-spacing:-.02em;margin-bottom:12px}.price{font-size:34px;font-weight:800;letter-spacing:-1.4px;line-height:1.2}.price span{font-size:14px;font-weight:600;letter-spacing:0}.price-card p{font-size:12px;margin-top:20px}.price-card .round-arrow{position:absolute;right:22px;bottom:29px}.price-card.featured{background:linear-gradient(135deg,#e8f0ff,#f6f8fe);border-color:#9bb7ef}.price-card.featured .price,.price-card.featured h3{color:var(--blue)}
/* 08. Завершение */
.final-cta{background:#2055d8;color:#fff;padding:53px 0;overflow:hidden}.final-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.final-cta .eyebrow{color:#c4d6ff;font-size:9px}.final-cta h2{font-size:49px;letter-spacing:-.05em}.final-cta p{color:#e1eaff;font-size:14px;margin:20px 0 25px}.final-cta .button{min-height:48px;font-size:12px}.final-art{position:relative;display:flex;align-items:center;gap:20px}.final-art>img{width:80%;border-radius:16px;border:1px solid #7199e8;transform:rotate(-3deg);box-shadow:0 16px 40px #0a329343}.final-art>span{color:#c6d9ff;font-size:15px;line-height:1.5;font-weight:600;transform:rotate(9deg);position:absolute;right:-20px;bottom:15px;width:100px}.footer{background:#fff;padding:42px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer .logo{font-size:31px}.footer-top p{font-size:11px;margin-top:15px;line-height:1.8}.footer nav{display:flex;gap:31px;align-items:flex-start;padding-top:6px;font-size:11px}.footer nav a:last-child{display:flex;gap:7px;color:var(--blue)}.footer nav .icon{width:14px;height:14px}.footer-bottom{border-top:1px solid #e8edf4;display:flex;justify-content:space-between;gap:20px;margin-top:33px;padding-top:20px;font-size:9px;color:#79879b}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1600px){.hero-scene{object-fit:contain;object-position:center;background:#edf4f8}.hero{min-height:685px}.hero-inner{padding-top:72px}}
@media(max-width:1150px){.container{width:calc(100% - 56px)}.nav{margin-left:0;gap:20px}.header-actions{gap:15px}.hero-card{width:535px;padding:31px}h1{font-size:39px}.hero-scene{object-position:56% center}.features-list{gap:18px 9px}.hero{min-height:620px}.hero-inner{padding-block:48px}.demo-panel{gap:32px}.step{grid-template-columns:90px 1fr 1.25fr;gap:20px}.step-number{font-size:80px}.dual-card h3{font-size:23px}.footer nav{gap:20px}}
@media(max-width:900px){.section{padding-block:66px}.header{height:68px}.header-actions .button{display:none}.nav{gap:19px}.hero-card{width:490px}h1{font-size:36px}.hero-description{font-size:14px}.hero .button{font-size:10px;padding-inline:13px}.hero-scene{opacity:.8;object-position:60% center}.hero{min-height:590px}.features-list{grid-template-columns:repeat(3,1fr);font-size:10px}.section-head{gap:25px}.section-head>p{font-size:12px}.format-grid{gap:14px}.format-copy{padding:21px 18px}.format-copy p{font-size:11px}.format-copy h3{font-size:21px}.format-copy .round-arrow{right:15px;top:18px}.demo-panel{grid-template-columns:1.4fr 1fr;gap:25px;min-height:390px}.demo-visual{height:390px}.phone-frame{height:380px;width:181px}.demo-copy h3{font-size:26px}.demo-copy p{font-size:12px}.dual-card{padding:27px 20px 23px}.dual-card h3{font-size:21px}.dual-card>p{font-size:11px}.desktop-br{display:none}.step{grid-template-columns:68px 1fr 1.25fr;gap:17px;min-height:310px}.step-number{font-size:65px}.step-copy h3{font-size:25px}.step-copy p{font-size:12px}.step-foot{font-size:8px}.flow-arrow{width:140px;left:0}.price-grid{gap:13px}.price-card{padding:24px 20px}.price{font-size:28px}.price span{font-size:12px}.price-card p{font-size:10px}.price-card .round-arrow{width:25px;height:25px;right:13px}.final-inner{gap:28px}.final-cta h2{font-size:41px}.final-art>span{right:-15px;font-size:12px}.footer nav{flex-wrap:wrap;max-width:370px;gap:20px 25px}}
@media(max-width:680px){html{scroll-padding-top:20px}.container{width:calc(100% - 40px)}.section{padding-block:53px}.header{height:66px}.logo{font-size:29px}.login{font-size:11px}.header-actions{gap:16px}.menu-button{display:flex}.nav{display:none;position:absolute;top:65px;left:0;right:0;padding:22px;background:#fff;box-shadow:0 15px 25px #18396510;border-bottom:1px solid var(--line);flex-direction:column;gap:0}.nav.is-open{display:flex}.nav a{padding:13px;font-size:14px}.hero{min-height:0;display:flex;flex-direction:column;background:#edf4f8}.hero-inner{padding-block:24px 0;order:0}.hero-card{width:100%;padding:28px 24px 25px;border-radius:16px;box-shadow:0 7px 25px #21364f06}.hero-card .eyebrow{font-size:8px;margin-bottom:18px;letter-spacing:.1em}h1{font-size:34px;line-height:1.1;letter-spacing:-.052em}.hero-description{font-size:13px;line-height:1.75;margin-top:19px}.hero .actions{margin-top:24px;gap:9px}.hero .button{width:100%;font-size:12px;min-height:47px}.features-list{margin-top:24px;padding-top:24px;gap:19px 8px}.features-list li{font-size:8px;gap:6px}.features-list .icon{width:18px;height:18px}.hero-scene{position:relative;z-index:0;order:1;width:100%;height:280px;object-fit:cover;object-position:right;opacity:1;margin-top:9px}.section-head{display:block;margin-bottom:27px}.section-head>p{font-size:13px;margin-top:21px}.section-head>p br{display:none}.section-head .text-link{margin-top:18px}.eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:13px}h2{font-size:30px;line-height:1.18;letter-spacing:-.045em}.format-grid{grid-template-columns:1fr;gap:18px}.format-card>img{aspect-ratio:600/300}.format-copy{padding:23px}.format-copy h3{font-size:24px}.format-copy p{font-size:13px}.format-copy .round-arrow{right:23px;top:23px}.tabs{width:100%;gap:3px;padding:4px;border-radius:10px}.tabs button{flex:1;font-size:9px;line-height:1.35;padding:11px 4px;gap:6px;flex-direction:column}.tabs .icon{width:18px;height:18px}.demo-panel{grid-template-columns:1fr;gap:23px}.demo-visual{height:auto;min-height:225px}.browser-bar b{font-size:6px}.demo-copy{max-width:none;padding-bottom:0}.demo-copy .pill{margin-bottom:17px}.demo-copy h3{font-size:28px}.demo-copy p{font-size:13px;line-height:1.85;margin:17px 0 20px}.phone-frame{height:440px;width:210px}.mobile-panel .demo-visual{padding-block:7px}.dual-grid{grid-template-columns:1fr}.dual-card{padding:29px 23px}.client-card{border-radius:18px 18px 0 0;padding-bottom:36px}.team-card{border-left:0;border-top:2px solid #92b1ed;border-radius:0 0 18px 18px;padding-top:37px}.dual-card h3{font-size:24px}.dual-card>p{font-size:12px;min-height:0}.interface-frame{margin-top:24px}.chips{gap:5px}.chips span{font-size:8px;padding:5px 6px}.bridge{top:50%;left:auto;right:30px;transform:translateY(-50%) rotate(90deg);width:38px;height:38px;box-shadow:0 0 0 5px #ffffff70}.bridge:before{inset:-10px}.steps{padding-top:0}.steps .section-head{padding-top:36px}.step{grid-template-columns:55px minmax(0,1fr);gap:14px;padding:30px 0 48px;min-height:0}.step-number{font-size:51px;margin-top:0}.step-copy h3{font-size:25px}.step-copy h3 br{display:none}.step-copy p{font-size:12px;max-width:none;line-height:1.85;margin-top:15px}.step-foot{font-size:8px;line-height:1.6;margin-top:16px;gap:5px}.step-foot .icon{width:13px;height:13px}.step-visual{grid-column:1/-1;margin-top:7px}.flow-arrow{width:104px;height:44px;left:10px;bottom:-24px;transform:rotate(4deg)}.price-grid{grid-template-columns:1fr;gap:14px}.price-card{padding:25px}.price-card h3{font-size:18px}.price{font-size:35px}.price span{font-size:15px}.price-card p{font-size:12px;margin-top:17px}.price-card .round-arrow{right:23px;bottom:24px;width:32px;height:32px}.final-cta{padding:42px 0}.final-inner{grid-template-columns:1fr;gap:35px}.final-cta h2{font-size:41px}.final-cta p{font-size:13px;line-height:1.8}.final-art{padding:0 15px 5px 4px}.final-art>img{width:87%;transform:rotate(-2deg)}.final-art>span{right:0;font-size:11px;bottom:1px;width:70px}.footer{padding-top:35px}.footer-top{flex-direction:column;gap:25px}.footer-top p{font-size:12px}.footer nav{font-size:11px;gap:19px 23px;max-width:none}.footer-bottom{flex-direction:column;gap:8px;font-size:9px;margin-top:27px}.caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}