.hmi-hero{background:radial-gradient(ellipse at 90% 20%,#334f79 0%,#142d49 45%,#091c2d 100%)}.hmi-hero .hero-grid{grid-template-columns:1.2fr 1fr}.hmi-visual{padding:28px 10px;text-align:center}.hmi-visual>p{color:#9fbace;letter-spacing:2px;font-size:12px;margin-top:24px}.hmi-screen{padding:24px;background:linear-gradient(150deg,#183956,#0d2237);border:9px solid #22394c;border-radius:15px;box-shadow:0 28px 50px #0005,0 0 0 1px #7896b9;transform:rotate(-3deg)}.screen-top,.screen-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#9fc5de}.screen-top{padding-bottom:15px;border-bottom:1px solid #86afd62b}.screen-dot{width:7px;height:7px;background:#7cd8ca;border-radius:50%;box-shadow:0 0 12px #7cd8ca}.screen-body{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0}.screen-ring{width:132px;height:132px;border:8px solid #579db64d;border-right-color:#75d5cf;border-top-color:#75d5cf;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.screen-ring span{font-size:30px;font-weight:600;color:#f1fbff}.screen-ring small{display:block;font-size:7px;letter-spacing:1px;color:#99c0d7;margin-top:6px}.screen-chart{display:flex;gap:9px;align-items:flex-end;height:112px;border-bottom:1px solid #64839c;flex:1}.screen-chart i{display:block;flex:1;height:35%;background:linear-gradient(#7ccfd6,#376d9e);border-radius:3px 3px 0 0}.screen-chart i:nth-child(2){height:50%}.screen-chart i:nth-child(3){height:42%}.screen-chart i:nth-child(4){height:68%}.screen-chart i:nth-child(5){height:60%}.screen-chart i:nth-child(6){height:87%}.screen-chart i:nth-child(7){height:100%}.screen-bottom{border-top:1px solid #86afd62b;padding-top:17px}.hmi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hmi-card{padding:28px 24px}.hmi-card:nth-child(2){--accent:#5474ab}.hmi-card:nth-child(3){--accent:#158f8b}.hmi-card .series-intro{min-height:84px}.hmi-card .feature-list li{min-height:140px}.hmi-card .series-actions{align-items:flex-start;flex-direction:column;gap:15px}.hmi-card .catalog-button{white-space:normal;text-align:center}.hmi-card .series-use{min-height:115px}.comparison-scroll table{min-width:880px}.comparison-scroll th,.comparison-scroll td{width:25%}@media(max-width:1050px){.hmi-grid{grid-template-columns:1fr}.hmi-card .series-intro,.hmi-card .series-use,.hmi-card .feature-list li{min-height:0}.hmi-card .series-actions{flex-direction:row;align-items:center}.hmi-hero .hero-grid{gap:30px}.hmi-screen{padding:18px}.screen-ring{width:100px;height:100px}.screen-body{gap:18px}.screen-chart{gap:6px}}@media(max-width:700px){.hmi-hero .hero-grid{grid-template-columns:1fr}.hmi-visual{padding:12px 8px}.hmi-screen{transform:rotate(-2deg);max-width:420px;margin:auto}.screen-ring{width:118px;height:118px}.screen-body{gap:26px}.hmi-card .series-actions{align-items:flex-start}.hmi-card h2{font-size:28px}}.got-mobile-section{padding:64px 0;background:linear-gradient(135deg,#edf6fb,#f7fafc);scroll-margin-top:88px}.mobile-intro{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:30px}.mobile-intro h2{font-size:clamp(26px,2.6vw,36px);margin:14px 0}.mobile-intro p{color:#60768a;line-height:1.9;max-width:740px}.mobile-intro .catalog-button{background:#176aa0;color:#fff;border-color:#176aa0;padding:16px 24px}.mobile-intro .catalog-button:hover{background:#13537e}.mobile-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mobile-cases article{background:#fff;border:1px solid #d8e6ef;border-radius:9px;padding:25px}.mobile-cases span{font-size:12px;color:#168a94;font-weight:700}.mobile-cases h3{font-size:18px;color:#244864;margin:13px 0}.mobile-cases p,.mobile-note{color:#657b8e;font-size:14px;line-height:1.9}.mobile-note{margin-top:24px}.mobile-note a{color:#176aa0}@media(max-width:700px){.got-mobile-section{padding:40px 0}.mobile-intro{display:block}.mobile-cases{grid-template-columns:1fr}.mobile-intro .catalog-button{margin:10px 0 8px}}