*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      background: #f8f7f5;
      color: #1a1a18;
      line-height: 1.6;
    }

    a { text-decoration: none; color: inherit; }

    /* Nav */
    nav {
      position: sticky; top: 0; z-index: 10;
      background: #1a1a18;
      display: flex; align-items: center; justify-content: space-between;
      padding: 0 40px; height: 54px;
    }
    .logo { font-size: 18px; font-weight: 700; letter-spacing: 0.15em; color: #fff; }
    .nav-links { display: flex; gap: 28px; list-style: none; }
    .nav-links a { font-size: 13px; color: #888; letter-spacing: 0.06em; transition: color .2s; }
    .nav-links a:hover { color: #fff; }

    /* Hero */
    .hero {
      background: #1a1a18;
      padding: 96px 40px 88px;
      text-align: center;
    }
    .hero h1 {
      font-size: clamp(48px, 8vw, 96px);
      font-weight: 800;
      color: #fff;
      letter-spacing: -0.02em;
      line-height: 1;
      margin-bottom: 20px;
    }
    .hero h1 span { color: #e8352a; }
    .hero p { font-size: 17px; color: #888; max-width: 420px; margin: 0 auto 36px; }
    .hero-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
    .btn {
      padding: 13px 32px; border-radius: 4px;
      font-size: 14px; font-weight: 600; letter-spacing: 0.04em; cursor: pointer; border: none;
    }
    .btn-red { background: #e8352a; color: #fff; }
    .btn-outline { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.25); }

    /* Features */
    .features {
      padding: 80px 40px;
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
      max-width: 960px; margin: 0 auto;
    }
    .feat {
      background: #fff; border-radius: 8px; padding: 32px 28px;
      border: 1px solid #ece9e4;
    }
    .feat-icon { font-size: 28px; margin-bottom: 16px; }
    .feat h3 { font-size: 16px; font-weight: 700; margin-bottom: 8px; }
    .feat p { font-size: 14px; color: #777; }

    /* CTA */
    .cta {
      background: #e8352a; padding: 72px 40px; text-align: center;
    }
    .cta h2 { font-size: 36px; font-weight: 800; color: #fff; margin-bottom: 12px; letter-spacing: -0.01em; }
    .cta p { color: rgba(255,255,255,0.75); font-size: 16px; margin-bottom: 32px; }
    .cta-form { display: flex; gap: 10px; justify-content: center; max-width: 440px; margin: 0 auto; }
    .cta-form input {
      flex: 1; padding: 12px 16px; border-radius: 4px; border: none;
      font-size: 15px; font-family: inherit; outline: none;
    }
    .cta-form button {
      padding: 12px 24px; background: #1a1a18; color: #fff; border: none;
      border-radius: 4px; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap;
    }

    /* Footer */
    footer {
      background: #1a1a18; padding: 28px 40px;
      display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
    }
    footer span { font-size: 13px; color: #555; }
    footer a { color: #666; font-size: 13px; transition: color .2s; }
    footer a:hover { color: #fff; }

    @media (max-width: 680px) {
      nav { padding: 0 20px; }
      .nav-links { display: none; }
      .hero, .cta { padding-left: 20px; padding-right: 20px; }
      .features { grid-template-columns: 1fr; padding: 48px 20px; }
      .cta-form { flex-direction: column; }
      footer { padding: 24px 20px; }
    }