:root{--bg:#f4f6fb;--ink:#11141a;--muted:#6f7684;--violet:#7567ff;--blue:#57b8ff;--mint:#63e6a7;--yellow:#ffd66b;--shadow:0 22px 60px rgba(41,53,84,.12);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);scroll-behavior:smooth}*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 8% 8%,rgba(117,103,255,.16),transparent 24rem),radial-gradient(circle at 92% 18%,rgba(87,184,255,.16),transparent 25rem),linear-gradient(#f9fbff,#f2f5fa 50%,#edf1f7)}body.modal-open{overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell,.topbar,.footer{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:14px;z-index:50;display:flex;align-items:center;justify-content:space-between;min-height:74px;margin-top:14px;padding:12px 14px 12px 18px;border:1px solid rgba(255,255,255,.94);border-radius:26px;background:rgba(255,255,255,.65);backdrop-filter:blur(26px) saturate(150%);box-shadow:0 16px 40px rgba(52,66,98,.1),inset 0 1px 0 #fff}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#887bff,#5f54ef);box-shadow:0 10px 24px rgba(117,103,255,.3);font-weight:900}.brand>span:last-child{display:grid;gap:2px}.brand small{color:var(--muted);font-size:11px}.top-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;transition:.25s transform,.25s box-shadow}.top-cta{min-height:48px;padding:0 18px;border-radius:16px;color:#fff;background:#11141a;font-weight:800;font-size:13px}.top-cta i{font-style:normal;font-size:18px}.top-cta:hover,.btn:hover{transform:translateY(-2px)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:70px;align-items:center;min-height:calc(100vh - 130px);padding:88px 0 82px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;padding:9px 13px;border:1px solid rgba(255,255,255,.96);border-radius:999px;color:#596172;background:rgba(255,255,255,.65);box-shadow:0 10px 28px rgba(41,53,84,.08);font-size:12px;font-weight:700}.eyebrow span{width:9px;height:9px;border-radius:50%;background:#36c76b;box-shadow:0 0 0 6px rgba(54,199,107,.12)}.hero h1,.section-head h2,.final h2,.modal-box h2{margin:0;font-size:clamp(46px,7vw,88px);line-height:.96;letter-spacing:-.065em}.hero h1 em{display:block;font-style:normal;color:transparent;background:linear-gradient(100deg,#6a5cf8,#7b6ff9 45%,#4ca9f8);background-clip:text}.hero-copy>p{max-width:620px;margin:26px 0 0;color:var(--muted);font-size:clamp(16px,2vw,20px);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:32px}.btn{min-height:56px;padding:0 22px;border-radius:18px;font-weight:850;font-size:15px}.btn-primary{color:#fff;background:linear-gradient(135deg,#8174ff,#6457ef);box-shadow:0 18px 38px rgba(117,103,255,.27),inset 0 1px 0 rgba(255,255,255,.4)}.btn-light{border:1px solid rgba(255,255,255,.96);background:rgba(255,255,255,.65);box-shadow:0 10px 28px rgba(41,53,84,.08)}.trust{display:flex;align-items:center;gap:14px;margin-top:28px}.avatars{display:flex;padding-left:8px}.avatars span{display:grid;place-items:center;width:37px;height:37px;margin-left:-8px;border:3px solid #f4f6fb;border-radius:50%;color:#fff;background:linear-gradient(145deg,#7a6fff,#4ca8ff);font-size:12px;font-weight:900}.avatars span:nth-child(2){background:linear-gradient(145deg,#63e6a7,#2ebd78)}.avatars span:nth-child(3){background:linear-gradient(145deg,#ffd66b,#ff9d5d)}.trust p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.trust b{color:var(--ink)}.app-visual{position:relative;min-height:660px}.visual-glow{position:absolute;inset:7% 0 auto 5%;width:90%;height:70%;border-radius:50%;background:radial-gradient(circle at 35% 40%,rgba(117,103,255,.4),transparent 42%),radial-gradient(circle at 70% 55%,rgba(87,184,255,.28),transparent 45%);filter:blur(34px)}.phone{position:absolute;z-index:2;top:20px;left:50%;width:332px;min-height:626px;padding:12px 15px 20px;border:9px solid #14171d;border-radius:48px;background:linear-gradient(#f7f8fd,#eef1f8);box-shadow:0 45px 90px rgba(44,52,79,.28);transform:translateX(-50%) rotate(-3deg)}.phone-top{display:flex;align-items:center;justify-content:space-between;padding:3px 10px 12px;font-size:10px;font-weight:800}.phone-top i{width:92px;height:24px;border-radius:999px;background:#111}.phone-head{display:flex;align-items:center;justify-content:space-between;padding:8px 7px 15px}.phone-head div{display:grid;gap:3px}.phone-head small,.big-stat small,.stat-grid small,.activity-row small,.float-card small{color:var(--muted)}.phone-head b{font-size:15px}.phone-head button{display:grid;place-items:center;width:37px;height:37px;border:1px solid #fff;border-radius:13px;background:rgba(255,255,255,.75)}.big-stat{display:grid;gap:7px;padding:19px;border:1px solid rgba(255,255,255,.95);border-radius:24px;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.2),transparent 32%),linear-gradient(135deg,#8174ff,#5a78f0 62%,#4bb7ff);box-shadow:0 18px 34px rgba(95,86,238,.27)}.big-stat b{font-size:29px}.big-stat small,.big-stat span{color:rgba(255,255,255,.8);font-size:10px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.stat-grid article{display:grid;gap:6px;padding:14px;border:1px solid #fff;border-radius:19px;background:rgba(255,255,255,.7);box-shadow:0 10px 22px rgba(47,57,85,.07)}.stat-grid article i,.activity-row>i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;font-style:normal;font-size:11px;font-weight:900}.stat-grid b{font-size:12px}.violet{color:#6556ed!important;background:#ece9ff!important}.mint{color:#21945a!important;background:#ddf9e8!important}.blue{color:#2f84dd!important;background:#e1f1ff!important}.yellow{color:#a47800!important;background:#fff4c8!important}.activity{margin-top:12px;padding:15px;border:1px solid #fff;border-radius:22px;background:rgba(255,255,255,.74)}.activity-title{display:flex;justify-content:space-between;margin-bottom:9px;font-size:11px}.activity-title span{color:var(--violet)}.activity-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-top:1px solid rgba(63,76,101,.08)}.activity-row:first-of-type{border-top:0}.activity-row div{display:grid;gap:3px}.activity-row b,.activity-row strong{font-size:10px}.activity-row strong{color:#279260}.activity-row>i{width:32px;height:32px;font-size:9px}.float-card,.float-status{position:absolute;z-index:5;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #fff;border-radius:20px;background:rgba(255,255,255,.73);backdrop-filter:blur(24px) saturate(160%);box-shadow:var(--shadow);animation:float 5.2s ease-in-out infinite}.float-card>i{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#7b6eff,#4caaff);font-style:normal;font-weight:900}.float-card div{display:grid;gap:3px}.float-card b{font-size:14px}.float-card span{color:#2f9a62;font-size:10px}.price{top:145px;right:-10px}.report{left:-8px;bottom:75px;animation-delay:-.8s}.float-status{right:10px;bottom:20px;gap:9px;font-size:11px;font-weight:800;animation-delay:-1.4s}.float-status span{width:9px;height:9px;border-radius:50%;background:#36c76b;box-shadow:0 0 0 6px rgba(54,199,107,.12)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 0 115px}.metrics article{padding:23px;border:1px solid #fff;border-radius:24px;background:rgba(255,255,255,.65);box-shadow:0 10px 28px rgba(41,53,84,.08)}.metrics b{display:block;margin-bottom:5px;font-size:27px}.metrics span{color:var(--muted);font-size:12px}.metrics>small{grid-column:1/-1;color:#949aa6;text-align:right}.section{padding:100px 0}.section-head{max-width:780px;margin-bottom:40px}.section-head>span,.final>div>span,.modal-box>span{display:block;margin-bottom:12px;color:var(--violet);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.section-head h2,.final h2{font-size:clamp(38px,6vw,68px);line-height:1}.section-head p,.final p,.modal-box>p{max-width:650px;margin:18px 0 0;color:var(--muted);font-size:16px;line-height:1.55}.service-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px}.service{min-height:310px;padding:25px;border:1px solid #fff;border-radius:28px;background:rgba(255,255,255,.65);box-shadow:0 10px 28px rgba(41,53,84,.08);transition:.3s}.service:hover{transform:translateY(-7px);background:rgba(255,255,255,.84);box-shadow:var(--shadow)}.service.wide{grid-column:auto}.service>i{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border-radius:16px;color:var(--violet);background:linear-gradient(145deg,#f4f1ff,#e8e5ff);font-style:normal;font-size:20px;font-weight:900}.service small{color:var(--violet);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.service h3{margin:10px 0 12px;font-size:22px;line-height:1.15}.service p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.service.accent{color:#fff;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.2),transparent 30%),linear-gradient(145deg,#7467ff,#4d78eb 65%,#49b8ff)}.service.accent small,.service.accent p{color:rgba(255,255,255,.75)}.service.accent>i{color:#fff;background:rgba(255,255,255,.16)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.tags span{padding:8px 11px;border-radius:999px;color:#59606f;background:#eef1f8;font-size:10px;font-weight:800}.result{display:block;margin-top:24px;padding:12px 13px;border-radius:14px;color:#2e8c5f;background:#e8faef;font-size:11px}.mini-report{display:grid;gap:9px;margin-top:23px}.mini-report span{display:flex;justify-content:space-between;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.14);font-size:11px}.case-tabs{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 15px;scrollbar-width:none}.case-tabs::-webkit-scrollbar{display:none}.case-tabs button{flex:0 0 auto;min-height:43px;padding:0 15px;border:1px solid #fff;border-radius:999px;color:#69707e;background:rgba(255,255,255,.65);font-weight:800;font-size:12px}.case-tabs button.active{color:#fff;background:#11141a}.case-card{display:grid;grid-template-columns:1fr 1fr;gap:36px;min-height:590px;padding:34px;border:1px solid #fff;border-radius:36px;background:rgba(255,255,255,.67);box-shadow:var(--shadow)}.case-visual{position:relative;display:grid;place-items:center;min-height:510px;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 50% 45%,rgba(117,103,255,.36),transparent 32%),linear-gradient(150deg,#eef1fa,#e9ecf5)}.case-phone{position:relative;z-index:2;width:260px;min-height:430px;padding:18px;border:8px solid #151820;border-radius:42px;background:#f8f9fd;box-shadow:0 30px 70px rgba(43,51,78,.28);transform:rotate(-4deg)}.case-island{width:88px;height:22px;margin:-8px auto 16px;border-radius:999px;background:#111}.case-phone>small{color:var(--muted)}.case-phone>h3{margin:4px 0 18px;font-size:18px}.case-message{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:15px;border-radius:20px;color:#fff;background:linear-gradient(145deg,#7769fa,#526ff2);box-shadow:0 18px 32px rgba(86,77,232,.27)}.case-message>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.15)}.case-message p{margin:6px 0 0;color:rgba(255,255,255,.8);font-size:11px;line-height:1.45}.progress{display:flex;gap:7px;margin-top:22px}.progress>*{flex:1;height:8px;border-radius:999px;background:#e0e4ed}.progress span{background:#64df9e}.case-float{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #fff;border-radius:18px;background:rgba(255,255,255,.74);backdrop-filter:blur(20px);box-shadow:0 10px 28px rgba(41,53,84,.08);animation:float 5.4s ease-in-out infinite}.case-float>b{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:#31c675}.case-float div{display:grid;gap:3px}.case-float small{color:var(--muted)}.case-float strong{font-size:12px}.case-float.top{top:60px;right:28px}.case-float.bottom{left:28px;bottom:58px;animation-delay:-1.2s}.case-copy{align-self:center}.case-copy>span{color:var(--violet);font-size:11px;font-weight:900;text-transform:uppercase}.case-copy>h3{margin:12px 0 22px;font-size:clamp(30px,4vw,48px);line-height:1.02}.case-copy ul,.tariff-cols ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.case-copy li,.tariff-cols li{position:relative;padding-left:27px;color:#555d6c;line-height:1.45}.case-copy li:before,.tariff-cols li:before{content:"✓";position:absolute;left:0;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#27915b;background:#ddf7e8;font-size:10px;font-weight:900}.case-result{margin-top:28px;padding:18px;border-radius:19px;background:#f0f2f7}.case-result small{display:block;margin-bottom:7px;color:var(--violet);font-weight:900;text-transform:uppercase}.folders{position:relative;padding-top:132px}.folder{position:absolute;left:0;width:100%;height:106px;padding:18px 24px 34px;border:0;border-radius:28px 28px 0 0;color:#111;text-align:left;transition:.35s}.folder:before{content:"";position:absolute;top:-14px;left:20px;width:180px;height:28px;border-radius:18px 18px 0 0;background:inherit}.folder>*{position:relative;z-index:2}.folder span{display:block;font-size:19px;font-weight:900}.folder small{display:block;margin-top:4px;opacity:.65}.folder>b{position:absolute;right:24px;top:22px;font-size:19px}.folder.xl{top:20px;z-index:1;background:linear-gradient(100deg,#cc8cff,#b777f0)}.folder.l{top:58px;z-index:2;background:linear-gradient(100deg,#72b6ff,#82a7ff)}.folder.s{top:96px;z-index:3;background:linear-gradient(100deg,#69e6aa,#97efbd)}.tariff{position:relative;z-index:8;padding:35px;border:1px solid #fff;border-radius:30px;background:rgba(255,255,255,.84);box-shadow:var(--shadow);animation:folder .38s ease both}.tariff-head{display:flex;justify-content:space-between;gap:35px;padding-bottom:28px;border-bottom:1px solid rgba(62,75,98,.1)}.tariff-head h3{max-width:700px;margin:12px 0 10px;font-size:clamp(28px,4vw,44px);line-height:1.05}.tariff-head p{max-width:620px;margin:0;color:var(--muted);line-height:1.5}.tariff-head>div>span{display:inline-flex;padding:8px 10px;border-radius:999px;color:#27915b;background:#e3f8eb;font-size:10px;font-weight:900}.tariff-head>div>span.popular{color:#2d72c3;background:#e4f1ff}.tariff-head>div>span.full{color:#8a48c6;background:#f3e7ff}.tariff-head>b{flex:0 0 auto;font-size:36px}.tariff-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 0}.tariff-cols h4{margin:0 0 17px}.tariff-cols li{font-size:14px}.example{padding:18px;border-radius:18px;background:#f1f3f8}.example span{display:block;margin-bottom:7px;color:var(--violet);font-size:10px;font-weight:900;text-transform:uppercase}.example p{margin:0;color:#59606f;line-height:1.5}.btn-tariff{width:100%;margin-top:22px;color:var(--ink);background:linear-gradient(#fff,#f5f6fa);box-shadow:inset 0 0 0 1px rgba(66,77,100,.09)}.price-note{margin:18px 0 0;color:var(--muted);font-size:11px;text-align:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps article{min-height:260px;padding:24px;border:1px solid #fff;border-radius:26px;background:rgba(255,255,255,.65);box-shadow:0 10px 28px rgba(41,53,84,.08)}.steps span{color:var(--violet);font-size:12px;font-weight:900}.steps h3{margin:70px 0 12px;font-size:21px}.steps p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.final{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:40px;margin-bottom:100px;padding:48px;border:1px solid #fff;border-radius:36px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.18),transparent 28%),linear-gradient(145deg,#7467ff,#526fe9 60%,#4bb7ff);box-shadow:0 35px 75px rgba(83,76,221,.28)}.final h2{max-width:740px;color:#fff}.final p{color:rgba(255,255,255,.8)}.final>div>span{color:#dfe7ff}.btn-white{flex:0 0 auto;color:var(--ink);background:#fff}.footer{display:grid;grid-template-columns:1fr auto;gap:30px;padding:35px 0 120px;border-top:1px solid rgba(61,73,96,.1)}.footer p{color:var(--muted)}.footer>div:nth-child(2){display:grid;gap:10px;text-align:right;color:#5f6674;font-size:13px}.footer small{color:#9298a5}.bottom-nav{position:fixed;z-index:70;left:50%;bottom:max(12px,env(safe-area-inset-bottom));display:none;grid-template-columns:1fr 1fr 64px 1fr 1fr;align-items:center;width:min(94%,520px);min-height:72px;padding:7px 10px;border:1px solid #fff;border-radius:28px;background:rgba(255,255,255,.74);backdrop-filter:blur(28px) saturate(160%);box-shadow:0 22px 55px rgba(38,49,80,.2),inset 0 1px 0 #fff;transform:translateX(-50%)}.nav-item{display:grid;justify-items:center;gap:4px;color:#8a919f}.nav-item i{display:grid;place-items:center;width:34px;height:28px;border-radius:10px;font-style:normal;font-size:18px}.nav-item small{font-size:9px;font-weight:700}.nav-item.active{color:#236df3}.nav-item.active i{color:#fff;background:linear-gradient(145deg,#3d87ff,#2166ee);box-shadow:0 7px 18px rgba(39,105,239,.28)}.nav-main{position:relative;top:-20px;display:grid;place-items:center;width:64px;height:64px;border:3px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(145deg,#4a91ff,#1e67f1);box-shadow:0 12px 25px rgba(35,105,242,.35)}.nav-main i{font-style:normal;font-size:24px}.modal[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;transition:.25s}.modal.open{opacity:1;visibility:visible}.modal-bg{position:absolute;inset:0;background:rgba(25,29,38,.32);backdrop-filter:blur(16px)}.modal-box{position:relative;z-index:2;width:min(100%,610px);max-height:calc(100dvh - 36px);overflow-y:auto;padding:34px;border:1px solid #fff;border-radius:32px;background:rgba(248,250,255,.9);backdrop-filter:blur(28px) saturate(160%);box-shadow:0 40px 100px rgba(36,43,67,.28);transform:translateY(20px) scale(.97);transition:.3s}.modal.open .modal-box{transform:none}.modal-close{position:absolute;top:17px;right:17px;display:grid;place-items:center;width:39px;height:39px;border:0;border-radius:50%;background:#e0e3ea;font-size:24px}.modal-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:22px;border-radius:20px;color:#fff;background:linear-gradient(145deg,#8174ff,#4c9cff);box-shadow:0 18px 34px rgba(105,94,239,.28);font-size:25px}.modal-box h2{font-size:40px}.modal-box form{display:grid;gap:14px;margin-top:24px}.modal-box form>label:not(.consent){display:grid;gap:7px}.modal-box label>span:first-child{color:#4f5663;font-size:12px;font-weight:800}.modal-box input,.modal-box textarea{width:100%;border:1px solid transparent;border-radius:16px;outline:0;color:var(--ink);background:rgba(232,235,242,.84)}.modal-box input{height:54px;padding:0 16px}.modal-box textarea{min-height:115px;padding:15px 16px;resize:vertical}.modal-box input:focus,.modal-box textarea:focus{border-color:#6a5df3;background:#fff;box-shadow:0 0 0 4px rgba(117,103,255,.11)}.consent{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:12px}.consent input{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.consent i{position:relative;flex:0 0 46px;width:46px;height:28px;border-radius:999px;background:#d0d4dc;transition:.2s}.consent i:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.23);transition:.2s}.consent input:checked+i{background:#34c759}.consent input:checked+i:after{transform:translateX(18px)}.consent.error i{box-shadow:0 0 0 3px rgba(255,59,48,.14)}.full-btn{width:100%}.form-status{min-height:18px;margin:0;color:var(--muted);font-size:12px;text-align:center}.form-status.success{color:#268c58}.form-status.error{color:#c94646}.reveal{opacity:0;transform:translateY(24px)}.reveal.visible{opacity:1;transform:none;transition:.7s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes folder{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:980px){.hero{grid-template-columns:1fr;gap:20px;min-height:auto;padding-top:70px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust{justify-content:center}.app-visual{width:min(100%,640px);margin:auto}.service-grid{grid-template-columns:1fr 1fr}.case-card{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}}@media(max-width:700px){body{padding-bottom:96px}.shell,.topbar,.footer{width:min(100% - 24px,1180px)}.topbar{top:8px;min-height:62px;margin-top:8px;border-radius:22px}.brand-mark{width:42px;height:42px;border-radius:14px;font-size:13px}.brand small{display:none}.top-cta{min-height:42px;padding:0 13px;font-size:11px}.hero{padding:55px 0 48px}.hero h1{font-size:clamp(44px,14vw,64px)}.hero-copy>p{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.btn{min-height:54px;padding-inline:15px;font-size:13px}.trust{justify-content:flex-start;text-align:left}.app-visual{min-height:610px}.phone{width:285px;min-height:545px;border-radius:42px}.big-stat b{font-size:24px}.stat-grid article{padding:11px}.activity{padding:12px}.activity-row{padding:8px 0}.price{top:115px;right:-4px}.report{left:-5px;bottom:45px}.float-card{padding:11px;border-radius:16px}.float-status{right:3px;bottom:-4px}.metrics{grid-template-columns:1fr 1fr;padding-bottom:78px}.metrics article{padding:18px}.metrics b{font-size:23px}.section{padding:74px 0}.section-head{margin-bottom:28px}.section-head h2,.final h2{font-size:42px}.service-grid{grid-template-columns:1fr}.service{min-height:auto;padding:22px}.case-card{gap:24px;min-height:auto;padding:16px;border-radius:28px}.case-visual{min-height:430px;border-radius:22px}.case-phone{width:220px;min-height:360px}.case-float{padding:10px}.case-float.top{top:28px;right:10px}.case-float.bottom{left:10px;bottom:34px}.case-copy{padding:4px 6px 10px}.case-copy>h3{font-size:34px}.folders{padding-top:122px}.folder{height:98px;padding:16px 17px 31px}.folder:before{left:14px;width:130px}.folder>b{right:17px;top:19px;font-size:16px}.tariff{padding:21px;border-radius:25px}.tariff-head{display:block}.tariff-head>b{display:block;margin-top:19px;font-size:31px}.tariff-cols{grid-template-columns:1fr;gap:28px}.steps{grid-template-columns:1fr}.steps article{min-height:auto}.steps h3{margin-top:38px}.final{display:block;margin-bottom:75px;padding:28px}.final .btn{width:100%;margin-top:25px}.footer{grid-template-columns:1fr;padding-bottom:120px}.footer>div:nth-child(2){text-align:left}.bottom-nav{display:grid}.modal{align-items:end;padding:8px}.modal-box{width:100%;max-height:calc(100dvh - 16px);padding:27px 18px 20px;border-radius:28px}.modal-box h2{font-size:34px}}@media(max-width:390px){.hero-actions{grid-template-columns:1fr}.app-visual{min-height:585px}.phone{width:270px}.price{right:-10px}.report{left:-10px}.bottom-nav{grid-template-columns:1fr 1fr 58px 1fr 1fr}.nav-main{width:58px;height:58px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   ТАРИФЫ — наглядные карточки вместо наслоенных папок
========================================================= */

.tariff-picker {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.plan-card {
  position: relative;
  min-height: 260px;
  padding: 23px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .98);
  border-radius: 28px;
  text-align: left;
  color: var(--ink);
  box-shadow: 0 14px 38px rgba(43, 53, 82, .1);
  transition:
    transform .28s cubic-bezier(.2, .8, .2, 1),
    box-shadow .28s ease,
    border-color .28s ease;
}

.plan-card::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -55px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .26);
  filter: blur(4px);
}

