* {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;}
    .features, .process, .cta {margin:40px 0;}
    .features h2, .process h2, .cta h2 {color:#2177d3; font-size:1.8em; margin-bottom:20px;}
    .feature-list, .process-steps {padding:0; list-style:none;}
    .feature-list li, .process-steps li {margin-bottom:15px; line-height:1.5;}
    .feature-list li:before {content: "✔"; color:#2177d3; margin-right:8px;}
    .process-steps li {counter-increment: step-counter; margin-left:20px; position: relative;}
    .process-steps li:before {content: counter(step-counter); counter-reset: none; 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;}
    .cta p {font-size:1.2em; 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;} .features h2, .process h2, .cta h2 {font-size:1.5em;} }