u/* Paleta e tipografia (identidade Follmann Labs) */
:root{--fl-bg:#0e1a2b;--fl-surface:#122033;--fl-muted:#9aa6b2;--fl-accent:#ff7a1a;--fl-accent-2:#ff4d00;--fl-primary:#08121f;--fl-w:#ffffff;--fl-success:#34d399;--fl-info:#6ea8ff}
html,body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color:var(--fl-w);background:linear-gradient(180deg,#05060a 0%,var(--fl-bg) 60%);} 
.container{max-width:1200px;margin:0 auto;padding:28px}
.header{display:flex;justify-content:space-between;align-items:center;position:relative}
.logo{display:flex;gap:12px;align-items:center}
.logo svg{width:54px;height:54px}
.logo img{width:54px;height:54px}
.nav a{color:var(--fl-muted);text-decoration:none;margin-left:18px}
.btn{padding:10px 14px;border-radius:10px;font-weight:700}
.btn-primary{background:linear-gradient(90deg,var(--fl-accent-2),var(--fl-accent));color:#ffffff}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--fl-muted)}
.btn-whatsapp{background:linear-gradient(90deg,#25D366,#128C7E);color:#021025}
.card{background:linear-gradient(180deg,rgba(255,255,255,0.08),transparent);padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,0.03)}
.h1{font-family:Montserrat, sans-serif;font-size:clamp(28px,4vw,44px)}
.p-muted{color:var(--fl-muted)}
.pill{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;background:linear-gradient(90deg,rgba(255,122,26,0.12),rgba(255,77,0,0.08));color:var(--fl-accent);font-size:13px}
.photo-slot{width:100%;height:160px;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,0.04)}

.hero{display:grid;grid-template-columns:1fr 480px;gap:40px;align-items:center;padding:48px 0}
.hero .eyebrow{color:var(--fl-accent);font-weight:700;text-transform:uppercase;letter-spacing:1px}
.hero .lead{color:var(--fl-muted);font-size:17px;max-width:60%}
.actions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.mockup{background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);border-radius:18px;padding:24px;backdrop-filter:blur(6px);box-shadow:0 6px 24px rgba(2,8,23,0.6)}
.device{width:100%;height:320px;border-radius:12px;background-image:linear-gradient(90deg,rgba(255,255,255,0.02),transparent);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.03)}
.device img{width:92%;height:auto;border-radius:8px}

.projects{padding:48px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.features{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.feature{display:flex;gap:12px;align-items:flex-start}
.dot{width:12px;height:12px;border-radius:4px;background:var(--fl-accent)}

.clients{padding:36px 0}
.carousel{overflow:hidden;position:relative}
.carousel-track{display:flex;gap:24px;animation:scroll 24s linear infinite}
.carousel-item{min-width:140px;max-width:140px}
.carousel-item img{width:100%;height:auto;border-radius:12px}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:980px){.carousel-track{animation-duration:18s}}
.carousel-track:hover{animation-play-state:paused}
#carousel-pause{display:none}
#carousel-pause:checked ~ .carousel .carousel-track{animation-play-state:paused}
.pause-toggle{display:inline-block;margin-top:8px;color:var(--fl-muted);font-size:14px}

.contact{display:grid;grid-template-columns:1fr 380px;gap:24px;padding:48px 0}
form{display:flex;flex-direction:column;gap:12px}
input,textarea{background:transparent;border:1px solid rgba(255,255,255,0.04);padding:12px;border-radius:8px;color:inherit}
footer{padding:28px 0;color:var(--fl-muted);text-align:center;border-top:1px solid rgba(255,255,255,0.02)}

.brand{display:flex;align-items:center;gap:12px}
.menu-btn{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,0.08);border-radius:10px;color:var(--fl-muted)}
#menu-toggle{display:none}
@media(max-width:980px){
  .menu-btn{display:flex;z-index:1001}
  .nav{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(14,26,43,0.96);backdrop-filter:blur(4px);padding:72px 24px;z-index:1000}
  #menu-toggle:checked ~ nav.nav{display:block}
  .nav a{display:block;margin:16px 0;font-size:18px;color:#e6eef6}
  .nav .cta{background:linear-gradient(90deg,var(--fl-accent-2),var(--fl-accent));color:#ffffff;padding:10px 14px;border-radius:10px;font-weight:700;display:inline-block}
  .hero{grid-template-columns:1fr}
  .projects{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .hero .lead{max-width:100%}
  .actions a{flex:1;min-width:100%}
  .device{height:240px}
  .container{padding:20px}
  form button.btn{width:100%}
}
.container{max-width:1200px;margin:0 auto;padding:28px}
.header{display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;gap:12px;align-items:center}
.logo{background:transparent;border:0}
.logo svg{width:54px;height:54px}
.nav a{color:var(--fl-muted);text-decoration:none;margin-left:18px}
.btn{padding:10px 14px;border-radius:10px;font-weight:700}
.btn-primary{background:linear-gradient(90deg,var(--fl-accent-2),var(--fl-accent));color:var(--fl-primary)}
.card{background:linear-gradient(180deg,rgba(255,255,255,0.08),transparent);padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,0.03)}
.h1{font-family:Montserrat, sans-serif;font-size:36px}
.p-muted{color:var(--fl-muted)}
.pill{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;background:linear-gradient(90deg,rgba(110,168,255,0.06),rgba(92,225,181,0.04));color:var(--fl-accent-2);font-size:13px}
.photo-slot{width:100%;height:160px;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,0.04)}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}}

