:root{--bg:#0a0f1a;--text:#e5edff;--muted:#94a3b8;--brand:#3b82f6;--accent:#22d3ee}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}

/* Fundo animado */
.bg-anim{position:fixed;inset:0;z-index:-2;overflow:hidden}
.grad{position:absolute;inset:-20%;background:conic-gradient(from 180deg at 50% 50%, #0b1220, #0e1b2e, #0b1220 70%);animation:spin 24s linear infinite;filter:saturate(130%) blur(40px);opacity:.9}
@keyframes spin{to{transform:rotate(360deg)}}
.dots{position:absolute;width:120%;height:120%;left:-10%;top:-10%;opacity:.35}

/* Cabeçalho e navegação */
.site-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:rgba(7,12,22,.55);backdrop-filter:blur(10px) saturate(140%);border-bottom:1px solid #182036}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700}
.nav a{color:var(--text);text-decoration:none;margin-right:12px;opacity:.9}
.btn{display:inline-block;padding:8px 12px;border-radius:10px}
.btn-primary{background:var(--brand);color:#fff}
.btn-secondary{border:1px solid #26324e;color:#fff}
.menu-toggle{display:none}

/* Secções */
.hero{max-width:1100px;margin:0 auto;padding:64px 20px}
.hero h1{font-size:44px;line-height:1.1;margin:0 0 8px}
.hero p{color:var(--muted)}
.trust-badges{list-style:none;display:flex;gap:14px;padding:0;margin:16px 0;color:#c5d2ff}

.cards{max-width:1100px;margin:0 auto;padding:24px 20px}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:rgba(12,16,29,.7);border:1px solid #192542;border-radius:14px;padding:16px}

.content{max-width:900px;margin:0 auto;padding:32px 20px}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.price-card{background:rgba(12,16,29,.7);border:1px solid #192542;border-radius:14px;padding:16px}
.featured{outline:2px solid var(--brand)}

.contact-form input,.contact-form textarea{width:100%;padding:10px;background:#0b1426;border:1px solid #1b2a47;color:#e6edff;border-radius:10px;margin:6px 0}

.site-footer{border-top:1px solid #182036;margin-top:40px;padding:20px}
.site-footer .cols{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.tiny{font-size:12px;color:#9bb0d1}

@media (max-width:900px){
  .card-grid{grid-template-columns:1fr 1fr}
  .pricing{grid-template-columns:1fr}
  .site-footer .cols{grid-template-columns:1fr}
}