:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}:root{--primary: #ff4d4d;--dark: #121212;--light: #f5f5f5;--gray: #888888;--text-light: #ffffff;--text-dark: #222222}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden;margin:0;padding:0}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--light);display:block}.app{width:100%}.navbar{position:fixed;top:0;width:100%;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all .3s ease;color:var(--text-light);background:linear-gradient(to bottom,#000000b3,#0000)}.navbar.scrolled{background:#1d1d1df2;padding:1rem 2rem;box-shadow:0 2px 10px #0000004d}.nav-brand{font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.nav-links a{color:var(--text-light);text-decoration:none;margin-left:2rem;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary)}.hero{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#000;z-index:1}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.video-background iframe{width:100%;height:56.25vw;min-height:100vh;min-width:177.77vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.8}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;color:var(--text-light);padding:0 1rem}.hero-content h1{font-size:4rem;font-weight:900;margin-bottom:1rem;text-transform:uppercase;letter-spacing:-1px}.hero-content p{font-size:1.5rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.section{padding:5rem 2rem}.section.dark{background-color:var(--dark);color:var(--text-light)}.section.light{background-color:var(--light);color:var(--text-dark)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.text-content h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--primary)}.image-content img{width:100%;border-radius:12px;box-shadow:0 20px 40px #0003}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.card{background:#fff;padding:0;border-radius:8px;box-shadow:0 4px 12px #0000000d;transition:transform .3s;overflow:hidden;display:flex;flex-direction:column}.card-image{width:100%;height:200px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card-image img{transform:scale(1.05)}.card h3{font-size:1.5rem;margin:1.5rem 1.5rem .5rem;color:var(--dark)}.card p{margin:0 1.5rem 1.5rem;color:#666}.cta-button{display:inline-block;padding:1rem 2rem;background-color:var(--primary);color:#fff;text-decoration:none;font-weight:700;border-radius:50px;transition:background .3s;text-transform:uppercase;letter-spacing:1px}.cta-button:hover{background-color:#d62828}.cta-button.secondary{background-color:var(--dark)}.cta-section{text-align:center;background-color:var(--primary);color:#fff}.cta-section h2{margin-bottom:1rem}.cta-section p{margin-bottom:2rem}.footer{background-color:#111;color:#888;padding:2rem;text-align:center}@media(max-width:768px){.navbar{flex-direction:column;padding:1rem;background:#1d1d1df2}.nav-links{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.nav-links a{margin-left:0;font-size:.9rem}.hero-content h1{font-size:2.5rem}.split{grid-template-columns:1fr}.section{padding:3rem 1rem}}@keyframes driveInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes engineRumble{0%{transform:translate(0) rotate(0)}25%{transform:translate(-1px,1px) rotate(-.5deg)}50%{transform:translate(1px,-1px) rotate(.5deg)}75%{transform:translate(-1px,-1px) rotate(-.5deg)}to{transform:translate(0) rotate(0)}}@keyframes headlightFlash{0%,to{filter:brightness(1);box-shadow:0 4px 12px #0000000d}50%{filter:brightness(1.1);box-shadow:0 0 20px #fff9}}.slide-in-right{animation:driveInRight 1s cubic-bezier(.25,.46,.45,.94) forwards}.cta-button:hover{animation:engineRumble .3s infinite}.card:hover{animation:headlightFlash 1s infinite}