/* Jemné dorovnání proporcí desktopového návrhu. */
@media (min-width: 901px) {
    .hero-inner { padding-bottom: 4px; min-height: 0; }
    h1 { margin-top: 18px; }
    .benefits { margin-top: 25px; }
    .statistics { padding-top: 28px; padding-bottom: 16px; }
    .statistics-copy h2 { margin-bottom: 10px; }
    .stat-card { min-height: 230px; }
    .feature-card { min-height: 154px; }
    .audience-card { min-height: 181px; }
    .case-study { grid-template-columns: minmax(0, 55fr) minmax(0, 45fr); }
    .case-copy { padding-left: 15px; }
    .bottom-cta { grid-template-columns: 31% 1fr auto; }
}
.hero:before { left: -275px; top: -345px; width: 1000px; height: 710px; transform: rotate(30deg); }
.hero:after { left: -275px; top: 380px; width: 910px; height: 570px; transform: rotate(39deg); }
.meters-art { -webkit-mask-image: linear-gradient(to bottom, transparent, #000 9%, #000 92%, transparent); mask-image: linear-gradient(to bottom, transparent, #000 9%, #000 92%, transparent); }
.phones-art { -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 97%, transparent); mask-image: linear-gradient(to right, transparent, #000 4%, #000 97%, transparent); }
.stamp b { -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 96%, transparent); mask-image: linear-gradient(to right, transparent, #000 6%, #000 96%, transparent); }
.alarm-chart svg { background: linear-gradient(0deg, #e9f3ff75, transparent 65%); }
.alarm-chart .grid { stroke: #e3eaf2; }
@media (max-width: 900px) and (min-width: 681px) {
    .case-study { grid-template-columns: minmax(0, 54fr) minmax(0, 46fr); }
}
@media (max-width: 380px) {
    .header-inner { gap: 8px; }
    .brand { font-size: 16px; gap: 6px; }
    .header-actions .button { font-size: 10px; padding: 9px 7px; }
    .hero-actions .button { padding: 13px 12px; }
    .energy-card { gap: 2px; padding-left: 3px; padding-right: 3px; }
    .energy-card strong { font-size: 8px; }
    .energy-card b { font-size: 9px; }
    .energy-card small { font-size: 4px; }
    .energy-icon .icon { width: 14px; }
    .store-links { gap: 8px; }
    .store-badge { width: 125px; height: 38px; }
    .store-badge:nth-child(2) { width: 133px; }
}