:root {
      --primary:#c00000;
      --dark:#1f1f1f;
      --muted:#555;
      --light:#f5f5f5;
      --accent:#0077b6;
    }
    *{box-sizing:border-box;margin:0;padding:0;}
    body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dark);background:#fff;}
    a{text-decoration:none;color:var(--accent);}
    a:hover{text-decoration:underline;}
    header{border-bottom:1px solid #e2e2e2;background:#fff;position:sticky;top:0;z-index:10;}
    .top{max-width:1100px;margin:0 auto;padding:0.7rem 1rem;display:flex;justify-content:space-between;align-items:center;}
    .top-left{display:flex;flex-direction:column;}
    .top-left span{font-size:0.78rem;color:var(--muted);}
    .top-left strong{color:var(--primary);text-transform:uppercase;letter-spacing:0.04em;font-size:0.8rem;}
    .top-right{font-size:0.8rem;text-align:right;color:var(--muted);}
    nav{background:var(--primary);}
    nav .nav-inner{max-width:1100px;margin:0 auto;padding:0.3rem 1rem;display:flex;flex-wrap:wrap;gap:0.4rem;}
    nav a{color:#fff;font-size:0.88rem;padding:0.35rem 0.7rem;border-radius:999px;}
    nav a:hover{background:#8b0000;}
    main{max-width:1100px;margin:1.5rem auto 2.5rem auto;padding:0 1rem;}
    .hero{display:grid;grid-template-columns:1.7fr 1.3fr;gap:1.8rem;align-items:center;}
    .hero-title{font-size:2rem;color:var(--dark);margin-bottom:0.4rem;}
    .hero-sub{font-size:1rem;color:var(--muted);margin-bottom:0.8rem;}
    .hero-tag{display:inline-block;background:#ffecec;color:var(--primary);font-size:0.8rem;padding:0.25rem 0.6rem;border-radius:999px;margin-bottom:0.6rem;}
    .hero-summary{font-size:0.95rem;margin-bottom:0.6rem;}
    .hero-links a{font-size:0.88rem;margin-right:0.8rem;}
    .hero-panel{background:var(--light);border-radius:8px;padding:0.9rem 1rem;border:1px solid #e0e0e0;font-size:0.9rem;}
    .hero-panel h3{font-size:1rem;margin-bottom:0.4rem;}
    .stat-row{display:flex;gap:1rem;margin-top:0.6rem;flex-wrap:wrap;}
    .stat{flex:1 1 120px;padding:0.4rem 0.5rem;border-radius:4px;background:#fff;border:1px solid #e3e3e3;font-size:0.8rem;}
    .stat strong{display:block;font-size:1rem;}
    .section{margin-top:2rem;}
    .section h2{font-size:1.25rem;border-bottom:1px solid #e1e1e1;padding-bottom:0.3rem;margin-bottom:0.7rem;color:var(--dark);}
    .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;}
    .card{border:1px solid #e1e1e1;border-radius:6px;padding:0.8rem 0.9rem;background:#fff;}
    .card h3{font-size:1rem;margin-bottom:0.4rem;}
    .card p{font-size:0.9rem;margin-bottom:0.4rem;}
    .card ul{font-size:0.88rem;margin-left:1rem;margin-top:0.3rem;}
    .card li{margin-bottom:0.2rem;}
    .pill{display:inline-block;font-size:0.78rem;background:#f0f0f0;padding:0.15rem 0.45rem;border-radius:999px;margin:0.05rem 0.2rem 0.05rem 0;}
    footer{border-top:1px solid #e2e2e2;background:#fafafa;font-size:0.8rem;padding:0.9rem 0;}
    .footer-inner{max-width:1100px;margin:0 auto;padding:0 1rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0.6rem;}
    @media(max-width:850px){
      .hero{grid-template-columns:1fr;}
      .top{flex-direction:column;align-items:flex-start;gap:0.25rem;}
    }
    @media(max-width:600px){
    nav .nav-inner{justify-content:flex-start;}
  }