@font-face{font-family:Outfit;src:url('assets/Outfit_700Bold.ttf')}@font-face{font-family:DM;src:url('assets/DMSans_400Regular.ttf')}@font-face{font-family:Mono;src:url('assets/JetBrainsMono_400Regular.ttf')}
:root{--primary:#1b4db1;--deep:#123578;--bg:#f5f7fa;--surface:#fff;--ink:#12203a;--muted:#5a6982;--border:#dce3ed;--soft:#e9effa;--green:#1e7f4f;--orange:#b57700;--red:#b4281f;--radius:20px}*{box-sizing:border-box}body{margin:0;background:#101d35;color:#fff;font:14px DM,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #62b5ff;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,strong,.btn,.amount,.metric{font-family:Outfit,sans-serif}h1,h2,h3,h4,p{margin:0}.top{height:86px;margin:0 44px;border-bottom:1px solid #ffffff16;display:flex;align-items:center;gap:30px}.brand img{width:185px;display:block}.top-caption{font-size:10px;letter-spacing:2.4px;color:#a8b9d2}.top nav{margin-left:auto;display:flex;gap:12px}.top button{background:#ffffff0c;border:1px solid #ffffff20;border-radius:10px;padding:12px 18px;color:white}.top button:first-child{background:#d4eeff;color:#10233b;border:0}.workspace{display:grid;grid-template-columns:235px 1fr;height:calc(100vh - 140px);min-height:850px;max-width:1680px;margin:auto}.catalog{overflow-y:auto;scrollbar-width:thin;padding:38px 30px 20px 44px;border-right:1px solid #ffffff12}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:#77b8ff}.catalog h2{font-size:26px;line-height:1.15;margin:14px 0}.catalog p{font-size:12px;line-height:1.7;color:#aab8cd;margin-bottom:24px}.catalog .group{color:#7a8fae;font-size:9px;letter-spacing:1.6px;margin:16px 0 6px}.catalog button.screen-link{width:100%;color:#b5c5db;background:transparent;text-align:left;display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;font-size:11px}.catalog button.active{background:#ffffff12;color:white}.catalog button:hover{background:#ffffff0a}.catalog .icon{width:15px;height:15px}.demo-note{font-size:11px;color:#cad7e7;line-height:1.8;margin-top:22px}.demo-note small{font-size:9px;color:#8095b2}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#80dfb9;margin-right:6px}.reset{color:#a7bad4;font-size:10px;background:none;padding:14px 0}.presentation{position:relative;display:flex;justify-content:center;align-items:center;gap:70px;padding:32px 44px;overflow:hidden;background:radial-gradient(ellipse at 85% 40%,#193a63 0%,transparent 60%)}.story{width:390px;flex-shrink:1;z-index:1}.story h1{font-size:53px;line-height:1.07;letter-spacing:-1.8px;margin:22px 0;color:#f1f7ff}.story p{font-size:16px;line-height:1.8;color:#b6c9e1;max-width:365px}.story-points{display:flex;align-items:center;gap:13px;margin-top:21px;color:#dceaff;font-size:12px}.story-points .point-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #82b5ec33;border-radius:9px;color:#7fb5ed}.scene-count{display:flex;align-items:center;gap:13px;margin-top:45px;font-size:9px;letter-spacing:1.8px;color:#7d98bb}.scene-count .line{width:42px;height:1px;background:#436080}.scene-count span:first-child{color:#a8d0ff;font-size:13px;font-family:Mono}.phone-wrap{position:relative;flex-shrink:0;z-index:1}.halo{position:absolute;width:610px;height:610px;border-radius:50%;border:1px solid #5c8ebe19;top:80px;left:-125px;z-index:-1}.halo:after{content:'';position:absolute;inset:45px;border:1px solid #5c8ebe17;border-radius:50%}.phone{position:relative;background:var(--bg);width:365px;height:754px;border:7px solid #07101f;border-radius:46px;box-shadow:0 0 0 1px #637898,0 24px 100px #0008;overflow:hidden;display:flex;flex-direction:column;color:var(--ink)}.status{height:47px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font:11px Outfit;color:var(--ink)}.island{position:absolute;left:50%;transform:translateX(-50%);top:12px;width:96px;height:25px;border-radius:20px;background:#07101f}.screen{flex:1;overflow-y:auto;scrollbar-width:none;padding:12px 18px 20px;position:relative}.screen::-webkit-scrollbar{display:none}.phone-caption{font-size:8px;letter-spacing:1.3px;text-align:center;color:#8ca8c9;margin-top:18px}.screen h2{font-size:23px;line-height:1.2;letter-spacing:-.4px}.screen h3{font-size:16px;line-height:1.3}.screen h4{font-size:13px}.screen p{font-size:12px;line-height:1.6;color:var(--muted)}.screen .intro{margin-bottom:16px}.screen .intro p{font-size:11px;margin-top:5px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.header-row img{width:135px}.avatar{border-radius:13px;background:var(--soft);color:var(--primary);width:40px;height:40px;display:grid;place-items:center;font:13px Outfit}.card{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px}.card h3{margin-bottom:7px}.hero-card{background:linear-gradient(130deg,var(--primary),var(--deep));color:white;border:0;padding:19px}.hero-card p,.hero-card .sub{color:#d7e5ff}.hero-card h2{font-size:27px;margin:17px 0}.hero-card .badge{background:#ffffff19;color:white;border:1px solid #ffffff40}.row{display:flex;justify-content:space-between;align-items:center;gap:9px}.row.start{justify-content:flex-start}.badge{display:inline-block;font-size:9px;padding:5px 8px;background:#e8f5ed;color:var(--green);border-radius:6px;white-space:nowrap}.badge.warn{background:#fff3db;color:var(--orange)}.badge.blue{color:var(--primary);background:var(--soft)}.badge.red{background:#ffebe9;color:var(--red)}.small{font-size:10px;color:var(--muted)}.eyebrow-app{font:9px Outfit;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}.hero-card .eyebrow-app{color:#d9e7ff}.stat-row{display:flex;gap:9px;margin:12px 0}.stat{flex:1;background:white;padding:12px 9px;border-radius:13px;border:1px solid var(--border);text-align:center}.stat .metric{font-size:23px;color:var(--ink);display:block}.stat .small{font-size:9px}.stat-row.hero-stats .stat{background:transparent;text-align:left;border:0;border-radius:0;padding:0}.hero-stats .stat .metric{font-size:17px;color:white}.hero-stats .stat .small{color:#d4e0f4}.quick{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.quick button{padding:14px;text-align:left;background:white;border:1px solid var(--border);border-radius:15px;color:var(--ink);display:flex;align-items:center;gap:9px;font:12px Outfit}.quick .icon{color:var(--primary)}.amount{font-size:28px;letter-spacing:-.5px;margin:10px 0}.btn{display:flex;justify-content:center;align-items:center;gap:8px;background:var(--primary);color:white;border-radius:11px;width:100%;padding:13px 8px;margin-top:10px;font-size:12px;min-height:42px}.btn.soft{background:var(--soft);color:var(--primary)}.btn.outline{background:white;border:1px solid var(--border);color:var(--ink)}.btn:disabled{opacity:.55;cursor:wait}.tabs{height:66px;display:flex;flex-shrink:0;border-top:1px solid var(--border);background:white;padding:6px 5px 4px;gap:2px}.tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column;background:transparent;color:#6a7d96;font-size:9px}.tabs button.active{color:var(--primary)}.tabs .icon{height:19px;width:19px}.home-indicator{background:white;height:18px;flex-shrink:0}.home-indicator:after{content:'';display:block;background:#12203a;width:110px;height:4px;border-radius:4px;margin:6px auto}.icon{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.iconbox{width:37px;height:37px;border-radius:11px;background:var(--soft);color:var(--primary);display:grid;place-items:center;flex-shrink:0}.list-row{display:flex;width:100%;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);background:transparent;color:var(--ink);text-align:left}.list-row:last-child{border-bottom:0}.list-row .grow{flex:1}.list-row h4{font-size:12px}.list-row p{font-size:10px;margin-top:3px}.list-row>.icon{color:var(--muted);width:15px}.label{display:block;font-size:11px;font-family:Outfit;margin:14px 0 6px}.field{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;color:var(--ink);background:white;font-size:12px;outline:none}.field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1b4db112}textarea.field{height:90px;resize:vertical}.notice{padding:12px;border-radius:11px;font-size:11px;line-height:1.6;background:var(--soft);color:var(--primary);margin:12px 0}.notice.warn{background:#fff4df;color:#805800}.notice.ok{background:#e8f5ed;color:var(--green)}.segments{display:flex;background:#e7edf6;border-radius:10px;padding:4px;margin:12px 0;gap:4px}.segments button{flex:1;background:none;border-radius:7px;padding:8px 0;font-size:11px;color:var(--muted)}.segments button.active{background:white;color:var(--primary);box-shadow:0 1px 4px #12203a0d}.link{background:transparent;color:var(--primary);padding:8px 0;font-size:11px}.divider{height:1px;background:var(--border);margin:13px 0}.mono{font-family:Mono;font-size:10px}.detail-pair{display:flex;justify-content:space-between;font-size:11px;margin:11px 0}.detail-pair span{color:var(--muted)}.detail-pair strong{font-size:11px}.login-logo{width:205px;margin:28px auto 35px;display:block}.login-art{position:relative;height:100px;display:grid;place-items:center;color:var(--primary)}.login-art .icon{width:65px;height:65px;background:var(--soft);padding:15px;border-radius:20px}.login-art:before,.login-art:after{content:'';width:150px;height:80px;border:1px solid #1b4db11a;position:absolute;border-radius:50%}.login-art:after{width:200px;height:100px}.login-title{text-align:center;margin:15px 0 24px}.login-title p{margin-top:8px}.steps{display:flex;gap:5px;margin:15px 0}.steps i{height:4px;background:#dce3ed;border-radius:3px;flex:1}.steps i.active{background:var(--primary)}.big-symbol{width:64px;height:64px;display:grid;place-items:center;background:var(--soft);color:var(--primary);border-radius:18px;margin-bottom:18px}.big-symbol .icon{width:33px;height:33px}.gauge{position:relative;width:238px;height:170px;margin:20px auto 5px;display:flex;align-items:center;justify-content:center;flex-direction:column}.gauge svg{position:absolute;width:238px;height:170px;top:0;fill:none;stroke-width:12;stroke-linecap:round}.gauge .number{font:55px Outfit;margin-top:42px;letter-spacing:-2px}.gauge .small{font-size:11px}.bar-chart{display:flex;gap:8px;align-items:flex-end;height:92px;margin:16px 0}.bar-chart .bar{flex:1;background:#dbe5f5;position:relative;border-radius:5px 5px 0 0}.bar-chart .bar.best{background:var(--primary)}.bar-chart .bar span{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font:9px Mono;color:var(--muted)}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.room{border-radius:12px;padding:17px 10px;background:#e8f5ed;color:var(--green);text-align:center;position:relative}.room.warn{background:#fff3dc;color:var(--orange)}.room strong{font-size:12px;display:block;margin:6px 0}.room .small{font-size:9px}.network-tree{text-align:center;padding:15px 0}.tree-node{border:1px solid var(--border);background:var(--soft);border-radius:13px;padding:13px;display:inline-flex;align-items:center;gap:9px;font:12px Outfit}.tree-line{height:32px;width:1px;background:#adbbd1;margin:auto}.tree-branches{display:flex;justify-content:space-around;border-top:1px solid #adbbd1;padding-top:13px}.tree-branches .tree-node{background:white;flex-direction:column;font-size:10px}.switch{width:36px;height:21px;background:var(--primary);border-radius:20px;padding:3px;flex-shrink:0}.switch:after{content:'';display:block;width:15px;height:15px;border-radius:50%;background:white;margin-left:15px}.switch.off{background:#c8d2e1}.switch.off:after{margin-left:0}.sheet-overlay{position:absolute;inset:47px 0 0;z-index:4;background:#07101f66;display:flex;flex-direction:column;justify-content:flex-end}.sheet-overlay[hidden]{display:none}.sheet{background:var(--bg);border-radius:25px 25px 0 0;padding:22px 20px 35px;max-height:94%;overflow-y:auto}.sheet h3{font-size:20px;margin-bottom:12px}.sheet p{color:var(--muted);font-size:12px;line-height:1.6}.sheet-handle{width:35px;height:4px;background:#bcc9db;border-radius:3px;margin:-10px auto 18px}.toast{position:absolute;bottom:95px;left:17px;right:17px;background:#142742f2;color:white;border-radius:11px;padding:13px;font-size:11px;line-height:1.4;z-index:8;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.bottom{padding:23px 44px;border-top:1px solid #ffffff13;color:#88a0c1;display:flex;justify-content:space-between;gap:20px;font-size:10px}.bottom a{color:#cae4ff}dialog{background:#101d35;color:white;border:1px solid #445977;border-radius:20px;padding:25px;max-width:1100px;width:90vw}dialog::backdrop{background:#000c}dialog h2{font-size:25px;margin-bottom:18px}dialog video{width:100%;border-radius:10px;display:block}dialog a{display:block;margin-top:16px;color:#a8d0ff;font-size:12px}.close-video{float:right;background:#ffffff15;color:white;border-radius:8px;padding:10px}.film-footer{display:none}.screen-enter{animation:screenEnter .24s ease-out}@keyframes screenEnter{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
body.cinema .top,body.cinema .catalog,body.cinema .bottom{display:none}body.cinema .workspace{display:block;max-width:none;min-height:0;height:100vh}body.cinema .presentation{height:100vh;padding:65px 125px 85px;gap:140px;justify-content:center}body.cinema .story{width:600px;max-width:600px;flex-shrink:0}body.cinema .story h1{font-size:83px;line-height:1.08;margin:30px 0;letter-spacing:-2.5px}body.cinema .story p{font-size:24px;max-width:560px;line-height:1.65}body.cinema .eyebrow{font-size:15px;letter-spacing:3px}body.cinema .story-points{font-size:19px;margin-top:27px;gap:19px}body.cinema .point-icon{height:43px;width:43px;border-radius:12px}body.cinema .point-icon .icon{height:26px;width:26px}body.cinema .phone-wrap{transform:scale(1.12);margin:0 40px}body.cinema .scene-count{margin-top:50px;font-size:13px}body.cinema .scene-count span:first-child{font-size:19px}body.cinema .film-footer{display:flex;position:absolute;bottom:26px;left:85px;right:85px;justify-content:space-between;align-items:center;color:#7791b4;font-size:13px}body.cinema .film-footer img{width:170px}body.cinema .film-footer span:last-child{font-family:Mono}.tour-mode .top button:first-child{background:#ffdeb0}
@media(min-width:1700px){body:not(.cinema) .presentation{gap:110px}}@media(max-width:1200px){.presentation{gap:35px;padding:25px}.story{width:280px}.story h1{font-size:40px}.story p{font-size:14px}.workspace{grid-template-columns:210px 1fr}.catalog{padding-left:28px}.phone{width:345px}.top{margin:0 28px}}@media(max-width:950px){.workspace{grid-template-columns:1fr;height:auto}.catalog{display:none}.presentation{gap:45px;min-height:840px}.story{width:310px}.top-caption{display:none}.top{margin:0 20px}.bottom span:nth-child(2){display:none}}@media(max-width:680px){.top{height:70px;gap:10px}.brand img{width:140px}.top nav{gap:6px}.top button{font-size:10px;padding:9px}.top button:last-child{display:none}.presentation{flex-direction:column;gap:25px;padding:26px 12px 35px;min-height:0}.story{width:100%;text-align:center}.story h1{font-size:33px;max-width:350px;margin:12px auto}.story p{font-size:13px;max-width:340px;margin:auto}.story-points,.scene-count{display:none}.phone{width:345px;height:725px}.phone-caption{font-size:7px}.bottom{padding:20px;font-size:9px}.halo{width:500px;height:500px;left:-80px}.presentation .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.bar-chart{height:94px;margin-top:22px;margin-bottom:26px}.bar-chart .bar{border-radius:6px 6px 0 0;background:#1b4db159}.bar-chart .bar.best{background:var(--green)}.bar-chart .bar.current{background:var(--primary)}.bar-chart b{position:absolute;top:-15px;left:0;right:0;text-align:center;font:9px Mono;color:var(--muted)}.chart-legend{display:flex;flex-wrap:wrap;gap:8px;font-size:9px;margin-top:4px}.chart-legend span:first-child{color:var(--primary)}.chart-legend span:nth-child(2){color:var(--green)}.chart-legend small{color:var(--muted);font-size:9px}

@media(max-width:680px){.top button:last-child{display:block}}