
/* Внешние Google Fonts отключены: меньше сторонних запросов */
:root{--ink:#1e2330;--muted:#777e89;--lime:#d6fa7b;--bg:#f8f9f7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Manrope,Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{max-width:1190px;width:calc(100% - 44px);margin:auto}header{height:82px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;gap:10px;align-items:center;font-weight:800;font-size:25px;letter-spacing:-1.2px}.logo-mark{width:38px;height:38px;background:#171b29;color:#d8fd75;display:grid;place-items:center;border-radius:11px}.nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.nav a:hover{color:#7260d7}.tag{display:inline-flex;border:1px solid #dce0d9;background:white;padding:8px 14px;border-radius:30px;font-size:11px;font-weight:700;color:#6b6e76}
.hero{position:relative;display:grid;grid-template-columns:56% 44%;min-height:520px;border-radius:29px;background:#1b1f2c;color:white;overflow:hidden}.hero:after{content:"";position:absolute;right:-190px;top:-190px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#8e7ce844,transparent 71%)}.hero-left{padding:66px 15px 57px 64px;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#d9fc8c;text-transform:uppercase}.hero h1{font-size:clamp(39px,4.7vw,64px);line-height:1.1;letter-spacing:-4px;margin:23px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:14px;color:#bdc1ca;line-height:1.9;max-width:480px;margin-bottom:28px}.btn{display:inline-block;border:0;border-radius:12px;padding:16px 22px;font-weight:800;font-size:12px;background:var(--lime);color:#1b2330;transition:.2s}.btn:hover{transform:translateY(-2px)}.outline{background:transparent;border:1px solid #7e838c;color:#fff}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-sub{display:flex;gap:23px;color:#bcc0c7;font-size:11px;margin-top:41px}.hero-sub b{font-size:16px;color:#fff}.hero-art{position:relative;z-index:1}.orbit{position:absolute;top:65px;left:5%;width:390px;height:390px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff04}.desktop{position:absolute;left:5%;top:93px;width:330px;height:280px;background:#f3f4f5;border-radius:18px;transform:rotate(-8deg);box-shadow:0 28px 65px #0008;overflow:hidden}.windowbar{height:44px;background:white;display:flex;align-items:center;gap:5px;padding:13px}.dot{width:8px;height:8px;background:#d2d5d9;border-radius:50%}.win-title{color:#333;font-weight:800;font-size:9px;margin-left:14px}.windowbody{display:grid;grid-template-columns:57px 1fr;gap:12px;padding:15px}.sidemenu{display:grid;gap:7px;align-content:start}.sidemenu span{height:21px;border-radius:5px;background:#dee3e8}.sidemenu span:first-child{background:#d5e99b}.previews{display:grid;grid-template-columns:1fr 1fr;gap:9px}.previews span{border-radius:10px;height:77px;background:linear-gradient(125deg,#e9d9c3,#a2a9aa)}.previews span:nth-child(2){background:linear-gradient(125deg,#bbb7d9,#756ca4)}.previews span:nth-child(3){background:linear-gradient(125deg,#aecbbe,#698e83)}.previews span:nth-child(4){background:linear-gradient(125deg,#e6c1a6,#c0adae)}.phone{position:absolute;top:200px;right:10%;width:148px;height:275px;border-radius:25px;background:white;color:#262b37;border:7px solid #252936;transform:rotate(10deg);box-shadow:0 24px 50px #0007;padding:11px}.phone h4{font-size:13px;line-height:1.4;margin:15px 0}.phone div{height:49px;border-radius:9px;background:#e5e2fa;margin:8px 0;display:grid;place-items:center;font-weight:800;font-size:11px}.phone div:nth-of-type(2){background:#e0f4b4}.phone div:nth-of-type(3){background:#e9eef2}.hero-sticker{position:absolute;right:7%;top:71px;background:var(--lime);color:#292e35;padding:13px 17px;border-radius:11px;font-size:11px;font-weight:800;transform:rotate(9deg)}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 4px;border-bottom:1px solid #e4e5e4;font-size:12px;font-weight:800;color:#646a76}.benefits i{display:inline-grid;place-items:center;background:#e9ebea;border-radius:12px;width:37px;height:37px;margin-right:9px;font-style:normal;font-size:16px}
.section{padding:85px 0 0}.sectiontop{display:flex;justify-content:space-between;align-items:end;gap:25px}.label{font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:#7665bf}.section h2,.roadmap h2{font-size:clamp(32px,4vw,49px);letter-spacing:-2.5px;line-height:1.16;margin:14px 0 0}.sectiontop p{font-size:13px;line-height:1.9;color:#767d85;max-width:380px}.controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:31px 0 22px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #e1e3e1;border-radius:23px;color:#656c76;background:transparent;padding:10px 15px;font-weight:800;font-size:11px}.chip.active{background:#222636;color:white;border-color:#222636}.search{background:white;border:1px solid #e4e6e4;border-radius:11px;padding:10px 14px}.search input{border:0;outline:0;width:170px;font-size:12px;background:none}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{display:flex;flex-direction:column;min-height:349px;padding:15px;border:1px solid #e7e8e6;background:white;border-radius:21px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #21253212}.art{border-radius:15px;height:151px;display:flex;align-items:center;justify-content:center;background:var(--paint);position:relative;overflow:hidden}.art:before{content:"";position:absolute;width:200px;height:200px;border:1px solid #ffffffad;border-radius:50%;right:-100px;top:-90px}.art span{font-size:57px;font-weight:800;letter-spacing:-5px;transform:rotate(-10deg)}.art b{position:absolute;bottom:10px;right:10px;background:white;border-radius:8px;padding:7px 9px;font-size:9px;letter-spacing:0;font-weight:800}.cardmain{padding:18px 7px 3px;flex:1;display:flex;flex-direction:column}.card small{color:#9a9da4;font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:800}.card h3{font-size:20px;letter-spacing:-1px;margin:8px 0}.card p{font-size:12px;line-height:1.8;color:#777d85;margin:0 0 16px}.cardfoot{margin-top:auto;border-top:1px solid #eff0ef;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#868c91;font-weight:800}.more{border:0;background:transparent;font-size:11px;color:#202632;font-weight:800}.more:hover{text-decoration:underline}.empty{padding:35px;text-align:center;color:#747983;display:none}
.about{margin-top:91px;background:#e9ebf4;border-radius:27px;padding:52px 58px;display:grid;grid-template-columns:1fr 1fr;gap:36px}.about h2{font-size:40px;letter-spacing:-2px;line-height:1.2;margin:13px 0}.about p{line-height:1.9;font-size:13px;color:#6f7682}.features{display:grid;gap:15px}.feature{border-bottom:1px solid #d9dce6;display:flex;gap:14px;padding:4px 0 15px}.feature:last-child{border:0}.feature i{width:37px;height:37px;border-radius:10px;background:white;display:grid;place-items:center;font-style:normal;flex-shrink:0;font-weight:800}.feature b{display:block;font-size:12px}.feature p{margin:4px 0 0;font-size:11px}.roadmap{padding:75px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:27px}.step{background:white;border:1px solid #e7e8e6;border-radius:17px;padding:24px}.step small{font-weight:800;color:#9296a0}.step h3{font-size:17px;letter-spacing:-.8px;margin:17px 0 8px}.step p{color:#777d85;font-size:12px;line-height:1.8;margin:0}.banner{padding:45px 52px;background:#d6fa7b;border-radius:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.banner h2{font-size:35px;line-height:1.19;letter-spacing:-1.7px;margin:10px 0}.banner p{font-size:12px;color:#667a43;line-height:1.8;max-width:560px}.banner .btn{background:#202532;color:white;white-space:nowrap}footer{border-top:1px solid #e7e8e5;margin-top:50px;padding:27px 0 45px;display:flex;justify-content:space-between;gap:20px;align-items:center}footer small{font-size:10px;color:#888f95}footer .logo{font-size:18px}footer .logo-mark{width:30px;height:30px}
#shade{position:fixed;inset:0;background:#121621ad;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}.dialog{width:min(540px,100%);max-height:90vh;overflow:auto;background:white;border-radius:24px;padding:30px;box-shadow:0 25px 70px #0005}.dialogtop{display:flex;justify-content:space-between;align-items:center}.dialogglyph{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;font-size:25px;font-weight:800}.close{width:38px;height:38px;border-radius:11px;background:#f1f2f3;border:0;font-size:25px}.dialog h2{font-size:32px;letter-spacing:-1.8px}.dialog p,.dialog li{line-height:1.8;font-size:13px;color:#6b727d}.dialog li{margin:6px 0}.notice{padding:16px;background:#f2f7e7;border-radius:12px;font-size:12px;line-height:1.8;color:#68764e}
@media(max-width:900px){.hero{grid-template-columns:1fr 0.85fr}.hero-left{padding-left:36px}.desktop{left:0;transform:rotate(-8deg) scale(.8);transform-origin:left top}.phone{right:0;transform:rotate(10deg) scale(.83);transform-origin:right top}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wrap{width:calc(100% - 26px)}header{height:70px}.logo{font-size:21px}.nav{display:none}.hero{display:block;border-radius:21px}.hero-left{padding:41px 25px 15px}.hero h1{font-size:42px;letter-spacing:-2.3px}.hero p{font-size:13px}.hero-art{height:289px}.desktop{left:13%;top:22px;transform:rotate(-8deg) scale(.78)}.phone{top:110px;right:10%;transform:rotate(10deg) scale(.72)}.hero-sticker{right:10px;top:12px}.benefits{grid-template-columns:1fr;gap:12px}.section{padding-top:65px}.sectiontop{display:block}.controls{align-items:stretch;flex-direction:column}.search input{width:100%}.cards{grid-template-columns:1fr}.about{margin-top:60px;padding:32px 24px;grid-template-columns:1fr}.about h2{font-size:32px}.roadmap{padding:60px 0}.steps{grid-template-columns:1fr}.banner{padding:35px 26px;flex-direction:column;align-items:flex-start}.banner h2{font-size:29px}footer{align-items:flex-start;flex-direction:column}.dialog{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.legal-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 18px;max-width:680px}.legal-footer a{font-size:11px;font-weight:700;color:#49515c;text-decoration:underline;text-underline-offset:3px}.legal-footer small{flex-basis:100%;text-align:right}@media(max-width:650px){.legal-footer{justify-content:flex-start}.legal-footer small{text-align:left}}
.nav-help{border:1px solid #bed994;border-radius:11px;background:#e9f8c9;color:#303b27;padding:10px 14px;font-weight:800;font-size:12px}
.helpfab{position:fixed;z-index:51;bottom:20px;right:19px;border-radius:35px;background:#232a39;color:#d6fa7b;padding:14px 20px;box-shadow:0 12px 40px #1d244044;font-weight:800;font-size:13px;transition:.2s}
.helpfab:hover{background:#3b455b;transform:translateY(-2px)}
.customdev{margin-top:85px;padding:48px 52px;background:linear-gradient(110deg,#e3e5fe,#f3e9ff 62%,#e3f8dc);border-radius:28px;display:grid;grid-template-columns:1.3fr .7fr;gap:25px;align-items:center;overflow:hidden}
.customdev h2{font-size:clamp(31px,4vw,45px);letter-spacing:-2px;line-height:1.17;margin:13px 0}
.customdev p{font-size:13px;line-height:1.85;color:#697286;max-width:560px}
.customdev .btn{background:#222939;color:#fff}
.custompoints{list-style:none;padding:0;font-size:12px;color:#303849;font-weight:700;line-height:2.25}
.custompoints li:before{content:"✓";padding-right:10px;color:#44853e}
.custombadge{background:#ffffffad;padding:25px;border:1px solid white;box-shadow:0 20px 50px #30384a17;border-radius:20px}
.custombadge .shape{width:54px;height:54px;background:#d6fa7b;border-radius:16px;display:grid;place-items:center;font-size:23px}
.custombadge h3{font-size:19px;letter-spacing:-.8px;line-height:1.3;margin:15px 0 7px}
.custombadge p{font-size:11px;margin:0}
.customdev .muted-note{font-size:11px;color:#6c7382}
@media(max-width:650px){.customdev{margin-top:55px;padding:32px 25px;grid-template-columns:1fr}.helpfab{right:13px;bottom:13px}.custombadge{padding:18px}}
