body { font-family: Arial, sans-serif; margin:0; padding:0; line-height:1.6; color:#333; }
    a { text-decoration: none; color: #fff; }
    .container { width: 90%; max-width: 1200px; margin: 0 auto; }
    .hero { background:#f8f8f8; text-align:center; padding:50px 0; }
    .hero img { max-width: 300px; }
    .hero h1 { font-size:2.5em; margin:20px 0 10px; }
    .hero p { font-size:1.1em; margin-bottom:20px; }
    .btn { background:#007bff; padding:12px 25px; border-radius:5px; display:inline-block; font-weight:bold; }
    .section { padding:60px 0; border-bottom:1px solid #eee; }
    .section h2 { text-align:center; font-size:2em; margin-bottom:40px; }
    .features, .usage-steps, .specs { display:flex; flex-wrap:wrap; justify-content:space-around; }
    .feature-item, .step-item, .spec-item { flex:1 1 250px; margin:15px; text-align:center; }
    .feature-item img, .step-item img { max-width:120px; margin-bottom:15px; }
    .product-images { display:flex; flex-wrap:wrap; justify-content:center; gap:15px; }
    .product-images img { max-width:250px; border:1px solid #ddd; border-radius:5px; padding:5px; }
    table { width:100%; border-collapse:collapse; margin-top:20px; }
    table, th, td { border:1px solid #ddd; }
    th, td { padding:12px; text-align:left; }
    .cta-section { background:#f0f8ff; text-align:center; padding:40px 0; }
    .cta-section a { margin:10px; }
    @media(max-width:768px){ .features, .usage-steps, .specs { flex-direction:column; align-items:center; } }