.plan-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 55px rgba(43, 53, 82, .16);
}

.plan-card.active {
  transform: translateY(-8px);
  border-color: rgba(255, 255, 255, 1);
  box-shadow:
    0 26px 60px rgba(43, 53, 82, .2),
    0 0 0 3px rgba(255, 255, 255, .58);
}

.plan-card--s {
  background: linear-gradient(145deg, #a5f3cb, #67dfa4);
}

.plan-card--l {
  background: linear-gradient(145deg, #a7d5ff, #79a9ff);
}

.plan-card--xl {
  background: linear-gradient(145deg, #dfb0ff, #b77bf3);
}

.plan-card__top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.plan-card__letter {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .44);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  font-size: 18px;
  font-weight: 950;
}

.plan-card__status {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .46);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.plan-card h3 {
  position: relative;
  z-index: 2;
  margin: 30px 0 9px;
  font-size: 23px;
  line-height: 1.08;
  letter-spacing: -.04em;
}

.plan-card p {
  position: relative;
  z-index: 2;
  min-height: 58px;
  margin: 0;
  color: rgba(17, 20, 26, .65);
  font-size: 13px;
  line-height: 1.45;
}

.plan-card > strong {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 19px;
  font-size: 28px;
  letter-spacing: -1px;
}

.plan-card__action {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 9px;
  font-size: 11px;
  font-weight: 850;
  opacity: .66;
}

.tariff-details {
  position: relative;
}

.tariff-panel {
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, .98);
  border-radius: 32px;
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--shadow);
  animation: tariffPanelIn .38s cubic-bezier(.2,.8,.2,1) both;
}

