:root{--bg:#0b1220;--card:#101828;--text:#e6edf3;--muted:#9fb0c3;--brand:#ff7a00;--accent:#2dd4bf;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.nav{position:sticky;top:0;background:#0d1526ee;backdrop-filter:saturate(1.2) blur(6px);z-index:50;border-bottom:1px solid #1e293b}
.nav-inner{display:flex;align-items:center;gap:16px;min-height:62px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}
.brand img{height:32px;width:auto;border-radius:6px}
.spacer{flex:1}
.menu{display:flex;gap:14px;align-items:center}
.menu a,.menu button{padding:10px 12px;border-radius:10px;color:var(--text);background:transparent;border:0;cursor:pointer}
.menu a:hover,.menu button:hover{background:#1f2937}
.dropdown{position:relative}
.dropdown-menu{position:absolute;top:110%;left:0;background:#121a2c;border:1px solid #26324a;border-radius:12px;padding:10px;display:none;min-width:240px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.dropdown:hover .dropdown-menu{display:block}
.dropdown-menu a{display:block;padding:8px 10px;border-radius:8px;color:var(--muted)}
.dropdown-menu a:hover{background:#1f2937;color:var(--text)}
.burger{display:none}
@media (max-width:860px){
  .menu{display:none}
  .burger{display:block;margin-left:auto}
  .mobile{display:none;position:absolute;left:0;right:0;top:62px;background:#0d1526;border-bottom:1px solid #26324a}
  .mobile a{display:block;padding:14px 18px;border-bottom:1px solid #182238}
}
.hero{padding:48px 0 24px;background:radial-gradient(1200px 400px at 70% -10%, #1e293b44, transparent);border-bottom:1px solid #172036}
.hero h1{font-size:34px;margin:6px 0 10px}
.hero p{color:var(--muted);max-width:760px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}
@media (max-width:900px){.grid{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid #233049;border-radius:14px;padding:16px}
.card h3{margin:6px 0 6px}
.btn{display:inline-block;background:var(--brand);color:#fff;padding:10px 14px;border-radius:10px;font-weight:700}
.btn.secondary{background:#1f2937;color:#e6edf3;border:1px solid #32445f}
.section{padding:26px 0}
.h2{font-size:24px;margin:0 0 8px}
.sub{color:var(--muted);margin:0 0 12px}
.price{font-weight:800;color:#fff}
.kpi{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.kpi span{background:#111827;border:1px solid #22314c;color:#b8cadc;padding:6px 10px;border-radius:999px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media (max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}
.gallery img{width:100%;height:160px;object-fit:cover;border-radius:12px;border:1px solid #22314c;cursor:zoom-in}
.footer{border-top:1px solid #1d2a41;padding:22px 0;color:#a7bdd1}
.sticky-cta{position:fixed;left:10px;right:10px;bottom:10px;background:#0b1327;border:1px solid #21314a;border-radius:14px;padding:10px 12px;display:flex;gap:10px;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.sticky-cta a{background:var(--accent);color:#06281f;font-weight:800;padding:8px 12px;border-radius:10px}
.sticky-cta .ghost{background:#162235;color:#c5d5e6;border:1px solid #2a3a57}
.tag{font-size:12px;color:var(--muted);border:1px solid #2b3b59;border-radius:999px;padding:2px 8px}
.table{width:100%;border-collapse:collapse;border:1px solid #22314c;border-radius:12px;overflow:hidden}
.table th,.table td{border-bottom:1px solid #22314c;padding:10px;text-align:left}
.table th{background:#0f172a;color:#bcd0e6}
.alert{background:#102338;border:1px solid #244264;border-radius:12px;padding:12px;color:#cfe3ff}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;padding:20px;z-index:80}
.modal img{max-width:100%;max-height:90vh;border-radius:12px}
.modal.open{display:flex}
.small{font-size:12px;color:#88a0b9}
/* FAQ */
.faq { margin: 2rem 0; }
.faq h2 { font-size: 1.6rem; margin-bottom: 1rem; }
.faq-item { border: 1px solid #22314c; border-radius: 12px; margin-bottom: .75rem; overflow: hidden; background:#0f172a; }
.faq-q { width: 100%; text-align: left; padding: 1rem 1.25rem; font-weight: 600; background: #111c32; border: 0; cursor: pointer; position: relative; color:#e6edf3; }
.faq-q::after { content: "+"; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); font-size: 1.25rem; opacity: .7; }
.faq-item.open .faq-q::after { content: "–"; }
.faq-a { max-height: 0; transition: max-height .25s ease; }
.faq-a > div { padding: 1rem 1.25rem; line-height: 1.55; color:#cdd9e5 }
.faq a { text-decoration: underline; color:#9bdaf0 }