/* Public landing pages on Hostinger. */
.header-inner { justify-content: space-between; }
.header-inner nav { align-items: center; flex-wrap: wrap; }
.header-inner .language { padding-inline: 12px; }
.hero-content { width: min(1270px, calc(100% - 88px)); }
.coverage-panel h3 { margin: 0 0 5px; }
.coverage-panel p { margin: 0; color: var(--muted); }
.quote-section { margin-block: 32px 0; }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding-inline-start: 25px; margin-block: 0 22px; }
.steps li { padding-inline-start: 4px; }
.quote-section .button { gap: 8px; }
.brand-footer { padding-block: 26px; padding-block-end: 68px; }
.footer { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 18px; color: #e1e9f8; }
.footer p { margin: 4px 0 0; }
.footer a, .plain { display: block; width: fit-content; }
.footer a { min-height: 32px; }
.plain { border: 0; background: none; color: inherit; padding: 0; text-decoration: underline; }
.consent { position: fixed; inset-inline: 12px; inset-block-end: 12px; z-index: 11; max-width: 480px; padding: 15px; border: 1px solid var(--line); border-radius: 10px; background: #fff; box-shadow: 0 5px 24px #17263e22; }
.consent p { margin: 0 0 8px; }
.consent button { padding: 8px 10px; border: 1px solid #a0b4a9; border-radius: 6px; background: #edf7ef; color: var(--text); margin-inline-end: 4px; }
.consent button:first-of-type { background: #08634b; color: #fff; }
@media (max-width: 900px) { .hero-content { width: calc(100% - 48px); } }
@media (max-width: 700px) {
  .hero-content { width: calc(100% - 32px); }
  .header-inner > nav { grid-column: 1 / -1; }
  .header-inner .language { min-height: 40px; }
  .footer, .steps { grid-template-columns: 1fr; gap: 8px; }
}
@media (max-width: 480px) {
  .service-catalog { grid-template-columns: minmax(0, 1fr); }
  .service-catalog a { min-height: 108px; }
}

.header-inner .brand { margin-inline-end: auto; }
.header-inner .brand-lockup img { height: auto; }
.header-inner nav { justify-content: flex-start; }
.service-items a { text-underline-offset: 3px; }
@media (max-width: 700px) {
  .header-inner > nav { width: 100%; }
  .header-inner .brand-lockup img { width: 137px; }
}