*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg-alt:#0f0f18;--bg-card:#13131e;--surface:#1a1a28;--surface-hi:#22223a;--text:#f0eef8;--text-muted:#9e9bbf;--text-faint:#7a7898;--accent:#7c5cfc;--accent-light:#a688ff;--accent-glow:#7c5cfc40;--accent-bg:#7c5cfc14;--border:#7c5cfc26;--border-subtle:#ffffff0f;--font-display:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--radius-sm:4px;--radius-md:10px;--radius-lg:18px;--max-w:1120px;--gap:clamp(1.5rem, 4vw, 3rem)}html{font-size:16px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem)}.section-label{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-light);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.7rem;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--accent);width:20px;height:1px;display:inline-block}.section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:1.5rem;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:700;line-height:1.1}.btn{font-family:var(--font-display);letter-spacing:.01em;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.btn-primary:hover{background:var(--accent-light);border-color:var(--accent-light);transform:translateY(-1px);box-shadow:0 0 32px #7c5cfc66}.btn-ghost{color:var(--text-muted);border-color:var(--border-subtle);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-light)}.btn-lg{padding:.9rem 2rem;font-size:1rem}.btn-full{justify-content:center;width:100%}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#0a0a0fcc;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--max-w);justify-content:space-between;align-items:center;height:60px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem);display:flex}.logo{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.35rem;font-weight:800}.logo-byte{color:var(--text)}.logo-do{color:var(--accent)}.nav-cta{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.8rem;font-weight:600;transition:color .2s}.nav-cta:hover{color:var(--accent-light)}.hero{align-items:center;min-height:100svh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-noise{opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-glow{filter:blur(100px);border-radius:50%;position:absolute}.glow-1{background:radial-gradient(circle,#7c5cfc2e 0%,#0000 70%);width:600px;height:600px;top:-150px;right:-100px}.glow-2{background:radial-gradient(circle,#5028c81f 0%,#0000 70%);width:400px;height:400px;bottom:-50px;left:-50px}.glow-3{background:radial-gradient(circle,#a688ff14 0%,#0000 70%);width:300px;height:300px;top:40%;left:40%}.hero-content{text-align:center;max-width:780px;margin:0 auto;animation:.8s both fadeUp;position:relative}.hero-eyebrow{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);background:var(--accent-bg);border-radius:100px;align-items:center;gap:.6rem;margin-bottom:1.75rem;padding:.4rem 1rem;font-size:.75rem;font-weight:500;animation:.8s .1s both fadeUp;display:inline-flex}.dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--accent-glow)}50%{opacity:.7;box-shadow:0 0 0 4px #0000}}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin-bottom:1.5rem;font-size:clamp(3.5rem,9vw,7rem);font-weight:800;line-height:1;animation:.8s .15s both fadeUp}.hero-title em{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-subtitle{font-family:var(--font-body);color:var(--text-muted);max-width:520px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.7;animation:.8s .25s both fadeUp}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;animation:.8s .35s both fadeUp;display:flex}.hero-scroll{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:.75rem;font-size:.65rem;animation:.8s .5s both fadeUp;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-line{background:var(--text-faint);width:40px;height:1px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--accent);width:100%;height:100%;animation:2s 1s infinite scrollLine;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes scrollLine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sobre{background:var(--bg-alt);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:clamp(5rem,10vw,8rem) 0}.sobre-grid{gap:var(--gap);grid-template-columns:1fr;max-width:640px;display:grid}.sobre-text p{color:var(--text-muted);margin-bottom:1rem;font-size:1.1rem;line-height:1.75}.produto{padding:clamp(5rem,10vw,8rem) 0}.produto-header{text-align:center;max-width:640px;margin:0 auto 4rem}.produto-tagline{font-family:var(--font-body);color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem;font-weight:400}.produto-showcase{margin-bottom:4rem}.showcase-frame{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);width:100%;overflow:hidden;box-shadow:0 0 80px #7c5cfc1a,0 24px 48px #0006}.showcase-frame img{width:100%;height:auto;display:block}.features-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:4rem;padding:0;list-style:none;display:grid;overflow:hidden}.feature-card{background:var(--bg-card);padding:2rem 1.75rem;transition:background .2s}.feature-card:hover{background:var(--surface)}.feature-icon{background:var(--surface);border-radius:var(--radius-sm);width:42px;height:42px;color:var(--accent-light);justify-content:center;align-items:center;margin-bottom:1rem;transition:background .2s,color .2s;display:flex}.feature-card:hover .feature-icon{background:var(--accent);color:#fff}.feature-card h3{font-family:var(--font-display);color:var(--text);margin-bottom:.5rem;font-size:.95rem;font-weight:600}.feature-card p{font-family:var(--font-body);color:var(--text-muted);font-size:.875rem;line-height:1.65}.historia{background:var(--bg-alt);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:clamp(5rem,10vw,8rem) 0}.historia-inner{max-width:760px;margin:0 auto}.historia-timeline{flex-direction:column;margin:3rem 0;padding:0;list-style:none;display:flex}.timeline-item{border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr;gap:.5rem;padding:2rem 0;display:grid}.timeline-item:last-child{border-bottom:none}.timeline-content h3{font-family:var(--font-display);color:var(--text);margin-bottom:.6rem;font-size:1.05rem;font-weight:600}.timeline-content p{font-family:var(--font-body);color:var(--text-muted);font-size:.95rem;line-height:1.75}.historia-quote{display:none}.cta-produto{background:var(--bg);border-top:1px solid var(--border-subtle);padding:clamp(4rem,8vw,6rem) 0;position:relative;overflow:hidden}.cta-produto:before{content:"";pointer-events:none;background:radial-gradient(60% 80%,#7c5cfc0f 0%,#0000 70%);position:absolute;inset:0}.cta-inner{text-align:center;max-width:560px;margin:0 auto;position:relative}.cta-inner h2{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.cta-inner p{font-family:var(--font-body);color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem}.contato{background:var(--bg-alt);border-top:1px solid var(--border-subtle);padding:clamp(5rem,10vw,8rem) 0}.contato-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(3rem,6vw,6rem);display:grid}.contato-text p{font-family:var(--font-body);color:var(--text-muted);margin-bottom:1rem;font-size:1rem}.contato-lista{flex-direction:column;gap:.6rem;margin-top:1.5rem;display:flex}.contato-lista li{font-family:var(--font-display);color:var(--text-muted);align-items:center;gap:.6rem;font-size:.875rem;display:flex}.contato-lista li svg{color:var(--accent);flex-shrink:0}.contato-form-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.5rem}.contato-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:600}.form-group input,.form-group textarea{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--text);resize:vertical;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-faint)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-note{text-align:center;font-family:var(--font-display);color:var(--text-faint);margin-top:-.25rem;font-size:.75rem}.form-group input.invalid,.form-group textarea.invalid{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1f}.form-group .field-error{font-family:var(--font-display);color:#ff6b6b;align-items:center;gap:.3rem;margin-top:.2rem;font-size:.72rem;display:flex}.footer{background:var(--bg);color:var(--text);border-top:1px solid var(--border-subtle);padding:3rem 0}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.footer-brand .logo{margin-bottom:.4rem}.footer-brand p{font-family:var(--font-display);color:var(--text-faint);font-size:.8rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:.25rem 1.5rem;display:flex}.footer-links a{font-family:var(--font-display);color:var(--text-faint);font-size:.82rem;transition:color .2s}.footer-links a:hover{color:var(--accent-light)}.footer-copy{font-family:var(--font-display);color:var(--text-faint);opacity:.5;font-size:.72rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,1fr)}.contato-grid{grid-template-columns:1fr}}@media (width<=640px){.hero-actions{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}.contato-form-wrapper{padding:1.5rem}.footer-links{gap:.5rem 1rem}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.form-success{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.form-success h3{font-family:var(--font-display);color:var(--text);font-size:1.2rem;font-weight:700}.form-success p{font-family:var(--font-body);color:var(--text-muted);font-size:.9rem}.form-error{font-family:var(--font-display);color:#ff6b6b;text-align:center;border-radius:var(--radius-sm);background:#ff6b6b14;border:1px solid #ff6b6b33;padding:.5rem;font-size:.82rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}