:root{
        --accent:#002244;--muted:#666
    }
    *{box-sizing:border-box}
    body{font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; color:#111; line-height:1.45}
    header{background:linear-gradient(135deg,#0f172a 0%, #071237 100%); color:white; padding:40px 20px}
    .container{max-width:1000px;margin:0 auto;padding:20px}
    h1{font-size:2rem;margin:0 0 6px}
    p.lead{opacity:.95; color:#dbeafe}
    .grid{display:grid;gap:18px}
    .cols-3{grid-template-columns:repeat(3,1fr)}
    .card{background:white;border-radius:12px;padding:16px;box-shadow:0 6px 18px rgba(10,12,20,.08)}
    .feature-list{list-style:none;padding:0;margin:0}
    .feature-list li{padding:8px 0;border-bottom:1px dashed #eee}
    table{width:100%;border-collapse:collapse}
    th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}
    .specs th{width:35%;background:#fafafa}
    .btn{display:inline-block;padding:8px 12px;border-radius:8px;background:var(--accent);color:white;text-decoration:none}
    .muted{color:var(--muted)}
    .gallery img{width:100%;height:200px;object-fit:cover;border-radius:8px}
    footer{padding:20px;text-align:center;color:#666;font-size:14px}
    .faq-item{border-bottom:1px solid #f0f0f0;padding:12px 0}
    .faq-q{cursor:pointer;font-weight:600}
    .faq-a{display:none;padding-top:8px;color:#333}
    @media (max-width:800px){.cols-3{grid-template-columns:1fr}}