.topbar{position:sticky;top:0;z-index:1000;max-width:none;height:104px;padding-left:max(28px,calc((100% - var(--max))/2));padding-right:max(28px,calc((100% - var(--max))/2));border-bottom:1px solid var(--line);box-shadow:0 8px 25px rgba(9,42,74,.06)}.logo-slot{width:190px;height:72px}.login-link{padding:.7rem 1rem!important;border-radius:7px;background:var(--navy);color:#fff!important;white-space:nowrap;box-shadow:inset 3px 0 0 var(--red)}.login-link:hover,.login-link:focus-visible{background:#0d4775!important;color:#fff!important}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:27px;height:3px;border-radius:2px;background:var(--red);flex:0 0 auto}.steps article:first-child,.cards article:nth-child(2),.timeline li:nth-child(3){border-top-color:var(--red)}.steps article:first-child span,.timeline li:nth-child(3):before{color:var(--red)}.primary{position:relative;box-shadow:inset 4px 0 0 var(--red)}.primary:hover,.primary:focus-visible{box-shadow:inset 4px 0 0 #ff5360}.brandline:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--red);margin-right:12px}.problem{padding-bottom:64px}.problem-lead{font-size:1.15rem;max-width:790px}.wide-visual{max-width:1400px;margin:0 auto;padding:0 28px 96px;background:linear-gradient(#f7fafc 0 52%,#fff 52%)}.wide-visual img{width:100%;border-radius:18px;box-shadow:0 25px 70px rgba(9,42,74,.16)}.visual-section{padding-top:82px}.graphic-card{margin:42px 0 0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 16px 45px rgba(9,42,74,.08)}.graphic-card img{width:100%;height:auto}.benefits-graphic{background:#fff}.compact-checks{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.compact-checks li{font-weight:700}.ecosystem-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px}.ecosystem-grid img{width:100%;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.teltonika{padding-top:78px;padding-bottom:78px}.teltonika-box{display:grid;grid-template-columns:100px 1fr;gap:34px;align-items:center;padding:38px 44px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(105deg,#fff,#f3f8fc)}.teltonika-box h2{font-size:clamp(1.75rem,2.6vw,2.6rem);margin-bottom:12px}.teltonika-box p:last-child{margin:0;font-size:1.08rem}.tech-mark{width:82px;height:82px;border-radius:18px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900;font-size:2.4rem;border-bottom:5px solid var(--red)}.final-contact{text-align:center;background:#fff}.final-contact .wrap{max-width:850px}.final-contact .eyebrow{justify-content:center}.final-contact>div>p:not(.eyebrow){font-size:1.1rem;margin:0 auto 28px}.final-contact .btn{min-width:230px}.quick-contact{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:32px}.quick-contact a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;color:var(--navy)}.contact-icon{width:35px;height:35px;border-radius:50%;display:inline-grid;place-items:center}.contact-icon svg{width:18px;height:18px;fill:#fff}.quick-phone .contact-icon{background:var(--red)}.quick-whatsapp .contact-icon{background:#25a85a}.quick-whatsapp:hover{color:#168846}.quick-phone:hover{color:var(--red)}.contact-separator{width:1px;height:30px;background:var(--line)}
@media(max-width:1100px){.topbar nav{gap:15px}.topbar nav a{font-size:.85rem}.login-link{padding:.55rem .7rem!important}.logo-slot{width:170px}.ecosystem-grid{gap:35px}}
@media(max-width:900px){.topbar{height:88px}.logo-slot{width:170px;height:62px}.login-link{margin-top:4px}.final-contact .eyebrow{justify-content:center}.wide-visual{padding:0 20px 72px}.ecosystem-grid{grid-template-columns:1fr}.teltonika-box{grid-template-columns:80px 1fr;padding:30px}.tech-mark{width:70px;height:70px}.compact-checks{grid-template-columns:1fr}}
@media(max-width:600px){.logo-slot{width:150px;height:56px}.wide-visual{padding-left:12px;padding-right:12px}.wide-visual img,.graphic-card{border-radius:10px}.quick-contact{flex-direction:column;gap:14px}.contact-separator{width:65px;height:1px}.final-contact .btn{width:100%}.teltonika-box{grid-template-columns:1fr;padding:26px}.tech-mark{width:60px;height:60px}}