@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
:root{--bg:#f7f7f9;--card:#fff;--text:#26262b;--muted:#777781;--line:#dedee4;--accent:#9b98dc;--soft:#e9e8fb;--shadow:0 16px 45px rgba(34,34,46,.055)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}button,input{font:inherit}
.topbar{min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:14px 3.2%;gap:18px}.brand{display:flex;align-items:center;gap:9px;background:var(--accent);color:#fff;border-radius:14px;padding:7px 14px 7px 7px;font-weight:700;min-width:162px}.brand-mark{width:38px;height:38px;border-radius:10px;overflow:hidden;background:#fff}.brand-mark img{width:100%}
.nav-pill{display:flex;gap:3px;padding:5px;border:1px solid var(--line);background:#ffffffbf;border-radius:17px}.nav-link{padding:11px 13px;border-radius:12px;color:var(--muted);font-weight:600}.nav-link:hover,.nav-link.active{background:#f0f0f3;color:var(--text)}
.top-actions{display:flex;align-items:center;gap:9px}.icon-btn{width:43px;height:43px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);font-size:21px}.lang-switch{display:flex;border:1px solid var(--line);border-radius:13px;background:#fff;padding:3px}.lang{border:0;background:none;padding:8px 9px;border-radius:9px;font-size:11px;font-weight:800}.lang.active{background:#f0f0f3}.btn{border:0;border-radius:13px;padding:12px 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-light{background:#fff;border:1px solid #ececf0}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:transparent;border:1px solid var(--line)}.full{width:100%}
.main{max-width:1220px;margin:auto;padding:56px 28px 90px;min-height:650px}.hero{text-align:center;position:relative;padding:48px 0 35px}.hero:before{content:"";position:absolute;width:min(1000px,100vw);height:520px;left:50%;top:0;transform:translateX(-50%);background-image:linear-gradient(45deg,transparent 48.8%,rgba(126,122,190,.12) 49.5%,rgba(126,122,190,.12) 50.5%,transparent 51.2%),linear-gradient(135deg,transparent 48.8%,rgba(126,122,190,.12) 49.5%,rgba(126,122,190,.12) 50.5%,transparent 51.2%);background-size:110px 110px;mask-image:radial-gradient(ellipse at center,black 10%,rgba(0,0,0,.8) 48%,transparent 82%);pointer-events:none}.eyebrow{display:inline-block;padding:8px 11px;border:1px solid #deddf1;background:#f0effb;color:#817dc7;border-radius:999px;font-size:12px;font-weight:700;position:relative}.hero h1{font-size:54px;line-height:1.04;letter-spacing:-2.5px;margin:20px auto 13px;max-width:800px;position:relative}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:650px;margin:auto;color:var(--muted);font-size:16px;line-height:1.7;position:relative}.hero-actions{display:flex;justify-content:center;gap:10px;margin-top:26px;position:relative}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:36px 0}.stat{background:#ffffffd9;border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:var(--shadow)}.stat strong{font-size:28px}.stat span{display:block;color:var(--muted);margin-top:6px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:54px 0 18px}.section-head h2{margin:0;font-size:27px}.section-head p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.feature-card{min-height:175px;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;width:120px;height:120px;right:-65px;bottom:-65px;border-radius:50%;background:var(--soft)}.sticker{width:39px;height:39px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:#817dc7;font-size:18px;margin-bottom:17px}.card h3{margin:0 0 8px}.card p{margin:0;color:var(--muted);line-height:1.6}.badge{display:inline-block;margin-top:15px;padding:5px 8px;background:#f1f1f5;border-radius:8px;color:#6f6f79;font-size:11px;font-weight:700}.version-strip{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.version{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 12px;font-weight:700;color:#666671}.version.hot{background:var(--soft);color:#7772c2}.cta{margin-top:46px;border:1px solid var(--line);background:linear-gradient(135deg,#fff,#f1f0fb);border-radius:22px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{margin:0 0 7px}.cta p{margin:0;color:var(--muted)}
.page-title{text-align:center;padding:28px 0 36px}.page-title h1{font-size:43px;letter-spacing:-1.8px;margin:14px 0 9px}.page-title p{color:var(--muted)}.list-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.feature-row{display:flex;gap:15px}.feature-row .sticker{flex:none;margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{position:relative}.price-card.featured{border:2px solid var(--accent)}.popular{position:absolute;right:17px;top:17px;background:var(--accent);color:#fff;padding:6px 9px;border-radius:8px;font-size:10px}.price{font-size:37px;font-weight:800;margin:17px 0 6px}.price small{font-size:13px;color:var(--muted)}.checks{list-style:none;padding:0;margin:22px 0}.checks li{padding:8px 0;color:#5e5e67}.checks li:before{content:"✓";color:#8883d3;font-weight:800;margin-right:9px}.faq-list{max-width:850px;margin:auto}.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:10px;overflow:hidden}.faq-q{width:100%;display:flex;justify-content:space-between;text-align:left;background:none;border:0;padding:19px 20px;font-weight:700}.faq-a{max-height:0;overflow:hidden;transition:.25s;color:var(--muted);line-height:1.7;padding:0 20px}.faq-item.open .faq-a{max-height:180px;padding:0 20px 19px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.media-card{min-height:250px;background:linear-gradient(145deg,#292936,#7775a9);color:#fff;border:0;position:relative;overflow:hidden}.media-card:nth-child(2){background:linear-gradient(145deg,#eeeef4,#b6b4e7);color:#2c2c34}.media-card:nth-child(3){background:linear-gradient(145deg,#d9d8ee,#8884c9)}.media-card:nth-child(4){background:linear-gradient(145deg,#f5f5f7,#dedde7);color:#333}.media-ui{position:absolute;inset:22px;border:1px solid #ffffff4d;border-radius:16px;background:#ffffff1a;padding:20px}.fake-bar{height:8px;border-radius:5px;background:#ffffff73;width:45%;margin-bottom:20px}.fake-box{height:75px;border-radius:12px;background:#ffffff2e;margin-bottom:10px}.media-card h3{position:absolute;left:22px;bottom:20px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.download-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.version-big{font-size:22px;font-weight:800}.download-card p{color:var(--muted);margin:5px 0}.legal{background:#fff;border:1px solid var(--line);border-radius:21px;padding:38px 40px;box-shadow:var(--shadow)}.legal p{color:#696973;line-height:1.8}.legal h2{margin-top:30px;border-bottom:1px solid var(--line);padding-bottom:12px}
.footer{max-width:1200px;margin:0 auto 28px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px 46px 22px}.footer-main{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:28px}.footer-logo{display:flex;align-items:center;gap:9px;font-size:21px}.footer-logo img{width:31px}.footer-brand p{color:var(--muted);max-width:260px;line-height:1.6}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col b{color:#6f6f78}.footer-col a{color:#96969e}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;color:#6d6d75;font-size:12px}
.modal-backdrop{position:fixed;inset:0;background:#22222b47;backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:20px;z-index:20}.modal-backdrop.open{display:flex}.modal{width:min(480px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 35px 100px #0003;position:relative}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:26px;color:#999}.modal-head{text-align:center}.mini-mark{width:46px;margin:auto}.mini-mark img{width:100%}.modal h2{font-size:27px;margin:10px 0 7px}.modal p{color:var(--muted)}.modal label{display:block;color:#6d6d77;font-size:12px;font-weight:600;margin:15px 0}.modal input{width:100%;margin-top:7px;padding:14px;border:1px solid var(--line);border-radius:13px}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-wrap button{position:absolute;right:8px;top:11px;border:0;background:none}.form-note{text-align:center;font-size:11px}
body.dark{--bg:#17171d;--card:#222229;--text:#f3f3f5;--muted:#aaaab4;--line:#383842;--soft:#343250}body.dark .nav-pill,body.dark .icon-btn,body.dark .lang-switch,body.dark .btn-light,body.dark .stat,body.dark .version,body.dark .footer,body.dark .legal,body.dark .modal{background:#222229}
@media(max-width:1050px){.topbar{flex-wrap:wrap}.nav-pill{order:3;margin:auto}.feature-grid,.pricing-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:2fr 1fr 1fr 1fr}.footer-col:last-child{display:none}}
@media(max-width:720px){.topbar{padding:15px 20px}.nav-pill{width:100%;justify-content:center;overflow:auto}.hero h1{font-size:39px}.hero-actions,.cta{flex-direction:column}.stats,.feature-grid,.pricing-grid,.list-grid,.media-grid,.download-grid{grid-template-columns:1fr}.footer{margin:0 12px 15px;padding:28px 24px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-col:last-child{display:flex}}

.feature-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(40,38,70,.10);border-color:#cbc9e8}
.feature-card:before{content:"";position:absolute;top:-40px;right:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#aaa6e844,transparent 70%);pointer-events:none}
.feature-card .badge{position:relative;z-index:1}
.media-card{padding:0!important;min-height:360px;overflow:hidden}
.media-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.media-card:hover img{transform:scale(1.025)}
.media-card .media-caption{position:absolute;left:18px;right:18px;bottom:18px;padding:13px 15px;border:1px solid #ffffff2b;border-radius:13px;background:#181820b8;backdrop-filter:blur(10px)}
.media-card .media-caption h3{position:static;margin:0 0 4px;color:#fff;font-size:16px}
.media-card .media-caption p{margin:0;color:#d0d0d8;font-size:12px;line-height:1.45}
body.dark .media-card .media-caption{background:#111117c9}
body.dark .hero:before{background-image:linear-gradient(45deg,transparent 48.8%,rgba(177,172,238,.16) 49.5%,rgba(177,172,238,.16) 50.5%,transparent 51.2%),linear-gradient(135deg,transparent 48.8%,rgba(177,172,238,.16) 49.5%,rgba(177,172,238,.16) 50.5%,transparent 51.2%)}
body.dark .section-head h2,body.dark .page-title h1,body.dark .card h3,body.dark .cta h2,body.dark .legal h2{color:var(--text)}
body.dark .nav-link:hover,body.dark .nav-link.active{background:#30303a;color:#fff}
body.dark .footer-bottom{color:#aaaab4}
body.dark .footer-col a{color:#a6a6b0}
body.dark input{background:#19191f;color:#f3f3f5}

/* ---------- Полная тёмная тема ---------- */
html{background:var(--bg)}
body.dark{background:var(--bg);color:var(--text)}
body.dark .nav-pill{background:#1d1d24;border-color:#383842}
body.dark .nav-link{color:#aaaab4}
body.dark .nav-link:hover,body.dark .nav-link.active{background:#30303a;color:#fff}
body.dark .icon-btn,body.dark .btn-light,body.dark .stat,body.dark .card,body.dark .faq-item,body.dark .download-card,body.dark .legal,body.dark .modal,body.dark .footer,body.dark .version{background:var(--card);color:var(--text);border-color:var(--line)}
body.dark .stat span,body.dark .card p,body.dark .page-title p,body.dark .section-head p,body.dark .cta p,body.dark .download-card p,body.dark .legal p{color:var(--muted)}
body.dark .faq-q{color:var(--text)}
body.dark .faq-a{color:var(--muted)}
body.dark .cta{background:linear-gradient(135deg,#23232b,#2b2940);border-color:var(--line)}
body.dark .cta h2{color:var(--text)}
body.dark .version{color:#c5c5cf}
body.dark .version.hot{background:#343250;color:#bcb8f3;border-color:#49465f}
body.dark .badge{background:#34343d;color:#c6c6cf;border:1px solid #454550}
body.dark .eyebrow{background:#29283a;border-color:#4b4868;color:#b9b5ef}
body.dark .legal h2{color:var(--text);border-color:var(--line)}
body.dark .footer{background:#1f1f26}
body.dark .footer-col b{color:#d0d0d7}
body.dark .footer-col a{color:#a6a6b0}
body.dark .footer-bottom{border-color:var(--line);color:#aaaab4}
body.dark .modal-backdrop{background:#09090db8}
body.dark .modal input{background:#19191f;color:#f3f3f5;border-color:#3b3b45}
body.dark .modal-close{color:#aaaab4}
body.dark .checks li{color:#c2c2ca}
body.dark .popular{color:#fff}
body.dark .media-card{border-color:#3b3b45}
/* карточки возможностей: аккуратный декоративный акцент без повторения бренда */
.feature-card .badge{letter-spacing:.1px}
.feature-card:after{width:135px;height:135px;right:-72px;bottom:-72px;opacity:.9}

body.dark .faq-item,body.dark .faq-q,body.dark .faq-a{background:var(--card)}
body.dark .faq-item{box-shadow:var(--shadow)}
body.dark .faq-q span{color:#b8b4ef}
body.dark .stat strong,body.dark .version-big,body.dark .price{color:var(--text)}
body.dark .btn-ghost{color:var(--text);background:#25252d}
.badge{transition:background .2s ease,transform .2s ease}.feature-card:hover .badge{transform:translateY(-1px)}

/* Единые SVG-иконки — без emoji и системных символов */
.ui-icon{display:inline-block;width:15px;height:15px;flex:0 0 15px;vertical-align:-3px;overflow:visible;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sticker .ui-icon{width:20px;height:20px;flex-basis:20px;stroke-width:1.8}
.eyebrow .ui-icon{width:14px;height:14px;flex-basis:14px;vertical-align:-2px;margin-right:5px}
.brand .ui-icon{width:18px;height:18px}
.icon-btn .ui-icon{width:18px;height:18px;flex-basis:18px;vertical-align:0}
.btn .ui-icon{width:15px;height:15px;flex-basis:15px;vertical-align:-2px;margin-right:5px}
.nav-link .ui-icon{width:14px;height:14px;flex-basis:14px;vertical-align:-2px;margin-right:2px}

.nav-link{gap:6px}
.nav-link .ui-icon{opacity:.9}
.nav-link.active .ui-icon{opacity:1}
.feature-card .sticker,.feature-row .sticker{box-shadow:inset 0 0 0 1px rgba(155,152,220,.08)}


/* Финальный стиль бренда: чистая V + надпись справа */
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:var(--text)}
.brand-v{width:43px;height:43px;display:grid;place-items:center;position:relative;filter:drop-shadow(0 8px 18px rgba(120,116,190,.18))}
.brand-v:before{content:"";position:absolute;inset:0;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(155,152,220,.16),rgba(155,152,220,.03));z-index:-1}
.brand-v img{width:31px;height:31px;display:block}
.brand-name{font-size:18px;font-weight:800;letter-spacing:-.35px}
.feature-card:before,.feature-card:after{display:none!important}
.feature-card{overflow:hidden;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 88%,#9b98dc 12%));}
.feature-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(45,43,72,.16)}
body.dark .feature-card{background:linear-gradient(145deg,#222229,#252532)}
body.dark .brand-v:before{background:linear-gradient(145deg,rgba(155,152,220,.18),rgba(155,152,220,.04))}
body.dark .brand-v img{filter:none}
.top-actions{margin-left:auto}
@media(max-width:720px){.brand-name{font-size:17px}.brand-v{width:40px;height:40px}.brand-v img{width:29px;height:29px}}


/* Header layout — centered navigation, no purple brand pill */
.topbar{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;}
.brand-plain{justify-self:start;background:transparent!important;color:var(--text)!important;border:0!important;padding:0!important;box-shadow:none!important;}
.brand-plain .brand-v{width:42px;height:42px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;border:1px solid var(--border);}
.brand-plain .brand-v img{width:25px;height:25px;}
.brand-plain .brand-name{font-weight:800;letter-spacing:-.02em;}
.topbar .nav-pill{justify-self:center;}
.top-actions{justify-self:end;}
@media (max-width:900px){.topbar{display:flex;}.brand-plain .brand-name{display:none;}.topbar .nav-pill{margin:auto;}}


/* Финальная шапка: без логотипа слева, навигация строго по центру */
.topbar{grid-template-columns:1fr auto 1fr;}
.header-spacer{min-width:1px;}
.topbar .nav-pill{justify-self:center;}
.top-actions{justify-self:end;display:flex;align-items:center;gap:9px;}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:0;}
.icon-btn .ui-icon{display:block;margin:0;vertical-align:middle;}
@media(max-width:900px){.topbar{display:grid;grid-template-columns:1fr auto;}.header-spacer{display:none;}.topbar .nav-pill{grid-column:1/-1;grid-row:2;justify-self:center;margin-top:4px;}.top-actions{grid-column:2;grid-row:1;}}

.login-page-card label{display:block;color:var(--muted);font-size:12px;font-weight:600;margin:15px 0}.login-page-card input{width:100%;margin-top:7px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--card);color:var(--text)}.login-page-card .password-wrap{position:relative}.login-page-card .password-wrap input{padding-right:92px}.login-page-card .form-note{color:var(--muted);text-align:center;font-size:11px;margin-top:14px}