<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Onovation — Marketing Digital &amp; Empreendedorismo</title>
<meta name="description" content="Onovation: criação de sites, automação com IA, Google Ads e Meta Ads para negócios que querem vender mais. Metodologia SPEED por Luis Matsumoto.">
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<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=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="main-styles.css">
</head>
<body>

<div class="topbar" id="top">
  <div class="container topbar-inner">
    <div class="topbar-contacts">
      <a href="https://wa.me/5517997028382" target="_blank" rel="noopener">
        <svg viewBox="0 0 24 24" class="icon-sm" aria-hidden="true"><path d="M17.5 14.4c-.3-.1-1.7-.8-2-.9-.3-.1-.5-.1-.7.1-.2.3-.8.9-.9 1.1-.2.2-.3.2-.6.1-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6.1-.1.3-.3.4-.5.1-.1.2-.3.3-.4.1-.2 0-.3 0-.5 0-.1-.7-1.6-.9-2.2-.2-.5-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.4s1 2.8 1.2 3c.1.2 2 3 4.8 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.5-.1 1.7-.7 1.9-1.4.2-.7.2-1.2.2-1.4-.1-.1-.3-.2-.6-.3z"/><path d="M12 2a10 10 0 0 0-8.5 15.3L2 22l4.8-1.5A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.1l-.3-.2-3 .9.9-2.9-.2-.3A8.2 8.2 0 1 1 20.2 12 8.2 8.2 0 0 1 12 20.2z"/></svg>
        (17) 99702-8382
      </a>
      <a href="mailto:onovation@gmail.com">
        <svg viewBox="0 0 24 24" class="icon-sm" aria-hidden="true"><path d="M2 5.5A1.5 1.5 0 0 1 3.5 4h17A1.5 1.5 0 0 1 22 5.5v13a1.5 1.5 0 0 1-1.5 1.5h-17A1.5 1.5 0 0 1 2 18.5zm2.2.5 7.4 5.6a.7.7 0 0 0 .8 0L19.8 6z"/></svg>
        onovation@gmail.com
      </a>
    </div>
    <div class="topbar-social">
      <a href="#" aria-label="Instagram"><svg viewBox="0 0 24 24" class="icon-sm"><path d="M12 2.2c2.7 0 3 0 4.1.06 1.1.05 1.8.22 2.2.37.6.23 1 .5 1.4.9.4.4.67.8.9 1.4.15.4.32 1.1.37 2.2.06 1.1.06 1.4.06 4.1s0 3-.06 4.1c-.05 1.1-.22 1.8-.37 2.2-.23.6-.5 1-.9 1.4-.4.4-.8.67-1.4.9-.4.15-1.1.32-2.2.37-1.1.06-1.4.06-4.1.06s-3 0-4.1-.06c-1.1-.05-1.8-.22-2.2-.37-.6-.23-1-.5-1.4-.9-.4-.4-.67-.8-.9-1.4-.15-.4-.32-1.1-.37-2.2C2.2 15 2.2 14.7 2.2 12s0-3 .06-4.1c.05-1.1.22-1.8.37-2.2.23-.6.5-1 .9-1.4.4-.4.8-.67 1.4-.9.4-.15 1.1-.32 2.2-.37C9 2.2 9.3 2.2 12 2.2zM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 8.2a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4zm5.2-8.4a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0z"/></svg></a>
      <a href="#" aria-label="YouTube"><svg viewBox="0 0 24 24" class="icon-sm"><path d="M22 7.2s-.2-1.5-.8-2.2c-.8-.9-1.7-.9-2.1-1C16.3 3.7 12 3.7 12 3.7h0s-4.3 0-7.1.3c-.4 0-1.3.1-2.1 1-.6.7-.8 2.2-.8 2.2S1.7 9 1.7 10.7v1.5c0 1.8.2 3.5.2 3.5s.2 1.5.8 2.2c.8.9 1.9.9 2.3 1 1.7.2 7 .3 7 .3s4.3 0 7.1-.3c.4 0 1.3-.1 2.1-1 .6-.7.8-2.2.8-2.2s.2-1.7.2-3.5v-1.5c0-1.7-.2-3.5-.2-3.5zM9.8 14.9V8.7l5.6 3.1z"/></svg></a>
    </div>
  </div>
