* { box-sizing: border-box; }
    body { margin: 0; min-height: 100svh; padding: 32px; background: #f7f3eb; color: #25372d; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; display: flex; flex-direction: column; }
    header { font-weight: 800; font-size: 23px; letter-spacing: -.8px; }
    header span { color: #bc562e; }
    main { width: min(100%, 850px); margin: auto; padding: 75px 0; }
    .badge { display: inline-flex; gap: 10px; align-items: center; padding: 10px 15px; border: 1px solid #cbd3c6; border-radius: 30px; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; }
    .dot { width: 8px; height: 8px; border-radius: 50%; background: #bc562e; }
    h1 { max-width: 800px; margin: 28px 0 24px; font-size: clamp(46px, 8vw, 92px); line-height: 1.03; letter-spacing: -.065em; font-weight: 750; }
    h1 span { color: #bc562e; }
    p { max-width: 510px; color: #566257; font-size: clamp(17px, 2vw, 21px); line-height: 1.7; }
    .line { width: 90px; height: 5px; border-radius: 3px; background: #bc562e; margin-top: 40px; }
    footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-top: 20px; border-top: 1px solid #d8dbcf; color: #657062; font-size: 13px; }
    @media (min-width: 900px) { body { padding: 40px 64px; } }
    @media (max-width: 480px) { body { padding: 24px; } main { padding: 64px 0; } }