<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Eric Ferreira | Consultoria Esportiva</title>
<meta name="description" content="Consultoria esportiva online com treino e dieta personalizados e acompanhamento a cada 15 dias. Resultados estéticos reais para homens e mulheres de 20 a 35 anos.">
<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=Anton&family=JetBrains+Mono:wght@400;500;700&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
:root{
--black:#0a0a0b;
--panel:#141416;
--panel-2:#1c1c1f;
--gold:#d4900b;
--gold-light:#f0b429;
--white:#f7f5f0;
--gray:#8c8b86;
--line:#2a2a2d;
--radius: 2px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
background:var(--black);
color:var(--white);
font-family:'Manrope',sans-serif;
line-height:1.5;
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px;}
h1,h2,h3{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:0.5px;line-height:1.05;}
.eyebrow{
font-family:'JetBrains Mono',monospace;
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
color:var(--gold);
display:flex;
align-items:center;
gap:10px;
margin-bottom:18px;
}
.eyebrow::before{
content:"";
width:24px;height:1px;background:var(--gold);
}
.btn{
display:inline-flex;
align-items:center;
gap:10px;
background:var(--gold);
color:var(--black);
font-family:'JetBrains Mono',monospace;
font-weight:700;
font-size:14px;
letter-spacing:1px;
text-transform:uppercase;
padding:16px 28px;
border-radius:var(--radius);
border:1px solid var(--gold);
transition:all .2s ease;
cursor:pointer;
}
.btn:hover{background:transparent;color:var(--gold-light);}
.btn-outline{
background:transparent;
color:var(--white);
border:1px solid var(--line);
}
.btn-outline:hover{border-color:var(--gold);color:var(--gold-light);background:transparent;}
/* ===== HEADER ===== */
header{
position:fixed;top:0;left:0;right:0;
z-index:100;
background:rgba(10,10,11,0.9);
backdrop-filter:blur(8px);
border-bottom:1px solid var(--line);
}
header .wrap{
display:flex;align-items:center;justify-content:space-between;
padding-top:12px;padding-bottom:12px;
}
header img{height:34px;width:auto;}
header .btn{padding:10px 18px;font-size:12px;}
/* ===== HERO ===== */
.hero{
padding:170px 0 100px;
position:relative;
background:
radial-gradient(ellipse 900px 500px at 85% 10%, rgba(212,144,11,0.14), transparent 60%),
var(--black);
border-bottom:1px solid var(--line);
}
.hero-grid{
display:grid;
grid-template-columns:1.15fr 0.85fr;
gap:60px;
align-items:center;
}
.hero h1{
font-size:clamp(40px,5.4vw,72px);
margin-bottom:22px;
}
.hero h1 span{color:var(--gold);}
.hero p.lead{
font-size:18px;
color:#c9c8c3;
max-width:520px;
margin-bottom:34px;
}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:34px;}
.hero-note{
font-family:'JetBrains Mono',monospace;
font-size:12px;
color:var(--gray);
letter-spacing:.5px;
}
.hero-card{
background:var(--panel);
border:1px solid var(--line);
border-radius:var(--radius);
padding:28px;
position:relative;
}
.hero-card::before{
content:"FICHA DE INGRESSO";
position:absolute;
top:-11px;left:24px;
background:var(--black);
padding:0 10px;
font-family:'JetBrains Mono',monospace;
font-size:11px;
letter-spacing:2px;
color:var(--gold);
}
.hero-card dl{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;font-family:'JetBrains Mono',monospace;font-size:13px;}
.hero-card dt{color:var(--gray);}
.hero-card dd{color:var(--white);text-align:right;}
.hero-card hr{border:none;border-top:1px dashed var(--line);margin:18px 0;}
/* ===== STRIP ===== */
.strip{
background:var(--gold);
color:var(--black);
padding:14px 0;
overflow:hidden;
white-space:nowrap;
font-family:'JetBrains Mono',monospace;
font-weight:700;
font-size:13px;
letter-spacing:1.5px;
text-transform:uppercase;
}
.strip .track{display:inline-block;animation:scroll 26s linear infinite;}
.strip span{margin:0 26px;}
@keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
/* ===== SECTION BASE ===== */
section{padding:110px 0;border-bottom:1px solid var(--line);}
.section-head{max-width:640px;margin-bottom:60px;}
.section-head h2{font-size:clamp(30px,3.6vw,44px);margin-bottom:16px;}
.section-head p{color:var(--gray);font-size:16px;}
/* ===== SOBRE ===== */
.about{display:grid;grid-template-columns:0.9fr 1.1fr;gap:70px;align-items:center;}
.about-photo{
aspect-ratio:4/5;
background:var(--panel);
border:1px solid var(--line);
border-radius:var(--radius);
display:flex;align-items:center;justify-content:center;
color:var(--gray);
font-family:'JetBrains Mono',monospace;
font-size:12px;
text-align:center;
padding:20px;
position:relative;
}
.about-photo::after{
content:"";
position:absolute;inset:14px;
border:1px solid var(--line);
}
.about h2{font-size:clamp(28px,3.4vw,38px);margin-bottom:20px;}
.about p{color:#c9c8c3;margin-bottom:16px;font-size:16px;}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;}
.about-stats div{border-top:1px solid var(--line);padding-top:14px;}
.about-stats b{display:block;font-family:'Anton',sans-serif;font-size:30px;color:var(--gold);}
.about-stats span{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray);letter-spacing:1px;text-transform:uppercase;}
/* ===== MÉTODO ===== */
.method{background:var(--panel);}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.method-card{
background:var(--panel);
padding:34px 26px;
position:relative;
}
.method-card .num{
font-family:'JetBrains Mono',monospace;
color:var(--gold);
font-size:13px;
margin-bottom:22px;
display:block;
}
.method-card h3{font-size:19px;margin-bottom:12px;}
.method-card p{color:var(--gray);font-size:14px;}
.method-card.highlight{background:linear-gradient(160deg, rgba(212,144,11,0.12), transparent);}
.method-card.highlight .num{color:var(--gold-light);}
/* ===== PARA QUEM ===== */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
.fit-col{background:var(--black);padding:44px;}
.fit-col h3{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;}
.fit-col.yes h3{color:var(--gold);}
.fit-col.no h3{color:var(--gray);}
.fit-col ul{list-style:none;}
.fit-col li{
padding:12px 0;
border-top:1px solid var(--line);
font-size:15px;
display:flex;
gap:12px;
color:#c9c8c3;
}
.fit-col li:first-of-type{border-top:none;}
.fit-col.yes li::before{content:"+";color:var(--gold);font-weight:700;font-family:'JetBrains Mono',monospace;}
.fit-col.no li::before{content:"–";color:var(--gray);font-weight:700;font-family:'JetBrains Mono',monospace;}
/* ===== PROVA SOCIAL ===== */
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.proof-card{
background:var(--panel);
border:1px solid var(--line);
border-radius:var(--radius);
overflow:hidden;
}
.proof-photo{
aspect-ratio:1/1;
background:var(--panel-2);
display:flex;align-items:center;justify-content:center;
color:var(--gray);
font-family:'JetBrains Mono',monospace;
font-size:11px;
text-align:center;
padding:16px;
border-bottom:1px solid var(--line);
}
.proof-body{padding:22px;}
.proof-body .tag{
font-family:'JetBrains Mono',monospace;
font-size:11px;
color:var(--gold);
letter-spacing:1px;
margin-bottom:10px;
display:block;
}
.proof-body p{font-size:14.5px;color:#c9c8c3;margin-bottom:14px;}
.proof-body .name{font-size:13px;font-weight:700;color:var(--white);}
.proof-note{
margin-top:28px;
font-family:'JetBrains Mono',monospace;
font-size:12px;
color:var(--gray);
border:1px dashed var(--line);
padding:16px 20px;
border-radius:var(--radius);
}
/* ===== OFERTA ===== */
.offer{
background:linear-gradient(160deg, var(--panel), var(--black) 70%);
text-align:center;
}
.offer .wrap{max-width:720px;}
.offer h2{font-size:clamp(32px,4.4vw,50px);margin-bottom:20px;}
.offer p.lead{color:#c9c8c3;font-size:17px;margin-bottom:40px;}
.offer-card{
background:var(--panel);
border:1px solid var(--gold);
border-radius:var(--radius);
padding:44px 36px;
text-align:left;
position:relative;
}
.offer-card::before{
content:"PROTOCOLO ERIC FERREIRA";
position:absolute;top:-11px;left:36px;
background:var(--black);
padding:0 10px;
font-family:'JetBrains Mono',monospace;
font-size:11px;letter-spacing:2px;color:var(--gold);
}
.offer-list{list-style:none;margin-bottom:32px;}
.offer-list li{
display:flex;gap:14px;align-items:flex-start;
padding:13px 0;border-top:1px solid var(--line);font-size:15px;color:#e5e4df;
}
.offer-list li:first-child{border-top:none;}
.offer-list li::before{content:"✓";color:var(--gold);font-weight:700;}
.offer-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.offer-foot .btn{width:100%;justify-content:center;font-size:15px;padding:18px;}
.offer-price{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray);text-align:center;margin-top:14px;}
/* ===== FAQ ===== */
.faq-item{border-top:1px solid var(--line);}
.faq-item:last-child{border-bottom:1px solid var(--line);}
.faq-q{
width:100%;text-align:left;background:none;border:none;color:var(--white);
font-family:'Manrope',sans-serif;font-weight:700;font-size:17px;
padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;
cursor:pointer;
}
.faq-q .icon{
font-family:'JetBrains Mono',monospace;color:var(--gold);font-size:20px;
transition:transform .25s ease;flex-shrink:0;
}
.faq-item.open .icon{transform:rotate(45deg);}
.faq-a{
max-height:0;overflow:hidden;transition:max-height .3s ease;
}
.faq-a p{color:var(--gray);font-size:15px;padding-bottom:24px;max-width:640px;}
/* ===== CTA FINAL ===== */
.final{
text-align:center;
background:
radial-gradient(ellipse 700px 400px at 50% 0%, rgba(212,144,11,0.16), transparent 65%),
var(--black);
border-bottom:none;
}
.final .eyebrow{justify-content:center;}
.final .eyebrow::before{display:none;}
.final h2{font-size:clamp(32px,5vw,58px);margin-bottom:24px;}
.final p{color:var(--gray);max-width:520px;margin:0 auto 36px;font-size:16px;}
/* ===== FOOTER ===== */
footer{padding:44px 0;}
footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
footer img{height:26px;}
footer .fine{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gray);}
/* ===== WHATSAPP FLOAT ===== */
.float-wa{
position:fixed;bottom:22px;right:22px;z-index:99;
background:var(--gold);color:var(--black);
width:58px;height:58px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
box-shadow:0 8px 24px rgba(0,0,0,.4);
transition:transform .2s ease;
}
.float-wa:hover{transform:scale(1.08);}
@media (max-width:860px){
.hero-grid, .about, .fit, .proof-grid, .method-grid{grid-template-columns:1fr;}
.method-grid{gap:1px;}
.about-stats{grid-template-columns:repeat(3,1fr);}
section{padding:70px 0;}
.hero{padding:130px 0 60px;}
}
@media (prefers-reduced-motion: reduce){
.strip .track{animation:none;}
html{scroll-behavior:auto;}
}
</style>
</head>
<body>
<header>
<div class="wrap">
<img src="assets/logo-eric-ferreira.png" alt="Eric Ferreira Consultoria Esportiva">
<a href="#oferta" class="btn">Falar no WhatsApp</a>
</div>
</header>
<section class="hero">
<div class="wrap hero-grid">
<div>
<div class="eyebrow">Consultoria Esportiva Online</div>
<h1>Treino e dieta feitos <span>pro seu corpo</span>, ajustados a cada 15 dias.</h1>
<p class="lead">Consultoria completa para homens e mulheres de 20 a 35 anos que querem resultado estético real — sem achismo, sem planilha genérica, com acompanhamento de perto o tempo todo.</p>
<div class="hero-ctas">
<a href="https://wa.me/5541997296510?text=Ol%C3%A1%2C%20Eric!%20Quero%20come%C3%A7ar%20minha%20consultoria." target="_blank" rel="noopener" class="btn">Quero minha consultoria →</a>
<a href="#metodo" class="btn btn-outline">Ver como funciona</a>
</div>
<div class="hero-note">// Vagas limitadas por ciclo de acompanhamento</div>
</div>
<div class="hero-card">
<dl>
<dt>Consultor</dt><dd>Eric Ferreira</dd>
<dt>Modalidade</dt><dd>100% Online</dd>
<dt>Foco</dt><dd>Estética / Composição corporal</dd>
<dt>Público</dt><dd>Homens e mulheres, 20–35 anos</dd>
<dt>Revisão</dt><dd>A cada 15 dias</dd>
</dl>
<hr>
<dl>
<dt>Inclui</dt><dd>Treino personalizado</dd>
<dt>Inclui</dt><dd>Dieta personalizada</dd>
<dt>Inclui</dt><dd>Ajustes quinzenais</dd>
<dt>Contato</dt><dd>Direto via WhatsApp</dd>
</dl>
</div>
</div>
</section>
<div class="strip">
<div class="track">
<span>TREINO PERSONALIZADO</span><span>·</span><span>DIETA SOB MEDIDA</span><span>·</span><span>ACOMPANHAMENTO QUINZENAL</span><span>·</span><span>RESULTADO ESTÉTICO REAL</span><span>·</span>
<span>TREINO PERSONALIZADO</span><span>·</span><span>DIETA SOB MEDIDA</span><span>·</span><span>ACOMPANHAMENTO QUINZENAL</span><span>·</span><span>RESULTADO ESTÉTICO REAL</span><span>·</span>
</div>
</div>
<section id="sobre" class="about-section">
<div class="wrap about">
<div class="about-photo">[ Foto do Eric — trocar por uma imagem sua, de treino ou apresentação profissional ]</div>
<div>
<div class="eyebrow">Quem te acompanha</div>
<h2>Consultoria feita por quem entende de estética corporal — não só de planilha de treino.</h2>
<p>Meu trabalho não termina quando eu te entrego um treino e uma dieta. Ele começa ali. A cada 15 dias eu reviso o que está funcionando, ajusto o que precisa mudar e mantenho você no caminho certo até o resultado aparecer no espelho — não só na planilha.</p>
<p>Nada de plano genérico copiado de outra pessoa: o treino e a dieta são montados a partir do seu histórico, sua rotina e seu objetivo específico.</p>
<div class="about-stats">
<div><b>15</b><span>dias entre revisões</span></div>
<div><b>100%</b><span>online</span></div>
<div><b>1 a 1</b><span>acompanhamento direto</span></div>
</div>
</div>
</div>
</section>
<section id="metodo" class="method">
<div class="wrap">
<div class="section-head">
<div class="eyebrow">O método</div>
<h2>Como funciona a consultoria</h2>
<p>Um ciclo simples que se repete até você chegar onde quer — com ajuste fino a cada etapa.</p>
</div>
</div>
<div class="wrap" style="padding:0 24px;">
<div class="method-grid">
<div class="method-card">
<span class="num">01 / AVALIAÇÃO</span>
<h3>Diagnóstico inicial</h3>
<p>Entendo seu histórico, rotina, objetivo estético e ponto de partida antes de montar qualquer coisa.</p>
</div>
<div class="method-card">
<span class="num">02 / TREINO</span>
<h3>Treino personalizado</h3>
<p>Programação de treino montada para o seu objetivo — nada de planilha padrão para todo mundo.</p>
</div>
<div class="method-card">
<span class="num">03 / DIETA</span>
<h3>Dieta sob medida</h3>
<p>Plano alimentar compatível com sua rotina real, feito para sustentar o treino e o resultado.</p>
</div>
<div class="method-card highlight">
<span class="num">04 / A CADA 15 DIAS</span>
<h3>Revisão e ajuste</h3>
<p>Reavaliamos o progresso e ajustamos treino e dieta — esse ciclo se repete até você chegar no objetivo.</p>
</div>
</div>
</div>
</section>
<section class="fit-section">
<div class="wrap">
<div class="section-head">
<div class="eyebrow">Pra quem é</div>
<h2>Essa consultoria é pra você?</h2>
</div>
</div>
<div class="fit">
<div class="fit-col yes">
<h3>É pra você se</h3>
<ul>
<li>Tem entre 20 e 35 anos e quer mudança estética visível</li>
<li>Quer treino e dieta pensados pro seu corpo, não copiados da internet</li>
<li>Está disposto(a) a seguir o plano e reportar o progresso a cada 15 dias</li>
<li>Prefere ser acompanhado(a) de perto em vez de treinar no escuro</li>
</ul>
</div>
<div class="fit-col no">
<h3>Não é pra você se</h3>
<ul>
<li>Busca resultado sem constância nem ajuste de rota</li>
<li>Quer um plano pronto, sem nenhum acompanhamento</li>
<li>Não pretende treinar nem seguir orientação alimentar</li>
</ul>
</div>
</div>
</section>
<section id="resultados">
<div class="wrap">
<div class="section-head">
<div class="eyebrow">Resultados</div>
<h2>O que os alunos dizem</h2>
<p>Espaço reservado para os depoimentos e fotos de antes/depois — substitua pelos casos reais.</p>
</div>
<div class="proof-grid">
<div class="proof-card">
<div class="proof-photo">[ Foto antes/depois — aluno(a) 1 ]</div>
<div class="proof-body">
<span class="tag">RESULTADO EM X SEMANAS</span>
<p>"Espaço para o depoimento real do aluno sobre o resultado obtido com a consultoria."</p>
<div class="name">Nome do(a) aluno(a)</div>
</div>
</div>
<div class="proof-card">
<div class="proof-photo">[ Foto antes/depois — aluno(a) 2 ]</div>
<div class="proof-body">
<span class="tag">RESULTADO EM X SEMANAS</span>
<p>"Espaço para o depoimento real do aluno sobre o resultado obtido com a consultoria."</p>
<div class="name">Nome do(a) aluno(a)</div>
</div>
</div>
<div class="proof-card">
<div class="proof-photo">[ Foto antes/depois — aluno(a) 3 ]</div>
<div class="proof-body">
<span class="tag">RESULTADO EM X SEMANAS</span>
<p>"Espaço para o depoimento real do aluno sobre o resultado obtido com a consultoria."</p>
<div class="name">Nome do(a) aluno(a)</div>
</div>
</div>
</div>
<div class="proof-note">// Assim que você organizar os depoimentos e fotos, é só trocar os blocos [ ] acima pelas imagens e textos reais — te explico como fazer isso no WordPress.</div>
</div>
</section>
<section id="oferta" class="offer">
<div class="wrap">
<div class="eyebrow" style="justify-content:center;">A oferta</div>
<h2>Comece sua consultoria com Eric Ferreira</h2>
<p class="lead">Vagas limitadas por ciclo, para garantir atenção real a cada aluno. Fale comigo agora e veja se ainda há vaga disponível.</p>
<div class="offer-card">
<ul class="offer-list">
<li>Treino 100% personalizado para o seu objetivo estético</li>
<li>Dieta sob medida, compatível com sua rotina</li>
<li>Revisão e ajuste de treino e dieta a cada 15 dias</li>
<li>Acompanhamento direto comigo via WhatsApp</li>
</ul>
<div class="offer-foot">
<a href="https://wa.me/5541997296510?text=Ol%C3%A1%2C%20Eric!%20Quero%20come%C3%A7ar%20minha%20consultoria." target="_blank" rel="noopener" class="btn">Falar com Eric no WhatsApp →</a>
</div>
<div class="offer-price">Valores e condições sob consulta — te respondo no WhatsApp</div>
</div>
</div>
</section>
<section id="faq">
<div class="wrap">
<div class="section-head">
<div class="eyebrow">Dúvidas</div>
<h2>Perguntas frequentes</h2>
</div>
<div class="faq-list">
<div class="faq-item">
<button class="faq-q">Como funciona o acompanhamento quinzenal? <span class="icon">+</span></button>
<div class="faq-a"><p>A cada 15 dias avaliamos o seu progresso, revisamos fotos/medidas e ajustamos o treino e a dieta conforme a sua resposta ao plano.</p></div>
</div>
<div class="faq-item">
<button class="faq-q">A consultoria é 100% online? <span class="icon">+</span></button>
<div class="faq-a"><p>Sim. Todo o processo — avaliação, entrega do treino, dieta e ajustes — acontece online, com contato direto pelo WhatsApp.</p></div>
</div>
<div class="faq-item">
<button class="faq-q">Preciso de academia ou posso treinar em casa? <span class="icon">+</span></button>
<div class="faq-a"><p>O treino é montado de acordo com o que você tem disponível, seja academia completa, equipamento em casa ou peso do corpo.</p></div>
</div>
<div class="faq-item">
<button class="faq-q">Em quanto tempo vejo resultado? <span class="icon">+</span></button>
<div class="faq-a"><p>Varia de pessoa para pessoa, mas por isso o acompanhamento é quinzenal: ajustamos a rota sempre que necessário para manter a evolução.</p></div>
</div>
<div class="faq-item">
<button class="faq-q">Como faço para começar? <span class="icon">+</span></button>
<div class="faq-a"><p>Clique em um dos botões desta página, me chame no WhatsApp e vamos alinhar seu objetivo, disponibilidade e o próximo passo.</p></div>
</div>
</div>
</div>
</section>
<section class="final">
<div class="wrap">
<div class="eyebrow">Próximo passo</div>
<h2>Seu resultado estético começa com uma mensagem.</h2>
<p>Sem planilha genérica, sem treino de internet. Só você, um plano feito pra sua rotina e ajuste a cada 15 dias.</p>
<a href="https://wa.me/5541997296510?text=Ol%C3%A1%2C%20Eric!%20Quero%20come%C3%A7ar%20minha%20consultoria." target="_blank" rel="noopener" class="btn">Chamar Eric no WhatsApp →</a>
</div>
</section>
<footer>
<div class="wrap">
<img src="assets/logo-eric-ferreira.png" alt="Eric Ferreira Consultoria Esportiva">
<div class="fine">© <span id="year"></span> Eric Ferreira Consultoria Esportiva — Todos os direitos reservados.</div>
</div>
</footer>
<a class="float-wa" href="https://wa.me/5541997296510?text=Ol%C3%A1%2C%20Eric!%20Quero%20come%C3%A7ar%20minha%20consultoria." target="_blank" rel="noopener" aria-label="Falar no WhatsApp">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none"><path d="M17.6 6.32A7.85 7.85 0 0 0 12.05 4c-4.35 0-7.89 3.54-7.89 7.9 0 1.39.37 2.75 1.06 3.95L4 20l4.27-1.12a7.86 7.86 0 0 0 3.77.96h.01c4.35 0 7.89-3.54 7.89-7.9 0-2.11-.82-4.09-2.34-5.62Zm-5.55 12.16h-.01a6.55 6.55 0 0 1-3.34-.92l-.24-.14-2.53.66.68-2.47-.16-.25a6.56 6.56 0 0 1-1.01-3.5c0-3.63 2.96-6.58 6.6-6.58a6.55 6.55 0 0 1 4.66 1.93 6.53 6.53 0 0 1 1.93 4.65c0 3.63-2.96 6.58-6.58 6.58v.04Zm3.6-4.93c-.2-.1-1.17-.58-1.35-.64-.18-.07-.31-.1-.44.1-.13.2-.51.64-.62.77-.11.13-.23.15-.43.05-.2-.1-.83-.31-1.58-.98-.58-.52-.98-1.16-1.09-1.36-.11-.2-.01-.3.09-.4.09-.09.2-.23.3-.35.1-.11.13-.2.2-.33.07-.13.03-.25-.02-.35-.05-.1-.44-1.06-.6-1.45-.16-.38-.32-.33-.44-.33-.11 0-.24-.01-.37-.01-.13 0-.35.05-.53.25-.18.2-.7.68-.7 1.66 0 .98.72 1.93.82 2.06.1.13 1.41 2.15 3.42 3.02.48.2.85.33 1.14.42.48.15.92.13 1.26.08.38-.06 1.17-.48 1.34-.94.16-.46.16-.86.11-.94-.05-.08-.18-.13-.38-.23Z" fill="var(--black)"/></svg>
</a>
<script>
document.getElementById('year').textContent = new Date().getFullYear();
document.querySelectorAll('.faq-item').forEach(function(item){
var q = item.querySelector('.faq-q');
var a = item.querySelector('.faq-a');
q.addEventListener('click', function(){
var isOpen = item.classList.contains('open');
document.querySelectorAll('.faq-item.open').forEach(function(open){
open.classList.remove('open');
open.querySelector('.faq-a').style.maxHeight = null;
});
if(!isOpen){
item.classList.add('open');
a.style.maxHeight = a.scrollHeight + 'px';
}
});
});
</script>
</body>
</html>