:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--bg-primary:#07070b;--bg-secondary:#0d0c13;--text-primary:#f3f4f6;--text-muted:#9ca3af;--neon-vermelho:#ff4757;--neon-vermelho-rgb:255, 71, 87;--neon-verde:#00ff87;--neon-verde-rgb:0, 255, 135;--neon-azul:#00f0ff;--neon-azul-rgb:0, 240, 255;--glass-bg:#14141e80;--glass-border:#ffffff0f;--glass-border-focus:#ffffff26;--glass-glow:#ffffff05;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-elastic:all .6s cubic-bezier(.34, 1.56, .64, 1);--shadow-glow:0 0 25px #ffffff0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#ff475708 0%,#0000 40%),radial-gradient(circle,#00ff8705 0%,#0000 50%),radial-gradient(circle at 90% 80%,#00f0ff08 0%,#0000 40%);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}header{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#07070bb3;padding:1.5rem 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.brand-title{font-family:var(--font-heading);background:linear-gradient(135deg, #fff 30%, var(--neon-azul) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:4rem 1rem 2rem;display:flex;position:relative}.logo-container{cursor:pointer;transition:var(--transition-elastic);z-index:10;position:relative}.logo-container:hover{transform:scale(1.08)}.logo-main{width:120px;height:120px;transition:var(--transition-smooth);background:linear-gradient(135deg,#1f1f2e 0%,#0d0c13 100%);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff1a}.logo-container:hover .logo-main{border-color:#ffffff4d;box-shadow:0 15px 40px #0009,0 0 30px #00f0ff33}.logo-container.active .logo-main{border-color:var(--neon-azul);background:linear-gradient(135deg,#0d0c13 0%,#07070b 100%);box-shadow:0 0 40px #00f0ff66,inset 0 1px #00f0ff33}.logo-text{font-family:var(--font-heading);color:#fff;letter-spacing:-1px;font-size:1.8rem;font-weight:800}.logo-container.active .logo-text{text-shadow:0 0 10px #00f0ff80}.click-hint{color:var(--text-muted);pointer-events:none;margin-top:1rem;font-size:.85rem;animation:2s ease-in-out infinite pulseHint}@keyframes pulseHint{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.9;transform:translateY(3px)}}.arrow-wrapper{pointer-events:none;width:100%;max-width:900px;height:180px;margin-top:-10px;position:relative;overflow:visible}.svg-arrows{width:100%;height:100%;overflow:visible}.arrow-path{fill:none;stroke-width:3px;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600px;filter:drop-shadow(0 0 4px var(--shadow-color));transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.arrow-path.active{stroke-dashoffset:0}.arrow-path.vermelho{stroke:var(--neon-vermelho);--shadow-color:#ff475799}.arrow-path.verde{stroke:var(--neon-verde);--shadow-color:#00ff8799}.arrow-path.azul{stroke:var(--neon-azul);--shadow-color:#00f0ff99}.arrow-head{fill:var(--head-color);opacity:0;filter:drop-shadow(0 0 6px var(--head-color));transition:opacity .3s .9s}.arrow-head.active{opacity:1}.arrow-head.vermelho{--head-color:var(--neon-vermelho)}.arrow-head.verde{--head-color:var(--neon-verde)}.arrow-head.azul{--head-color:var(--neon-azul)}.split-sections-grid{opacity:0;pointer-events:none;grid-template-columns:1fr;gap:2rem;padding:2rem 0 5rem;transition:all .8s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(30px)}.split-sections-grid.visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media (width>=1024px){.split-sections-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.category-column{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:var(--transition-smooth);border-radius:24px;padding:2rem 1.5rem;position:relative;overflow:hidden}.category-column:before{content:"";height:4px;transition:var(--transition-smooth);position:absolute;top:0;left:0;right:0}.category-column.vermelho:before{background:var(--neon-vermelho)}.category-column.verde:before{background:var(--neon-verde)}.category-column.azul:before{background:var(--neon-azul)}.category-column:hover{background:#19192699;border-color:#ffffff1f;transform:translateY(-8px)}.category-column.vermelho:hover{box-shadow:0 12px 40px #ff475714}.category-column.verde:hover{box-shadow:0 12px 40px #00ff8714}.category-column.azul:hover{box-shadow:0 12px 40px #00f0ff14}.column-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.column-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700}.vermelho .column-title{color:var(--neon-vermelho);text-shadow:0 0 10px #ff475733}.verde .column-title{color:var(--neon-verde);text-shadow:0 0 10px #00ff8733}.azul .column-title{color:var(--neon-azul);text-shadow:0 0 10px #00f0ff33}.column-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.vermelho .column-icon{color:var(--neon-vermelho);background:#ff47571a}.verde .column-icon{color:var(--neon-verde);background:#00ff871a}.azul .column-icon{color:var(--neon-azul);background:#00f0ff1a}.mockups-list{flex-direction:column;gap:1rem;display:flex}.mockup-card{cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:relative}.mockup-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:scale(1.02)}.mockup-header{justify-content:space-between;align-items:center;display:flex}.mockup-name{font-family:var(--font-heading);color:#fff;font-size:.95rem;font-weight:600}.mockup-badge{text-transform:uppercase;border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:500}.vermelho .mockup-badge{color:var(--neon-vermelho);background:#ff475726}.verde .mockup-badge{color:var(--neon-verde);background:#00ff8726}.azul .mockup-badge{color:var(--neon-azul);background:#00f0ff26}.mockup-desc{color:var(--text-muted);font-size:.8rem}.mockup-image-wrapper{background:#111;border:1px solid #ffffff0d;border-radius:10px;width:100%;height:140px;position:relative;overflow:hidden}.mockup-image{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}.mockup-card:hover .mockup-image{transform:scale(1.08)}.mockup-overlay-btn{color:#000;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition-smooth);background:#00ff87d9;border:none;border-radius:6px;padding:.25rem .6rem;font-size:.7rem;font-weight:700;position:absolute;bottom:.5rem;right:.5rem}.mockup-card:hover .mockup-overlay-btn{background:var(--neon-verde);transform:translateY(-2px)}.mockup-viewer-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#05050ad9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.mockup-viewer-content{background:#0d0c13;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;width:100%;max-width:800px;display:flex;overflow:hidden;box-shadow:0 25px 60px #000c}.mockup-viewer-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.mockup-viewer-title{font-family:var(--font-heading);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;display:flex}.close-viewer-btn{color:#fff;cursor:pointer;width:32px;height:32px;transition:var(--transition-smooth);background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.close-viewer-btn:hover{background:#ffffff26;transform:rotate(90deg)}.mockup-viewer-body{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}.viewer-interactive-screen{background:#08070d;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;width:100%;min-height:250px;padding:1.5rem;display:flex;position:relative}.viewer-big-image{object-fit:contain;border:1px solid #ffffff0d;border-radius:12px;width:100%;max-height:400px}.footer-sections{background:var(--bg-secondary);border-top:1px solid var(--glass-border);margin-top:auto;padding:5rem 0 3rem}.footer-grid{grid-template-columns:1fr;gap:3rem;margin-bottom:4rem;display:grid}@media (width>=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:4rem}}.footer-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff03;border:1px solid #ffffff08;border-radius:24px;padding:2.5rem}.section-title{font-family:var(--font-heading);color:#fff;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.6rem;font-weight:700;display:flex}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex;position:relative}.form-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.form-hint{color:#ffffff59;margin-top:-.25rem;font-size:.75rem}.form-input{color:#fff;font-family:var(--font-sans);transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:.85rem 1rem;font-size:.95rem}.form-input:focus{border-color:var(--neon-azul);background:#ffffff0f;outline:none;box-shadow:0 0 15px #00f0ff26}.form-input:user-invalid{border-color:var(--neon-vermelho);background:#ff475708;box-shadow:0 0 15px #ff47571a}.form-input:user-valid{border-color:var(--neon-verde);background:#00ff8705}.error-message{color:var(--neon-vermelho);margin-top:.25rem;font-size:.78rem;font-weight:500;display:none}.form-input:user-invalid+.error-message{align-items:center;gap:.25rem;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.btn-primary{background:linear-gradient(135deg, var(--neon-azul) 0%, #09f 100%);color:#000;font-family:var(--font-heading);cursor:pointer;transition:var(--transition-elastic);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.8rem;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 20px #00f0ff40}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00f0ff66,0 0 15px #00f0ff33}.btn-primary:active{transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.success-banner{border:1px solid var(--neon-verde);color:var(--neon-verde);text-align:center;background:#00ff8714;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-size:.9rem;font-weight:600;display:flex}.legal-footer{border-top:1px solid #ffffff0d;padding:2.5rem 0 1rem}.legal-content{flex-direction:column;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (width>=768px){.legal-content{flex-direction:row}}.copyright{color:var(--text-muted);font-size:.8rem}.legal-links{flex-wrap:wrap;gap:1.5rem;display:flex}.legal-link{color:var(--text-muted);transition:var(--transition-smooth);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.8rem;text-decoration:none}.legal-link:hover{color:var(--neon-azul);text-shadow:0 0 5px #00f0ff4d}.legal-dialog{border:1px solid var(--glass-border);width:90%;max-width:650px;color:var(--text-primary);background:#0d0c13;border-radius:24px;outline:none;margin:auto;padding:0;box-shadow:0 25px 50px #00000080}.legal-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040408cc}.legal-dialog[open]{animation:.4s cubic-bezier(.34,1.56,.64,1) modalScaleIn}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.dialog-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.dialog-title{font-family:var(--font-heading);color:#fff;font-size:1.3rem;font-weight:700}.dialog-body{max-height:400px;color:var(--text-muted);flex-direction:column;gap:1.25rem;padding:2rem;font-size:.9rem;display:flex;overflow-y:auto}.dialog-body h4{font-family:var(--font-heading);color:#fff;margin-top:.5rem;font-size:1rem}.dialog-footer{border-top:1px solid #ffffff0d;justify-content:flex-end;padding:1.25rem 2rem;display:flex}.btn-secondary{color:#fff;cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}