.features,body,header h1{display:flex}footer,header{text-align:center;padding:20px 0}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f6f6f6;color:#000;flex-direction:column;min-height:100vh}header{background-color:#d1d5db;color:#111827}header h1{margin:0;font-size:2em;align-items:center;justify-content:center;gap:5px}header p{margin:10px 0;font-size:1.2em}.container{max-width:1200px;margin:0 auto;padding:20px;flex-grow:1}.intro{text-align:center;margin-bottom:40px}.intro h2{font-size:1.8em;margin-bottom:5px}.intro p{font-size:1.1em;line-height:1.6;color:#52575c;margin-top:10px}.features{flex-wrap:wrap;justify-content:space-between}.feature{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);padding:20px;margin:10px;flex-basis:30%;text-align:center;border-radius:8px;box-sizing:border-box}.feature h3{font-size:1.5em;margin-bottom:10px;color:#6b7280}.cta a,footer{background-color:#454545;color:#fff}.feature p{font-size:1em;line-height:1.6}.cta{text-align:center;margin:50px 0}.cta a{text-decoration:none;padding:15px 30px;font-size:1.2em;border-radius:5px;transition:background-color .3s}.cta a:hover{background-color:#333}footer{margin-top:auto}footer p{margin:0;font-size:1em}@media (max-width:768px){.features{flex-direction:column}.feature{flex-basis:100%}header h1{font-size:1.8em}.intro h2{font-size:1.5em}.cta a{padding:12px 24px;font-size:1.1em}}@media (max-width:480px){header h1{font-size:1.5em}.intro p,header p{font-size:1em}.intro h2{font-size:1.3em}.cta a{padding:10px 20px;font-size:1em}}