:root{--ink:#090c12;--blue:#006da6;--navy:#0d172e;--paper:#f7f8fa;--line:#dfe3e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:"DM Sans",Arial,sans-serif;color:var(--ink)}.site-header{height:64px;padding:0 20px;display:flex;align-items:center;gap:30px;background:#fafbfc;border-bottom:1px solid #e8ebee}.logo{width:47px;text-decoration:none;display:grid;grid-template-columns:10px 1fr;grid-template-rows:12px 9px;line-height:1;color:#173b74;font-size:8px}.logo span{grid-row:1/3;display:grid;place-items:center;width:10px;height:16px;background:#e9f5ff;color:#006ca8;font-weight:700}.logo b{font-size:7px;align-self:end}.logo small{font-size:6px}.site-header nav{display:flex;gap:36px;margin:auto}.site-header nav a{padding:23px 0 8px;text-decoration:none;font-size:12px;color:#17191f;border-bottom:1px solid transparent}.site-header nav a.active{font-weight:600;border-color:#111}.admin,.contact-strip>a{background:#070707;color:#fff;text-decoration:none;padding:9px 15px;font-size:12px;font-weight:600}.menu-button{display:none}.hero{height:330px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(125deg,#e8edf5,#f8fbfd 50%,#dcecf5)}.hero:before,.circuit{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,transparent 20%,#fff8 30%,transparent 42%),radial-gradient(circle at 12% 65%,#cdf8ff 0 3px,transparent 5px),radial-gradient(circle at 82% 17%,#d5ffff 0 4px,transparent 7px);opacity:.9}.circuit{background-size:100% 100%,140px 110px,180px 120px;filter:blur(.2px)}.hero-content{position:relative;text-align:center;padding:10px 20px}.tag{display:inline-block;border-radius:20px;padding:4px 12px;background:#fff;color:#0c1724;font-size:9px;letter-spacing:.8px}.hero h1{margin:20px 0;font-size:40px;line-height:1.15;letter-spacing:-1.4px}.hero h1 strong{color:#006ea9}.hero p{margin:0;color:#252b34;font-size:15px;line-height:1.6}.services{max-width:1100px;margin:auto;padding:38px 20px 63px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.service-card{background:#fff;border:1px solid #dfe2e6;border-radius:3px;padding:24px 25px;display:flex;flex-direction:column}.service-card img{width:240px;height:175px;object-fit:contain;align-self:center;margin:2px 0 16px}.service-card h2{font-size:20px;line-height:1.35;margin:0 0 14px}.service-card p{font-size:14px;line-height:1.5;margin:0;color:#272b32}.service-card ul{list-style:none;padding:0;margin:24px 0 23px;font-size:13px}.service-card li{margin:9px 0;padding-left:20px;position:relative}.service-card li:before{content:"⊙";position:absolute;left:0;color:#0079ba;font-weight:bold}.two-column{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.outline-button{border:1px solid #93989e;color:#111;text-align:center;text-decoration:none;padding:11px;font-size:13px;margin-top:auto}.outline-button b{font-size:18px;margin-left:10px;font-weight:400}.support{min-height:136px;margin-top:55px;background:var(--navy);border-radius:3px;color:#fff;padding:28px 39px;display:flex;align-items:center;gap:19px}.headset{width:54px;height:54px;border-radius:10px;display:grid;place-items:center;background:#143b61;color:#27b9ff;font-size:31px}.support h2{font-size:19px;margin:0 0 8px}.support p{margin:0;color:#a5b1c5;font-size:15px}.support-trigger{margin-left:auto;color:#2bb7f7;background:none;border:0;border-bottom:1px solid #2bb7f7;padding:7px 0;font:600 11px "DM Sans";letter-spacing:.5px;cursor:pointer}.support-trigger b{font-size:17px;margin-left:8px}.contact-strip{padding:55px max(20px,calc((100% - 1060px)/2));background:#f1f3f5;border-top:1px solid #e5e7ea;display:flex;align-items:center;justify-content:space-between}.contact-strip h2{margin:0 0 10px;font-size:18px}.contact-strip p{font-size:12px;margin:0}.contact-strip>a{padding:12px 20px}footer{max-width:1060px;margin:auto;padding:69px 20px 40px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;font-size:10px;background:#fff}footer .footer-logo{margin-bottom:34px}footer p{grid-column:1;margin:0;font-size:10px}footer h3{margin:0 0 14px;font-size:12px}footer a:not(.logo){display:block;margin:0 0 10px;color:#111;text-decoration:none}.chat-fab{position:fixed;right:24px;bottom:24px;z-index:10;border:0;border-radius:30px;background:#087aaf;color:#fff;padding:14px 18px;box-shadow:0 8px 20px #00355444;font:600 14px "DM Sans";cursor:pointer}.chat-fab span{margin-left:7px}.chat-panel{position:fixed;right:24px;bottom:82px;z-index:11;width:min(370px,calc(100vw - 32px));background:#fff;border-radius:13px;box-shadow:0 18px 45px #00162f3b;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s}.chat-panel.open{opacity:1;pointer-events:auto;transform:none}.chat-panel header{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;background:#0d172e;color:#fff}.chat-panel header b,.chat-panel header small{display:block}.chat-panel header b{font-size:15px}.chat-panel header small{font-size:11px;color:#b8c8dc;margin-top:3px}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#42dfad;margin-right:7px}.chat-close{border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}.chat-messages{height:290px;padding:17px;overflow:auto;background:#f7f9fb}.chat-message{max-width:82%;width:max-content;padding:10px 12px;margin-bottom:10px;border-radius:12px;font-size:13px;line-height:1.4}.chat-message.agent{background:#e4ebf1;color:#172030}.chat-message.customer{margin-left:auto;background:#087aaf;color:#fff}.chat-form{display:flex;border-top:1px solid #e0e4e9;padding:10px}.chat-form input{min-width:0;flex:1;border:0;outline:0;font:13px "DM Sans";padding:8px}.chat-form button{border:0;border-radius:7px;background:#087aaf;color:#fff;width:36px;font-size:19px;cursor:pointer}@media(max-width:760px){.site-header nav{display:none}.menu-button{display:block;border:0;background:none;margin-left:auto;font-size:20px}.site-header nav.open{display:flex;position:absolute;top:64px;left:0;right:0;z-index:10;flex-direction:column;gap:0;background:white;padding:10px 20px;box-shadow:0 8px 16px #0002}.site-header nav a{padding:10px}.admin{display:none}.hero h1{font-size:30px}.hero p br{display:none}.cards{grid-template-columns:1fr}.support{margin-top:45px;padding:22px;gap:13px}.support-trigger{display:none}.contact-strip{gap:18px;align-items:flex-start}.contact-strip>a{white-space:nowrap}footer{grid-template-columns:1fr 1fr}.footer-logo,footer p{grid-column:1/-1}}