:root {
  color-scheme: light;
  --navy: #070b64;
  --cyan: #009fdb;
  --ink: #101934;
  --muted: #62708a;
}
* { box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.page-shell { position: relative; isolation: isolate; display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; overflow: hidden; background: radial-gradient(ellipse at 80% 10%, #edf8fe 0%, transparent 42%), linear-gradient(160deg, #fff 15%, #f7faff 100%); }
.page-shell::before { content: ""; position: absolute; z-index: -1; inset: 0 auto 0 0; width: 7px; background: linear-gradient(180deg, var(--navy), var(--cyan)); }
.ambient { position: absolute; pointer-events: none; border: 1px solid rgba(0, 159, 219, .1); width: 490px; height: 490px; transform: rotate(30deg); border-radius: 88px; z-index: -1; }
.ambient-one { top: -330px; right: -160px; }
.ambient-two { width: 325px; height: 325px; bottom: -260px; left: -170px; border-color: rgba(7, 11, 100, .08); }
.main-content { flex: 1; width: min(100% - 64px, 1080px); margin: 0 auto; display: flex; flex-direction: column; }
.eyebrow { display: flex; gap: 14px; align-items: center; margin-top: 44px; color: #5e6e90; font-size: 10px; font-weight: 800; letter-spacing: .21em; }
.eyebrow-line { display: inline-block; width: 27px; height: 2px; background: var(--cyan); }
.hero { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 46px 0 66px; text-align: center; }
.logo-panel { width: min(100%, 830px); background: #fff; }
.main-logo { display: block; width: 100%; height: auto; }
.accent-rule { width: 46px; height: 3px; margin: 13px 0 34px; border-radius: 99px; background: linear-gradient(90deg, var(--navy) 50%, var(--cyan) 50%); }
.overline { margin: 0 0 13px; color: var(--cyan); font-size: 11px; font-weight: 800; letter-spacing: .21em; }
h1 { margin: 0; color: var(--ink); font-size: clamp(38px, 5.2vw, 66px); letter-spacing: -.052em; line-height: 1.12; font-weight: 750; }
h1 span { color: var(--navy); }
.lead { color: var(--muted); font-size: clamp(15px, 1.4vw, 17px); line-height: 1.75; margin: 24px 0 29px; }
.status { display: inline-flex; align-items: center; gap: 10px; padding: 10px 17px; border: 1px solid #dce6f1; border-radius: 99px; background: rgba(255,255,255,.8); color: #54607a; font-size: 12px; font-weight: 600; }
.status-dot { width: 7px; height: 7px; background: var(--cyan); border-radius: 100%; box-shadow: 0 0 0 4px #e2f5fc; }
.site-footer { display: flex; justify-content: space-between; gap: 20px; width: min(100% - 64px, 1080px); margin: 0 auto; padding: 25px 0 30px; border-top: 1px solid #e4eaf2; color: #7a8599; font-size: 12px; }
@media (max-width: 650px) {
  .main-content, .site-footer { width: min(100% - 42px, 1080px); }
  .eyebrow { margin-top: 28px; font-size: 9px; letter-spacing: .13em; }
  .hero { padding: 45px 0 64px; }
  .logo-panel { width: calc(100% + 12px); max-width: 510px; }
  .accent-rule { margin: 25px 0 32px; }
  h1 { font-size: clamp(35px, 9vw, 50px); }
  .desktop-break { display: none; }
  .lead { max-width: 340px; margin: 20px 0 26px; }
  .site-footer { text-align: center; flex-direction: column; align-items: center; gap: 7px; font-size: 11px; padding: 22px 0 26px; }
}
@media (prefers-reduced-motion: no-preference) { .status-dot { animation: glow 2.6s ease-in-out infinite; } @keyframes glow { 50% { box-shadow: 0 0 0 6px #e2f5fc; } } }