<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BYOLINE EDUCACAO LTDA - São Paulo/SP</title>
<meta name="description" content="BYOLINE EDUCACAO LTDA - Educação superior - pós-graduação e extensão em São Paulo - SP. CNPJ 59.148.708/0001-37." />
<script src="https://cdn.tailwindcss.com"></script>
<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;900&display=swap" rel="stylesheet" />
<style>
html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; background: #0a0a0a; color: #e5e5e5; }
.card { background: #111; border: 1px solid #1f1f1f; border-radius: 16px; }
.btn-accent { background: #facc15; color: #0a0a0a; font-weight: 700; border-radius: 12px; transition: background .2s; }
.btn-accent:hover { background: #eab308; }
.btn-wa { background: #22c55e; color: #fff; font-weight: 700; border-radius: 12px; transition: background .2s; }
.btn-wa:hover { background: #16a34a; }
.muted { color: #a3a3a3; }
.label { color: #737373; font-size: .8rem; font-weight: 600; }
a.nav:hover { color: #facc15; }
</style>
</head>
<body>
<!-- HEADER -->
<header class="border-b border-[#1f1f1f] sticky top-0 z-50 bg-[#0a0a0a]/95 backdrop-blur">
<div class="max-w-6xl mx-auto px-4 py-4 flex flex-col md:flex-row md:items-center md:justify-between gap-4">
<div class="flex items-center gap-3">
<div class="w-12 h-12 rounded-xl bg-[#facc15] text-[#0a0a0a] flex items-center justify-center font-black text-lg">BE</div>
<div>
<p class="font-extrabold text-white leading-tight text-sm md:text-base">BYOLINE EDUCACAO LTDA</p>
<p class="text-xs muted">CNPJ 59.148.708/0001-37 · São Paulo/SP</p>
</div>
</div>
<nav class="flex flex-wrap items-center gap-5 text-sm font-medium">
<a href="#sobre" class="nav">Sobre</a>
<a href="#servicos" class="nav">Serviços</a>
<a href="#registro" class="nav">Registro</a>
<a href="#contato" class="nav">Contato</a>
<a href="https://wa.me/5531975548441" target="_blank" rel="noopener" class="btn-accent px-4 py-2 text-sm">Agendar</a>
</nav>
</div>
</header>
<!-- HERO -->
<section class="max-w-6xl mx-auto px-4 py-16 md:py-24 grid md:grid-cols-2 gap-10 items-center">
<div>
<span class="inline-block text-xs font-semibold text-[#facc15] border border-[#facc15]/40 rounded-full px-3 py-1 mb-5">São Paulo - SP</span>
<h1 class="text-4xl md:text-5xl font-black text-white leading-tight mb-6">Qualidade e confiança em educação superior, pós-graduação e extensão</h1>
<p class="muted text-lg mb-8">A BYOLINE EDUCACAO LTDA oferece atendimento profissional e compromisso com cada cliente em São Paulo - SP. Entre em contato e agende seu atendimento pelo WhatsApp.</p>
<div class="flex flex-wrap gap-3">
<a href="https://wa.me/5531975548441" target="_blank" rel="noopener" class="btn-wa px-6 py-3">Falar no WhatsApp</a>
<a href="#servicos" class="btn-accent px-6 py-3">Ver Serviços</a>
</div>
</div>
<div class="card p-8">
<p class="label mb-2">Agendamento</p>
<h2 class="text-2xl font-extrabold text-white mb-3">Agende pelo WhatsApp</h2>
<p class="muted mb-6">Atendimento direto com a equipe.</p>
<div class="card p-4 mb-6 flex items-center justify-between">
<div>
<p class="label">WhatsApp</p>
<p class="text-white font-bold text-lg">(31) 97554-8441</p>
</div>
<span class="w-3 h-3 rounded-full bg-[#22c55e]"></span>
</div>
<a href="https://wa.me/5531975548441" target="_blank" rel="noopener" class="btn-wa block text-center px-6 py-3">Agendar agora</a>
</div>
</section>
<!-- SOBRE -->
<section id="sobre" class="max-w-6xl mx-auto px-4 py-16">
<h2 class="text-3xl font-black text-white mb-6">Sobre</h2>
<p class="muted text-lg mb-10 max-w-3xl">Fundada em 28/01/2025, a empresa BYOLINE EDUCACAO LTDA atua no segmento de educação superior - pós-graduação e extensão, com sede em São Paulo - SP.</p>
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
<div class="card p-6"><p class="label mb-1">Razão Social</p><p class="text-white font-semibold">BYOLINE EDUCACAO LTDA</p></div>
<div class="card p-6"><p class="label mb-1">Nome Fantasia</p><p class="text-white font-semibold">Não informado</p></div>
<div class="card p-6"><p class="label mb-1">Porte</p><p class="text-white font-semibold">Demais</p></div>
<div class="card p-6"><p class="label mb-1">Atividade</p><p class="text-white font-semibold">Educação superior - pós-graduação e extensão</p></div>
</div>
</section>
<!-- SERVIÇOS -->
<section id="servicos" class="max-w-6xl mx-auto px-4 py-16">
<h2 class="text-3xl font-black text-white mb-3">Serviços</h2>
<p class="muted mb-10">Atividades econômicas registradas na Receita Federal.</p>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
<div class="card p-6 flex flex-col">
<p class="text-xs font-bold text-[#facc15] mb-2">CNAE 85.33-3-00 · Principal</p>
<p class="text-white font-semibold mb-6 flex-1">Educação superior - pós-graduação e extensão</p>
<a href="https://wa.me/5531975548441" target="_blank" rel="noopener" class="btn-wa text-center px-4 py-2 text-sm">Agendar</a>
</div>
<div class="card p-6 flex flex-col">
<p class="text-xs font-bold muted mb-2">CNAE 85.99-6-04 · Secundária</p>
<p class="text-white font-semibold mb-6 flex-1">Treinamento em desenvolvimento profissional e gerencial</p>
<a href="https://wa.me/5531975548441" target="_blank" rel="noopener" class="btn-wa text-center px-4 py-2 text-sm">Agendar</a>
</div>
</div>
</section>
<!-- REGISTRO -->
<section id="registro" class="max-w-6xl mx-auto px-4 py-16">
<h2 class="text-3xl font-black text-white mb-10">Registro</h2>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
<div class="card p-6"><p class="label mb-1">Razão Social</p><p class="text-white font-semibold break-words">BYOLINE EDUCACAO LTDA</p></div>
<div class="card p-6"><p class="label mb-1">Nome Fantasia</p><p class="text-white font-semibold break-words">Não informado</p></div>
<div class="card p-6"><p class="label mb-1">CNPJ</p><p class="text-white font-semibold break-words">59.148.708/0001-37</p></div>
<div class="card p-6"><p class="label mb-1">Situação Cadastral</p><p class="text-white font-semibold break-words">Não informado</p></div>
<div class="card p-6"><p class="label mb-1">Natureza Jurídica</p><p class="text-white font-semibold break-words">206-2 - Sociedade Empresária Limitada</p></div>
<div class="card p-6"><p class="label mb-1">Data de Abertura</p><p class="text-white font-semibold break-words">28/01/2025</p></div>
<div class="card p-6"><p class="label mb-1">Endereço</p><p class="text-white font-semibold break-words">R Norma Pieruccini Giannotti, 665, Bloco A Apt 193 - Barra Funda, São Paulo - SP</p></div>
<div class="card p-6"><p class="label mb-1">CEP</p><p class="text-white font-semibold break-words">01.137-010</p></div>
<div class="card p-6"><p class="label mb-1">Telefone</p><p class="text-white font-semibold break-words">(31) 97554-8441</p></div>
<div class="card p-6"><p class="label mb-1">E-mail</p><p class="text-white font-semibold break-words">rcardoso@uol.com.br</p></div>
</div>
</section>
<!-- CONTATO -->
<section id="contato" class="max-w-6xl mx-auto px-4 py-16">
<div class="card p-8 md:p-12 text-center">
<h2 class="text-3xl md:text-4xl font-black text-white mb-4">Contato</h2>
<p class="muted mb-8">Fale conosco pelo WhatsApp e solicite seu horário.</p>
<a href="https://wa.me/5531975548441" target="_blank" rel="noopener" class="inline-block text-3xl md:text-4xl font-black text-[#22c55e] mb-4 hover:underline">(31) 97554-8441</a>
<p class="muted mb-2">rcardoso@uol.com.br</p>
<p class="muted mb-8">R Norma Pieruccini Giannotti, 665, Bloco A Apt 193 - Barra Funda, São Paulo - SP, CEP 01.137-010</p>
<a href="https://wa.me/5531975548441" target="_blank" rel="noopener" class="btn-accent inline-block px-8 py-4 text-lg">Solicite seu Horário</a>
</div>
</section>
<!-- FOOTER -->
<footer class="border-t border-[#1f1f1f] mt-10">
<div class="max-w-6xl mx-auto px-4 py-8 text-center text-sm muted">
© 2026 BYOLINE EDUCACAO LTDA · CNPJ 59.148.708/0001-37 · São Paulo
</div>
</footer>
</body>
</html>