:root{--color-carbon:#020202;--color-carbon-light:#0a0a0a;--color-silver:#fff;--color-cyan:#00e5ff;--color-cyan-glow:#00e5ff66;--color-muted:#8b9eb0;--font-primary:"Outfit", sans-serif;--font-secondary:"Inter", sans-serif;--font-mono:"Roboto Mono", monospace;--panel-bg:linear-gradient(145deg, #0d0d0d, #030303);--panel-border:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-carbon);color:var(--color-silver);font-family:var(--font-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);letter-spacing:-1px;font-weight:400}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.apex-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:4px;box-shadow:0 40px 100px #000c,inset 0 1px #ffffff0d}.clover-btn{color:var(--color-silver);font-family:var(--font-mono);letter-spacing:3px;cursor:pointer;text-transform:uppercase;background:#000;border:1px solid #333;padding:16px 40px;font-size:.9rem;font-weight:600;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.clover-btn:before{content:"";background:linear-gradient(90deg,#0000,#00e5ff33,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.clover-btn:hover:before{left:100%}.clover-btn:hover{border-color:var(--color-cyan);box-shadow:0 0 30px var(--color-cyan-glow);color:#fff;transform:translateY(-2px)}.main-nav{z-index:100;pointer-events:none;background:linear-gradient(#020202e6,#0000);justify-content:flex-end;width:100%;padding:30px 50px;display:flex;position:fixed;top:0}.nav-links{pointer-events:auto;gap:50px;list-style:none;display:flex}.nav-links a{color:#567;font-family:var(--font-mono);letter-spacing:4px;text-transform:uppercase;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .4s,text-shadow .4s}.nav-links a:hover,.nav-links a.active-link{color:var(--color-silver);text-shadow:0 0 15px #fff6}.hero-section{background:#000;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-vehicle-img{object-fit:cover;opacity:.9;width:100%;height:100%;transition:transform .5s ease-out;transform:scale(1.05)}.hero-content{text-align:center;opacity:0;z-index:10;margin-top:20vh;animation:1.5s cubic-bezier(.165,.84,.44,1) .5s forwards fadeUp;transform:translateY(30px)}.hero-title{text-transform:uppercase;background:linear-gradient(135deg,#fff,#a0aab5);-webkit-text-fill-color:transparent;letter-spacing:4px;-webkit-background-clip:text;margin-bottom:20px;font-size:5rem;font-weight:200}.hero-subtitle{letter-spacing:3px;color:var(--color-muted);text-transform:uppercase;font-size:1.1rem;font-weight:300;font-family:var(--font-mono)}.scroll-indicator{opacity:.8;z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:40px}.scroll-text{text-transform:uppercase;letter-spacing:5px;font-size:.75rem;font-family:var(--font-mono);color:var(--color-silver);margin-bottom:20px}.scroll-line{background:#ffffff1a;width:2px;height:80px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--color-cyan);width:100%;height:30%;box-shadow:0 0 10px var(--color-cyan);animation:2.5s cubic-bezier(.165,.84,.44,1) infinite scrollDown;position:absolute;top:0;left:0}@keyframes scrollDown{0%{transform:translateY(-100%)}to{transform:translateY(300%)}}.machine-section{background:var(--color-carbon);padding-bottom:150px;position:relative}.machine-container{min-height:200vh;display:flex;position:relative}.machine-visual{background:radial-gradient(circle at center, #0a111a 0%, var(--color-carbon) 70%);justify-content:center;align-items:center;width:50%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.visual-wrapper{width:90%;height:60%;position:relative}#three-container canvas{filter:drop-shadow(0 0 40px #00e5ff4d);outline:none;width:100%!important;height:100%!important}.scanner-line{background:var(--color-cyan);width:100%;height:2px;box-shadow:0 0 20px var(--color-cyan), 0 0 5px #fff;opacity:0;transition:top .1s linear,opacity .3s;position:absolute;top:0;left:0}.machine-specs{flex-direction:column;gap:80vh;width:50%;padding:150px 80px;display:flex}.spec-card{opacity:.1;border-left:2px solid #0000;padding:80px 60px;transition:all 1s cubic-bezier(.165,.84,.44,1);transform:translate(60px)}.spec-card.active{opacity:1;border-left:2px solid var(--color-cyan);background:var(--panel-bg);transform:translate(0);box-shadow:-20px 0 50px #00e5ff0d,inset 0 1px #ffffff0d}.spec-icon{font-family:var(--font-mono);color:var(--color-cyan);letter-spacing:2px;margin-bottom:30px;font-size:2rem;font-weight:600}.spec-title{color:#fff;margin-bottom:25px;font-size:3rem;font-weight:600}.spec-desc{color:var(--color-muted);font-size:1.25rem;font-weight:300;line-height:1.9}.ethos-section{background:#000;justify-content:center;align-items:center;height:120vh;display:flex;position:relative;overflow:hidden}.ethos-parallax-bg{z-index:1;opacity:.4;filter:saturate(.8)contrast(1.2);background-image:url(/assets/cityscape.png);background-position:50%;background-size:cover;width:100%;height:140%;position:absolute;top:-20%;left:0}.ethos-section:after{content:"";background:linear-gradient(to bottom, var(--color-carbon) 0%, transparent 20%, transparent 80%, var(--color-carbon) 100%);z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.ethos-content{z-index:10;text-align:center;max-width:900px;padding:0 40px;position:relative}.ethos-title{color:#fff;text-shadow:0 10px 30px #000000e6;margin-bottom:40px;font-size:4rem;font-weight:200;line-height:1.1}.ethos-body{color:var(--color-silver);text-shadow:0 4px 15px #000000e6;font-size:1.25rem;font-weight:300;line-height:2}.main-footer{text-align:center;background:#000;border-top:1px solid #111;padding:80px;position:relative}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:0;pointer-events:none;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{width:450px;max-width:90%;padding:60px;transition:all .5s cubic-bezier(.165,.84,.44,1);position:relative;transform:translateY(30px)scale(.95)}.modal-overlay.active .modal-content{transform:translateY(0)scale(1)}.close-modal{color:var(--color-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .3s;position:absolute;top:25px;right:25px}.close-modal:hover{color:#fff}.modal-title{text-align:center;letter-spacing:2px;margin-bottom:40px;font-size:1.8rem}.form-group{margin-bottom:25px}.form-group input{border:1px solid var(--panel-border);width:100%;color:var(--color-silver);font-family:var(--font-secondary);background:#ffffff05;outline:none;padding:16px 20px;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:var(--color-cyan);background:#00e5ff0d}.submit-btn{width:100%;margin-top:20px;padding:18px}.page-wrapper{background:#000;min-height:100vh;padding-top:150px;padding-bottom:100px}.page-header{text-align:center;max-width:1200px;margin:0 auto;padding:100px 20px}.page-title{color:#fff;letter-spacing:-1px;margin-bottom:30px;font-size:5rem;font-weight:700}.architectural-block{border-top:1px solid #111;align-items:center;gap:80px;padding:150px 10vw;display:flex;position:relative;overflow:hidden}.architectural-block:nth-child(2n){background:linear-gradient(90deg,#000,#05080a);flex-direction:row-reverse}.architectural-block:nth-child(odd){background:linear-gradient(270deg,#000,#0a0e12)}.arch-number{font-family:var(--font-mono);color:#ffffff05;z-index:0;font-size:10rem;font-weight:700;position:absolute;top:40px;left:10vw}.architectural-block:nth-child(2n) .arch-number{left:auto;right:10vw}.arch-content{z-index:10;flex:1;position:relative}.arch-title{color:#fff;margin-bottom:30px;font-size:4rem;font-weight:600}.arch-desc{color:#aaa;margin-bottom:30px;font-size:1.4rem;line-height:2}.arch-feature-list{margin-top:40px;list-style:none}.arch-feature-list li{color:var(--color-silver);align-items:flex-start;margin-bottom:25px;font-size:1.2rem;line-height:1.8;display:flex}.arch-feature-list li:before{content:">";color:var(--color-cyan);font-family:var(--font-mono);margin-right:15px;font-weight:700}.cinematic-container{max-width:1000px;margin:0 auto;padding:0 40px}.cinematic-text{color:#ccc;margin-bottom:60px;font-size:1.6rem;font-weight:300;line-height:2.2}.cinematic-text:first-letter{font-size:5.5rem;font-family:var(--font-primary);color:var(--color-cyan);float:left;margin-top:5px;margin-right:25px;line-height:1}.huge-quote-block{text-align:center;background:radial-gradient(circle,#0a111a 0%,#000 100%);border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;margin:140px -80px;padding:120px}.huge-quote-text{font-family:var(--font-primary);color:#fff;letter-spacing:-2px;font-size:4rem;font-weight:700;line-height:1.2}@media (width<=1000px){.machine-container{flex-direction:column}.machine-visual{width:100%;height:50vh;position:relative;top:auto}.machine-specs{gap:100px;width:100%;padding:50px 30px}.architectural-block{padding:100px 30px;flex-direction:column!important}.arch-number{font-size:6rem;left:30px}.hero-title{font-size:4rem}.ethos-title{font-size:3rem}.page-title{font-size:3.5rem}.arch-title{font-size:3rem}.huge-quote-block{margin:80px 0;padding:80px 30px}.huge-quote-text{font-size:2.5rem}}.menu-toggle{cursor:pointer;z-index:1001;pointer-events:auto;flex-direction:column;justify-content:space-between;width:30px;height:20px;display:none}.menu-toggle span{background:var(--color-silver);transform-origin:50%;width:100%;height:2px;transition:transform .3s,opacity .3s;display:block}.menu-toggle.active span:first-child{transform:translateY(9px)rotate(45deg)}.menu-toggle.active span:nth-child(2){transform:translateY(-9px)rotate(-45deg)}.mobile-nav-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:999;opacity:0;pointer-events:none;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.mobile-nav-overlay.active{opacity:1;pointer-events:auto}.mobile-nav-links{text-align:center;list-style:none}.mobile-nav-links li{margin:30px 0}.mobile-nav-links a{font-family:var(--font-primary);color:#fff;letter-spacing:2px;text-transform:uppercase;font-size:2.5rem;font-weight:200;text-decoration:none}@media (width<=768px){.nav-links{display:none}.menu-toggle{display:flex}.main-nav{padding:20px 25px}.hero-title{letter-spacing:1px;font-size:3rem}.hero-subtitle{letter-spacing:2px;font-size:.9rem}.ethos-title{margin-bottom:25px;font-size:2.2rem}.ethos-body{font-size:1.1rem}.ethos-content{padding:0 20px}.machine-specs{gap:40px;padding:50px 20px}.spec-card{padding:40px 25px}.spec-title{font-size:2rem}.spec-desc{font-size:1.05rem}.main-footer{padding:50px 20px}.modal-content{width:100%;padding:40px 25px}.clover-btn{padding:14px 24px;font-size:.8rem}.architectural-block{gap:30px;padding:60px 20px}.arch-title{font-size:2.2rem}.arch-desc{font-size:1.1rem}.arch-feature-list li{font-size:1rem}.page-title{font-size:3rem}.huge-quote-block{margin:40px 0;padding:60px 20px}.huge-quote-text{font-size:1.8rem}}