/* Minimal red/white/black theme */
:root{
    --bg:#ffffff;
    --fg:#0a0a0a;
    --muted:#6b6b6b;
    --red:#e50914;
    --red-d:#b40810;
    --line:#ececec;
  }
  
  *{box-sizing:border-box}
  html,body{height:100%}
  body{
    margin:0; background:var(--bg); color:var(--fg);
    font:400 16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  }
  
  /* Topbar with logo only */
  .topbar{
    display:flex; align-items:center; justify-content:center;
    height:56px; border-bottom:1px solid var(--line);
  }
  .brand{display:flex; align-items:center; gap:.5rem; font-weight:700}
  .mark{display:inline-grid; place-items:center; width:26px; height:26px; border:2px solid var(--red); color:var(--red); border-radius:6px; font-size:14px}
  .name{letter-spacing:.2px}
  
  /* One-screen hero */
  .hero{
    min-height:calc(100vh - 56px - 48px); /* viewport minus header & footer */
    max-width:920px; margin:0 auto; padding:32px 16px;
    display:grid; place-content:center; text-align:center; gap:14px;
  }
  .hero h1{
    margin:0; line-height:1.18;
    font-size:clamp(20px,3.8vw,34px);
  }
  .hero .sub{
    margin:0 auto; max-width:720px; color:var(--muted);
    font-size:clamp(14px,2.2vw,16px);
  }
  
  /* Primary CTA */
  .btn{
    display:inline-block; margin:6px auto 0; padding:.9rem 1.2rem;
    background:var(--red); color:#fff; border-radius:10px; font-weight:700;
    text-decoration:none; letter-spacing:.2px; transition:background .15s ease, transform .05s ease;
  }
  .btn:hover{background:var(--red-d)}
  .btn:active{transform:translateY(1px)}
  
  /* Disclosure & footer */
  .disc{margin:.25rem 0 0; color:var(--muted); font-size:.9rem}
  .foot{
    height:48px; display:flex; align-items:center; justify-content:center;
    border-top:1px solid var(--line); color:var(--muted); padding:0 12px; text-align:center;
  }
  .foot a{color:inherit; text-decoration:none}
  .foot a:hover{color:var(--fg)}