*{margin:0;padding:0;box-sizing:border-box}html,body{background:#f0f4f8;color:#2c3e50;font-family:'IBM Plex Sans',sans-serif;line-height:1.6}.container{max-width:1000px;margin:0 auto;padding:2rem}.header{text-align:center;padding:2rem 0;border-bottom:3px solid #3498db}.header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:0.5rem}.tagline{color:#7f8c8d;font-size:0.95rem}.main{padding:2rem 0}.intro{text-align:center;margin-bottom:3rem}.intro h2{font-size:2rem;color:#2c3e50;margin-bottom:1rem}.intro p{color:#34495e}.features h2{font-size:1.8rem;color:#2c3e50;margin-bottom:2rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature{background:#fff;padding:2rem;border:1px solid #ecf0f1;border-radius:4px;transition:all 300ms}.feature:hover{border-color:#3498db;box-shadow:0 4px 12px rgba(52,152,219,0.1)}.feature h3{color:#3498db;margin-bottom:0.5rem}.feature p{color:#7f8c8d}.cta{text-align:center;margin:3rem 0}.btn{padding:1rem 2rem;background:#3498db;color:#fff;border:none;font-weight:600;cursor:pointer;border-radius:4px;transition:all 300ms}.btn:hover{background:#2980b9}@media(max-width:768px){.feature-grid{grid-template-columns:1fr}}