@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
  
  :root{
    --ink:#1C1E21;
    --paper:#ffffff;
    --line:#E5E3DF;
    --muted:#767470;
    --accent:#002985;
  }

  *{ box-sizing:border-box; }

  html,body{
    height:100%;
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:'Inter',sans-serif;
  }

  .wrap{
    min-height:100vh;
    display:flex;
    flex-direction:column;
  }

  main{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .hero{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:2rem clamp(1.5rem,5vw,4rem);
    width:100%;
    max-width:640px;
    margin:0 auto;
  }

  .logo-mark{
    max-width:180px;
    width:100%;
    height:auto;
    margin-bottom:1.5rem;
  }

  .content{
    display:flex;
    flex-direction:column;
    align-items:center;
  }

  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    font-size:.78rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--muted);
    margin-bottom:1.25rem;
  }
  .eyebrow .dot{
    width:6px;height:6px;border-radius:50%;
    background:var(--accent);
  }

  h1{
    font-size:clamp(2.1rem, 4.4vw, 3.1rem);
    font-weight:700;
    line-height:1.15;
    letter-spacing:-0.02em;
    margin:0 0 1rem;
  }

  .lead{
    color:var(--muted);
    font-size:1.05rem;
    line-height:1.6;
    max-width:480px;
    margin:0 auto 2.25rem;
  }

  .uc-image{
    max-width:550px;
    width:100%;
    height:auto;
    display:block;
    margin:0 auto;
  }

  footer{
    padding:1.5rem clamp(1.5rem,5vw,4rem) 2rem;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:.82rem;
    color:var(--muted);
    border-top:1px solid var(--line);
  }

  @media (prefers-reduced-motion: reduce){
    *{ animation-duration:.001ms !important; transition:none !important; }
  }