/* assets/css/style.css - tema escuro com acentos dourados */
:root{
  --bg:#0b0b0b;
  --surface:#0f0f10;
  --text:#eee;
  --muted:#bdb6ac;
  --gold:#d6a34a;
  --container-width:1100px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
.logo{font-weight:700;color:var(--gold);letter-spacing:1px}
.main-nav a{color:var(--muted);margin-left:20px;text-decoration:none}
.hero{padding:60px 0}
.hero-inner{display:flex;gap:36px;align-items:center}
.hero-content{flex:1}
.eyebrow{display:inline-block;background:rgba(214,163,74,0.08);color:var(--gold);padding:6px 10px;border-radius:20px;font-size:12px;margin-bottom:14px}
.hero h1{font-size:40px;margin:6px 0 16px}
.hero p{color:var(--muted);max-width:560px}
.hero-ctas .btn{margin-right:12px}
.btn{display:inline-block;padding:12px 20px;border-radius:8px;text-decoration:none;color:var(--text);background:transparent;border:1px solid rgba(255,255,255,0.06)}
.btn.primary{background:linear-gradient(180deg,var(--gold),#c78f32);color:#080808;border:none}
.btn.ghost{background:transparent;border:1px solid rgba(214,163,74,0.18);color:var(--gold)}
.device-mock{width:320px;height:220px;background:linear-gradient(180deg,#111,#222);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.niches{padding:40px 0}
.niche-grid{display:flex;gap:16px}
.card{background:var(--surface);padding:18px;border-radius:10px;min-width:150px;text-align:center;color:var(--muted)}
.models{padding:40px 0}
.models-grid{display:flex;gap:18px}
.model-card{background:linear-gradient(180deg,#0f0f10,#181818);padding:14px;border-radius:12px;width:220px;text-align:center}
.model-card img{width:100%;height:120px;object-fit:cover;border-radius:8px}
.contact-cta{padding:54px 0;background:linear-gradient(180deg,transparent,rgba(214,163,74,0.02))}
.contact-inner{display:flex;gap:30px;align-items:flex-start}
.contact-left{flex:1}
.contact-right{flex:1;background:var(--surface);padding:18px;border-radius:12px}
.contact-right form label{display:block;margin-top:10px;color:var(--muted)}
.contact-right input,.contact-right textarea{width:100%;padding:10px;margin-top:6px;border-radius:6px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:var(--text)}
.testimonials{padding:40px 0}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.test-card{background:linear-gradient(180deg,#131313,#0f0f10);padding:18px;border-radius:10px;color:var(--muted)}
.site-footer{padding:30px 0;border-top:1px solid rgba(255,255,255,0.03);margin-top:40px}
.footer-inner{display:flex;justify-content:space-between}
@media(max-width:900px){.hero-inner{flex-direction:column}.models-grid{flex-direction:column}.niche-grid{flex-wrap:wrap}.test-grid{grid-template-columns:1fr}}