.page-top { padding: 130px 0 80px; }
.page-top h1 { font-size: clamp(1.9rem, 4vw, 3rem); }
.mt64 { margin-top: 64px; }
.billing { display: inline-flex; margin-top: 22px; border: 1px solid var(--line2); padding: 4px; gap: 4px; }
.billing button { background: transparent; border: 0; color: var(--silver); padding: 10px 18px; font: 700 .76rem var(--f-hud); letter-spacing: .14em; text-transform: uppercase; cursor: pointer; display: inline-flex; gap: 8px; align-items: center; }
.billing button.on { background: var(--red); color: #fff; }
.contact-card { display: flex; gap: 16px; align-items: flex-start; }
.contact-card .ico { flex: 0 0 44px; height: 44px; display: grid; place-items: center; color: var(--neon); border: 1px solid rgba(255, 32, 44, .4); }
.contact-card .ico svg { width: 22px; }
.uptime { display: grid; grid-template-columns: repeat(30, 1fr); gap: 3px; margin: 18px 0 8px; }
.uptime i { height: 38px; background: var(--anth3); display: block; }
.uptime i.ok { background: var(--ok); } .uptime i.warn { background: var(--warn); } .uptime i.bad { background: var(--neon); }
.status-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.status-row:last-child { border: 0; }
.err-page { min-height: 100vh; display: grid; place-items: center; text-align: center; padding: 24px; }
.err-page h1 { font-size: clamp(4rem, 14vw, 9rem); font-weight: 900; margin: 0; color: var(--neon); text-shadow: 0 0 40px rgba(255, 32, 44, .5); }