</div>

<header class="site-header">
  <div class="container header-inner">
    <a href="#top" class="logo" aria-label="Onovation - início">
      <svg viewBox="0 0 36 36" class="logo-mark" aria-hidden="true">
        <circle cx="18" cy="18" r="17" fill="none" stroke="var(--gold)" stroke-width="2"/>
        <path d="M11 22 L18 10 L25 22" fill="none" stroke="var(--navy)" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
        <circle cx="18" cy="10" r="2.2" fill="var(--gold)"/>
      </svg>
      <span>Onovation</span>
    </a>

    <nav class="main-nav" id="main-nav">
      <a href="#top">Home</a>
      <a href="#sobre">Quem Somos</a>
      <a href="#solucoes">Soluções</a>
      <a href="#portfolio">Portfólio</a>
      <a href="#depoimentos">Depoimentos</a>
      <a href="#contato">Contato</a>
    </nav>

    <button class="nav-toggle" id="nav-toggle" aria-label="Abrir menu" aria-expanded="false">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<main>

  <section class="hero">
    <div class="container hero-grid">
      <div class="hero-copy">
        <p class="eyebrow">Marketing digital com propósito</p>
        <h1>Sua empresa vendendo mais, todos os dias.</h1>
        <p class="lead">Criamos sites, automatizamos o atendimento com IA e administramos suas campanhas de anúncios — tudo com a metodologia <strong>SPEED</strong>, criada para dar clareza e direção à sua jornada empreendedora.</p>
        <div class="hero-actions">
          <a href="#contato" class="btn btn-gold">Solicitar orçamento</a>
          <a href="#solucoes" class="btn btn-ghost">Ver soluções</a>
        </div>
        <div class="hero-stats">
          <div><strong>5+</strong><span>negócios impulsionados</span></div>
          <div><strong>24/7</strong><span>atendimento com IA</span></div>
          <div><strong>100%</strong><span>foco em resultado</span></div>
        </div>
      </div>
      <div class="hero-art" aria-hidden="true">
        <svg viewBox="0 0 480 420" class="illus-hero">
          <defs>
            <linearGradient id="g1" x1="0" y1="0" x2="1" y2="1">
              <stop offset="0" stop-color="#13136b"/>
              <stop offset="1" stop-color="#0a0a3d"/>
            </linearGradient>
          </defs>
          <rect x="30" y="40" width="420" height="300" rx="18" fill="url(#g1)"/>
          <rect x="60" y="80" width="360" height="200" rx="10" fill="#ffffff" opacity="0.06"/>
          <polyline points="80,250 150,210 210,230 270,160 330,180 400,110" fill="none" stroke="#f5c518" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
          <circle cx="400" cy="110" r="8" fill="#f5c518"/>
          <circle cx="270" cy="160" r="6" fill="#ffffff"/>
          <circle cx="150" cy="210" r="6" fill="#ffffff"/>
          <rect x="80" y="300" width="40" height="16" rx="4" fill="#ffffff" opacity="0.5"/>
          <rect x="130" y="300" width="70" height="16" rx="4" fill="#ffffff" opacity="0.3"/>
          <g transform="translate(330,250)">
            <circle r="46" fill="#f5c518"/>
            <path d="M-16 -4 L-4 10 L20 -18" fill="none" stroke="#0a0a3d" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
          </g>
          <circle cx="60" cy="60" r="5" fill="#f5c518"/>
          <circle cx="430" cy="360" r="7" fill="#f5c518"/>
          <circle cx="40" cy="360" r="4" fill="#13136b" opacity="0.4"/>
        </svg>
      </div>
    </div>
  </section>

  <section class="logos-strip">
    <div class="container">
      <p>Metodologia aplicada em negócios de diferentes segmentos</p>
      <div class="logos-row">
        <span>Alimentação</span><span>Joalheria</span><span>Automotivo</span><span>Fotografia</span><span>E-commerce</span>
      </div>
    </div>
  </section>

  <section id="sobre" class="about">
    <div class="container about-grid">
      <div class="about-art" aria-hidden="true">
        <svg viewBox="0 0 320 360" class="illus-person">
          <circle cx="160" cy="180" r="150" fill="#f7f3e8"/>
          <g transform="translate(60,60)">
            <rect x="30" y="140" width="140" height="150" rx="24" fill="#0a0a3d"/>
            <circle cx="100" cy="80" r="62" fill="#f5c518"/>
            <path d="M48 150 q52 40 104 0" fill="none" stroke="#0a0a3d" stroke-width="6" stroke-linecap="round"/>
            <circle cx="78" cy="78" r="6" fill="#0a0a3d"/>
            <circle cx="122" cy="78" r="6" fill="#0a0a3d"/>
            <path d="M80 100 q20 16 40 0" fill="none" stroke="#0a0a3d" stroke-width="5" stroke-linecap="round"/>
          </g>
          <circle cx="270" cy="70" r="10" fill="#f5c518"/>
          <circle cx="40" cy="300" r="8" fill="#13136b" opacity="0.5"/>
        </svg>
      </div>
      <div class="about-copy">
        <p class="eyebrow">Quem somos</p>
        <h2>Um projeto da Onovation, pensado por quem já esteve no seu lugar.</h2>
        <p>O site Empreendedorismo é um projeto idealizado por <strong>Luis Matsumoto</strong> e integra a empresa <strong>Onovation</strong>. Nossa missão é levar informação de qualidade para quem quer evoluir sua jornada empreendedora através do marketing digital — e para isso criamos a metodologia <strong>SPEED</strong>.</p>

        <div class="founder-card">
          <div class="founder-avatar" aria-hidden="true">
            <svg viewBox="0 0 80 80"><circle cx="40" cy="40" r="40" fill="#0a0a3d"/><text x="40" y="49" text-anchor="middle" font-size="28" font-weight="700" fill="#f5c518" font-family="Inter, sans-serif">LM</text></svg>
          </div>
          <div>
            <strong>Luis Matsumoto</strong>
            <span>Mentor de Empreendedorismo · Fundador da Onovation</span>
            <p>MBA em Empreendedorismo e Inovação, graduado em Ciência da Computação. Apaixonado por inovação, educação, design e tecnologia aplicados a negócios reais.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="solucoes" class="solutions">
    <div class="container">
      <p class="eyebrow center">Nossas soluções</p>
      <h2 class="center">Tudo que seu negócio precisa para vender mais online</h2>

      <div class="cards-grid">
        <article class="card">
          <div class="card-icon">
            <svg viewBox="0 0 48 48"><rect x="4" y="8" width="40" height="30" rx="4" fill="none" stroke="var(--navy)" stroke-width="2.5"/><path d="M4 16h40" stroke="var(--navy)" stroke-width="2.5"/><circle cx="10" cy="12" r="1.6" fill="var(--gold)"/><circle cx="15" cy="12" r="1.6" fill="var(--gold)"/><path d="M14 44h20M24 38v6" stroke="var(--navy)" stroke-width="2.5" stroke-linecap="round"/></svg>
          </div>
          <h3>Criação de site</h3>
          <p>Sites institucionais e páginas de vendas (landing pages) para posicionar sua marca e lançar campanhas que realmente convertem.</p>
          <a href="#contato" class="card-link">Solicitar orçamento →</a>
        </article>

        <article class="card">
          <div class="card-icon">
            <svg viewBox="0 0 48 48"><circle cx="24" cy="20" r="12" fill="none" stroke="var(--navy)" stroke-width="2.5"/><path d="M18 17h12M18 21h8M18 25h5" stroke="var(--gold)" stroke-width="2.2" stroke-linecap="round"/><path d="M14 44c0-8 6-12 10-12s10 4 10 12" fill="none" stroke="var(--navy)" stroke-width="2.5" stroke-linecap="round"/></svg>
          </div>
          <h3>Automação com IA</h3>
          <p>Venda 24 horas por dia, 7 dias por semana. A IA faz o primeiro atendimento, qualifica seus leads e aumenta sua conversão de vendas.</p>
          <a href="#contato" class="card-link">Solicitar orçamento →</a>
        </article>

        <article class="card">
          <div class="card-icon">
            <svg viewBox="0 0 48 48"><circle cx="24" cy="24" r="18" fill="none" stroke="var(--navy)" stroke-width="2.5"/><path d="M24 6a18 18 0 0 1 0 36" fill="none" stroke="var(--gold)" stroke-width="2.5"/><path d="M6 24h36M24 6v36" stroke="var(--navy)" stroke-width="1.5" opacity=".5"/></svg>
          </div>
          <h3>Google Ads</h3>
          <p>Administração de anúncios na Rede de Pesquisa, GDN e Google Meu Negócio, com Merchant, Analytics e Tag Manager configurados.</p>
          <a href="#contato" class="card-link">Solicitar orçamento →</a>
        </article>

        <article class="card">
          <div class="card-icon">
            <svg viewBox="0 0 48 48"><rect x="8" y="6" width="32" height="36" rx="6" fill="none" stroke="var(--navy)" stroke-width="2.5"/><circle cx="24" cy="20" r="7" fill="none" stroke="var(--gold)" stroke-width="2.5"/><circle cx="33" cy="14" r="1.8" fill="var(--gold)"/><path d="M16 36h16" stroke="var(--navy)" stroke-width="2.5" stroke-linecap="round"/></svg>
          </div>
          <h3>Meta Ads</h3>
          <p>Gestão de anúncios para Instagram e Facebook, com conteúdo para Reels, Feed e Stories — para negócios locais, e-commerce e infoprodutores.</p>
          <a href="#contato" class="card-link">Solicitar orçamento →</a>
        </article>
      </div>
    </div>
  </section>

  <section id="portfolio" class="portfolio">
    <div class="container">
      <p class="eyebrow center">Projetos realizados</p>
      <h2 class="center">Resultados em segmentos diferentes</h2>
      <div class="portfolio-grid">
        <article class="portfolio-card">
          <svg viewBox="0 0 64 64" class="portfolio-icon"><rect x="8" y="30" width="48" height="16" rx="4" fill="var(--navy)"/><circle cx="18" cy="48" r="6" fill="var(--gold)"/><circle cx="46" cy="48" r="6" fill="var(--gold)"/><path d="M14 30l6-12h24l6 12" fill="none" stroke="var(--navy)" stroke-width="2.5" stroke-linejoin="round"/></svg>
          <h3>Automotivo</h3>
          <p>Estratégia de aquisição e automação de atendimento para negócio do setor automotivo.</p>
        </article>
        <article class="portfolio-card">
          <svg viewBox="0 0 64 64" class="portfolio-icon"><circle cx="32" cy="30" r="16" fill="var(--navy)"/><path d="M32 46v10" stroke="var(--navy)" stroke-width="3" stroke-linecap="round"/><path d="M24 24c2-6 14-6 16 0" fill="none" stroke="var(--gold)" stroke-width="2.5" stroke-linecap="round"/></svg>
          <h3>Açaí</h3>
          <p>Posicionamento de marca e campanhas locais para redes de açaí com forte presença no digital.</p>
        </article>
      </div>
    </div>
  </section>

  <section id="depoimentos" class="testimonials">
    <div class="container">
      <p class="eyebrow center">Depoimentos</p>
      <h2 class="center">Quem trabalhou com a gente, recomenda</h2>
      <div class="testimonials-grid">

        <figure class="testimonial">
          <blockquote>“Faz diferente das outras empresas: faz mais do que promete!”</blockquote>
          <figcaption>
            <span class="avatar">MP</span>
            <div><strong>Mateus Poltronieri</strong><span>Diretor da Ideal Açaí</span></div>
          </figcaption>
        </figure>

        <figure class="testimonial">
          <blockquote>“Metodologia importante para a sustentabilidade do negócio.”</blockquote>
          <figcaption>
            <span class="avatar">V</span>
            <div><strong>Valéria</strong><span>Direção · Floratta Joias</span></div>
          </figcaption>
        </figure>

        <figure class="testimonial">
          <blockquote>“Nos ajudou a vender mais e melhor.”</blockquote>
          <figcaption>
            <span class="avatar">L</span>
            <div><strong>Luiz</strong><span>Proprietário · Batata Rainha</span></div>
          </figcaption>
        </figure>

        <figure class="testimonial">
          <blockquote>“Ajudou a estruturar o meu negócio para vender mais.”</blockquote>
          <figcaption>
            <span class="avatar">G</span>
            <div><strong>Guilherme</strong><span>Direção · King Açaí</span></div>
          </figcaption>
        </figure>

        <figure class="testimonial">
          <blockquote>“Consegui clareza e direção na minha estratégia.”</blockquote>
          <figcaption>
            <span class="avatar">L</span>
            <div><strong>Luana</strong><span>Direção · Kawakita Fotografia</span></div>
          </figcaption>
        </figure>

      </div>
    </div>
  </section>

  <section id="contato" class="cta-band">
    <div class="container cta-inner">
      <div>
        <h2>Pronto para vender mais a partir de agora?</h2>
        <p>Fale com a gente pelo WhatsApp e receba um diagnóstico gratuito do seu marketing digital.</p>
      </div>
      <a href="https://wa.me/5517997028382" target="_blank" rel="noopener" class="btn btn-gold btn-lg">
        <svg viewBox="0 0 24 24" class="icon-sm" aria-hidden="true"><path d="M17.5 14.4c-.3-.1-1.7-.8-2-.9-.3-.1-.5-.1-.7.1-.2.3-.8.9-.9 1.1-.2.2-.3.2-.6.1-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6.1-.1.3-.3.4-.5.1-.1.2-.3.3-.4.1-.2 0-.3 0-.5 0-.1-.7-1.6-.9-2.2-.2-.5-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.4s1 2.8 1.2 3c.1.2 2 3 4.8 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.5-.1 1.7-.7 1.9-1.4.2-.7.2-1.2.2-1.4-.1-.1-.3-.2-.6-.3z"/><path d="M12 2a10 10 0 0 0-8.5 15.3L2 22l4.8-1.5A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.1l-.3-.2-3 .9.9-2.9-.2-.3A8.2 8.2 0 1 1 20.2 12 8.2 8.2 0 0 1 12 20.2z"/></svg>
        Falar no WhatsApp
      </a>
    </div>
  </section>