.brand{display:flex;align-items:center;gap:12px}
.menu-btn{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,0.08);border-radius:10px;color:var(--fl-muted)}
#menu-toggle{display:none}
@media(max-width:980px){
  .menu-btn{display:flex}
  .nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--fl-surface);padding:12px 24px;border-top:1px solid rgba(255,255,255,0.06)}
  #menu-toggle:checked ~ nav.nav{display:block}
  .nav a{display:block;margin:10px 0}
}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--fl-muted)}
.btn-whatsapp{background:linear-gradient(90deg,#25D366,#128C7E);color:#021025}

@media(max-width:980px){
  .menu-btn{display:flex;z-index:1001}
  nav.nav{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(11,15,20,0.96);backdrop-filter:blur(4px);padding:72px 24px;z-index:1000}
  #menu-toggle:checked ~ nav.nav{display:block}
  nav.nav a{display:block;margin:16px 0;font-size:18px;color:#e6eef6}
  nav.nav .cta{background:linear-gradient(90deg,var(--fl-accent-2),var(--fl-accent));color:var(--fl-primary);padding:10px 14px;border-radius:10px;font-weight:700;display:inline-block}
}

.carousel-track:hover{animation-play-state:paused}

.testimonials{padding:36px 0}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.testimonial-card{background:var(--fl-surface);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:16px}
.testimonial-card p{color:var(--fl-muted)}
@media(max-width:980px){.testimonial-grid{grid-template-columns:1fr}}

.timeline{display:flex;flex-direction:column;gap:12px}
.timeline-item{background:var(--fl-surface);border:1px solid rgba(255,255,255,0.06);border-left:4px solid var(--fl-accent);border-radius:12px;padding:14px}
.timeline-item h4{margin:0 0 6px}
.status-pill{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px}
.status-pill.is-progress{background:linear-gradient(90deg,rgba(255,122,26,0.20),rgba(255,77,0,0.16));color:#ffffff}
.status-pill.is-done{background:linear-gradient(90deg,rgba(52,211,153,0.20),rgba(52,211,153,0.12));color:#34d399}
.status-pill.is-next{background:linear-gradient(90deg,rgba(110,168,255,0.20),rgba(110,168,255,0.12));color:#6ea8ff}
@media(max-width:980px){.timeline-item{padding:12px}}
.
.status-date{color:var(--fl-muted);font-size:12px;margin-left:8px}
.badge{display:inline-block;margin-left:8px;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px;background:linear-gradient(90deg,var(--fl-accent-2),var(--fl-accent));color:#ffffff}
.timeline-item .icon{display:inline-block;transition:transform .18s ease}
.timeline-item:hover .icon{transform:scale(1.12)}

.founder{padding:24px 0}
.founder-grid{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}
.founder-img{width:140px;height:140px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);background:#122033}
.founder-img img{width:100%;height:100%;object-fit:cover}
.founder-quote{color:var(--fl-muted);font-style:italic;margin-top:8px}
@media(max-width:980px){.founder-grid{grid-template-columns:1fr}}