/* High-resolution, readable compositions based on the approved promo mockup. */
.promo-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}

@media (min-width:1101px){
  .hero .shell,.product-ui .shell,.infrastructure .shell,.platforms .shell,.admin-security .shell{width:min(1500px,calc(100% - 64px))}
  .hero-grid{grid-template-columns:minmax(0,580px) minmax(0,1fr);gap:18px}
  .hero-points{grid-template-columns:repeat(4,max-content);gap:18px;white-space:nowrap}
  .product-ui .split-grid,.infrastructure .split-grid,.platforms .split-grid,.admin-security .split-grid{grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:40px}
}
.hero-points{align-items:center}
.hero-points>span{font-size:13px;line-height:1.24;gap:9px}
.hero-points>span>svg,.hero-points>span>img{width:29px;height:29px;flex:none}
.hero-points>span>svg{fill:none;stroke:#243650;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-points>span>img{object-fit:contain}
.hero-points>span>span{display:block}

.product-ui{height:auto;min-height:600px;padding:38px 0 36px;background:linear-gradient(110deg,#fafdff,#f5f8fb 72%,#fbfdff)}
.product-ui .section-heading h2{font-size:37px}
.product-ui .section-heading p{font-size:15px;max-width:300px}
.product-diagram{height:520px;min-height:520px;isolation:isolate}
.product-diagram::before{content:"";position:absolute;z-index:-1;width:80%;height:86%;left:8%;top:8%;border-radius:50%;background:radial-gradient(circle,#fff0e5 0%,#fff8f1 46%,transparent 72%)}
.mini-window-dots{position:absolute;top:11%;left:13%;display:flex;gap:5px;z-index:3}
.mini-window-dots i{width:9px;height:9px;border-radius:50%;background:#ff6b5e;box-shadow:0 1px 2px #0002}
.mini-window-dots i:nth-child(2){background:#ffc750}.mini-window-dots i:nth-child(3){background:#67d080}
.mini-app{top:14%;left:13%;width:78%;height:405px;grid-template-columns:106px 235px minmax(0,1fr);border-radius:12px;box-shadow:0 20px 35px #1b30412e}
.mini-app-sidebar{align-items:stretch;gap:8px;padding:10px 9px;background:linear-gradient(150deg,#223246,#172539)}
.mini-app-sidebar>span:not(.spacer){display:flex;width:100%;align-items:center;gap:8px;padding:7px 5px;font-size:11px;line-height:1.15;white-space:nowrap;border-radius:5px}
.mini-app-sidebar>span.selected{background:#31445b;color:#fff}
.mini-app-sidebar>span>svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mini-logo{height:38px;width:100%;justify-content:flex-start;gap:5px;margin-bottom:3px}
.mini-logo img{width:23px;height:29px}.mini-logo b{font-size:14px}
.mini-list{padding:10px 8px}.mini-search{display:flex;align-items:center;gap:7px;height:36px;padding:8px 11px;margin-bottom:8px;font-size:11px}
.mini-search svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.mini-list-caption{margin:7px 5px 2px;color:#63748b;font-size:10px;font-weight:700}
.mini-chat{min-height:46px;padding:5px;gap:8px;position:relative}
.mini-chat .avatar{width:31px;height:31px;font-size:9px}
.mini-chat>div{min-width:0;max-width:calc(100% - 40px)}
.mini-chat b{font-size:10px;line-height:1.2;max-width:100%}.mini-chat small{font-size:8px;line-height:1.2;margin-top:3px}
.mini-chat time{position:absolute;right:5px;top:6px;color:#8c9aae;font-size:7px}
.mini-thread{padding:0 13px 13px;background-color:#d9edd5;background-image:radial-gradient(#a6d1a3 0.6px,transparent 0.6px),radial-gradient(#b2d3aa 0.7px,transparent 0.7px);background-size:22px 22px,36px 36px;background-position:0 0,11px 9px}
.mini-thread-head{height:52px;margin:0 -13px 13px;padding:7px 13px;justify-content:flex-start;align-items:center;gap:8px;font-size:11px}
.mini-thread-head .thread-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#d66478;color:#fff;font-weight:700}
.mini-thread-head small{font-size:9px}.mini-thread-actions{margin-left:auto;font-size:15px;color:#243953;white-space:nowrap}
.mini-message{position:relative;width:max-content;max-width:82%;min-width:185px;margin:0 0 10px;padding:8px 11px 17px;font-size:11px;line-height:1.28;box-shadow:0 2px 8px #26422512}
.mini-message b{font-size:10px;margin-bottom:2px}.mini-message time{position:absolute;right:7px;bottom:4px;color:#91a0af;font-size:8px}
.mini-message.right{min-width:195px;margin-left:auto}.mini-message.right b{color:#128147}
.mini-file{display:flex;align-items:center;gap:8px;margin-top:7px;padding:7px;background:#f7faff;border-radius:5px;font-size:9px;color:#286bc6}
.mini-file svg{width:24px;height:24px;flex:none;fill:none;stroke:#2575d7;stroke-width:1.8}.mini-file small{font-size:8px}
.mini-composer{min-height:32px;padding:8px 11px;font-size:10px}
.ui-label{display:flex;align-items:center;gap:10px;width:auto;min-width:168px;min-height:56px;padding:8px 10px;border-color:#ffd0ad;border-radius:9px;font-size:13px;line-height:1.12;box-shadow:0 5px 14px #25364b13}
.ui-label>svg{width:22px;height:22px;flex:none;fill:none;stroke:#1e426a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ui-label small{margin-top:3px;font-size:10px;line-height:1.18}
.ui-label::after{background:#ff9d5c}
.label-one{top:0;left:4%}.label-two{top:22%;left:-8%}.label-three{top:0;left:43%}.label-four{top:1%;right:17%}.label-five{top:3%;right:-2%}.label-six{bottom:1%;left:-6%}.label-seven{top:48%;right:-2%}

.infrastructure{height:auto;min-height:310px;padding:42px 0;background:#f8fafc}
.infrastructure .section-heading h2,.admin-security .section-heading h2{font-size:36px}
.infrastructure .section-heading p,.admin-security .section-heading p{font-size:15px}
.infra-map{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1.18fr) minmax(0,1.2fr);gap:10px}
.infra-node,.infra-stack,.infra-checks{height:205px;border-radius:10px;box-shadow:0 3px 12px #26394d09}
.infra-node{padding:17px 10px}.infra-node b,.infra-stack>b{font-size:14px;color:#1c2a40}.infra-node small{font-size:11px;line-height:1.2}
.device-icons{display:flex;justify-content:center;align-items:flex-end;gap:4px;margin:27px 0 27px}
.device-icons svg{width:43px;height:53px;fill:none;stroke:#526b88;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.device-icons svg:nth-child(2){width:50px;height:61px}.device-icons svg:nth-child(n+3){width:22px;height:48px}
.primary-node .node-icon{position:relative;display:grid;place-items:center;width:118px;height:104px;margin:20px auto 0;background:transparent;border:0;border-radius:0;overflow:visible}
.primary-node .node-icon svg{width:90px;height:88px;fill:#e6eef7;stroke:#687f9a;stroke-width:2}
.primary-node .node-icon img{position:static;width:118px;height:104px;max-width:100%;object-fit:contain;background:transparent}
.flow-arrow{height:2px;background:repeating-linear-gradient(to right,#4b9cff 0 4px,transparent 4px 8px)}
.infra-stack{padding:16px 14px}.infra-stack>div{gap:10px;margin-top:15px;font-size:12px;color:#50627c;line-height:1.2}
.infra-stack svg{width:23px;height:23px;flex:none;fill:none;stroke:#65798f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.infra-stack svg.database-icon{stroke:#2f9876}.infra-stack svg.folder-icon{stroke:#e64f42}
.infra-checks{padding:17px 12px;background:#f2f7f8;border-color:#e9f0f2}
.infra-checks li{font-size:11px;line-height:1.2;margin:13px 0;padding-left:26px}.infra-checks li::before{width:19px;height:19px;font-size:12px}

.platforms{height:auto;min-height:200px;padding:29px 0;background:#fff}
.platforms .section-heading h2{font-size:34px}
.platforms .section-heading p{font-size:14px}
.platform-grid{gap:18px}
.platform-card{gap:5px}
.platform-icon{height:64px;width:100%;display:flex;justify-content:center;align-items:center}
.platform-icon.linux img{height:62px;width:56px;object-fit:contain}
.platform-icon.windows svg{height:56px;width:56px;fill:#1682e5}
.platform-icon.android img{height:62px;width:55px;object-fit:contain}
.platform-icon.synology svg{height:43px;width:145px;max-width:none}
.platform-card b{display:block!important;font-size:14px;color:#2c3a52}
.platform-card small{font-size:11px}

.client-downloads{height:auto;min-height:260px;padding:42px 0;background:#f8fafc}
.client-downloads .section-heading h2{font-size:34px}
.client-downloads .section-heading p{font-size:14px;max-width:310px}
.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.download-card{display:flex;align-items:flex-start;gap:14px;min-height:176px;padding:20px;border:1px solid #e0e8f0;border-radius:14px;background:#fff;box-shadow:0 6px 18px #26394d0b}
.download-card-muted{background:#fbfcfd}
.download-card-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;background:#eaf3ff;color:#1682e5}
.download-card-icon.web{background:#f0f3f6;color:#5a718c}
.download-card-icon svg{width:28px;height:28px;fill:currentColor;stroke:none}
.download-card-icon.web svg{fill:none;stroke:currentColor;stroke-width:2}
.download-card-body{min-width:0}.download-platform{display:block;color:#f58220;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.download-card h3{margin:5px 0 6px;color:#1c2a40;font-size:17px}.download-card p{margin:0 0 14px;color:#6f8095;font-size:11px;line-height:1.4}.download-card .btn{font-size:12px}

.admin-security{height:auto;min-height:310px;padding:43px 0;background:#f7f9fb}
.security-grid{gap:12px}
.security-grid>div{min-height:84px;gap:14px;padding:13px 15px;border-radius:10px;box-shadow:0 3px 11px #2336480a}
.security-grid svg{width:28px;height:28px;flex:none;fill:none;stroke:#1d7ff0;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.security-grid b{font-size:13px;line-height:1.28;color:#62718a;font-weight:500}

.contact-section{padding:48px 0;background:#f3f7fa}
.contact-layout{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:45px;align-items:start;width:min(1200px,calc(100% - 64px))}
.contact-layout .section-heading h2{font-size:37px}.contact-layout .section-heading p{font-size:15px}
.contact-telegram{display:inline-block;margin-top:17px;color:#0878d4;font-size:14px;font-weight:700}
.contact-form{display:grid;gap:14px;padding:26px 30px;background:#fff;border:1px solid #dce5ed;border-radius:14px;box-shadow:0 14px 35px #18354f12}
.contact-form label{display:grid;gap:6px;color:#263850;font-size:12px;font-weight:700}
.contact-form input:not([type=hidden]){width:100%;height:44px;padding:0 13px;border:1px solid #d4dfeb;border-radius:8px;background:#fbfdff;color:#1d2939;font:14px Inter,sans-serif;outline:none}
.contact-form input:focus{border-color:#f58220;box-shadow:0 0 0 3px #f5822024}
.contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.captcha-row{display:flex;align-items:end;gap:16px}
.captcha-row>label{min-width:190px;flex:1}
.captcha-image-wrap{display:flex;align-items:center;overflow:hidden;height:72px;border:1px solid #d4dfeb;border-radius:8px;background:#f6f9fc}
.captcha-image-wrap img{width:220px;height:72px;object-fit:contain}
.captcha-image-wrap button{height:100%;width:38px;border:0;border-left:1px solid #d4dfeb;background:#f6f9fc;color:#276aa5;font-size:28px;cursor:pointer}
.contact-note{color:#76869a;font-size:11px}
.contact-form>.btn{justify-self:start;min-width:180px;height:44px;font-size:13px}
.contact-status{min-height:18px;color:#276a3a;font-size:12px}.contact-status.error{color:#bd3030}
.contact-trap{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.site-footer{height:auto;min-height:85px;padding-bottom:10px}
.brand-credits{width:min(1320px,calc(100% - 80px));margin:0 auto;color:#9aa5b3;font-size:9px;line-height:1.3}

@media (min-width:1101px) and (max-width:1320px){
  .hero-grid{grid-template-columns:minmax(0,515px) minmax(0,1fr)}
  .hero-points{gap:10px}.hero-points>span{font-size:12px;gap:5px}.hero-points>span>svg,.hero-points>span>img{width:26px;height:26px}
  .product-ui .split-grid,.infrastructure .split-grid,.platforms .split-grid,.admin-security .split-grid{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:25px}
  .mini-app{grid-template-columns:83px 195px minmax(0,1fr)}
  .mini-app-sidebar>span:not(.spacer){font-size:9px}
  .infra-node small,.infra-checks li{font-size:9px}
}
@media (max-width:1100px){
  .hero-points{grid-template-columns:repeat(2,max-content)}
  .product-ui,.infrastructure,.platforms,.client-downloads,.admin-security{height:auto;min-height:0;padding:40px 0}
  .product-ui .split-grid,.infrastructure .split-grid,.platforms .split-grid,.client-downloads .split-grid,.admin-security .split-grid{display:block}
  .product-ui .section-heading p{max-width:650px}
  .product-diagram{margin-top:28px;height:510px;min-height:510px}
  .mini-app{grid-template-columns:88px 210px minmax(0,1fr)}
  .infra-map{margin-top:24px;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr) 25px minmax(0,1.2fr) minmax(0,1.25fr)}
  .infra-checks{display:block}
  .platform-grid,.download-grid,.security-grid{margin-top:22px}
}
@media (max-width:768px){
  .hero-points{gap:15px}.hero-points>span{font-size:11px}
  .product-ui .section-heading h2,.infrastructure .section-heading h2,.admin-security .section-heading h2{font-size:31px}
  .product-diagram{height:360px;min-height:360px}
  .mini-app{top:5%;left:0;width:100%;height:315px;grid-template-columns:57px 28% minmax(0,1fr)}
  .mini-window-dots{display:none}.ui-label{display:none}
  .mini-app-sidebar{padding:7px 4px}.mini-app-sidebar>span:not(.spacer){font-size:0;justify-content:center;gap:0;padding:6px 0}.mini-app-sidebar>span>svg{width:20px;height:20px}
  .mini-logo{justify-content:center}.mini-logo b{display:none}
  .mini-chat{min-height:39px;gap:5px}.mini-chat .avatar{width:25px;height:25px;font-size:7px}.mini-chat b{font-size:8px}.mini-chat small{font-size:7px}.mini-chat time{display:none}
  .mini-thread-head{height:40px;font-size:9px}.mini-thread-head .thread-avatar{width:23px;height:23px}.mini-thread-head small{font-size:7px}.mini-thread-actions{font-size:10px}
  .mini-message{min-width:0;max-width:92%;font-size:8px;margin-bottom:7px;padding:5px 7px 14px}.mini-message b{font-size:8px}.mini-file{font-size:7px;padding:4px}.mini-file svg{width:16px;height:16px}.mini-file small{font-size:7px}
  .infra-map{grid-template-columns:1fr 1fr;gap:12px}.infra-map .flow-arrow{display:none}.infra-node,.infra-stack,.infra-checks{height:190px}
  .infra-checks li{font-size:10px}.infra-stack>div{font-size:10px}
  .platform-grid{grid-template-columns:repeat(4,1fr)}
  .download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-card b{font-size:12px}.platform-card small{font-size:9px}
  .security-grid{grid-template-columns:repeat(2,1fr)}.security-grid>div{min-height:76px}.security-grid b{font-size:11px}
  .contact-layout{display:block;width:calc(100% - 32px)}.contact-form{margin-top:23px}
}
@media (max-width:520px){
  .hero-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-points>span{font-size:10px}
  .product-diagram{height:275px;min-height:275px}.mini-app{height:250px;grid-template-columns:41px 32% minmax(0,1fr)}
  .mini-logo img{width:20px;height:23px}.mini-app-sidebar>span>svg{width:16px;height:16px}
  .mini-list{padding:6px 3px}.mini-search{height:24px;font-size:7px;margin-bottom:3px}.mini-search svg{width:11px}.mini-list-caption{font-size:7px;margin:3px 1px 0}.mini-chat{min-height:31px;padding:2px}.mini-chat .avatar{width:19px;height:19px;font-size:6px}.mini-chat b{font-size:6px}.mini-chat small{font-size:5px}
  .mini-thread{padding:0 5px 5px}.mini-thread-head{height:30px;margin:0 -5px 6px;padding:2px 5px}.mini-thread-head .thread-avatar{display:none}.mini-thread-head b{font-size:7px}.mini-thread-head small{font-size:6px}
  .mini-message{font-size:6px;padding:4px 5px 11px;margin-bottom:4px}.mini-message b{font-size:6px}.mini-message time{font-size:5px}.mini-file{font-size:6px;gap:3px}.mini-composer{min-height:22px;font-size:6px;padding:5px}
  .infra-map{grid-template-columns:1fr 1fr}.infra-node,.infra-stack,.infra-checks{height:170px}.infra-node b,.infra-stack>b{font-size:11px}.infra-node small{font-size:8px}.device-icons{margin:22px 0}.device-icons svg{width:26px;height:36px}.device-icons svg:nth-child(2){width:30px;height:40px}.device-icons svg:nth-child(n+3){width:15px;height:31px}
  .infra-stack{padding:10px}.infra-stack>div{gap:6px;margin-top:10px;font-size:8px}.infra-stack svg{width:17px;height:17px}.infra-checks{padding:10px 7px}.infra-checks li{font-size:8px;margin:9px 0;padding-left:20px}.infra-checks li::before{width:14px;height:14px}
  .platform-grid{grid-template-columns:repeat(2,1fr);row-gap:22px}
  .download-grid{grid-template-columns:1fr}
  .security-grid>div{gap:7px;padding:9px}.security-grid svg{width:22px;height:22px}.security-grid b{font-size:9px}
  .contact-form{padding:18px}.contact-field-row{grid-template-columns:1fr}.captcha-row{display:block}.captcha-row>label{margin-top:10px}.captcha-image-wrap{width:100%;justify-content:space-between}
  .brand-credits{width:calc(100% - 32px)}
}