html{scroll-behavior:smooth}.page-header{text-align:center;color:#fff;background:linear-gradient(135deg,#a7402d,#8a3526,#c24e3a);flex-direction:column;justify-content:center;align-items:center;height:400px;padding:0 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #a7402d4d}.page-header:after{content:"";pointer-events:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48ZyBmaWxsPScjZmZmZmZmJyBmaWxsLW9wYWNpdHk9JzAuMDUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PGNpcmNsZSBjeD0nMycgY3k9JzMnIHI9JzMnLz48Y2lyY2xlIGN4PScxMycgY3k9JzEzJyByPSczJy8+PC9nPjwvc3ZnPg==);width:100%;height:100%;position:absolute;top:0;left:0}.page-header h1{text-shadow:2px 2px 4px #0000004d;z-index:2;margin-bottom:1rem;font-size:3.5rem;font-weight:700;position:relative}.page-header p{opacity:.9;z-index:2;max-width:600px;font-size:1.4rem;font-weight:300;line-height:1.5;position:relative}.page-header:before{content:"";opacity:.3;background:linear-gradient(to bottom right,#0000 0% 49%,#a7402dcc 50%,#0000 51% 100%) 0 0/20px 20px;width:100%;height:60px;position:absolute;bottom:0;left:0}.video-background{z-index:1;background-color:#000;width:100%;height:100vh;position:sticky;top:0;left:0;overflow:hidden}.main-video{object-fit:cover;z-index:-1;pointer-events:none;width:100%;height:100vh;position:fixed;top:0;left:0}.sections-container{scroll-snap-type:y mandatory}.machine-section{justify-content:flex-end;align-items:center;height:100vh;transition:all .5s ease-out;display:flex;position:relative}.initial-scroll-guide,.scroll-guide{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;border-radius:10px;flex-direction:column;align-items:center;padding:15px 25px;transition:all .3s;display:flex;position:absolute;box-shadow:0 4px 15px #0000004d}.machine-content{color:#f0f0f0;z-index:10;opacity:.95;background:linear-gradient(145deg,#2c2e30,#3a3c3e);border:1px solid #ffffff14;border-radius:12px;width:40%;max-width:500px;margin:0 5%;padding:40px;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;transform:translateY(20px);box-shadow:0 15px 35px #0000004d,0 5px 15px #0003}.machine-content:hover{opacity:1;transform:translateY(0);box-shadow:0 20px 40px #0006,0 10px 20px #0000004d}.machine-content:before{content:"";background:linear-gradient(90deg,#a7402d,#c24e3a);border-radius:12px 12px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.machine-content h2{color:#fff;text-shadow:0 2px 4px #0003;margin-bottom:1.5rem;padding-bottom:15px;font-size:2.5rem;position:relative}.machine-content h2:after{content:"";background-color:#a7402d;border-radius:3px;width:60px;height:3px;position:absolute;bottom:0;left:0}.machine-content p{color:#d0d0d0;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.specs-list{padding:0;list-style:none}.specs-list li{background-color:#ffffff1a;border-left:4px solid #a7402d;border-radius:4px;margin-bottom:12px;padding:12px 18px;transition:all .2s;box-shadow:0 2px 5px #0000001a}.specs-list li:hover{background-color:#ffffff26;transform:translate(3px)}.video-controls{z-index:10;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:20px;right:20px}.speed-controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;border-radius:24px;align-self:flex-end;gap:8px;padding:10px;display:flex;box-shadow:0 4px 10px #0003}.auto-advance-toggle,.auto-scroll-toggle{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;border:none;border-radius:24px;padding:10px 18px;font-size:.95rem;font-weight:500;transition:all .3s;box-shadow:0 4px 10px #0003}.auto-advance-toggle:hover,.auto-scroll-toggle:hover{background-color:#000000e6;transform:translateY(-2px)}.auto-advance-toggle.active,.auto-scroll-toggle.active{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 4px 10px #27ae604d}.machine-section.active .machine-content{opacity:1;border-color:#ffffff26;transform:translateY(0);box-shadow:0 20px 40px #0006,0 10px 20px #0000004d}.machine-section.active .machine-content:before{background:linear-gradient(90deg,#c24e3a,#e67e22);box-shadow:0 0 15px #e67e2280}.video-loading{color:#fff;z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.loading-spinner{border:4px solid #fff3;border-top-color:#a7402d;border-radius:50%;width:50px;height:50px;margin-bottom:15px;animation:1s ease-in-out infinite spin;box-shadow:0 0 20px #a7402d80}.initial-scroll-guide{text-align:center;border-radius:12px;padding:25px 35px;animation:1s ease-out fadeIn;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0006}.scroll-guide{border-radius:12px;padding:18px 28px;animation:2s infinite pulse;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0000004d}.scroll-guide p,.initial-scroll-guide p{letter-spacing:.5px;margin-bottom:15px;font-weight:500}.scroll-arrow{width:40px;height:40px;position:relative}.scroll-arrow span{opacity:0;border-bottom:3px solid #fff;border-left:3px solid #fff;width:24px;height:24px;margin-left:-12px;animation:1.5s infinite scrollArrow;position:absolute;top:0;left:50%;transform:rotate(-45deg)}.scroll-arrow span:first-child{animation-delay:0s}.scroll-arrow span:nth-child(2){animation-delay:.15s;top:12px}.scroll-arrow span:nth-child(3){animation-delay:.3s;top:24px}@keyframes scrollArrow{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:1200px){.machine-content{width:45%}}@media (max-width:992px){.machine-content{width:60%}.machine-content h2{font-size:2.2rem}}@media (max-width:768px){.machine-section.card-right,.machine-section.card-left{justify-content:center}.machine-content{width:90%;max-width:500px;padding:30px;margin:0 auto!important}.machine-content h2{font-size:2rem}.page-header h1{font-size:2.5rem}.page-header p{font-size:1.1rem}}@media (max-width:480px){.machine-content{padding:25px 20px}.machine-content h2{font-size:1.8rem}}.next-page-cta{background-color:#000;justify-content:center;align-items:center;min-height:200px;margin:0;padding:60px 20px;display:flex}.next-page-button{color:#000;text-transform:uppercase;letter-spacing:.8px;text-align:center;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:12px 24px;font-size:16px;font-weight:600;line-height:1.3;text-decoration:none;transition:background-color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 15px #0003}.next-page-button:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.next-page-button:active{transform:translateY(0);box-shadow:0 3px 12px #0003}@media (max-width:768px){.next-page-cta{min-height:160px;padding:40px 16px}.next-page-button{letter-spacing:.5px;border-radius:10px;width:100%;max-width:480px;padding:12px 16px;font-size:14px}}@media (max-width:480px){.next-page-button{max-width:100%;padding:10px 14px;font-size:13.5px}}@media (max-width:360px){.next-page-button{letter-spacing:.35px;padding:9px 12px;font-size:12.5px}}@media (max-width:320px){.next-page-button{letter-spacing:.3px;padding:8px 12px;font-size:12px}}
.header-wrapper{background-color:#000;width:100%}.header{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;background-color:#000!important}.header-banner{width:100%;height:var(--header-height,70vh);color:#fff;box-sizing:border-box;background-position:50% 30%;background-size:cover;justify-content:center;align-items:center;padding:0 20px;display:flex;position:relative}.header-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.header-dots{z-index:5;justify-content:center;display:flex;position:absolute;bottom:20px;left:0;right:0}.header-dot{cursor:pointer;background-color:#ffffff80;border:none;border-radius:50%;width:12px;height:12px;margin:0 5px;transition:all .3s}.header-dot.active{background-color:#fff}.header-gradient{z-index:2;pointer-events:none;background:linear-gradient(#000000f2 0%,#000000e6 30%,#0000 60%);position:absolute;inset:0}.header.zoom-out .header-banner{border-radius:10px;overflow:hidden}.header-inner{text-align:center;box-sizing:border-box;z-index:2;width:100%;max-width:1400px;margin:0 auto;padding:0 20px;position:relative}.header-title{text-transform:uppercase;text-shadow:0 2px 10px #00000080;margin:-180px 0 1rem;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:500;line-height:1.2}.header-subtitle{text-shadow:0 1px 3px #00000080;max-width:800px;margin:0 auto 2rem;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6}.header-button{color:#fff;cursor:pointer;white-space:nowrap;z-index:6;background:linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 100%);border:none;border-radius:50px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:20px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 25px #0000004d,0 0 0 1px #ffffff0d}.header-button:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 12px 30px #0006}@media (max-width:768px){.header-banner{height:var(--header-height-mobile,60vh)}.header-title{font-size:2rem}.header-subtitle{font-size:1.1rem}}.header-inner{box-sizing:border-box;width:100%;text-align:center!important;padding:0 20px!important}.header-inner.zoom-out{text-align:left!important;max-width:1400px!important;margin-inline:auto!important}@media screen and (max-width:50em){.header{padding:0}.header-banner{border-radius:5px;max-width:100%;margin:10px 0}.header-inner{padding:0 15px!important}.header-title{font-size:1.8rem!important}.header-subtitle{font-size:1rem!important}}@media screen and (min-width:200em){.header{max-width:2000px;margin:0 auto}.header-banner{max-width:1600px}.header-inner{max-width:1400px!important}.header-title{font-size:4rem!important}.header-subtitle{max-width:1000px;font-size:1.8rem!important}.header-button{padding:20px 50px;font-size:1.5rem}}