:root{
      --maxw: 980px;
      --red: #E6322A;
      --blue: #194E9C;
      --gray: #e8e8e8;
      --text: #111318;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";}
    .wrap{max-width:var(--maxw);margin:0 auto;padding:24px 20px 64px}

    /* Header Logo */
    header.logo-header{ text-align:center; margin-bottom:20px; }
    header.logo-header img{ max-width:260px; height:auto; }
    /* On mobile (screens ≤ 480px wide), make the logo smaller */
    @media (max-width: 480px) {
    header.logo-header img { max-width: 180px; }
    header.logo-header{ text-align:center; margin-bottom:5px; }
    }

    hr.sep{border:0;border-top:1px solid var(--gray);margin:10px 0 32px}

    /* Hero Title */
    .hero{ text-align:center; }
    .hero h1{ font-size:40px; line-height:1.18; margin:0 0 18px; font-weight:900; }
    .hero .accent{ color:var(--red); }

    /* Hero image */
    .hero-image{margin:28px auto 20px; max-width:860px;}
    .hero-image img{ width:100%; border-radius:6px; box-shadow:0 4px 18px rgba(0,0,0,.08); display:block; }

    @media (max-width: 480px) {
    .hero-image{margin:0px auto 0px; max-width:860px;}
    .hero-image img{ width:100%; border-radius:6px; box-shadow:0 4px 18px rgba(0,0,0,.08); display:block; }
    }

    /* Subcopy */
    .subcopy{ margin:10px auto 6px; max-width:860px; font-size:12px; line-height:1.6; text-align:center; }
    .subcopy .bold{ font-weight:800 }

    /* Footer placeholder */
    footer{margin-top:48px;text-align:center;color:#6b7280;font-size:13px}

    /* Responsive */
    @media (max-width: 820px){
      .hero h1{font-size:32px}
    }