@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&family=IBM+Plex+Mono:wght@500&display=swap);

  :root{
    --void:#0b0c0e;
    --white:#f3f2ed;
    --red:#9a1915;
    --red-bright:#c62828;
    --steel:#7c8288;
    --line:#2a2d31;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--void);
    color:var(--white);
    font-family:'IBM Plex Mono',monospace;
    overflow-x:hidden;
  }
  h1,.display{
    font-family:'Rajdhani',sans-serif;
    text-transform:uppercase;
    letter-spacing:0.02em;
    font-weight:700;
  }
  .mono{
    font-family:'IBM Plex Mono',monospace;
    letter-spacing:0.1em;
    text-transform:uppercase;
    font-size:0.7rem;
    color:var(--red-bright);
  }
  a{color:inherit; text-decoration:none;}

  .screen{
    min-height:100svh;
    display:flex;
    flex-direction:column;
  }

  nav{
    display:flex; align-items:center; gap:12px;
    padding:22px 6vw;
  }
  .wordmark{height:30px; width:30px;}
  nav span{font-family:'Rajdhani',sans-serif; font-weight:700; font-size:0.95rem; letter-spacing:0.06em;}
  nav span em{font-style:normal; color:var(--red-bright);}

  .hero{
    position:relative;
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:6vh 6vw;
    overflow:hidden;
  }
  .logo-watermark{
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:min(900px,180vw); height:auto;
    pointer-events:none; opacity:0.14;
  }
  .hero-inner{position:relative; z-index:2; max-width:900px;}
  .eyebrow{margin-bottom:20px;}
  .hero h1{
    font-size:clamp(2.6rem,9vw,6rem);
    line-height:0.98;
    margin:0 0 26px;
  }
  .hero h1 em{font-style:normal; color:var(--red-bright);}
  .hero p{
    color:var(--steel);
    max-width:44ch;
    margin:0 auto 40px;
    font-size:1rem;
    line-height:1.6;
  }

  .cta-row{display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}
  .pill{
    border:1px solid var(--line);
    padding:15px 30px;
    font-size:0.78rem;
    letter-spacing:0.08em;
    text-transform:uppercase;
    transition:.2s;
  }
  .pill.solid{background:var(--red-bright); border-color:var(--red-bright); color:var(--void); font-weight:600;}
  .pill.solid:hover{background:var(--white); border-color:var(--white);}
  .pill.ghost:hover{border-color:var(--red-bright); color:var(--red-bright);}

  .facts{
    display:grid;
    grid-template-columns:1fr;
    border-top:1px solid var(--line);
  }
  @media(min-width:760px){.facts{grid-template-columns:1fr 1fr 1fr;}}
  .fact{
    padding:26px 6vw;
    border-bottom:1px solid var(--line);
  }
  @media(min-width:760px){
    .fact{border-right:1px solid var(--line); border-bottom:none;}
    .fact:last-child{border-right:none;}
  }
  .fact .mono{display:block; margin-bottom:6px;}
  .fact strong{font-family:'Rajdhani',sans-serif; font-weight:700; font-size:1.05rem; text-transform:uppercase;}

  footer{
    padding:18px 6vw;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    border-top:1px solid var(--line);
    font-size:0.72rem;
    color:var(--steel);
    letter-spacing:0.04em;
  }
  footer a:hover{color:var(--red-bright);}

    @media(prefers-reduced-motion:reduce){*{transition:none !important;}}