</main>

<footer class="site-footer">
  <div class="container footer-grid">
    <div>
      <div class="logo logo-footer">
        <svg viewBox="0 0 36 36" class="logo-mark" aria-hidden="true"><circle cx="18" cy="18" r="17" fill="none" stroke="var(--gold)" stroke-width="2"/><path d="M11 22 L18 10 L25 22" fill="none" stroke="#fff" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/><circle cx="18" cy="10" r="2.2" fill="var(--gold)"/></svg>
        <span>Onovation</span>
      </div>
      <p>Marketing digital com metodologia SPEED para quem quer vender mais, todos os dias.</p>
    </div>
    <div>
      <h4>Navegação</h4>
      <a href="#sobre">Quem Somos</a>
      <a href="#solucoes">Soluções</a>
      <a href="#portfolio">Portfólio</a>
      <a href="#depoimentos">Depoimentos</a>
    </div>
    <div>
      <h4>Contato</h4>
      <a href="https://wa.me/5517997028382" target="_blank" rel="noopener">(17) 99702-8382</a>
      <a href="mailto:onovation@gmail.com">onovation@gmail.com</a>
      <div class="footer-social">
        <a href="#" aria-label="Instagram"><svg viewBox="0 0 24 24" class="icon-sm"><path d="M12 2.2c2.7 0 3 0 4.1.06 1.1.05 1.8.22 2.2.37.6.23 1 .5 1.4.9.4.4.67.8.9 1.4.15.4.32 1.1.37 2.2.06 1.1.06 1.4.06 4.1s0 3-.06 4.1c-.05 1.1-.22 1.8-.37 2.2-.23.6-.5 1-.9 1.4-.4.4-.8.67-1.4.9-.4.15-1.1.32-2.2.37-1.1.06-1.4.06-4.1.06s-3 0-4.1-.06c-1.1-.05-1.8-.22-2.2-.37-.6-.23-1-.5-1.4-.9-.4-.4-.67-.8-.9-1.4-.15-.4-.32-1.1-.37-2.2C2.2 15 2.2 14.7 2.2 12s0-3 .06-4.1c.05-1.1.22-1.8.37-2.2.23-.6.5-1 .9-1.4.4-.4.8-.67 1.4-.9.4-.15 1.1-.32 2.2-.37C9 2.2 9.3 2.2 12 2.2zM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 8.2a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4zm5.2-8.4a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0z"/></svg></a>
        <a href="#" aria-label="YouTube"><svg viewBox="0 0 24 24" class="icon-sm"><path d="M22 7.2s-.2-1.5-.8-2.2c-.8-.9-1.7-.9-2.1-1C16.3 3.7 12 3.7 12 3.7h0s-4.3 0-7.1.3c-.4 0-1.3.1-2.1 1-.6.7-.8 2.2-.8 2.2S1.7 9 1.7 10.7v1.5c0 1.8.2 3.5.2 3.5s.2 1.5.8 2.2c.8.9 1.9.9 2.3 1 1.7.2 7 .3 7 .3s4.3 0 7.1-.3c.4 0 1.3-.1 2.1-1 .6-.7.8-2.2.8-2.2s.2-1.7.2-3.5v-1.5c0-1.7-.2-3.5-.2-3.5zM9.8 14.9V8.7l5.6 3.1z"/></svg></a>
      </div>
    </div>
  </div>
  <div class="container footer-bottom">
    <span>© 2026 Onovation. Todos os direitos reservados.</span>
  </div>
</footer>

<a class="whatsapp-float" href="https://wa.me/5517997028382" target="_blank" rel="noopener" aria-label="Falar no WhatsApp">
  <svg viewBox="0 0 24 24"><path d="M17.5 14.4c-.3-.1-1.7-.8-2-.9-.3-.1-.5-.1-.7.1-.2.3-.8.9-.9 1.1-.2.2-.3.2-.6.1-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6.1-.1.3-.3.4-.5.1-.1.2-.3.3-.4.1-.2 0-.3 0-.5 0-.1-.7-1.6-.9-2.2-.2-.5-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.4s1 2.8 1.2 3c.1.2 2 3 4.8 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.5-.1 1.7-.7 1.9-1.4.2-.7.2-1.2.2-1.4-.1-.1-.3-.2-.6-.3z"/><path d="M12 2a10 10 0 0 0-8.5 15.3L2 22l4.8-1.5A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.1l-.3-.2-3 .9.9-2.9-.2-.3A8.2 8.2 0 1 1 20.2 12 8.2 8.2 0 0 1 12 20.2z"/></svg>
</a>

<script src="script.js"></script>
</body>
</html>
