* { box-sizing: border-box; }
    body { margin: 0; font-family: Arial, sans-serif; background: #f4f4f4; color: #333; }
    .wrapper { max-width: 800px; margin: 0 auto; background: #fff; padding: 20px; }
    header { background: #2177d3; color: #fff; text-align: center; padding: 40px 20px; }
    header h1 { margin: 0; font-size: 2.2em; }
    header p { margin: 10px 0 0; font-size: 1.1em; }
    section { margin: 40px 0; }
    section h2 { color: #2177d3; font-size: 1.8em; margin-bottom: 20px; }
    .intro p { line-height: 1.6; }
    .list { list-style: none; padding: 0; margin: 0; }
    .list li { margin-bottom: 12px; line-height: 1.5; }
    .list li:before { content: "✔"; color: #2177d3; margin-right: 8px; }
    .process-steps li { counter-increment: step-counter; margin: 0 0 15px 30px; position: relative; }
    .process-steps li:before { content: counter(step-counter); position: absolute; left: -30px; top: 0; background: #2177d3; color: #fff; width: 24px; height: 24px; text-align: center; border-radius: 50%; line-height: 24px; }
    .cta { text-align: center; margin: 40px 0; }
    .cta p { font-size: 1.1em; margin-bottom: 20px; }
    .btn-call { display: inline-block; padding: 12px 24px; background: #2177d3; color: #fff; text-decoration: none; border-radius: 4px; font-size: 1em; }
    footer { text-align: center; padding: 20px 0; font-size: 0.9em; background: #eee; }
    @media (max-width:600px) { header h1 { font-size: 1.8em; } section h2 { font-size: 1.5em; } .cta p { font-size: 1em; } }