.tariff-panel--s {
  box-shadow: var(--shadow), inset 0 4px 0 #72e0a8;
}

.tariff-panel--l {
  box-shadow: var(--shadow), inset 0 4px 0 #73abff;
}

.tariff-panel--xl {
  box-shadow: var(--shadow), inset 0 4px 0 #c583f5;
}

.tariff-panel__head {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(62,75,98,.1);
}

.tariff-panel__head h3 {
  max-width: 720px;
  margin: 12px 0 10px;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.04;
  letter-spacing: -.045em;
}

.tariff-panel__head p {
  max-width: 700px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.tariff-panel__head > strong {
  flex: 0 0 auto;
  font-size: 37px;
  letter-spacing: -1.5px;
}

.tariff-label {
  display: inline-flex;
  padding: 8px 11px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tariff-label--s {
  color: #278555;
  background: #ddf8e8;
}

.tariff-label--l {
  color: #246dbd;
  background: #e1efff;
}

.tariff-label--xl {
  color: #8242ba;
  background: #f1e1ff;
}

.tariff-panel__body {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 20px;
  padding: 28px 0;
}

.tariff-feature,
.tariff-list-block {
  padding: 22px;
  border-radius: 23px;
  background: #f3f5f9;
}

.tariff-feature {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.tariff-feature__icon {
  display: grid;
  place-items: center;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 17px;
  color: #fff;
  background: linear-gradient(145deg, #7c70ff, #4f9dff);
  box-shadow: 0 12px 25px rgba(91, 91, 225, .24);
  font-size: 15px;
  font-weight: 950;
}

.tariff-feature small {
  color: var(--violet);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.tariff-feature h4,
.tariff-list-block h4 {
  margin: 7px 0 10px;
  font-size: 19px;
}

.tariff-feature p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.tariff-list-block h4 {
  margin-top: 0;
}

.tariff-list-block ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tariff-list-block li {
  position: relative;
  padding-left: 27px;
  color: #555d6c;
  font-size: 13px;
  line-height: 1.4;
}

.tariff-list-block li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #27915b;
  background: #ddf7e8;
  font-size: 10px;
  font-weight: 900;
}

.tariff-scenario {
  padding: 18px 20px;
  border-radius: 19px;
  background: linear-gradient(145deg, #f1f3f8, #eceff6);
}

.tariff-scenario span {
  display: block;
  margin-bottom: 7px;
  color: var(--violet);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tariff-scenario p {
  margin: 0;
  color: #555d6c;
  line-height: 1.55;
}

.tariff-addons {
  margin-top: 32px;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.98);
  border-radius: 30px;
  background: rgba(255,255,255,.65);
  box-shadow: 0 12px 34px rgba(41,53,84,.08);
}

.tariff-addons > div:first-child span {
  color: var(--violet);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.tariff-addons h3 {
  margin: 8px 0 22px;
  font-size: 27px;
}

.addon-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.addon-grid article {
  padding: 20px;
  border-radius: 22px;
  background: #f3f5f9;
}

.addon-grid article > span {
  color: var(--violet);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.addon-grid h4 {
  margin: 8px 0 9px;
  font-size: 17px;
}

.addon-grid p {
  min-height: 58px;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.addon-grid b {
  display: block;
  margin-top: 15px;
  font-size: 18px;
}

@keyframes tariffPanelIn {
  from {
    opacity: 0;
    transform: translateY(14px) scale(.99);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 800px) {
  .tariff-picker {
    grid-template-columns: 1fr;
  }

  .plan-card {
    min-height: auto;
  }

  .plan-card p {
    min-height: auto;
  }

  .tariff-panel {
    padding: 21px;
    border-radius: 26px;
  }

  .tariff-panel__head {
    display: block;
  }

  .tariff-panel__head > strong {
    display: block;
    margin-top: 18px;
    font-size: 31px;
  }

  .tariff-panel__body {
    grid-template-columns: 1fr;
  }

  .tariff-list-block ul {
    grid-template-columns: 1fr;
  }

  .addon-grid {
    grid-template-columns: 1fr;
  }

  .addon-grid p {
    min-height: auto;
  }
}


/* =========================================================
   КОМАНДНЫЙ ЦЕНТР
========================================================= */

.command-section {
  padding-top: 100px;
}

.command-app {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 30px;
  color: #edf3ff;
  background:
    radial-gradient(circle at 85% 8%, rgba(54, 98, 208, .16), transparent 26rem),
    #0d1628;
  box-shadow:
    0 34px 90px rgba(17, 25, 48, .28),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.command-topbar {
  display: grid;
  grid-template-columns: 130px 1fr auto;
  align-items: center;
  min-height: 58px;
  padding: 0 18px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.045);
}

.command-window-dots {
  display: flex;
  gap: 7px;
}

.command-window-dots i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #5a6476;
}

.command-window-dots i:nth-child(1) { background: #ff6b67; }
.command-window-dots i:nth-child(2) { background: #ffc858; }
.command-window-dots i:nth-child(3) { background: #49d47f; }

.command-folders {
  display: flex;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.command-folders::-webkit-scrollbar {
  display: none;
}

.command-folders button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 11px;
  border: 0;
  border-radius: 10px;
  color: #76829a;
  background: transparent;
  font-size: 10px;
  font-weight: 800;
}

.command-folders button.active {
  color: #bcd2ff;
  background: rgba(58, 111, 241, .2);
  box-shadow: inset 0 0 0 1px rgba(88,137,255,.35);
}

.command-folders b {
  margin-left: 5px;
  padding: 2px 5px;
  border-radius: 999px;
  color: #9cb8f5;
  background: rgba(255,255,255,.07);
}

.command-online {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #7f8aa0;
  font-size: 10px;
  font-weight: 700;
}

.command-online i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #40d47d;
  box-shadow: 0 0 0 5px rgba(64,212,125,.1);
}

.command-layout {
  display: grid;
  grid-template-columns: 66px 350px minmax(0, 1fr);
  min-height: 690px;
}

.command-rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  padding: 15px 8px;
  border-right: 1px solid rgba(255,255,255,.06);
  background: #101a2d;
}

.command-logo {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 4px;
  border-radius: 14px;
  color: white;
  background: linear-gradient(145deg, #438eff, #245fd9);
  box-shadow: 0 10px 22px rgba(43, 104, 231, .28);
  font-size: 10px;
  font-weight: 950;
}

.command-rail button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 13px;
  color: #73819a;
  background: transparent;
  font-size: 11px;
  font-weight: 900;
}

.command-rail button.active,
.command-rail button:hover {
  color: white;
  background: #286af0;
}

.command-chats {
  min-width: 0;
  border-right: 1px solid rgba(255,255,255,.07);
  background: #111b2e;
}

.command-search {
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  gap: 6px;
  margin: 14px;
  padding: 0 11px;
  border-radius: 13px;
  color: #6f7d94;
  background: #1a263b;
}

.command-search input {
  width: 100%;
  height: 42px;
  border: 0;
  outline: 0;
  color: #dfe8f7;
  background: transparent;
}

.command-search input::placeholder {
  color: #68758b;
}

.command-chat-list {
  height: 620px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.12) transparent;
}

.command-chat-list::-webkit-scrollbar {
  width: 4px;
}

.command-chat-list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(255,255,255,.12);
}

.command-chat {
  display: grid;
  grid-template-columns: 45px minmax(0,1fr) auto;
  gap: 11px;
  align-items: center;
  width: 100%;
  min-height: 78px;
  padding: 12px 13px;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.045);
  color: #dce6f5;
  background: transparent;
  text-align: left;
  transition: background .2s ease, transform .2s ease;
}

.command-chat:hover {
  background: rgba(255,255,255,.035);
}

.command-chat.active {
  background: linear-gradient(90deg, rgba(39, 100, 230, .26), rgba(39, 100, 230, .08));
  box-shadow: inset 3px 0 0 #3b7cff;
}

.command-chat__icon,
.conversation-avatar,
.report-message__head > span {
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: white;
  font-weight: 950;
}

.command-chat__icon {
  width: 43px;
  height: 43px;
  font-size: 11px;
}

.command-chat__copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.command-chat__copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.command-chat__copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #6f7d93;
  font-size: 9px;
}

.command-chat__meta {
  display: grid;
  justify-items: end;
  gap: 8px;
}

.command-chat__meta time {
  color: #5f6d82;
  font-size: 8px;
}

.command-chat__meta b {
  display: grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  color: white;
  background: #3679f5;
  font-size: 8px;
}

.green { background: linear-gradient(145deg,#48cf84,#23955d)!important; }
.blue { background: linear-gradient(145deg,#4b94ff,#2766df)!important; color:#fff!important; }
.cyan { background: linear-gradient(145deg,#31c7e8,#1592ba)!important; color:#fff!important; }
.violet { background: linear-gradient(145deg,#8b70ff,#6347d9)!important; color:#fff!important; }
.orange { background: linear-gradient(145deg,#ffa45f,#e87527)!important; color:#fff!important; }
.rose { background: linear-gradient(145deg,#ff718d,#d94665)!important; color:#fff!important; }
.gray { background: linear-gradient(145deg,#7f8ca4,#556176)!important; color:#fff!important; }

.command-conversation {
  display: flex;
  min-width: 0;
  flex-direction: column;
  background:
    radial-gradient(circle at 28% 12%, rgba(61, 100, 185, .1), transparent 24rem),
    #0f192c;
}

.conversation-header {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  align-items: center;
  gap: 11px;
  min-height: 65px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.025);
}

.conversation-back {
  display: none;
}

.conversation-avatar {
  width: 40px;
  height: 40px;
  font-size: 11px;
}

.conversation-header > div:nth-child(3) {
  display: grid;
  gap: 4px;
}

.conversation-header strong {
  font-size: 13px;
}

.conversation-header small {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #718099;
  font-size: 9px;
}

.conversation-header small i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #42d27c;
}

.conversation-menu,
.conversation-back {
  border: 0;
  color: #73819a;
  background: transparent;
  font-weight: 900;
}

.conversation-messages {
  flex: 1;
  height: 560px;
  overflow-y: auto;
  padding: 20px 24px 40px;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.1) transparent;
  background-image:
    linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px);
  background-size: 28px 28px;
}

.message-day {
  width: max-content;
  margin: 0 auto 16px;
  padding: 5px 10px;
  border-radius: 999px;
  color: #718099;
  background: rgba(255,255,255,.05);
  font-size: 9px;
}

.report-message {
  position: relative;
  width: min(560px, 88%);
  margin-bottom: 14px;
  padding: 15px 16px 24px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 6px 18px 18px 18px;
  color: #dfe8f7;
  background: #1a263a;
  box-shadow: 0 10px 25px rgba(0,0,0,.14);
}

.report-message:nth-child(odd) {
  margin-left: auto;
  border-radius: 18px 6px 18px 18px;
  background: linear-gradient(145deg, #1d3d78, #19315e);
}

.report-message__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.report-message__head > span {
  width: 34px;
  height: 34px;
  font-size: 9px;
}

.report-message__head div {
  display: grid;
  gap: 3px;
}

.report-message__head strong {
  font-size: 12px;
}

.report-message__head small {
  color: #75849d;
  font-size: 8px;
}

.report-message__body {
  color: #b9c5d8;
  font-size: 11px;
  line-height: 1.65;
}

.report-message__body b {
  color: #67e29d;
}

.report-message__body a {
  color: #72a8ff;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.report-message > time {
  position: absolute;
  right: 12px;
  bottom: 8px;
  color: #68778f;
  font-size: 8px;
}

.conversation-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
  padding: 0 16px;
  border-top: 1px solid rgba(255,255,255,.06);
  color: #65738a;
  background: #111c2f;
  font-size: 9px;
}

.conversation-footer button {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 12px;
  color: #7b89a0;
  background: #1b273a;
}

/* =========================================================
   НОВОЕ МОБИЛЬНОЕ МЕНЮ
========================================================= */

.bottom-nav {
  overflow: visible;
  min-height: 76px;
  padding: 8px 12px 9px;
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(245,248,253,.78));
}

.nav-item {
  position: relative;
  min-height: 54px;
  align-content: center;
  border-radius: 18px;
  transition:
    color .3s ease,
    transform .3s cubic-bezier(.2,.8,.2,1),
    background .3s ease;
}

.nav-item::before {
  content: "";
  position: absolute;
  inset: 4px 7px;
  z-index: -1;
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(71,142,255,.13), rgba(69,102,239,.06));
  opacity: 0;
  transform: scale(.75);
  transition: opacity .3s ease, transform .3s cubic-bezier(.2,.8,.2,1);
}

.nav-item.active {
  color: #226df1;
  transform: translateY(-2px);
}

.nav-item.active::before {
  opacity: 1;
  transform: scale(1);
}

.nav-item i {
  transition: transform .34s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease;
}

.nav-item.active i {
  transform: translateY(-2px) scale(1.06);
}

.nav-main {
  top: -21px;
  display: grid;
  justify-items: center;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.2,.8,.2,1);
}

.nav-main:hover,
.nav-main.active {
  transform: translateY(-3px) scale(1.04);
}

.nav-main::before {
  content: "";
  position: absolute;
  inset: -8px;
  z-index: -1;
  border-radius: 50%;
  background: rgba(54, 122, 247, .12);
  animation: navPulse 2.6s ease-in-out infinite;
}

.nav-main span {
  position: absolute;
  top: 66px;
  color: #3978e9;
  font-size: 9px;
  font-weight: 850;
}

@keyframes navPulse {
  0%, 100% { transform: scale(.86); opacity: .35; }
  50% { transform: scale(1.12); opacity: .08; }
}

@media (max-width: 800px) {
  .command-app {
    border-radius: 28px;
  }

  .command-topbar {
    grid-template-columns: 1fr auto;
    min-height: 52px;
    padding: 0 13px;
  }

  .command-window-dots,
  .command-folders {
    display: none;
  }

  .command-topbar::before {
    content: "Командный центр";
    font-size: 12px;
    font-weight: 900;
  }

  .command-layout {
    display: block;
    min-height: 660px;
  }

  .command-rail {
    display: none;
  }

  .command-chats {
    border-right: 0;
  }

  .command-chat-list {
    height: 585px;
  }

  .command-conversation {
    display: none;
    min-height: 660px;
  }

  .command-app.conversation-open .command-chats {
    display: none;
  }

  .command-app.conversation-open .command-conversation {
    display: flex;
  }

  .conversation-back {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: #1a263b;
    font-size: 24px;
  }

  .conversation-messages {
    height: 530px;
    padding: 16px 12px 32px;
  }

  .report-message {
    width: 94%;
  }

  .command-chat {
    min-height: 76px;
  }
}

@media (max-width: 420px) {
  .command-section {
    padding-inline: 0;
  }

  .command-app {
    border-radius: 24px;
  }

  .conversation-header {
    padding: 0 10px;
  }

  .conversation-footer span {
    max-width: 240px;
  }

  .bottom-nav {
    width: calc(100% - 16px);
    bottom: max(8px, env(safe-area-inset-bottom));
    border-radius: 26px;
  }

  .nav-main span {
    top: 63px;
  }
}



/* =========================================================
   V5 — финальные правки компоновки
========================================================= */

/* Смартфон на первом экране: шире, короче и аккуратнее */
.hero {
  grid-template-columns: minmax(0, 1.05fr) minmax(480px, .95fr);
  gap: 52px;
}

.app-visual {
  min-height: 590px;
}

.phone {
  top: 8px;
  width: 390px;
  min-height: 555px;
  padding: 12px 17px 18px;
  border-width: 8px;
  border-radius: 46px;
  transform: translateX(-50%) rotate(-1.2deg);
}

.phone-top {
  padding-bottom: 8px;
}

.big-stat {
  padding: 17px;
}

.stat-grid {
  gap: 8px;
  margin-top: 10px;
}

.stat-grid article {
  padding: 12px;
}

.activity {
  margin-top: 10px;
  padding: 13px;
}

.activity-row {
  padding: 8px 0;
}

.price {
  top: 105px;
  right: -8px;
}

.report {
  left: -18px;
  bottom: 50px;
}

.float-status {
  right: -4px;
  bottom: 8px;
}

/* Командный центр укладывается в один экран */
.command-section {
  padding-top: 76px;
  padding-bottom: 76px;
}

.command-section .section-head {
  margin-bottom: 24px;
}

.command-app {
  height: min(670px, calc(100vh - 120px));
  min-height: 560px;
}

.command-topbar {
  height: 56px;
  min-height: 56px;
}

.command-layout {
  height: calc(100% - 56px);
  min-height: 0;
}

.command-chats,
.command-conversation,
.command-rail {
  min-height: 0;
}

.command-chat-list {
  height: calc(100% - 70px);
}

.conversation-messages {
  height: auto;
  min-height: 0;
}

/* Все уведомления идут одним столбиком слева */
.report-message,
.report-message:nth-child(odd) {
  width: min(620px, 92%);
  margin-left: 0;
  margin-right: auto;
  border-radius: 6px 18px 18px 18px;
  background: #1a263a;
}

.report-message + .report-message {
  margin-top: 12px;
}

/* Нижнее меню в стиле референса */
.bottom-nav {
  display: none;
}

@media (min-width: 701px) {
  .bottom-nav {
    display: none !important;
  }
}

@media (max-width: 700px) {
  body {
    padding-bottom: 108px;
  }

  .bottom-nav {
    position: fixed;
    z-index: 80;
    left: 50%;
    bottom: max(12px, env(safe-area-inset-bottom));
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    width: min(calc(100% - 28px), 430px);
    min-height: 78px;
    padding: 9px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 38px;
    background:
      radial-gradient(circle at 85% 10%, rgba(42,190,227,.18), transparent 36%),
      linear-gradient(135deg, rgba(9,40,47,.93), rgba(11,70,81,.86));
    backdrop-filter: blur(28px) saturate(150%);
    -webkit-backdrop-filter: blur(28px) saturate(150%);
    box-shadow:
      0 20px 50px rgba(5,30,38,.38),
      inset 0 1px 0 rgba(255,255,255,.14);
    transform: translateX(-50%);
  }

  .bottom-nav::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255,255,255,.03), transparent 40%, rgba(255,255,255,.05));
    pointer-events: none;
  }

  .nav-item {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    min-height: 60px;
    border-radius: 29px;
    color: rgba(230,242,244,.58);
    transition:
      color .28s ease,
      transform .34s cubic-bezier(.2,.8,.2,1),
      background .34s cubic-bezier(.2,.8,.2,1),
      box-shadow .34s ease;
  }

  .nav-item::before {
    display: none;
  }

  .nav-item:hover {
    transform: translateY(-2px);
  }

  .nav-item.active {
    color: #fff;
    background: rgba(255,255,255,.13);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.13),
      0 10px 26px rgba(0,0,0,.18);
    transform: scale(1.04);
  }

  .nav-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 18px;
    font-style: normal;
    font-size: 27px;
    line-height: 1;
    transition:
      transform .34s cubic-bezier(.2,.8,.2,1),
      color .28s ease;
  }

  .nav-item.active .nav-icon {
    color: #fff;
    background: transparent;
    box-shadow: none;
    transform: scale(1.08);
  }

  .nav-icon--calendar {
    font-size: 25px;
  }

  /* Мобильный смартфон на первом экране */
  .hero {
    grid-template-columns: 1fr;
  }

  .app-visual {
    min-height: 535px;
  }

  .phone {
    top: 8px;
    width: min(330px, calc(100vw - 44px));
    min-height: 500px;
    border-radius: 40px;
    transform: translateX(-50%) rotate(-.5deg);
  }

  .phone-head b {
    font-size: 14px;
  }

  .big-stat b {
    font-size: 23px;
  }

  .price {
    top: 92px;
    right: -3px;
  }

  .report {
    left: -4px;
    bottom: 36px;
  }

  .float-status {
    right: 0;
    bottom: -2px;
  }

  /* Командный центр на мобильном — один экран мессенджера */
  .command-app {
    height: min(690px, calc(100dvh - 116px));
    min-height: 590px;
  }

  .command-layout {
    height: calc(100% - 52px);
  }

  .command-chat-list {
    height: calc(100% - 70px);
  }

  .command-conversation {
    min-height: 0;
    height: 100%;
  }

  .conversation-messages {
    flex: 1;
    height: auto;
  }

  .report-message,
  .report-message:nth-child(odd) {
    width: 96%;
    margin-left: 0;
  }
}

@media (max-width: 390px) {
  .app-visual {
    min-height: 510px;
  }

  .phone {
    width: min(306px, calc(100vw - 34px));
    min-height: 480px;
  }

  .float-card {
    transform: scale(.92);
    transform-origin: center;
  }

  .price {
    right: -14px;
  }

  .report {
    left: -16px;
  }
}



/* =========================================================
   V6 — шапка, тарифы, смартфон, этапы и мобильный dock
========================================================= */

/* Десктопное меню в шапке */
.topbar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 24px;
}

.topbar-nav {
  display: flex;
  justify-content: center;
  gap: 5px;
  padding: 5px;
  border: 1px solid rgba(255,255,255,.86);
  border-radius: 999px;
  background: rgba(235,239,247,.68);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}

.topbar-nav a {
  padding: 10px 14px;
  border-radius: 999px;
  color: #687080;
  font-size: 12px;
  font-weight: 820;
  transition: color .22s ease, background .22s ease, transform .22s ease;
}

.topbar-nav a:hover {
  color: #11141a;
  background: rgba(255,255,255,.88);
  transform: translateY(-1px);
}

/* Тарифы: активный тариф явно выделен */
.plan-card {
  cursor: pointer;
}

.plan-card.active {
  transform: translateY(-9px) scale(1.012);
}

@media (min-width: 801px) {
  .plan-card:hover {
    transform: translateY(-9px) scale(1.012);
  }
}

/* Смартфон — более реальные пропорции и содержимое */
.hero {
  grid-template-columns: minmax(0, 1.05fr) minmax(500px, .95fr);
  gap: 50px;
}

.app-visual {
  min-height: 620px;
}

.phone {
  top: 2px;
  width: 372px;
  min-height: 596px;
  padding: 12px 15px 16px;
  border: 8px solid #171a21;
  border-radius: 48px;
  background:
    radial-gradient(circle at 85% 8%, rgba(117,103,255,.1), transparent 30%),
    linear-gradient(180deg,#f9faff,#eef1f8);
  transform: translateX(-50%) rotate(-1deg);
}

.phone-overview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 17px;
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 10%, rgba(255,255,255,.22), transparent 35%),
    linear-gradient(135deg,#796cff,#5e5fe8 55%,#4ea4fa);
  box-shadow: 0 16px 34px rgba(96,84,232,.24);
}

.phone-overview div {
  display: grid;
  gap: 4px;
}

.phone-overview small {
  color: rgba(255,255,255,.72);
  font-size: 10px;
}

.phone-overview b {
  font-size: 24px;
  letter-spacing: -.7px;
}

.phone-overview > span {
  max-width: 105px;
  padding: 8px 10px;
  border-radius: 999px;
  color: #fff;
  background: rgba(255,255,255,.15);
  font-size: 9px;
  font-weight: 850;
  text-align: center;
}

.phone-actions {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 9px;
  margin-top: 10px;
}

.phone-action {
  display: grid;
  gap: 5px;
  min-height: 118px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.96);
  border-radius: 20px;
  background: rgba(255,255,255,.74);
  box-shadow: 0 10px 22px rgba(47,57,85,.07);
}

.phone-action i {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  font-style: normal;
  font-weight: 900;
}

.phone-action span {
  color: #6f7684;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.phone-action b {
  font-size: 15px;
}

.phone-action small {
  color: #7b8290;
  font-size: 9px;
}

.phone-action--violet {
  color: #fff;
  border-color: rgba(255,255,255,.24);
  background:
    radial-gradient(circle at 90% 10%, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(145deg,#7c6fff,#5d56e7);
}

.phone-action--violet i {
  color: #fff;
  background: rgba(255,255,255,.17);
}

.phone-action--violet span,
.phone-action--violet small {
  color: rgba(255,255,255,.74);
}

.phone-action--soft i {
  color: #6a5cf0;
  background: #ece9ff;
}

.phone-feed {
  margin-top: 10px;
  padding: 13px 14px 8px;
  border-radius: 22px;
}

.phone-feed .activity-row {
  padding: 9px 0;
}

.phone-feed .activity-row--highlight {
  margin: 3px -5px;
  padding: 10px 5px;
  border-radius: 14px;
  background: linear-gradient(90deg,rgba(117,103,255,.1),rgba(117,103,255,.02));
}

.phone-bottom {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: calc(100% - 30px);
  height: 45px;
  margin: 8px auto 0;
  border: 1px solid rgba(255,255,255,.94);
  border-radius: 17px;
  color: #959ba8;
  background: rgba(255,255,255,.72);
}

.phone-bottom span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 30px;
  border-radius: 10px;
  font-size: 14px;
}

.phone-bottom span.active {
  color: #fff;
  background: linear-gradient(145deg,#7b70ff,#5d56e7);
}

.price {
  top: 120px;
  right: -2px;
}

.report {
  left: -12px;
  bottom: 66px;
}

.float-status {
  right: 4px;
  bottom: 14px;
}

/* Крупные номера этапов */
.steps article {
  position: relative;
  overflow: hidden;
}

.steps span {
  display: block;
  color: #7667ff;
  font-size: clamp(38px, 4vw, 62px);
  font-weight: 950;
  line-height: 1;
  letter-spacing: -.08em;
  opacity: .88;
}

.steps h3 {
  margin-top: 58px;
}

/* Новый мобильный dock */
.mobile-dock {
  display: none;
}

@media (max-width: 980px) {
  .topbar {
    grid-template-columns: auto 1fr auto;
  }

  .topbar-nav {
    display: none;
  }
}

@media (max-width: 700px) {
  body {
    padding-bottom: 108px;
  }

  .topbar {
    grid-template-columns: 1fr auto;
  }

  .app-visual {
    min-height: 560px;
  }

  .phone {
    width: min(338px, calc(100vw - 36px));
    min-height: 535px;
    border-radius: 42px;
  }

  .phone-overview {
    padding: 14px;
  }

  .phone-overview b {
    font-size: 21px;
  }

  .phone-actions {
    grid-template-columns: 1fr 1fr;
  }

  .phone-action {
    min-height: 108px;
    padding: 12px;
  }

  .phone-feed .activity-row:nth-of-type(5) {
    display: none;
  }

  .price {
    top: 104px;
    right: -11px;
  }

  .report {
    left: -11px;
    bottom: 46px;
  }

  .float-status {
    display: none;
  }

  .mobile-dock {
    position: fixed;
    z-index: 90;
    left: 50%;
    bottom: max(10px, env(safe-area-inset-bottom));
    display: grid;
    grid-template-columns: minmax(0,1fr) 62px;
    align-items: center;
    gap: 10px;
    width: min(calc(100% - 20px), 520px);
    transform: translateX(-50%);
  }

  .bottom-nav {
    position: relative;
    left: auto;
    bottom: auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    min-height: 68px;
    padding: 7px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.94);
    border-radius: 28px;
    background: rgba(255,255,255,.79);
    backdrop-filter: blur(28px) saturate(160%);
    -webkit-backdrop-filter: blur(28px) saturate(160%);
    box-shadow:
      0 20px 50px rgba(50,61,88,.2),
      inset 0 1px 0 rgba(255,255,255,.95);
    transform: none;
  }

  .nav-item {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 54px;
    gap: 0;
    padding: 0 8px;
    border-radius: 21px;
    color: #9299a5;
    transition:
      color .3s ease,
      background .34s cubic-bezier(.2,.8,.2,1),
      transform .34s cubic-bezier(.2,.8,.2,1),
      flex .34s cubic-bezier(.2,.8,.2,1);
  }

  .nav-item::before {
    display: none;
  }

  .nav-item svg {
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .34s cubic-bezier(.2,.8,.2,1);
  }

  .nav-item span {
    width: 0;
    overflow: hidden;
    opacity: 0;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 850;
    transition:
      width .34s cubic-bezier(.2,.8,.2,1),
      opacity .22s ease,
      margin .34s ease;
  }

  .nav-item.active {
    grid-column: auto;
    color: #11141a;
    background: rgba(255,255,255,.92);
    box-shadow:
      0 8px 22px rgba(45,55,79,.1),
      inset 0 1px 0 #fff;
    transform: none;
  }

  .nav-item.active svg {
    transform: scale(1.06);
  }

  .nav-item.active span {
    width: auto;
    max-width: 70px;
    margin-left: 7px;
    opacity: 1;
  }

  .telegram-dock-button {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 50%;
    color: #fff;
    background:
      radial-gradient(circle at 32% 20%, rgba(255,255,255,.28), transparent 30%),
      linear-gradient(145deg,#ff7979,#ff4f60);
    box-shadow:
      0 17px 35px rgba(255,78,94,.33),
      inset 0 1px 0 rgba(255,255,255,.55);
    transition: transform .28s ease, box-shadow .28s ease;
  }

  .telegram-dock-button:active {
    transform: scale(.94);
  }

  .telegram-dock-button svg {
    width: 27px;
    height: 27px;
    fill: currentColor;
  }

  .steps span {
    font-size: 50px;
  }

  .steps h3 {
    margin-top: 38px;
  }
}

@media (max-width: 390px) {
  .mobile-dock {
    grid-template-columns: minmax(0,1fr) 56px;
    gap: 7px;
  }

  .bottom-nav {
    padding-inline: 5px;
  }

  .nav-item {
    padding-inline: 5px;
  }

  .nav-item svg {
    width: 23px;
    height: 23px;
  }

  .nav-item.active span {
    max-width: 58px;
    font-size: 10px;
  }

  .telegram-dock-button {
    width: 56px;
    height: 56px;
  }

  .phone {
    width: min(316px, calc(100vw - 26px));
    min-height: 515px;
  }
}


/* Точная механика раскрывающегося пункта mobile dock */
.tariff-panel {
  scroll-margin-top: 96px;
}

@media (max-width: 700px) {
  .bottom-nav {
    display: flex;
  }

  .nav-item {
    flex: 1 1 0;
  }

  .nav-item.active {
    flex: 1.75 1 0;
  }
}