*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif}
body{background:#f8f9fa;color:#222;line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:20px}
header{text-align:center;background:#165DFF;color:white;padding:30px 0;border-radius:0 0 12px 12px;margin-bottom:30px}
header h1{font-size:32px;margin-bottom:10px}
header p{font-size:18px;opacity:.9}
.section{background:white;padding:24px 28px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.section h2{color:#165DFF;margin-bottom:16px;font-size:22px}
.section h3{margin:16px 0 10px;font-size:18px;color:#333}
ul{padding-left:20px;margin:10px 0}
li{margin-bottom:8px}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:20px 0}
.feature-card{background:#f4f7ff;padding:18px;border-radius:10px}
.feature-card h4{margin-bottom:8px;color:#165DFF}
.steps{counter-reset:step;margin:20px 0}
.step{display:flex;align-items:flex-start;margin-bottom:14px}
.step::before{content:counter(step);counter-increment:step;width:26px;height:26px;background:#165DFF;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}
.cta{text-align:center;margin:40px 0}
.btn{display:inline-block;background:#165DFF;color:white;padding:14px 32px;border-radius:8px;font-weight:600;text-decoration:none;font-size:16px}
.btn:hover{background:#0E42D2}
.faq-item{margin-bottom:16px}
.faq-question{font-weight:600;margin-bottom:6px;color:#222}
.faq-answer{color:#444;padding-left:10px;border-left:3px solid #e0e6ff}
footer{text-align:center;padding:30px 10px;color:#666;font-size:14px}