:root{--navy:#06172b;--blue:#0b3157;--orange:#ff741d;--muted:#92a8bc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8fa;color:var(--navy);font-family:Inter,Arial,sans-serif;line-height:1.65}.header{height:78px;position:absolute;z-index:5;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;color:#fff}.brand{font:700 1.4rem 'Barlow Condensed';letter-spacing:.08em;text-decoration:none;color:inherit}.brand span,.eyebrow{color:var(--orange)}.nav{display:flex;gap:1.65rem}.nav a{color:#d8e5ed;text-decoration:none;text-transform:uppercase;font-size:.66rem;letter-spacing:.1em;font-weight:700}.menu-button{display:none}.hero{min-height:790px;background:radial-gradient(circle at 75% 40%,#174b74 0,#092746 25%,#06172b 64%);color:white;display:grid;grid-template-columns:1fr 1.05fr;overflow:hidden;position:relative;padding:155px 6vw 90px}.hero-copy{max-width:660px;z-index:1}.eyebrow{font-size:.7rem;letter-spacing:.16em;font-weight:700;margin:0 0 1rem}.hero h1,h2{font-family:'Barlow Condensed',sans-serif;line-height:.96;text-transform:uppercase;letter-spacing:.01em}.hero h1{font-size:clamp(3.8rem,7vw,7.3rem);margin:0 0 1.4rem}.hero h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-text{font-size:1.06rem;max-width:580px;margin:0 0 1rem}.hero-subtext{color:#b4c9da;max-width:565px;font-size:.87rem}.button{margin-top:1.55rem;display:inline-flex;gap:2rem;align-items:center;padding:14px 18px;background:var(--orange);color:white;text-decoration:none;font-weight:700;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;transition:.2s}.button:hover{transform:translateY(-3px);background:#ff873e}.hero-visual{position:relative;min-height:500px}.grid{position:absolute;inset:-150px -200px -120px 0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:45px 45px;transform:perspective(400px) rotateX(55deg)}.halo{position:absolute;width:660px;height:660px;border:1px solid #5c9fcb44;border-radius:50%;top:65px;left:20%;box-shadow:0 0 100px #2772a244}.motorcycle{position:absolute;width:560px;height:315px;bottom:60px;left:3%;filter:drop-shadow(0 35px 18px #0009)}.wheel{position:absolute;width:155px;height:155px;border:19px solid #0c1016;border-radius:50%;bottom:5px;box-shadow:inset 0 0 0 3px #788d9d}.wheel:after{content:"";position:absolute;inset:32px;border:3px solid #536777;border-radius:50%}.front{right:5px}.rear{left:32px}.frame{position:absolute;width:330px;height:100px;left:105px;bottom:120px;border-bottom:26px solid #183a59;transform:skew(-25deg)}.tank{position:absolute;width:175px;height:90px;background:linear-gradient(135deg,#326f9b,#112b46);border-radius:60% 48% 35% 20%;left:200px;bottom:158px;transform:skew(-13deg);border:1px solid #73a0bd}.seat{position:absolute;width:160px;height:40px;background:#111d27;border-radius:60% 15% 8% 30%;left:95px;bottom:185px}.fairing{position:absolute;width:170px;height:150px;background:linear-gradient(120deg,#2e6389,#0a2039);right:74px;bottom:125px;border-radius:48% 15% 45% 12%;clip-path:polygon(25% 0,100% 18%,84% 100%,0 93%)}.handlebar{position:absolute;width:110px;border-top:5px solid #91a7b5;right:90px;bottom:270px;transform:rotate(-15deg)}.monitor{position:absolute;width:50px;height:36px;background:#07121d;border:3px solid #8496a1;right:125px;bottom:257px;box-shadow:inset 0 0 12px #2584b9}.gear{position:absolute;width:7px;height:112px;background:#adb9c0;bottom:-38px;transform:rotate(22deg);z-index:-1}.gear:after{content:"";position:absolute;width:55px;height:11px;background:#adb9c0;bottom:-2px;left:-9px;border-radius:3px}.gear-left{left:180px}.gear-right{left:285px}.visual-label{position:absolute;right:0;bottom:0;font-size:.62rem;letter-spacing:.18em;color:#abc8dc}.visual-label b{color:var(--orange);font-size:1.5rem;margin-left:.5rem}.section{padding:120px 8vw}.section-heading{max-width:780px}.section h2,.benefits h2,.contact h2{font-size:clamp(3rem,5vw,5.5rem);margin:0 0 3rem}.intro-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center}.intro-layout p{font-size:.95rem}.system-display{background:#dce9f0;min-height:330px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.system-display:before{content:"";position:absolute;inset:20px;border:1px solid #aac0ce}.system-display p{position:absolute;bottom:8px;font-size:.6rem;letter-spacing:.16em;font-weight:bold}.mechanism{height:145px;width:160px;border:15px solid #17476c;border-radius:20px;transform:rotate(-15deg);position:relative}.mechanism span{position:absolute;background:var(--orange)}.mechanism span:nth-child(1){width:170px;height:10px;left:80px;top:120px;transform:rotate(38deg)}.mechanism span:nth-child(2){width:10px;height:140px;right:-55px;top:75px;transform:rotate(-10deg)}.mechanism span:nth-child(3){width:80px;height:15px;right:-85px;bottom:-75px}.check-list{list-style:none;padding:0;columns:2;font-size:.84rem}.check-list li{margin:8px 0}.check-list li:before{content:"✓";color:var(--orange);font-weight:bold;margin-right:10px}.dark{background:var(--navy);color:white}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff18}.feature-card{padding:2rem 1.6rem;background:#081e35;min-height:280px}.feature-card b{font:700 2.2rem 'Barlow Condensed';color:var(--orange)}h3{font:600 1.5rem 'Barlow Condensed';line-height:1.05;text-transform:uppercase;margin:1.1rem 0}.feature-card p,.component p,.resource-grid p,.steps p{font-size:.8rem;color:#b6c8d8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative}.steps:before{content:"";position:absolute;top:25px;width:74%;left:13%;border-top:1px solid #bdced9}.steps article{position:relative}.steps span{display:grid;place-items:center;background:var(--navy);color:white;width:52px;height:52px;border-radius:50%;font:700 1.3rem 'Barlow Condensed';position:relative;z-index:1}.steps h3{margin-bottom:.6rem}.steps p{color:#4c6578}.component-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.component-icon{width:57px;height:57px;display:grid;place-items:center;background:var(--orange);font-size:1.7rem;font-weight:bold}.resources{background:#e7f0f5}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.resource-grid article{background:white;border-top:4px solid var(--orange);padding:1.7rem}.resource-grid p{color:#456174}.benefits{display:grid;grid-template-columns:1.2fr .8fr;background:#fff}.benefits-copy{padding:100px 8vw}.benefits-copy>p:not(.eyebrow){max-width:590px}.data-panel{background:linear-gradient(135deg,#123e62,#06172b);color:#fff;padding:100px 5vw;position:relative;overflow:hidden}.data-panel:before{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff25;border-radius:50%;right:-220px;top:-90px}.data-panel small{letter-spacing:.16em;color:var(--orange)}.data-panel strong{font:600 clamp(3rem,5vw,5rem) 'Barlow Condensed';line-height:.82;display:block;margin-top:4rem}.data-panel i{color:#80bbe0;font-style:normal}.bars{display:flex;gap:7px;margin-top:4rem;align-items:end;height:65px}.bars span{width:14px;background:var(--orange)}.bars span:nth-child(1){height:25px}.bars span:nth-child(2){height:65px}.bars span:nth-child(3){height:43px}.workshop-copy{max-width:730px;color:#b6c8d8}.contact{background:var(--orange);color:white;text-align:center;padding:100px 5vw}.contact .eyebrow{color:#fff1e7}.contact h2{margin-bottom:1rem}.contact p:not(.eyebrow){max-width:550px;margin:0 auto}.button.light{background:white;color:var(--navy)}footer{background:#04101e;color:#9eb4c5;padding:30px 6vw;display:flex;align-items:center;justify-content:space-between;font-size:.7rem}footer .brand{color:white}footer p{margin:0}.reveal{opacity:0;transform:translateY(20px);transition:.6s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav{display:none}.nav.open{display:flex;position:absolute;top:78px;left:0;right:0;padding:1.5rem 6vw;background:#06172b;flex-direction:column}.menu-button{display:block;background:none;border:0}.menu-button i{display:block;width:24px;border-top:2px solid #fff;margin:5px}.hero{grid-template-columns:1fr;padding-top:140px}.hero-visual{min-height:380px}.motorcycle{transform:scale(.75);transform-origin:left bottom}.intro-layout,.benefits{grid-template-columns:1fr;gap:3rem}.feature-grid,.component-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);gap:2rem}.steps:before{display:none}}@media(max-width:560px){.header{padding:0 5vw}.hero,.section{padding-left:6vw;padding-right:6vw}.hero{min-height:700px}.hero-visual{min-height:265px}.motorcycle{transform:scale(.48);bottom:20px;left:-20px}.halo{width:280px;height:280px;left:5px;top:30px}.hero-text{font-size:.92rem}.feature-grid,.component-grid,.resource-grid,.steps{grid-template-columns:1fr}.section{padding-top:75px;padding-bottom:75px}.check-list{columns:1}.data-panel,.benefits-copy{padding:75px 8vw}footer{display:grid;gap:12px}.visual-label{display:none}}