*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:64px}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}:root,[data-theme=light]{--bg:#fff;--bg-secondary:#f5f5f5;--text:#111;--text-secondary:#555;--text-muted:#999;--border:#e5e5e5;--accent:#111;--accent-bg:#f0f0f0;--shadow:0 1px 3px #00000014}[data-theme=dark]{--bg:#0a0a0a;--bg-secondary:#141414;--text:#f5f5f5;--text-secondary:#888;--text-muted:#555;--border:#222;--accent:#f5f5f5;--accent-bg:#1a1a1a;--shadow:0 1px 3px #0000004d}h1,h2,h3,h4,h5,h6{color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;line-height:1.3}h1{font-size:clamp(2rem,4vw,3rem)}h2{margin-bottom:1.5rem;font-size:clamp(1.25rem,2.5vw,1.75rem)}h3{font-size:clamp(1rem,1.5vw,1.15rem)}p{color:var(--text-secondary);margin-bottom:1rem}a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}a:hover{opacity:.7}::selection{background:var(--accent);color:var(--bg)}section{max-width:800px;margin:0 auto;padding:4rem 1.5rem}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem;font-size:.7rem;font-weight:600;display:block}.btn{border:1px solid var(--border);cursor:pointer;color:var(--text);background:var(--bg);align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;text-decoration:none;transition:none;display:inline-flex}.btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-outline{color:var(--text);border-color:var(--border);background:0 0}.tag{background:var(--accent-bg);color:var(--text-secondary);border:1px solid var(--border);padding:.2rem .6rem;font-size:.75rem;display:inline-block}@media (width<=768px){section{padding:3rem 1rem}}@media (width<=480px){section{padding:2rem .75rem}}.navbar{z-index:1000;background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:56px;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar-logo{color:var(--text);font-size:1rem;font-weight:700;text-decoration:none}.navbar-logo span{color:var(--accent)}.navbar-logo .navbar-logo-name{letter-spacing:1px;font-family:Audiowide,sans-serif;font-weight:400}.navbar-links{align-items:center;gap:.25rem;list-style:none;display:flex}.navbar-links a{color:var(--text-secondary);border-radius:4px;padding:.4rem .75rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.navbar-links a:hover,.navbar-links a.active{color:var(--text);background:var(--accent-bg)}.navbar-right{align-items:center;gap:.5rem;display:flex}.theme-btn{border:1px solid var(--border);background:var(--bg);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:.875rem;transition:color .2s,border-color .2s,transform .35s cubic-bezier(.34,1.56,.64,1);display:flex}.theme-btn:hover{color:var(--text);border-color:var(--text);transform:rotate(15deg)}.mobile-menu-btn{border:1px solid var(--border);background:var(--bg);width:32px;height:32px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;font-size:1rem;display:none}@media (width<=768px){.navbar-links{display:none}.navbar-links.open{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:.5rem;display:flex;position:absolute;top:56px;left:0;right:0}.navbar-links a{width:100%;padding:.6rem .75rem}.mobile-menu-btn{display:flex}.navbar{padding:0 1rem}}.hero{justify-content:center;align-items:center;max-width:100%;min-height:100vh;padding:6rem 1.5rem 4rem;display:flex}.hero-content{text-align:center;max-width:640px}.hero-badge{color:var(--text);align-items:center;margin-bottom:1rem;font-size:.8rem;font-weight:500;display:inline-flex}.hero-badge svg{color:var(--accent);margin-right:.4rem;font-size:.8rem}.hero-tag{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem;font-size:.75rem;font-weight:500;display:inline-block}.hero-title{margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto 2rem;font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.hero-stats{flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-top:3rem;display:flex}.hero-stat{text-align:center}.hero-stat-number{color:var(--text);font-size:1.5rem;font-weight:600}.hero-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:.2rem;font-size:.75rem}@media (width<=768px){.hero-stats{gap:1.5rem}.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center;width:100%}}#sobre{text-align:center}.sobre-content{max-width:600px;margin:0 auto}.sobre-text{color:var(--text-secondary);font-size:1rem;line-height:1.7}.sobre-highlights{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem;display:flex}.sobre-highlight{color:var(--text);border:1px solid var(--border);align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;display:flex}.sobre-highlight svg{color:var(--text);font-size:.875rem}#processo{text-align:center}.processo-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}.processo-card{border:1px solid var(--border);text-align:center;padding:1.5rem}.processo-phase{letter-spacing:2px;color:var(--text-muted);margin-bottom:.75rem;font-size:.65rem;font-weight:700}.processo-icon{width:40px;height:40px;color:var(--text);border:1px solid var(--border);justify-content:center;align-items:center;margin:0 auto .75rem;font-size:1.1rem;display:flex}.processo-card h3{margin-bottom:.5rem}.processo-card p{color:var(--text-secondary);font-size:.8rem;line-height:1.6}.processo-duration{border:1px solid var(--border);color:var(--text-muted);margin-top:.75rem;padding:.2rem .6rem;font-size:.7rem;display:inline-block}@media (width<=640px){.processo-grid{grid-template-columns:1fr}}#faq{text-align:center}.faq-list{text-align:left;max-width:600px;margin:1rem auto 0}.faq-item{border:1px solid var(--border);margin-bottom:.5rem}.faq-question{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;display:flex}.faq-question:hover{background:var(--accent-bg)}.faq-arrow{color:var(--text-muted);flex-shrink:0;font-size:.7rem;transition:transform .2s}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .2s;overflow:hidden}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{color:var(--text-secondary);margin:0;padding:0 1.25rem 1rem;font-size:.85rem;line-height:1.6}#skills{text-align:center}.skills-grid{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.skill-item{border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;display:flex}.skill-item svg{color:var(--text);font-size:.9rem}#servicos{text-align:center}.servicos-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem;display:grid}.servico-card{border:1px solid var(--border);padding:1.5rem}.servico-icon{width:40px;height:40px;color:var(--text);border:1px solid var(--border);justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.1rem;display:flex}.servico-card h3{margin-bottom:.5rem}.servico-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.servico-techs{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.servico-techs span{border:1px solid var(--border);color:var(--text-muted);padding:.15rem .5rem;font-size:.7rem}#projetos{text-align:center}.projetos-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:1rem;display:grid}.projeto-card{border:1px solid var(--border);flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex}.projeto-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000014}.projeto-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.projeto-folder-icon{color:var(--accent);flex-shrink:0;font-size:1rem}.projeto-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.projeto-body h3{font-size:1rem}.projeto-body p{color:var(--text-secondary);flex:1;margin-bottom:.75rem;font-size:.8rem;line-height:1.5}.projeto-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.projeto-langs{flex-wrap:wrap;gap:.4rem;display:flex}.projeto-langs span{border:1px solid var(--border);color:var(--text-muted);padding:.15rem .5rem;font-size:.7rem}.tag-desktop{border:1px solid var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);padding:.15rem .5rem;font-size:.7rem;font-weight:600}.projeto-link{color:var(--text-secondary);border:1px solid var(--border);align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.75rem;font-weight:500;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.projeto-link:hover{color:var(--text);border-color:var(--accent);background:var(--accent-bg);background:var(--accent-bg)}.deploy-link{color:var(--accent);border-color:var(--accent)}.deploy-link:hover{background:var(--accent);color:#fff}.projeto-actions{flex-wrap:wrap;gap:.4rem;display:flex}.status-badge{border:1px solid var(--border);cursor:default;background:var(--bg);align-items:center;gap:.35rem;margin-top:.5rem;padding:.25rem .6rem;font-family:inherit;font-size:.7rem;transition:opacity .2s,background .2s,color .2s;display:inline-flex}.status-badge.status-offline{cursor:pointer;color:#ef4444;border-color:#ef4444}.status-badge.status-offline:hover{color:#fff;background:#ef4444}.status-badge.status-waking{color:#f59e0b;border-color:#f59e0b}.status-badge.status-online{color:#22c55e;border-color:#22c55e}.status-badge.status-checking{border-color:var(--border);color:var(--text-muted)}.status-badge:disabled{opacity:.8;cursor:not-allowed}.status-badge span{line-height:1}#experiencia{text-align:center;max-width:640px;margin:0 auto;padding:4rem 1.5rem}.exp-title{margin-bottom:3rem;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700}.exp-timeline{text-align:left;position:relative}.exp-timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:4px;bottom:0;left:calc(1rem - .5px)}.exp-entry{margin-bottom:2.5rem;padding-left:2rem;position:relative}.exp-entry:last-child{margin-bottom:0}.exp-dot{background:var(--text);z-index:1;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:calc(1rem - 5px)}.exp-content{min-width:0}.exp-cargo{color:var(--text);margin-bottom:.15rem;font-size:1rem;font-weight:600}.exp-meta{color:var(--text-secondary);margin-bottom:.6rem;font-size:.78rem}.exp-desc{margin:0;padding:0;list-style:none}.exp-desc li{color:var(--text-secondary);padding-left:1rem;font-size:.82rem;line-height:1.7;position:relative}.exp-desc li:before{content:"•";color:var(--text);font-size:.75rem;position:absolute;left:0}@media (width<=600px){.exp-timeline{padding-left:1.5rem}}#contato{text-align:center}.contato-grid{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.contato-link{border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;text-decoration:none;display:flex}.contato-link:hover{color:var(--text);border-color:var(--text)}.contato-link svg{color:var(--text);font-size:.9rem}@media (width<=768px){.contato-grid{flex-direction:column;align-items:stretch}.contato-link{justify-content:center}}.footer{text-align:center;border-top:1px solid var(--border);margin-top:2rem;padding:2rem}.footer p{color:var(--text-muted);margin:0;font-size:.75rem}.footer-links{justify-content:center;gap:1rem;margin-top:.5rem;display:flex}.footer-links a{color:var(--text-muted);font-size:.85rem}.footer-links a:hover{color:var(--text)}@media (width<=768px){.projetos-grid,.servicos-grid{grid-template-columns:1fr}}@media (width<=480px){.projeto-thumb{height:140px}}.App{position:relative}#depoimentos{text-align:center}.depoimentos-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.depoimento-card{border:1px solid var(--border);text-align:left;padding:1.5rem;position:relative}.depoimento-stars{color:#f59e0b;gap:.2rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.depoimento-quote{color:var(--border);margin-bottom:.5rem;font-size:1.25rem}.depoimento-text{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;font-style:italic;line-height:1.7}.depoimento-author{align-items:center;gap:.75rem;display:flex}.depoimento-avatar{border:1px solid var(--border);width:40px;height:40px;color:var(--text);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.depoimento-author strong{font-size:.85rem;display:block}.depoimento-author span{color:var(--text-muted);font-size:.75rem;display:block}#precos{text-align:center;max-width:900px}.section-subtitle{color:var(--text-secondary);max-width:500px;margin:-1rem auto 2rem;font-size:.9rem;line-height:1.6}.precos-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch;gap:1rem;margin-top:1rem;display:grid}.preco-card{border:1px solid var(--border);text-align:center;flex-direction:column;padding:1.5rem;display:flex;position:relative}.preco-highlight{border-color:var(--text);border-width:2px;transform:scale(1.03)}.preco-badge{background:var(--text);color:var(--bg);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;padding:.2rem .75rem;font-size:.65rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.preco-card h3{justify-content:center;align-items:center;min-height:2.5em;margin-bottom:1rem;font-size:.85rem;display:flex}.preco-price{margin-bottom:1rem}.preco-period{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:.2rem;font-size:.65rem;display:block}.preco-value{color:var(--text);font-size:1.5rem;font-weight:700}.preco-features{text-align:left;flex:1;margin-bottom:1.5rem;list-style:none}.preco-features li{color:var(--text-secondary);align-items:center;gap:.5rem;padding:.35rem 0;font-size:.8rem;display:flex}.preco-features svg{color:var(--text);flex-shrink:0;font-size:.6rem}.preco-cta{justify-content:center;width:100%;margin-top:auto}#beneficios{text-align:center}.beneficios-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.beneficio-card{border:1px solid var(--border);text-align:center;padding:1.5rem}.beneficio-icon{width:44px;height:44px;color:var(--text);border:1px solid var(--border);justify-content:center;align-items:center;margin:0 auto .75rem;font-size:1.1rem;display:flex}.beneficio-card h3{margin-bottom:.5rem;font-size:.9rem}.beneficio-card p{color:var(--text-secondary);font-size:.8rem;line-height:1.6}.beneficios-cta{margin-top:2rem}@media (width<=640px){.precos-grid{grid-template-columns:1fr}.preco-highlight{transform:none}.beneficios-grid{grid-template-columns:1fr}}section:not(#hero){opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}section:not(#hero).visible{opacity:1;transform:translateY(0)}section.visible .servico-card,section.visible .processo-card,section.visible .projeto-card,section.visible .beneficio-card,section.visible .preco-card,section.visible .depoimento-card,section.visible .exp-entry{opacity:0;animation:.5s forwards cardFadeIn;transform:translateY(16px)}section.visible .servico-card:first-child,section.visible .processo-card:first-child,section.visible .projeto-card:first-child,section.visible .beneficio-card:first-child,section.visible .preco-card:first-child,section.visible .depoimento-card:first-child,section.visible .journey-entry:first-child{animation-delay:50ms}section.visible .servico-card:nth-child(2),section.visible .processo-card:nth-child(2),section.visible .projeto-card:nth-child(2),section.visible .beneficio-card:nth-child(2),section.visible .preco-card:nth-child(2),section.visible .depoimento-card:nth-child(2),section.visible .journey-entry:nth-child(2){animation-delay:.1s}section.visible .servico-card:nth-child(3),section.visible .processo-card:nth-child(3),section.visible .projeto-card:nth-child(3),section.visible .beneficio-card:nth-child(3),section.visible .preco-card:nth-child(3),section.visible .depoimento-card:nth-child(3),section.visible .journey-entry:nth-child(3){animation-delay:.15s}section.visible .servico-card:nth-child(4),section.visible .projeto-card:nth-child(4),section.visible .preco-card:nth-child(4),section.visible .depoimento-card:nth-child(4){animation-delay:.2s}section.visible .servico-card:nth-child(5),section.visible .projeto-card:nth-child(5),section.visible .preco-card:nth-child(5){animation-delay:.25s}section.visible .servico-card:nth-child(6),section.visible .projeto-card:nth-child(6){animation-delay:.3s}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.cta-strip{text-align:center;padding:3rem 1rem}.cta-strip .btn-lg{padding:.85rem 2.5rem;font-size:1.1rem}