:root{
      --pm-bg:#0b0b14;
      --pm-surface:#11111c;
      --pm-card:#151526;
      --pm-border: #23243a;
      --pm-text:#e9e9f6;
      --pm-muted:#b9bbd6;
      --pm-primary:#7c3aed; /* roxo principal */
      --pm-primary-2:#9b5cf7; /* variação */
      --pm-accent:#22d3ee; /* ciano p/ detalhes */
      --pm-success:#22c55e;
      --pm-danger:#ef4444;
      --pm-warning:#f59e0b;
      --pm-gradient: linear-gradient(135deg, rgba(124,58,237,0.95) 0%, rgba(59,130,246,0.85) 50%, rgba(34,211,238,0.75) 100%);
    }

    html,body{font-family:'Inter',system-ui,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji';background:var(--pm-bg);color:var(--pm-text);}
    a{color: var(--pm-accent);text-decoration: none}
    a:hover{opacity:.9}

    .btn-flat{border:none; border-radius:1rem; padding:.875rem 1.25rem; font-weight:600; -webkit-box-shadow: 0 8px 24px rgba(124,58,237,.25); box-shadow: 0 8px 24px rgba(124,58,237,.25);}
    .btn-primary{background: var(--pm-primary);}
    .btn-primary:hover{background: #6d28d9;}
    .btn-outline{background: transparent; border:1px solid var(--pm-border); color: var(--pm-text)}
    .btn-outline:hover{border-color: var(--pm-primary); color: var(--pm-text)}

    /* Navbar */
    .navbar{background: rgba(11,11,20,.5); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-bottom:1px solid rgba(255,255,255,.06)}
    .navbar .nav-link{color:var(--pm-muted); font-weight:500}
    .navbar .nav-link.active, .navbar .nav-link:hover{color:var(--pm-text)}

    /* Hero */
    .hero{
      position: relative; min-height: 100vh; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; overflow:hidden;
      background: radial-gradient(1200px 800px at 10% 10%, rgba(124,58,237,.25), transparent 60%),
                  radial-gradient(1200px 800px at 90% 20%, rgba(34,211,238,.20), transparent 60%),
                  var(--pm-bg);
      border-bottom:1px solid var(--pm-border);
    }
    .hero::before{ /* overlay animado */
      content:""; position:absolute; inset:0; background: var(--pm-gradient); opacity:.12; mix-blend: screen; -webkit-animation: pulse 8s ease-in-out infinite; animation: pulse 8s ease-in-out infinite;
    }
    @-webkit-keyframes pulse{0%{opacity:.10}50%{opacity:.18}100%{opacity:.10}}
    @keyframes pulse{0%{opacity:.10}50%{opacity:.18}100%{opacity:.10}}
    .hero-copy h1{font-weight: 800; letter-spacing:-.02em}
    .hero-copy p{color:var(--pm-muted)}

    .badge-soft{background: rgba(124,58,237,.15); color:#e9ddff; border:1px solid rgba(124,58,237,.3); padding:.5rem .75rem; border-radius:999px; font-weight:600}

    .mockup{position:relative; border-radius:1.25rem; border:1px solid var(--pm-border); background: -webkit-gradient(linear, left top, left bottom, from(#0f0f1b), to(#101021)); background: linear-gradient(180deg, #0f0f1b 0%, #101021 100%); -webkit-box-shadow:0 20px 60px rgba(0,0,0,.45); box-shadow:0 20px 60px rgba(0,0,0,.45);}
    .mockup .bar{height:44px; border-bottom:1px solid var(--pm-border); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:.5rem; padding:0 1rem}
    .dot{width:12px; height:12px; border-radius:999px; display:inline-block}
    .dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2f}.dot.green{background:#28c840}

    /* Sections */
    section{padding: 80px 0;}
    .section-muted{background: -webkit-gradient(linear, left top, left bottom, from(rgba(124,58,237,.06)), to(rgba(59,130,246,.04)));background: linear-gradient(180deg, rgba(124,58,237,.06), rgba(59,130,246,.04));}

    .card-pm{background:var(--pm-card); border:1px solid var(--pm-border); border-radius:1rem; padding:1.25rem}
    .card-pm:hover{-webkit-box-shadow:0 14px 40px rgba(124,58,237,.12);box-shadow:0 14px 40px rgba(124,58,237,.12)}

    .icon-wrap{width:48px; height:48px; display:grid; place-items:center; border-radius:12px; background: rgba(124,58,237,.15); color:#d9c6ff; border:1px solid rgba(124,58,237,.35)}

    /* Pricing */
    .pricing{background: radial-gradient(800px 600px at 80% 0%, rgba(124,58,237,.25), transparent 60%), var(--pm-surface); border:1px solid var(--pm-border); border-radius:1.25rem}
    .price{font-size: 48px; font-weight:800}
    .strike{color: #a3a3be; text-decoration: line-through}

    /* Footer */
    footer{border-top:1px solid var(--pm-border); background: #0d0d17}

    /* Smooth scroll compensation */
    :target::before{content:""; display:block; height:85px; margin-top:-85px; visibility:hidden}

    .shadow-soft{-webkit-box-shadow:0 20px 60px rgba(0,0,0,.35);box-shadow:0 20px 60px rgba(0,0,0,.35)}

    .text-muted {
    --bs-text-opacity: 1;
    color: #fff !important;
}

    .style1{
      background-attachment:fixed;
      background-size:cover;
}

    .style2{
      background-attachment:fixed;
      background-size:contain;
      background-repeat:no-repeat;
}