.header{background:#0a0a0a;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000004d}.header .container{max-width:1200px;margin:0 auto;padding:20px 24px}.header-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand .logo{width:120px;height:120px;object-fit:contain;filter:brightness(0) invert(1)}.brand h1{font-size:24px;margin:0;line-height:1.1;font-weight:700;color:#fff;letter-spacing:.5px}.nav{display:flex;align-items:center;gap:32px}.nav a{text-decoration:none;color:#fff;font-weight:500;font-size:16px;transition:all .2s ease;position:relative}.nav a:hover{color:#ff8c00}.nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#ff8c00;transition:width .3s ease}.nav a:hover:after{width:100%}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start}.nav{width:100%;flex-wrap:wrap;gap:4px}.nav a{font-size:14px;padding:6px 10px}}.hero{padding:80px 0 60px;background:#0a0a0a}.hero .container{max-width:1200px;margin:0 auto;padding:0 24px}.hero-content{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.hero-text h2{font-size:48px;margin:0 0 24px;line-height:1.2;font-weight:700;color:#fff}.hero-text p{color:#d1d5db;font-size:18px;line-height:1.7;margin-bottom:32px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn.secondary{background:transparent;color:#fff;border:2px solid #ffffff}.btn.secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.hero-media{position:relative}.machine{width:100%;border-radius:16px;box-shadow:0 20px 60px #0006;object-fit:cover;transition:transform .3s ease}.machine:hover{transform:scale(1.02)}@media (max-width: 900px){.hero{padding:60px 0 40px}.hero-content{grid-template-columns:1fr;gap:32px}.hero-text h2{font-size:36px}.hero-text p{font-size:16px}}@media (max-width: 560px){.hero{padding:40px 0}.hero-text h2{font-size:28px}.hero-actions{flex-direction:column}.btn{width:100%;text-align:center}}.features-section{padding:60px 0;background:#0a0a0a}.features-section .container{max-width:1200px;margin:0 auto;padding:0 24px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#ffffff14;border-color:#ff8c004d;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.feature-card p{margin:0;color:#fff;font-size:16px;font-weight:500}@media (max-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:16px}.feature-card{padding:20px}.feature-card p{font-size:14px}}@media (max-width: 480px){.features-grid{grid-template-columns:1fr}}.video-demo{padding:80px 0;background:#0a0a0a}.video-demo .container{max-width:1200px;margin:0 auto;padding:0 24px}.video-demo-content{text-align:center}.video-demo-content h2{font-size:36px;margin:0 0 16px;font-weight:700;color:#fff}.video-demo-subtitle{font-size:18px;margin:0 0 48px;color:#d1d5db}.video-wrapper{position:relative;width:100%;max-width:800px;margin:0 auto;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px}@media (max-width: 900px){.video-demo{padding:60px 0}.video-demo-content h2{font-size:28px}.video-demo-subtitle{font-size:16px;margin-bottom:32px}}@media (max-width: 560px){.video-demo{padding:40px 0}.video-demo-content h2{font-size:24px}.video-demo-subtitle{font-size:14px;margin-bottom:24px}.video-wrapper,.video-iframe{border-radius:12px}}.service{padding:80px 0;background:#0a0a0a}.service .container{max-width:1200px;margin:0 auto;padding:0 24px}.service-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:48px;max-width:800px;margin:0 auto}.service-card h3{font-size:36px;margin:0 0 48px;font-weight:700;color:#fff}.service-steps{position:relative;margin-bottom:40px}.service-step{position:relative;display:flex;align-items:flex-start;gap:24px;margin-bottom:32px}.step-number{width:48px;height:48px;border-radius:50%;background:#ff8c00;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.step-content{flex:1;padding-top:4px}.step-content h4{font-size:20px;margin:0 0 8px;font-weight:700;color:#fff}.step-content p{font-size:16px;margin:0;color:#d1d5db}.step-connector{position:absolute;left:24px;top:48px;width:2px;height:calc(100% + 16px);background:#fff3}.service-step:last-child .step-connector{display:none}.service-action{display:flex;justify-content:flex-end;margin-top:32px}.btn{display:inline-block;padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;cursor:pointer;border:none}@media (max-width: 900px){.service{padding:60px 0}.service-card{padding:32px}.service-card h3{font-size:28px;margin-bottom:32px}.service-step{gap:16px}.step-number{width:40px;height:40px;font-size:18px}.step-connector{left:20px}}@media (max-width: 560px){.service-card{padding:24px}.service-card h3{font-size:24px}.step-content h4{font-size:18px}.step-content p{font-size:14px}}.benefits{padding:80px 0;background:#0a0a0a}.benefits .container{max-width:1080px;margin:0 auto;padding:0 20px}.benefits h3{font-size:32px;margin:0 0 48px;font-weight:700;color:#fff;text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;transition:all .3s ease}.feature:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:#ff8c004d;background:#ffffff14}.feature h4{font-size:20px;margin:0 0 12px;font-weight:700;color:#fff}.feature p{margin:0;color:#d1d5db;line-height:1.6;font-size:15px}@media (max-width: 900px){.benefits{padding:60px 0}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:20px}.benefits h3{font-size:28px;margin-bottom:32px}}@media (max-width: 560px){.benefits-grid{grid-template-columns:1fr}.benefits h3{font-size:24px}}.technical{padding:80px 0;background:#0a0a0a}.technical .container{max-width:1080px;margin:0 auto;padding:0 20px}.technical-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.technical-text h3{font-size:32px;margin:0 0 16px;font-weight:700;color:#fff}.technical-text p{color:#d1d5db;font-size:16px;line-height:1.7;margin-bottom:24px}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;box-shadow:0 6px 18px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.card h3{font-size:28px;margin:0 0 20px;font-weight:700;color:#fff}.checklist{list-style:none;padding:0;margin:0 0 20px}.checklist li{padding:8px 0 8px 28px;position:relative;color:#d1d5db;line-height:1.6;font-size:16px}.checklist li:before{content:"✓";position:absolute;left:0;color:#ff8c00;font-weight:700;font-size:18px}.checklist strong{color:#fff;font-weight:700}.small{font-size:13px}.muted{color:#6b7280}.btn{display:inline-block;padding:12px 24px;border-radius:12px;text-decoration:none;border:1px solid #e5e7eb;font-weight:600;transition:all .2s ease;cursor:pointer}.btn.primary{background:#ff8c00;color:#fff;border-color:#ff8c00}@media (max-width: 900px){.technical{padding:60px 0}.technical-content{grid-template-columns:1fr;gap:32px}.technical-text h3,.card h3{font-size:24px}}.contact{padding:80px 0;background:#0a0a0a}.contact .container{max-width:1200px;margin:0 auto;padding:0 24px}.contact-wrapper{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:48px}.contact-form-section h3{font-size:32px;margin:0 0 32px;font-weight:700;color:#fff}.contact-form{display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field label{color:#fff;font-size:14px;font-weight:500}.field input,.field textarea,.field select{width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;font-family:inherit;font-size:15px;color:#fff;transition:all .2s ease}.field input::placeholder,.field textarea::placeholder{color:#ffffff80}.field input:focus,.field textarea:focus{outline:none;border-color:#ff8c00;background:#ffffff26;box-shadow:0 0 0 3px #ff8c001a}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#1a1a1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.field select:focus{outline:none;border-color:#ff8c00;background-color:#1a1a1a;box-shadow:0 0 0 3px #ff8c001a}.field select option{background:#1a1a1a;color:#fff;padding:12px}.field select:focus option:checked{background:#ff8c00;color:#fff}.field select option:hover{background:#2a2a2a}.field textarea{resize:vertical;min-height:100px}.btn{display:inline-block;padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer;font-size:16px;font-family:inherit;border:none;width:fit-content;margin-top:8px}.btn.primary{background:#ff8c00;color:#fff;border:2px solid #ff8c00}.btn.primary:hover{background:#ff9500;border-color:#ff9500;transform:translateY(-2px);box-shadow:0 8px 20px #ff8c004d}.contact-direct{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:32px;height:fit-content}.contact-direct h4{font-size:24px;margin:0 0 24px;font-weight:700;color:#fff}.contact-item{display:flex;align-items:center;gap:12px;margin-bottom:20px}.contact-item:last-child{margin-bottom:0}.contact-icon{font-size:20px;width:24px;text-align:center}.contact-item a,.contact-item span{color:#fff;text-decoration:none;font-size:16px;transition:color .2s ease}.contact-item a:hover{color:#ff8c00}@media (max-width: 900px){.contact{padding:60px 0}.contact-wrapper{grid-template-columns:1fr;padding:32px;gap:32px}.contact-form-section h3{font-size:28px}}@media (max-width: 560px){.contact-wrapper{padding:24px}.contact-form-section h3{font-size:24px}.contact-direct{padding:24px}}.footer{background:#0a0e14;color:#9ca3af;padding:32px 0;margin-top:auto;border-top:1px solid rgba(255,255,255,.1)}.footer .container{max-width:1080px;margin:0 auto;padding:0 20px}.footer p{margin:0;text-align:center;font-size:14px}.whatsapp-button{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #25d36666;z-index:1000;transition:all .3s ease;color:#fff;text-decoration:none}.whatsapp-button:hover{background:#20ba5a;transform:scale(1.1);box-shadow:0 6px 20px #25d36699}.whatsapp-button:active{transform:scale(.95)}.whatsapp-button svg{width:32px;height:32px}@media (max-width: 768px){.whatsapp-button{width:56px;height:56px;bottom:20px;right:20px}.whatsapp-button svg{width:28px;height:28px}}.app{min-height:100vh;display:flex;flex-direction:column}.app main{flex:1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;color:#fff;background:#0a0a0a;line-height:1.6}#root{min-height:100vh;background:#0a0a0a}