/* ═══ Estilo do site www.velefant.com.br (suporte.html, lido em 08/10/2026), copiado sem alteração ═══ */

  :root{
    --bg-0:#05060f;
    --bg-1:#0a0d1f;
    --bg-2:#0d1128;
    --purple:#7c5cff;
    --blue:#4ea8ff;
    --text-hi:#f4f6ff;
    --text-mid:#a9b0cc;
    --text-low:#666e8f;
    --line:rgba(255,255,255,0.08);
    --grad: linear-gradient(120deg, var(--purple), var(--blue));
    --green:#3ddc84;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;background:#05060f;}
  body{
    background:#05060f;
    background:var(--bg-0);
    color:#f4f6ff;
    color:var(--text-hi);
    font-family:'Inter', sans-serif;
    overflow-x:hidden;
  }
  h1,h2,h3,.display{font-family:'Space Grotesk', sans-serif;letter-spacing:-0.02em;}
  .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
  .wrap{max-width:1180px;margin:0 auto;padding-left:6vw;padding-right:6vw;}

  .constellation{position:fixed;inset:0;z-index:0;opacity:0.45;pointer-events:none;}

  header{
    position:sticky;top:0;z-index:50;
    display:flex;align-items:center;justify-content:space-between;
    padding:20px 6vw;
    background:rgba(5,6,15,0.75);
    backdrop-filter:blur(16px);
    border-bottom:1px solid var(--line);
  }
  .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;letter-spacing:0.05em;}
  .brand img{width:28px;height:28px;object-fit:contain;}
  nav{display:flex;align-items:center;}
  nav a{color:var(--text-mid);text-decoration:none;font-size:0.9rem;margin-left:32px;transition:color .2s ease;}
  nav a:hover{color:var(--text-hi);}
  .nav-cta{background:var(--grad);color:#05060f !important;font-weight:600;padding:9px 18px;border-radius:999px;}

  section{position:relative;z-index:1;padding:100px 0;}

  /* HERO */
  .hero{padding:130px 0 90px;text-align:center;}
  .hero-inner{max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;}
  .logo-mark{width:100px;height:100px;object-fit:contain;margin-bottom:26px;filter:drop-shadow(0 0 40px rgba(124,92,255,0.4));animation:float 6s ease-in-out infinite;}
  @keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
  .eyebrow{color:var(--text-low);font-size:0.8rem;letter-spacing:0.14em;margin-bottom:20px;}
  .hero h1{font-size:clamp(2.3rem,5.6vw,4.2rem);font-weight:700;line-height:1.1;}
  .hero p.sub{margin-top:24px;font-size:1.15rem;color:var(--text-mid);max-width:560px;line-height:1.6;margin-left:auto;margin-right:auto;}
  .hero-ctas{margin-top:40px;display:flex;gap:16px;flex-wrap:wrap;justify-content:center;}
  .btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:14px;font-weight:600;font-size:0.96rem;text-decoration:none;transition:transform .2s ease, box-shadow .2s ease;border:none;cursor:pointer;}
  .btn-primary{background:var(--grad);color:#05060f;box-shadow:0 12px 32px rgba(124,92,255,0.28);}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(124,92,255,0.4);}
  .btn-ghost{color:var(--text-hi);border:1px solid var(--line);background:rgba(255,255,255,0.02);}
  .btn-ghost:hover{border-color:rgba(255,255,255,0.25);}
  .hero-note{margin-top:16px;font-size:0.82rem;color:var(--text-low);}

  .quote-strip{
    margin-top:64px;
    display:inline-flex;align-items:center;gap:12px;
    background:rgba(61,220,132,0.06);
    border:1px solid rgba(61,220,132,0.25);
    border-radius:14px;
    padding:14px 22px;
    font-size:0.9rem;
    color:var(--text-mid);
  }
  .quote-strip strong{color:var(--text-hi);}

  /* SECTION HEAD */
  .section-head{max-width:620px;margin:0 auto 60px;text-align:center;}
  .section-head .eyebrow{margin-bottom:14px;}
  .section-head h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;}
  .section-head p{color:var(--text-mid);margin-top:16px;font-size:1.02rem;line-height:1.6;}

  /* HOW IT WORKS */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;}
  .steps::before{content:'';position:absolute;top:26px;left:12%;right:12%;height:1px;background:var(--line);}
  .step{text-align:center;padding:0 20px;position:relative;}
  .step-num{
    width:52px;height:52px;border-radius:50%;
    background:var(--bg-1);border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 24px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.1rem;
    position:relative;z-index:2;
  }
  .step h3{font-size:1.08rem;font-weight:600;margin-bottom:10px;}
  .step p{color:var(--text-mid);font-size:0.92rem;line-height:1.6;}

  /* FEATURES */
  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .card{background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));border:1px solid var(--line);border-radius:20px;padding:32px 26px;transition:transform .25s ease, border-color .25s ease;}
  .card:hover{transform:translateY(-4px);border-color:rgba(124,92,255,0.4);}
  .card .icon{width:44px;height:44px;border-radius:12px;background:var(--grad);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:20px;}
  .card h3{font-size:1.05rem;font-weight:600;margin-bottom:10px;}
  .card p{color:var(--text-mid);font-size:0.9rem;line-height:1.6;}

  /* PLATFORMS */
  .platforms{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;}
  .platform-pill{display:flex;align-items:center;gap:12px;padding:16px 26px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,0.02);font-weight:600;font-size:0.95rem;}
  .platform-pill.live{border-color:rgba(61,220,132,0.35);}
  .dot{width:8px;height:8px;border-radius:50%;background:var(--green);}
  .platform-pill.soon{color:var(--text-mid);}
  .platform-pill.soon .dot{background:var(--text-low);}
  .platform-pill .tag{font-size:0.68rem;color:var(--text-low);font-weight:400;}

  /* PRIVACY BAND */
  .privacy-band{
    border-radius:28px;border:1px solid var(--line);
    background:radial-gradient(circle at 20% 20%, rgba(124,92,255,0.14), transparent 60%), radial-gradient(circle at 80% 80%, rgba(78,168,255,0.12), transparent 60%), var(--bg-1);
    padding:70px 6vw;text-align:center;
  }
  .privacy-band h2{font-size:clamp(1.7rem,3.6vw,2.3rem);font-weight:700;max-width:680px;margin:0 auto;}
  .privacy-band p{color:var(--text-mid);max-width:580px;margin:20px auto 0;line-height:1.6;}
  .privacy-points{display:flex;gap:40px;justify-content:center;margin-top:46px;flex-wrap:wrap;}
  .privacy-points div{max-width:190px;}
  .privacy-points .num{font-family:'Space Grotesk',sans-serif;font-size:1.5rem;font-weight:700;color:var(--blue);margin-bottom:8px;}
  .privacy-points p{color:var(--text-mid);font-size:0.85rem;margin:0;}

  /* PRICING */
  .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}
  .price-card{background:rgba(255,255,255,0.02);border:1px solid var(--line);border-radius:22px;padding:36px 30px;display:flex;flex-direction:column;}
  .price-card.featured{border-color:rgba(124,92,255,0.5);background:linear-gradient(180deg, rgba(124,92,255,0.08), rgba(78,168,255,0.02));position:relative;}
  .price-card .badge{position:absolute;top:-13px;left:30px;background:var(--grad);color:#05060f;font-size:0.7rem;font-weight:700;padding:5px 12px;border-radius:999px;}
  .price-card h3{font-size:1rem;color:var(--text-mid);font-weight:600;margin-bottom:6px;}
  .price-card .price{font-family:'Space Grotesk',sans-serif;font-size:2.1rem;font-weight:700;margin:10px 0 4px;}
  .price-card .price span{font-size:0.95rem;color:var(--text-low);font-weight:400;}
  .price-card .desc{color:var(--text-mid);font-size:0.85rem;margin-bottom:24px;}
  .price-card ul{list-style:none;margin-bottom:28px;flex:1;}
  .price-card li{color:var(--text-mid);font-size:0.88rem;padding:9px 0;border-top:1px solid var(--line);display:flex;gap:10px;align-items:flex-start;}
  .price-card li:first-child{border-top:none;}
  .price-card li::before{content:'✓';color:var(--green);font-weight:700;flex-shrink:0;}
  .price-card .btn{width:100%;justify-content:center;}

  /* TESTIMONIAL */
  .testimonial{max-width:700px;margin:0 auto;text-align:center;}
  .testimonial blockquote{font-size:1.35rem;font-weight:500;line-height:1.5;color:var(--text-hi);font-family:'Space Grotesk',sans-serif;}
  .testimonial cite{display:block;margin-top:22px;color:var(--text-low);font-size:0.88rem;font-style:normal;}

  /* DOWNLOAD */
  .download-card{max-width:700px;margin:0 auto;text-align:center;background:linear-gradient(180deg, rgba(124,92,255,0.08), rgba(78,168,255,0.03));border:1px solid rgba(124,92,255,0.35);border-radius:24px;padding:64px 44px;}
  .download-card h2{font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:700;}
  .download-card p{color:var(--text-mid);margin-top:14px;}
  .download-card .hero-ctas{margin-top:32px;}

  /* FOOTER */
  footer{border-top:1px solid var(--line);padding:56px 6vw 36px;position:relative;z-index:1;}
  .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px;}
  .footer-brand .brand{margin-bottom:14px;}
  .footer-brand p{color:var(--text-low);font-size:0.86rem;line-height:1.6;max-width:280px;}
  .footer-col h4{font-size:0.82rem;color:var(--text-hi);margin-bottom:16px;font-weight:600;}
  .footer-col a{display:block;color:var(--text-low);font-size:0.86rem;text-decoration:none;margin-bottom:12px;}
  .footer-col a:hover{color:var(--text-mid);}
  .footer-bottom{border-top:1px solid var(--line);padding-top:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
  .footer-bottom span{color:var(--text-low);font-size:0.8rem;}

  @media (max-width: 900px){
    .grid3, .steps, .pricing-grid{grid-template-columns:1fr;}
    .steps::before{display:none;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    nav a:not(.nav-cta){display:none;}
    .privacy-points{gap:26px;}
  }

  article.policy{max-width:820px;margin:0 auto;padding:40px 0 80px}
  article.policy h1{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:10px}
  article.policy .meta{color:var(--text-low);font-size:.9rem;margin-bottom:28px;line-height:1.6}
  article.policy h2{font-size:1.15rem;margin:28px 0 10px}
  article.policy p, article.policy li{color:var(--text-mid);font-size:.95rem;line-height:1.65}
  article.policy ul{padding-left:20px;margin:8px 0 16px}
  article.policy li{margin:6px 0}
  article.policy .lead{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:18px 0 28px}
  header .brand{text-decoration:none;color:var(--text-hi)}

/* ═══ Componentes das páginas comerciais (/planos, /conta/assinatura) — 08/10/2026 ═══ */
  main.comercial{position:relative;z-index:1;padding:64px 0 90px;}
  .faixa-teste{background:#b45309;color:#fff;text-align:center;font-weight:700;padding:10px 6vw;font-size:0.86rem;position:relative;z-index:60;}
  .faixa-teste small{display:block;font-weight:500;opacity:.92;}
  .alternar{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px;margin:0 auto 40px;background:rgba(255,255,255,0.02);}
  .alternar button{background:none;border:none;color:var(--text-mid);font:600 0.9rem 'Inter',sans-serif;padding:10px 20px;border-radius:999px;cursor:pointer;}
  .alternar button[aria-pressed="true"]{background:var(--grad);color:#05060f;}
  .centro{text-align:center;}
  .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}
  .price-card{background:rgba(255,255,255,0.02);border:1px solid var(--line);border-radius:22px;padding:36px 30px;display:flex;flex-direction:column;position:relative;}
  .price-card.featured{border-color:rgba(124,92,255,0.5);background:linear-gradient(180deg, rgba(124,92,255,0.08), rgba(78,168,255,0.02));}
  .price-card .badge{position:absolute;top:-13px;left:30px;background:var(--grad);color:#05060f;font-size:0.7rem;font-weight:700;padding:5px 12px;border-radius:999px;}
  .price-card h3{font-size:1rem;color:var(--text-mid);font-weight:600;margin-bottom:6px;}
  .price-card .price{font-family:'Space Grotesk',sans-serif;font-size:2.1rem;font-weight:700;margin:10px 0 4px;}
  .price-card .price span{font-size:0.95rem;color:var(--text-low);font-weight:400;}
  .price-card .desc{color:var(--text-mid);font-size:0.85rem;margin-bottom:24px;min-height:1.2em;}
  .price-card ul{list-style:none;margin-bottom:28px;flex:1;}
  .price-card li{color:var(--text-mid);font-size:0.88rem;padding:9px 0;border-top:1px solid var(--line);display:flex;gap:10px;align-items:flex-start;}
  .price-card li:first-child{border-top:none;}
  .price-card li::before{content:'✓';color:var(--green);font-weight:700;flex-shrink:0;}
  .price-card .btn{width:100%;justify-content:center;}
  .nota{color:var(--text-low);font-size:0.84rem;line-height:1.6;margin-top:26px;text-align:center;max-width:720px;margin-left:auto;margin-right:auto;}
  .painel{max-width:620px;margin:0 auto;}
  .caixa{background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));border:1px solid var(--line);border-radius:20px;padding:28px 26px;margin-bottom:22px;}
  .caixa h2{font-size:1.25rem;margin-bottom:14px;}
  .caixa p{color:var(--text-mid);font-size:0.92rem;line-height:1.6;margin-bottom:12px;}
  .caixa label{display:block;color:var(--text-mid);font-size:0.84rem;margin:12px 0 6px;}
  .caixa input,.caixa select{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,0.03);color:var(--text-hi);font:1rem 'Inter',sans-serif;}
  .caixa input:focus,.caixa select:focus{outline:2px solid rgba(124,92,255,0.6);outline-offset:1px;}
  .acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
  .link{background:none;border:none;color:var(--blue);font:0.88rem 'Inter',sans-serif;cursor:pointer;padding:0;text-decoration:underline;}
  .linhas{list-style:none;}
  .linhas li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line);font-size:0.92rem;}
  .linhas li:first-child{border-top:none;}
  .linhas li span:first-child{color:var(--text-low);}
  .aviso{border-radius:14px;padding:14px 18px;font-size:0.9rem;line-height:1.55;margin-bottom:22px;border:1px solid var(--line);}
  .aviso.ok{background:rgba(61,220,132,0.08);border-color:rgba(61,220,132,0.35);}
  .aviso.espera{background:rgba(78,168,255,0.08);border-color:rgba(78,168,255,0.35);}
  .aviso.erro{background:rgba(255,92,92,0.08);border-color:rgba(255,92,92,0.4);}
  .oculto{display:none !important;}
  .btn[disabled]{opacity:.55;cursor:default;transform:none;}
  footer.simples{border-top:1px solid var(--line);padding:36px 6vw;color:var(--text-low);font-size:0.8rem;text-align:center;position:relative;z-index:1;}
  footer.simples a{color:var(--text-low);}

