:root {
  font-family: "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: #14263d;
  background: #fff;
}

* { box-sizing: border-box; }

body { min-width: 320px; min-height: 100vh; margin: 0; }

.maintenance {
  display: grid;
  min-height: 100vh;
  place-items: center;
  overflow: hidden;
  padding: clamp(1.5rem, 5vw, 4rem) 1.25rem;
  background: radial-gradient(circle at 50% 23%, #f7fbff 0, #fff 39rem), #fff;
}

.content { width: min(100%, 61rem); text-align: center; }

.illustration {
  display: block;
  width: min(100%, 53rem);
  height: auto;
  margin: 0 auto clamp(1.1rem, 3vw, 2rem);
}

.eyebrow {
  margin: 0 0 .75rem;
  color: #6680a3;
  font-size: .75rem;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase;
}

h1 {
  margin: 0;
  color: #10233a;
  font-size: clamp(2rem, 5.3vw, 3.5rem);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.12;
}

.intro {
  margin: clamp(.9rem, 2.2vw, 1.4rem) 0 0;
  color: #607798;
  font-size: clamp(1.05rem, 2.5vw, 1.42rem);
  line-height: 1.42;
}

.note { margin: 1.1rem 0 0; color: #7589a5; font-size: clamp(.96rem, 2vw, 1.1rem); }

@media (max-width: 520px) {
  .maintenance { align-items: start; padding-top: 3rem; }
  .desktop-break { display: none; }
  h1 { max-width: 13ch; margin-inline: auto; }
}