:root{
    --ink:#0b1f2c; --navy:#19425b; --slate:#6c7e8a;
    --mist:#aebcc5; --paper:#eef2f4; --glow:#5fb8d6;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;height:100%;}
  body{
    font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    color:var(--paper);
    background:radial-gradient(125% 120% at 50% 24%, #14324a 0%, #0b1f2c 58%, #081420 100%);
    min-height:100vh; min-height:100svh;
    position:relative; overflow-x:hidden;
    -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  }
  #bg{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0;}
  .veil{position:fixed;inset:0;pointer-events:none;z-index:1;
    background:radial-gradient(58% 48% at 50% 42%, rgba(6,16,24,.55), rgba(6,16,24,0) 76%);}
  .wrap{position:relative;z-index:2;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;}
  main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:clamp(24px,5vw,64px);gap:clamp(18px,2.4vw,30px);}
  .wordmark{width:clamp(210px,40vw,430px);height:auto;display:block;
    filter:drop-shadow(0 8px 34px rgba(0,0,0,.35));}
  .chip{display:inline-flex;align-items:center;gap:9px;
    font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
    color:var(--mist);padding:7px 15px;border:1px solid rgba(174,188,197,.22);
    border-radius:999px;background:rgba(11,31,44,.4);backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);}
  .chip .dot{width:7px;height:7px;border-radius:50%;background:var(--glow);
    box-shadow:0 0 0 0 rgba(95,184,214,.6);animation:pulse 2.6s ease-out infinite;}
  @keyframes pulse{
    0%{box-shadow:0 0 0 0 rgba(95,184,214,.55);}
    70%{box-shadow:0 0 0 11px rgba(95,184,214,0);}
    100%{box-shadow:0 0 0 0 rgba(95,184,214,0);}
  }
  h1{font-family:'Bricolage Grotesque','Inter',sans-serif;font-weight:700;
    font-size:clamp(1.3rem,6vw,3rem);line-height:1.05;letter-spacing:-.022em;
    margin:0;max-width:none;white-space:nowrap;
    background:linear-gradient(180deg,#ffffff 0%,#c9d5dd 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;}
  @supports not ((-webkit-background-clip:text) or (background-clip:text)){
    h1{color:var(--paper);}
  }
  .lede{margin:0;max-width:53ch;color:var(--mist);
    font-size:clamp(1rem,2.1vw,1.2rem);line-height:1.62;font-weight:400;}
  footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;
    gap:12px;flex-wrap:wrap;padding:20px clamp(20px,4vw,40px);
    font-size:.85rem;color:rgba(174,188,197,.7);}
  footer a{color:rgba(174,188,197,.92);text-decoration:none;}
  footer a:hover{color:var(--glow);}
  :focus-visible{outline:2px solid var(--glow);outline-offset:3px;}
  @media (max-width:520px){
    footer{justify-content:center;text-align:center;}
  }
  @media (prefers-reduced-motion: reduce){
    .chip .dot{animation:none;}
  }