/* ═══ "Minha assinatura" — o plano atual no topo e Personal × Pro lado a lado (30/10/2026) ═══ */
  .painel-conta{max-width:880px;margin:0 auto;}
  .painel-conta .section-head{text-align:left;max-width:none;margin-left:0;margin-right:0;}
  .caixa.entrar{max-width:620px;}
  .quem{color:var(--text-low);font-size:.88rem;margin:-18px 0 18px;}
  .plano-atual{background:linear-gradient(160deg, rgba(124,92,255,0.14), rgba(78,168,255,0.04) 60%);border:1px solid rgba(124,92,255,0.4);border-radius:24px;padding:28px;margin-bottom:34px;}
  .plano-atual .rotulo{color:var(--text-low);font-size:.74rem;letter-spacing:.14em;margin-bottom:8px;}
  .plano-atual .cabeca{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
  .plano-atual .nome{font-family:'Space Grotesk',sans-serif;font-size:2.1rem;font-weight:700;line-height:1.1;}
  .situacao{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid;}
  .situacao::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;}
  .situacao.ok{color:var(--green);border-color:rgba(61,220,132,.4);background:rgba(61,220,132,.08);}
  .situacao.teste{color:var(--blue);border-color:rgba(78,168,255,.4);background:rgba(78,168,255,.08);}
  .situacao.aviso{color:#ffb060;border-color:rgba(255,176,96,.45);background:rgba(255,176,96,.08);}
  .situacao.neutro{color:var(--text-mid);border-color:var(--line);background:rgba(255,255,255,.03);}
  .resumo-linha{color:var(--text-mid);font-size:.95rem;line-height:1.55;margin:14px 0 20px;}
  .fatos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
  .fato{background:rgba(5,6,15,.35);border:1px solid var(--line);border-radius:14px;padding:14px;min-width:0;}
  .fato .r{color:var(--text-low);font-size:.74rem;margin-bottom:6px;}
  .fato .v{font-weight:600;font-size:.98rem;overflow-wrap:anywhere;}
  .fato .s{color:var(--text-low);font-size:.76rem;margin-top:4px;}
  .plano-atual .acoes{margin-top:22px;}
  .plano-atual .acoes:has(> .oculto:only-child){display:none;}
  .ajuda{color:var(--text-low);font-size:.82rem;line-height:1.55;margin-top:14px;}
  .escolha{padding:0;}
  .bloco-titulo{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
  .bloco-titulo h2{font-size:1.35rem;}
  .bloco-titulo .alternar{margin:0;}
  .comparar{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .comparar .price-card{padding:28px 24px;}
  .comparar .price-card.atual{border-color:rgba(61,220,132,.5);}
  .comparar .price-card.atual .badge{background:var(--green);}
  .comparar .acoes-card{display:flex;flex-direction:column;gap:10px;}
  .comparar .link{text-align:center;text-decoration:none;}
  .comparar .economia{color:var(--green);font-weight:600;}
  @media (max-width:760px){ .fatos{grid-template-columns:1fr 1fr;} .comparar{grid-template-columns:1fr;} .plano-atual{padding:22px;} .plano-atual .nome{font-size:1.8rem;} }
  @media (max-width:860px){ .pricing-grid{grid-template-columns:1fr;} nav a:not(.nav-cta){display:none;} }