*{box-sizing:border-box}body{margin:0;background:#f6f3ec;color:#14213b;font-family:Inter,system-ui,sans-serif}a{color:inherit}.nav{height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;gap:36px;border-bottom:1px solid #e5e1d8;background:#faf9f6}.logo img{display:block;width:174px;height:28px;object-fit:cover;object-position:center}.nav nav{display:flex;gap:26px;color:#68768b;font-size:14px;flex:1}.nav nav a{text-decoration:none}.login{border:1px solid #cad4e2;border-radius:9px;padding:11px 16px;text-decoration:none;font-size:13px;font-weight:750}.hero{max-width:1240px;margin:auto;padding:clamp(70px,10vw,130px) 24px 100px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.eyebrow{color:#2364e8;font-size:11px;font-weight:850;letter-spacing:.16em}.hero h1{font-size:clamp(48px,6vw,84px);line-height:1.02;letter-spacing:-.065em;margin:18px 0 25px}.hero h1 em{font-style:normal;color:#2364e8}.hero p{font-size:19px;line-height:1.55;color:#64738a;max-width:590px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.button{display:inline-block;border:0;border-radius:10px;padding:14px 20px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.primary{background:#2364e8;color:#fff;box-shadow:0 12px 28px #2364e833}.ghost{border:1px solid #cad4e2;color:#14213b;background:transparent}.proof{display:flex;gap:23px;color:#7b8798;font-size:12px;flex-wrap:wrap}.proof b{display:block;color:#14213b;font-size:21px}.hero-visual{position:relative;min-height:420px;display:grid;place-items:center}.glow{position:absolute;width:90%;height:90%;background:#d7e3ff;border-radius:50%;filter:blur(50px);opacity:.6}.mini-window,.screen-frame{position:relative;background:#fff;border:1px solid #d9e0e9;border-radius:16px;box-shadow:0 28px 65px #26384d1c;overflow:hidden}.mini-window{width:min(100%,550px);transform:rotate(2deg)}.window-top{padding:14px;border-bottom:1px solid #edf0f4;color:#8290a1;font-size:11px}.window-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d7dee7;margin-right:5px}.window-top span{margin-left:15px}.console-head{display:flex;justify-content:space-between;padding:24px 26px 10px;font-weight:800}.console-head b{color:#2364e8}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 26px}.metric-grid div,.fake-cards div{background:#f7f9fc;border-radius:10px;padding:15px}.metric-grid small,.fake-cards small{display:block;color:#8793a4;font-size:11px}.metric-grid strong{display:block;font-size:32px;margin:7px 0}.metric-grid label,.fake-cards span{font-size:11px;color:#8793a4}.metric-grid .ok{color:#29956b}.chart{height:105px;padding:20px 26px;display:flex;align-items:end;gap:12px}.chart span{flex:1;background:#2364e8;border-radius:4px 4px 0 0;opacity:.8}.section{max-width:1240px;margin:auto;padding:80px 24px}.section h2,.contact h2{font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.06em;margin:18px 0 44px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.capabilities article{padding:25px;border-top:2px solid #2364e8}.capabilities b{color:#2364e8}.capabilities h3{font-size:23px;margin:28px 0 8px}.capabilities p{color:#6f7d90;line-height:1.5}.screens{background:#eef1f5;max-width:none;padding-left:max(24px,calc((100vw - 1192px)/2));padding-right:max(24px,calc((100vw - 1192px)/2))}.screen-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.screen-tabs button{border:1px solid #cad4e2;background:#fff;border-radius:8px;padding:10px 14px;color:#637186;cursor:pointer}.screen-tabs button.active{background:#2364e8;color:#fff;border-color:#2364e8}.screen-frame{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:380px}.fake-sidebar{background:#fafbfc;border-right:1px solid #e5e9ef;padding:22px 14px;display:grid;align-content:start;gap:8px;font-size:12px;color:#77859a}.fake-sidebar img{width:140px;margin:0 8px 25px}.fake-sidebar span{padding:11px;border-radius:7px}.fake-sidebar .selected{background:#e7efff;color:#2364e8;font-weight:750}.fake-content{padding:42px}.fake-kicker{font-size:10px;letter-spacing:.12em;color:#2364e8;font-weight:800}.fake-content h3{font-size:36px;margin:14px 0 8px}.fake-content p{color:#718095}.fake-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.fake-cards b{font-size:31px;display:block;margin:10px 0}.fake-rows{margin-top:24px;display:grid;gap:8px}.fake-rows i{height:13px;background:#edf1f5;border-radius:8px}.contact{max-width:1240px;margin:auto;padding:110px 24px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p{color:#6f7d90;line-height:1.6;max-width:450px}.contact form{display:grid;gap:13px}.contact label{display:grid;gap:7px;font-size:13px;font-weight:750}.contact input,.contact textarea{border:1px solid #cad4e2;border-radius:8px;padding:13px;font:inherit;background:#fff}.consent{display:flex!important;align-items:center;gap:8px!important;font-weight:500!important;color:#6f7d90}.consent input{width:16px}.contact #feedback-result{min-height:20px;color:#2364e8;font-weight:700}footer{padding:28px 24px;border-top:1px solid #e2ded5;display:flex;justify-content:space-between;gap:20px;color:#8490a0;font-size:12px}footer img{width:140px;height:24px;object-fit:cover;object-position:center}@media(max-width:800px){.nav nav{display:none}.hero,.contact{grid-template-columns:1fr}.hero{padding-top:70px}.hero-visual{order:-1}.capabilities{grid-template-columns:1fr}.screen-frame{grid-template-columns:1fr}.fake-sidebar{display:none}.fake-content{padding:25px}.fake-cards{grid-template-columns:1fr 1fr}.contact{gap:35px;padding:75px 24px}footer{flex-direction:column}}
.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.zone,.printer-list button,.queue div{border:1px solid #dce3ec;background:#f8fafc;border-radius:10px;padding:18px;text-align:left}.zone{cursor:pointer;font-weight:750}.zone.ok{border-color:#b8e0c5;background:#f1fbf4}.zone.warn{border-color:#f1d39a;background:#fffaf0}.zone.off{opacity:.55}.printer-list,.queue{display:grid;gap:10px;margin-top:28px}.printer-list button{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;cursor:pointer;font:inherit}.printer-list span,.queue span,.product-grid span{color:#718095;font-size:13px}.status{font-style:normal;font-size:12px;color:#21834b}.status.warn{color:#a66a00}.progress-panel{margin-top:30px;padding:24px;background:#f7f9fc;border-radius:12px}.progress-head,.job-meta{display:flex;justify-content:space-between;gap:12px}.progress{height:14px;background:#e2e8f0;border-radius:9px;margin:22px 0;overflow:hidden}.progress i{display:block;height:100%;background:#2364e8;border-radius:9px}.job-meta{color:#718095;font-size:13px}.queue div{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center}.queue em{font-style:normal;color:#2364e8;font-weight:750}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.product-grid article{display:grid;gap:12px;padding:18px;border:1px solid #dce3ec;border-radius:10px}.product-grid button{justify-self:start;border:0;background:#e7efff;color:#2364e8;border-radius:7px;padding:8px 12px;font-weight:700;cursor:pointer}
.real-screen{margin-top:28px}.real-screen img{display:block;width:100%;height:auto;border:1px solid #d9e0e9;border-radius:16px;box-shadow:0 28px 65px #26384d1c}.real-caption{margin:12px 0 0;color:#718095;font-size:12px}
.real-switcher{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.real-switcher button{border:1px solid #cad4e2;background:#fff;color:#5d6e84;border-radius:9px;padding:11px 15px;font:inherit;cursor:pointer}.real-switcher button.active,.real-switcher button:hover{background:#2364e8;color:#fff;border-color:#2364e8}.real-screen img{transition:opacity .18s ease}
footer{align-items:center}
.nav-actions,.header-contacts,.footer-brand,.footer-contacts{display:flex;align-items:center}
.nav-actions{gap:10px}
.header-contacts,.footer-contacts{gap:8px}
.footer-brand{gap:18px;min-width:0}
.contact-channel{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cad4e2;border-radius:9px;background:#fff;color:#31425b;font:inherit;font-size:12px;font-weight:750;line-height:1;box-shadow:0 3px 10px #26384d0a;text-decoration:none;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;appearance:none}
.contact-channel:hover{border-color:#9fbaf0;background:#f5f8ff;color:#1f5fd8;box-shadow:0 5px 14px #2364e817}
.contact-channel svg{width:17px;height:17px;flex:0 0 17px;stroke:#2364e8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-contact{height:40px;padding:0 13px}
.footer-contact{min-width:110px;height:40px;padding:0 14px}
.footer-copy{text-align:left;white-space:nowrap}
@media(max-width:1080px){.header-contact{width:40px;min-width:40px;padding:0}.header-contact span{display:none}}
@media(max-width:800px){footer{align-items:flex-start}.footer-brand{flex-wrap:wrap}.footer-contacts{justify-content:flex-start;flex-wrap:wrap}.footer-copy{text-align:left}}
@media(max-width:520px){.nav{height:68px;padding:0 12px;gap:8px}.logo img{width:126px;height:24px}.nav-actions{gap:6px}.header-contacts{gap:5px}.header-contact{width:36px;min-width:36px;height:36px}.login{height:36px;display:inline-flex;align-items:center;padding:0 10px;font-size:0}.login::after{content:"Войти";font-size:11px}}
.hero{padding-top:56px;padding-bottom:48px}
.section{padding-top:48px;padding-bottom:48px}
.screens{padding-top:48px;padding-bottom:44px}
.section h2,.contact h2{margin:14px 0 32px}
.contact{padding-top:52px;padding-bottom:28px;gap:56px}
.contact #feedback-result{margin:0;min-height:0}
.contact #feedback-result:empty{display:none}
