<!-- ===================================================================
PÁGINA DE VENDAS — APP DE STREAMING
Como usar no WordPress:
1) Crie uma página nova > adicione um bloco "HTML personalizado" (Custom HTML)
2) Cole todo este código dentro do bloco
3) Troque as imagens: procure por "COLOQUE SUA IMAGEM AQUI" (são as div.img-placeholder)
— troque o <div class="img-placeholder">...</div> por <img src="SUA-URL-AQUI" ...>
4) Troque o preço: procure por "EDITE O PREÇO AQUI"
5) Troque o link do botão de compra: procure por "EDITE O LINK AQUI" (href="#")
=================================================================== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
<div id="streamapp-page">
<style>
#streamapp-page {
--bg: #0A0C12;
--bg-alt: #10141C;
--card: #151A24;
--line: #232938;
--text: #F2F3F5;
--muted: #8B93A6;
--accent: #2ECC71;
--accent-dim: #14532D;
--gold: #F2C572;
--ok: #3FD4A0;
font-family: 'Manrope', -apple-system, sans-serif;
background: var(--bg);
color: var(--text);
line-height: 1.55;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
#streamapp-page * { box-sizing: border-box; }
#streamapp-page h1, #streamapp-page h2, #streamapp-page h3 {
font-family: 'Bebas Neue', 'Manrope', sans-serif;
letter-spacing: 0.02em;
line-height: 1.05;
margin: 0;
}
#streamapp-page .wrap { max-width: 1080px; margin: 0 auto; padding: 0 24px; }
#streamapp-page .eyebrow {
font-family: 'JetBrains Mono', monospace;
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 12px;
color: var(--accent);
font-weight: 700;
}
#streamapp-page a { text-decoration: none; }
#streamapp-page .btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 30px;
border-radius: 8px;
font-weight: 800;
font-size: 16px;
cursor: pointer;
border: none;
transition: transform .15s ease, box-shadow .15s ease;
}
#streamapp-page .btn-primary {
background: linear-gradient(135deg, var(--accent), #1E9E56);
color: #06170D;
box-shadow: 0 10px 30px -8px rgba(46,204,113,.55);
}
#streamapp-page .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 34px -8px rgba(46,204,113,.7); }
#streamapp-page .btn-ghost {
background: transparent;
color: var(--text);
border: 1px solid var(--line);
}
/* Placeholder de imagem — troque depois pela sua imagem real */
#streamapp-page .img-placeholder {
display: flex; flex-direction: column; align-items: center; justify-content: center;
gap: 8px;
background: repeating-linear-gradient(135deg, #171C27, #171C27 10px, #1B212D 10px, #1B212D 20px);
border: 1.5px dashed #3A4256;
border-radius: 14px;
color: #6B7386;
font-family: 'JetBrains Mono', monospace;
font-size: 12px;
text-align: center;
padding: 20px;
}
#streamapp-page .img-placeholder svg { opacity: .5; }
/* ===== HEADER ===== */
#streamapp-page header {
position: sticky; top: 0; z-index: 50;
background: rgba(10,12,18,.85);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--line);
}
#streamapp-page .nav {
display: flex; align-items: center; justify-content: space-between;
padding: 16px 24px;
}
#streamapp-page .logo {
font-family: 'Bebas Neue', sans-serif;
font-size: 26px;
letter-spacing: .04em;
}
#streamapp-page .logo span { color: var(--accent); }
#streamapp-page .nav .btn { padding: 10px 20px; font-size: 14px; }
/* ===== HERO ===== */
#streamapp-page .hero {
position: relative;
padding: 72px 0 60px;
background:
radial-gradient(60% 50% at 80% 0%, rgba(46,204,113,.16), transparent 60%),
radial-gradient(40% 40% at 10% 100%, rgba(242,197,114,.08), transparent 60%);
}
#streamapp-page .hero-grid {
display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center;
}
#streamapp-page .hero h1 { font-size: 58px; margin: 14px 0 18px; }
#streamapp-page .hero h1 em { font-style: normal; color: var(--accent); }
#streamapp-page .hero p.lead { font-size: 18px; color: var(--muted); max-width: 480px; margin-bottom: 30px; }
#streamapp-page .hero-ctas { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; margin-bottom: 22px; }
#streamapp-page .trust-row { display: flex; gap: 18px; flex-wrap: wrap; font-size: 13px; color: var(--muted); }
#streamapp-page .trust-row span { display: flex; align-items: center; gap: 6px; }
#streamapp-page .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ok); flex: none; }
#streamapp-page .hero-media .img-placeholder { height: 420px; }
/* ===== TICKER (canais em destaque) ===== */
#streamapp-page .ticker-wrap {
border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
background: var(--bg-alt);
padding: 18px 0;
overflow: hidden;
white-space: nowrap;
}
#streamapp-page .ticker {
display: inline-flex;
gap: 44px;
animation: streamapp-scroll 26s linear infinite;
font-family: 'JetBrains Mono', monospace;
font-size: 13px;
color: var(--muted);
letter-spacing: .06em;
text-transform: uppercase;
}
#streamapp-page .ticker span { display: inline-flex; align-items: center; gap: 8px; }
@keyframes streamapp-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { #streamapp-page .ticker { animation: none; } }
/* ===== SECTION HEADINGS ===== */
#streamapp-page section { padding: 88px 0; }
#streamapp-page .sec-head { max-width: 620px; margin-bottom: 48px; }
#streamapp-page .sec-head h2 { font-size: 40px; margin-top: 10px; }
#streamapp-page .sec-head p { color: var(--muted); font-size: 16px; margin-top: 12px; }
/* ===== O QUE VOCÊ ASSISTE (3 pilares) ===== */
#streamapp-page .pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
#streamapp-page .pillar {
background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 30px;
}
#streamapp-page .pillar .num {
font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--accent); font-weight: 700;
}
#streamapp-page .pillar h3 { font-size: 26px; margin: 12px 0 10px; }
#streamapp-page .pillar p { color: var(--muted); font-size: 14.5px; margin-bottom: 16px; }
#streamapp-page .pillar .img-placeholder { height: 150px; }
/* ===== BENEFÍCIOS / RECURSOS ===== */
#streamapp-page .features {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;
background: var(--line); border: 1px solid var(--line); border-radius: 16px; overflow: hidden;
}
#streamapp-page .feature { background: var(--bg-alt); padding: 26px; }
#streamapp-page .feature h4 { font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 16px; margin-bottom: 8px; }
#streamapp-page .feature p { color: var(--muted); font-size: 14px; }
#streamapp-page .feature .ic { font-size: 22px; margin-bottom: 10px; display: block; }
/* ===== DISPOSITIVOS ===== */
#streamapp-page .devices { display: flex; flex-wrap: wrap; gap: 14px; }
#streamapp-page .device-chip {
display: flex; align-items: center; gap: 10px;
background: var(--card); border: 1px solid var(--line); border-radius: 40px;
padding: 12px 20px; font-size: 14px; font-weight: 600;
}
/* ===== SCREENS (galeria para o usuário colar prints) ===== */
#streamapp-page .gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
#streamapp-page .gallery .img-placeholder { height: 210px; border-radius: 12px; }
@media (max-width: 720px) { #streamapp-page .gallery { grid-template-columns: repeat(2, 1fr); } }
/* ===== PREÇO ===== */
#streamapp-page .pricing-card {
max-width: 460px; margin: 0 auto;
background: linear-gradient(180deg, var(--card), var(--bg-alt));
border: 1px solid var(--line); border-radius: 20px;
padding: 40px; text-align: center; position: relative; overflow: hidden;
}
#streamapp-page .pricing-card::before {
content: ""; position: absolute; inset: -2px;
background: conic-gradient(from 180deg, transparent, var(--accent), transparent 30%);
opacity: .15; filter: blur(30px);
}
#streamapp-page .pricing-badge {
display: inline-block; background: var(--gold); color: #1a1400;
font-weight: 800; font-size: 12px; padding: 6px 14px; border-radius: 20px;
margin-bottom: 18px; letter-spacing: .04em;
}
#streamapp-page .price-old { color: var(--muted); text-decoration: line-through; font-size: 18px; }
#streamapp-page .price-new { font-family: 'Bebas Neue', sans-serif; font-size: 64px; color: var(--text); margin: 4px 0; }
#streamapp-page .price-new sup { font-size: 26px; top: -22px; }
#streamapp-page .price-new small { font-family: 'Manrope', sans-serif; font-size: 16px; color: var(--muted); font-weight: 500; }
#streamapp-page .price-list { text-align: left; margin: 26px 0; display: flex; flex-direction: column; gap: 12px; }
#streamapp-page .price-list li { list-style: none; display: flex; gap: 10px; font-size: 14.5px; color: var(--text); }
#streamapp-page .price-list li b { color: var(--ok); }
#streamapp-page .pricing-card .btn { width: 100%; justify-content: center; font-size: 17px; padding: 18px; }
#streamapp-page .pricing-note { font-size: 12.5px; color: var(--muted); margin-top: 14px; }
/* ===== GARANTIA / SELOS ===== */
#streamapp-page .badges { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; margin-top: 50px; }
#streamapp-page .badge { text-align: center; max-width: 160px; }
#streamapp-page .badge .ic { font-size: 26px; }
#streamapp-page .badge p { font-size: 13px; color: var(--muted); margin-top: 8px; }
/* ===== DEPOIMENTOS (placeholder) ===== */
#streamapp-page .testimonials { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
#streamapp-page .testimonial {
background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 24px;
}
#streamapp-page .stars { color: var(--gold); font-size: 14px; margin-bottom: 10px; letter-spacing: 2px; }
#streamapp-page .testimonial p { font-size: 14.5px; color: var(--text); margin-bottom: 16px; }
#streamapp-page .testimonial-author { display: flex; align-items: center; gap: 10px; }
#streamapp-page .avatar {
width: 38px; height: 38px; border-radius: 50%;
background: var(--bg-alt); border: 1px dashed #3A4256;
display: flex; align-items: center; justify-content: center;
font-size: 9px; color: #6B7386; font-family: 'JetBrains Mono', monospace; text-align:center;
}
#streamapp-page .t-name { font-size: 13.5px; font-weight: 700; }
#streamapp-page .t-role { font-size: 12px; color: var(--muted); }
/* ===== FAQ ===== */
#streamapp-page .faq-item {
border-bottom: 1px solid var(--line);
}
#streamapp-page .faq-item summary {
cursor: pointer; padding: 22px 4px; font-weight: 700; font-size: 16.5px;
display: flex; justify-content: space-between; align-items: center; list-style: none;
}
#streamapp-page .faq-item summary::-webkit-details-marker { display: none; }
#streamapp-page .faq-item summary::after {
content: "+"; font-size: 22px; color: var(--accent); font-weight: 400; margin-left: 12px; flex: none;
transition: transform .2s ease;
}
#streamapp-page .faq-item[open] summary::after { transform: rotate(45deg); }
#streamapp-page .faq-item p { color: var(--muted); font-size: 14.5px; padding: 0 4px 22px; max-width: 640px; }
/* ===== CTA FINAL ===== */
#streamapp-page .final-cta {
text-align: center;
background: radial-gradient(60% 100% at 50% 0%, rgba(46,204,113,.14), transparent 70%);
border-top: 1px solid var(--line);
}
#streamapp-page .final-cta h2 { font-size: 42px; max-width: 640px; margin: 0 auto 16px; }
#streamapp-page .final-cta p { color: var(--muted); margin-bottom: 30px; }
/* ===== FOOTER ===== */
#streamapp-page footer { border-top: 1px solid var(--line); padding: 34px 0; }
#streamapp-page footer .wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; }
#streamapp-page footer p { color: var(--muted); font-size: 12.5px; }
/* ===== RESPONSIVO ===== */
@media (max-width: 900px) {
#streamapp-page .hero-grid { grid-template-columns: 1fr; }
#streamapp-page .hero h1 { font-size: 42px; }
#streamapp-page .pillars, #streamapp-page .features, #streamapp-page .testimonials { grid-template-columns: 1fr; }
#streamapp-page .gallery { grid-template-columns: repeat(2,1fr); }
#streamapp-page .sec-head h2 { font-size: 30px; }
}
</style>
<!-- ===== HEADER ===== -->
<header>
<div class="wrap nav">
<div class="logo">STREAM<span>PLAY</span></div>
<a class="btn btn-primary" href="#planos">Assinar agora</a>
</div>
</header>
<!-- ===== HERO ===== -->
<section class="hero" style="padding-top:72px;">
<div class="wrap hero-grid">
<div>
<span class="eyebrow">Canais · Filmes · Séries · Tudo em um app</span>
<h1>Um app.<br>Milhares de <em>horas</em><br>de entretenimento.</h1>
<p class="lead">Canais ao vivo, filmes e séries em um único aplicativo, com catálogo atualizado toda semana e streaming estável em qualquer tela da sua casa.</p>
<div class="hero-ctas">
<a class="btn btn-primary" href="#EDITE-O-LINK-AQUI">▶ Quero assinar</a>
<a class="btn btn-ghost" href="#planos">Ver planos e preço</a>
</div>
<div class="trust-row">
<span><i class="dot"></i>Ativação imediata</span>
<span><i class="dot"></i>Suporte via WhatsApp</span>
<span><i class="dot"></i>Funciona em TV, celular e computador</span>
</div>
</div>
<div class="hero-media">
<!-- COLOQUE SUA IMAGEM AQUI: print do app / mockup do celular ou TV -->
<div class="img-placeholder">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="2" y="4" width="20" height="14" rx="2"/><path d="M8 21h8M12 18v3"/></svg>
COLOQUE SUA IMAGEM AQUI<br>(print do app / mockup da tela)
</div>
</div>
</div>
</section>
<!-- ===== TICKER ===== -->
<div class="ticker-wrap">
<div class="wrap">
<div class="ticker">
<span>✷ Canais abertos e fechados</span>
<span>✷ Filmes de lançamento</span>
<span>✷ Séries completas</span>
<span>✷ Desenhos e infantil</span>
<span>✷ Esportes ao vivo</span>
<span>✷ Documentários</span>
<span>✷ Canais abertos e fechados</span>
<span>✷ Filmes de lançamento</span>
<span>✷ Séries completas</span>
<span>✷ Desenhos e infantil</span>
<span>✷ Esportes ao vivo</span>
<span>✷ Documentários</span>
</div>
</div>
</div>
<!-- ===== 3 PILARES: CANAIS / FILMES / SÉRIES ===== -->
<section id="conteudo">
<div class="wrap">
<div class="sec-head">
<span class="eyebrow">O que vem no app</span>
<h2>Três catálogos.<br>Um só lugar.</h2>
<p>Tudo organizado por categoria, com busca rápida e capas atualizadas — sem precisar trocar de aplicativo pra achar o que assistir.</p>
</div>
<div class="pillars">
<div class="pillar">
<span class="num">01 — CANAIS</span>
<h3>Canais ao vivo</h3>
<p>Grade de canais organizada por categoria (abertos, esportes, notícias, infantil e mais), com guia de programação.</p>
<!-- COLOQUE SUA IMAGEM AQUI: print da lista de canais -->
<div class="img-placeholder">COLOQUE SUA IMAGEM AQUI<br>(print dos canais)</div>
</div>
<div class="pillar">
<span class="num">02 — FILMES</span>
<h3>Filmes</h3>
<p>Catálogo com lançamentos e clássicos, capas em alta definição e filtros por gênero, ano e avaliação.</p>
<!-- COLOQUE SUA IMAGEM AQUI: print do catálogo de filmes -->
<div class="img-placeholder">COLOQUE SUA IMAGEM AQUI<br>(print dos filmes)</div>
</div>
<div class="pillar">
<span class="num">03 — SÉRIES</span>
<h3>Séries</h3>
<p>Temporadas completas, sinopse de cada episódio e "continuar assistindo" de onde você parou.</p>
<!-- COLOQUE SUA IMAGEM AQUI: print do catálogo de séries -->
<div class="img-placeholder">COLOQUE SUA IMAGEM AQUI<br>(print das séries)</div>
</div>
</div>
</div>
</section>
<!-- ===== RECURSOS / POR QUE ESCOLHER ===== -->
<section style="padding-top:0;">
<div class="wrap">
<div class="sec-head">
<span class="eyebrow">Por que escolher</span>
<h2>Feito pra quem<br>quer assistir sem dor de cabeça.</h2>
</div>
<div class="features">
<div class="feature"><span class="ic">⚡</span><h4>Sem travamentos</h4><p>Streaming estável, sem buffering constante mesmo com internet mais simples.</p></div>
<div class="feature"><span class="ic">🔄</span><h4>Catálogo atualizado</h4><p>Filmes e séries novos adicionados toda semana, sem custo extra.</p></div>
<div class="feature"><span class="ic">🔍</span><h4>Busca rápida</h4><p>Encontre qualquer título em segundos por nome, gênero ou ano.</p></div>
<div class="feature"><span class="ic">📱</span><h4>Multi-dispositivo</h4><p>Use em mais de uma tela, alternando entre TV, celular e computador.</p></div>
<div class="feature"><span class="ic">💬</span><h4>Suporte direto</h4><p>Dúvidas e ajuda com a instalação respondidas por WhatsApp.</p></div>
<div class="feature"><span class="ic">🔒</span><h4>Ativação simples</h4><p>Login e senha liberados logo após a confirmação do pagamento.</p></div>
</div>
</div>
</section>
<!-- ===== DISPOSITIVOS ===== -->
<section style="padding-top:0;">
<div class="wrap">
<div class="sec-head">
<span class="eyebrow">Compatibilidade</span>
<h2>Instala e assiste.<br>Em qualquer tela.</h2>
</div>
<div class="devices">
<div class="device-chip">📺 Smart TV</div>
<div class="device-chip">📡 TV Box / Fire Stick</div>
<div class="device-chip">📱 Celular Android e iPhone</div>
<div class="device-chip">💻 Computador e notebook</div>
<div class="device-chip">🎮 Videogame com navegador</div>
</div>
</div>
</section>
<!-- ===== GALERIA (prints do app) ===== -->
<section style="padding-top:0;">
<div class="wrap">
<div class="sec-head">
<span class="eyebrow">Prints do aplicativo</span>
<h2>Veja o app por dentro</h2>
</div>
<div class="gallery">
<!-- COLOQUE SUAS IMAGENS AQUI: 4 prints do app -->
<div class="img-placeholder">IMAGEM 1</div>
<div class="img-placeholder">IMAGEM 2</div>
<div class="img-placeholder">IMAGEM 3</div>
<div class="img-placeholder">IMAGEM 4</div>
</div>
</div>
</section>
<!-- ===== PREÇO ===== -->
<section id="planos">
<div class="wrap">
<div class="sec-head" style="margin:0 auto 44px;text-align:center;max-width:520px;">
<span class="eyebrow">Plano de assinatura</span>
<h2>Preço simples,<br>sem letra miúda.</h2>
</div>
<div class="pricing-card">
<span class="pricing-badge">MAIS ESCOLHIDO</span>
<!-- EDITE O PREÇO AQUI -->
<div class="price-old">De R$ 49,90</div>
<div class="price-new"><sup>R$</sup> 29<small>,90 /mês</small></div>
<ul class="price-list">
<li><b>✓</b> Canais ao vivo, filmes e séries no mesmo app</li>
<li><b>✓</b> Catálogo atualizado toda semana</li>
<li><b>✓</b> Uso em mais de uma tela</li>
<li><b>✓</b> Suporte via WhatsApp</li>
<li><b>✓</b> Ativação em até algumas horas</li>
</ul>
<!-- EDITE O LINK AQUI -->
<a class="btn btn-primary" href="#EDITE-O-LINK-AQUI">▶ Quero assinar agora</a>
<p class="pricing-note">Pagamento via Pix ou cartão · Renovação simples todo mês</p>
</div>
<div class="badges">
<div class="badge"><span class="ic">🛡️</span><p>Garantia de satisfação</p></div>
<div class="badge"><span class="ic">⏱️</span><p>Ativação rápida</p></div>
<div class="badge"><span class="ic">💬</span><p>Suporte humano</p></div>
<div class="badge"><span class="ic">🔁</span><p>Cancele quando quiser</p></div>
</div>
</div>
</section>
<!-- ===== DEPOIMENTOS ===== -->
<section style="padding-top:0;">
<div class="wrap">
<div class="sec-head">
<span class="eyebrow">Quem já assina</span>
<h2>O que dizem os clientes</h2>
</div>
<div class="testimonials">
<div class="testimonial">
<div class="stars">★★★★★</div>
<p>"Troque o texto por um depoimento real de um cliente aqui."</p>
<div class="testimonial-author">
<!-- COLOQUE FOTO AQUI (opcional) -->
<div class="avatar">FOTO</div>
<div><div class="t-name">Nome do cliente</div><div class="t-role">Cidade / Estado</div></div>
</div>
</div>
<div class="testimonial">
<div class="stars">★★★★★</div>
<p>"Troque o texto por um depoimento real de um cliente aqui."</p>
<div class="testimonial-author">
<div class="avatar">FOTO</div>
<div><div class="t-name">Nome do cliente</div><div class="t-role">Cidade / Estado</div></div>
</div>
</div>
<div class="testimonial">
<div class="stars">★★★★★</div>
<p>"Troque o texto por um depoimento real de um cliente aqui."</p>
<div class="testimonial-author">
<div class="avatar">FOTO</div>
<div><div class="t-name">Nome do cliente</div><div class="t-role">Cidade / Estado</div></div>
</div>
</div>
</div>
</div>
</section>
<!-- ===== FAQ ===== -->
<section>
<div class="wrap" style="max-width:760px;">
<div class="sec-head">
<span class="eyebrow">Perguntas frequentes</span>
<h2>Ainda com dúvidas?</h2>
</div>
<details class="faq-item" open>
<summary>Quantos canais, filmes e séries tem no app?</summary>
<p>O catálogo é atualizado semanalmente com canais ao vivo, filmes de lançamento e séries com temporadas completas. Edite este texto com o número real do seu catálogo.</p>
</details>
<details class="faq-item">
<summary>Em quais dispositivos funciona?</summary>
<p>Smart TV, TV Box, Fire Stick, celular Android e iPhone, computador e videogames com navegador.</p>
</details>
<details class="faq-item">
<summary>Como funciona a ativação?</summary>
<p>Após a confirmação do pagamento, você recebe login e senha (ou o QR code de ativação) para começar a assistir.</p>
</details>
<details class="faq-item">
<summary>Quais formas de pagamento são aceitas?</summary>
<p>Pix e cartão de crédito. Edite aqui caso aceite outras formas de pagamento.</p>
</details>
<details class="faq-item">
<summary>Posso usar em mais de uma tela ao mesmo tempo?</summary>
<p>Sim, dependendo do plano escolhido é possível assistir em mais de um dispositivo simultaneamente.</p>
</details>
<details class="faq-item">
<summary>Tem suporte se eu tiver algum problema?</summary>
<p>Sim, o suporte é feito diretamente por WhatsApp para ajudar com instalação, ativação e qualquer dúvida.</p>
</details>
<details class="faq-item">
<summary>Posso cancelar quando quiser?</summary>
<p>Sim, a assinatura é mês a mês e pode ser cancelada a qualquer momento, sem fidelidade.</p>
</details>
</div>
</section>
<!-- ===== CTA FINAL ===== -->
<section class="final-cta">
<div class="wrap">
<h2>Pronto pra ter canais,<br>filmes e séries num só app?</h2>
<p>Ativação rápida e suporte para te ajudar em cada passo.</p>
<a class="btn btn-primary" href="#EDITE-O-LINK-AQUI" style="font-size:18px;padding:18px 36px;">▶ Assinar agora</a>
</div>
</section>
<!-- ===== FOOTER ===== -->
<footer>
<div class="wrap">
<div class="logo" style="font-size:20px;">STREAM<span>PLAY</span></div>
<p>© 2026 · Edite aqui o nome final do seu app e informações de contato/suporte.</p>
</div>
</footer>
</div>