
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', 'Helvetica', sans-serif; line-height: 1.85; color: #333333; }
        .container { max-width: 1180px; margin: 0 auto; padding: 32px 20px; }
        h1 { font-size: 2.45rem; margin-bottom: 28px; color: #D4AF37; border-bottom: 2px solid #D4AF37; padding-bottom: 16px; font-weight: 700; letter-spacing: 0.5px; }
        h2 { font-size: 1.82rem; margin: 45px 0 24px; color: #1A1A1A; font-weight: 600; text-align: center; position: relative; }
        h2::after { content: ''; display: block; width: 80px; height: 3px; background: #D4AF37; margin: 12px auto 0; }
        h3 { font-size: 1.45rem; margin: 28px 0 18px; color: #333333; font-weight: 500; }
        p { margin-bottom: 20px; font-size: 1.03rem; color: #555555; }
        ul { margin: 18px 0 30px 34px; }
        li { margin-bottom: 14px; color: #555555; }
        .scenario-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 22px; margin: 32px 0; }
        .scenario-card { padding: 24px; border: 1px solid #E0E0E0; border-radius: 10px; background: #FAFAFA; text-align: center; transition: all 0.3s ease; }
        .scenario-card:hover { box-shadow: 0 4px 16px rgba(212, 175, 55, 0.15); border-color: #D4AF37; transform: translateY(-4px); }
        .scenario-icon { font-size: 2.8rem; margin-bottom: 12px; color: #D4AF37; }
        .product-tag-row { display: flex; flex-wrap: wrap; gap: 16px; margin: 26px 0; justify-content: center; }
        .product-tag { padding: 12px 24px; background: #FFFFFF; border: 1px solid #D4AF37; border-radius: 30px; font-size: 1.0rem; color: #D4AF37; font-weight: 500; }
        .cta-box { background: linear-gradient(135deg, #1A1A1A 0%, #333333 100%); color: #FFFFFF; padding: 40px 35px; border-radius: 14px; margin: 55px 0; text-align: center; }
        .cta-box h2, .cta-box p, .cta-box strong { color: #FFFFFF; border-bottom: none; padding-bottom: 0; }
        .cta-box h2::after { display: none; }
        @media (max-width: 768px) {
            h1 { font-size: 1.95rem; text-align: center; }
            h2 { font-size: 1.6rem; }
            h3 { font-size: 1.35rem; }
            .container { padding: 24px 16px; }
            .scenario-card-grid { grid-template-columns: 1fr; }
        }
    