:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: #0c315e;
  background: #fff;
  color-scheme: light;
  -webkit-text-size-adjust: 100%;
}
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: grid; grid-template-rows: auto 1fr auto; }
.frame { width: min(1200px, calc(100% - clamp(44px, 11vw, 152px))); margin-inline: auto; }
.masthead { display: flex; align-items: center; min-height: 104px; border-bottom: 1px solid #dce4ec; }
.logo { display: block; width: 148px; height: auto; }
.hero { display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(26px, 5vw, 80px); align-items: center; padding-block: clamp(46px, 8vh, 104px); }
.copy { min-width: 0; }
h1 { margin: 0; font-size: clamp(3rem, 5.7vw, 5.65rem); letter-spacing: -.067em; font-weight: 720; line-height: .99; text-wrap: balance; }
.intro { margin: 28px 0 0; max-width: 39ch; color: #43556a; font-size: clamp(1.06rem, 1.5vw, 1.25rem); line-height: 1.6; }
.status { margin: 35px 0 0; padding-left: 14px; border-left: 3px solid #87929e; color: #344b65; font-size: .94rem; line-height: 1.6; font-weight: 600; }
.figure { min-width: 0; background: #f3f6f9; border: 1px solid #dfe6ee; border-bottom: 3px solid #9fadc0; }
.figure svg { display: block; width: 100%; height: auto; }
.figure path { fill: none; stroke-linecap: square; stroke-linejoin: miter; }
.construction { stroke: #aab9ca; stroke-width: 1; stroke-dasharray: 3 5; }
.frame-line { stroke: #687e98; stroke-width: 1.5; }
.shape { stroke: #0c315e; stroke-width: 4.5; }
.footer { border-top: 1px solid #dce4ec; padding-block: 24px; color: #4c5d72; font-size: .78rem; letter-spacing: .07em; }
@media (max-width: 790px) {
  .masthead { min-height: 89px; }
  .logo { width: 132px; }
  .hero { grid-template-columns: 1fr; align-content: center; padding-block: 46px; gap: 34px; }
  .desktop-break { display: none; }
  h1 { max-width: 12ch; }
  .intro { margin-top: 18px; }
  .status { margin-top: 23px; }
  .figure { max-width: 540px; width: 100%; }
}