:root{--bg-body: #0a0a0a;--bg-card: rgba(20, 20, 20, .7);--accent-orange: #e56735;--accent-glow: rgba(229, 103, 53, .6);--text-main: #ffffff;--text-muted: #aaaaaa;--font-heading: "RocketRinder", sans-serif;--font-body: "Roboto", sans-serif;--transition-speed: .8s}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:transparent;font-family:var(--font-body);color:var(--text-main);overflow-x:hidden;overflow-y:auto;position:relative;background-image:linear-gradient(to bottom,#00000026,#00000073),url(https://ik.imagekit.io/artroobeo/Plate%20loaded/Shoulders/gym.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.bg-fixed{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-section{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px;position:relative}.hero-tagline{color:var(--accent-orange);font-family:var(--font-heading);letter-spacing:5px;text-transform:uppercase;font-size:1.2rem;margin-bottom:10px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s forwards;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-title{font-family:var(--font-heading);font-size:clamp(3rem,10vw,6rem);line-height:.9;text-transform:uppercase;font-weight:400;margin-bottom:30px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s .2s forwards;text-shadow:0 10px 30px rgba(0,0,0,.8)}.hero-title span{color:var(--accent-orange);-webkit-text-stroke:1px var(--accent-orange);-webkit-text-fill-color:transparent}.hero-cta{padding:18px 45px;background:#0000004d;backdrop-filter:blur(5px);border:2px solid var(--accent-orange);color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;cursor:pointer;font-size:1.1rem;transition:all .3s;opacity:0;transform:translateY(20px);animation:fadeInUp .8s .4s forwards;text-decoration:none}.hero-cta:hover{background:var(--accent-orange);box-shadow:0 0 30px var(--accent-glow);color:#000}.carousel-container{height:100vh;width:100%;position:relative;display:flex;flex-direction:column;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.4) 100%)}.carousel-container header{width:100%;text-align:center;padding:0;pointer-events:none;z-index:2000;position:absolute;top:-110px;left:0;transform:translateZ(600px)}.carousel-container h1{font-family:var(--font-heading);font-size:3rem;text-transform:uppercase;letter-spacing:8px;text-shadow:0 10px 40px rgba(0,0,0,1);margin:0}.accent{color:var(--accent-orange)}.carousel-container main{flex-grow:1;display:flex;flex-direction:column;width:100%;height:100%;position:relative;perspective:2000px;perspective-origin:center 40%}.carousel-stage{width:100%;height:70%;position:relative;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;padding-top:40px}.carousel-track{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--transition-speed) cubic-bezier(.23,1,.32,1)}.card{position:absolute;width:420px;height:520px;left:50%;top:50%;margin-left:-210px;margin-top:-260px;background:var(--bg-card);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;backface-visibility:visible;transition:border-color .4s,box-shadow .4s,transform .4s,background .6s}.card img{width:90%;height:90%;object-fit:contain;pointer-events:none;filter:brightness(.6) grayscale(.5);transition:filter .6s,transform .6s;z-index:5}.card.active{border-color:var(--accent-orange);background:radial-gradient(circle at center,#e5673573,#141414e6 80%);box-shadow:0 0 50px #e567354d,inset 0 0 30px #e5673526;z-index:50;animation:pulseAura 2s infinite ease-in-out}.card.active .scan-line{position:absolute;inset:0;z-index:10;border:2.5px solid transparent;border-radius:12px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.card.active .scan-line:before{content:"";position:absolute;width:200px;height:200px;background:var(--accent-orange);filter:blur(30px);animation:scanRotate 3.5s linear infinite}.card.active img{filter:brightness(1.1) grayscale(0) drop-shadow(0 0 45px rgba(229,103,53,1));transform:scale(1.08)}.hud-panel{position:absolute;bottom:0;left:0;width:100%;height:30%;min-height:220px;background:#0a0a0af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:2px solid var(--accent-orange);box-shadow:0 -20px 60px #000c;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 6%;transition:transform .5s cubic-bezier(.165,.84,.44,1)}.hud-panel.hidden{transform:translateY(100%)}.hud-section{padding:10px;height:100%;display:flex;flex-direction:column;justify-content:center}.hud-left{flex:0 0 25%;border-right:1px solid rgba(255,255,255,.1)}.hud-title{font-family:var(--font-heading);font-size:2.2rem;color:#fff;margin:0;line-height:1.1;text-transform:uppercase}.hud-subtitle{color:var(--accent-orange);font-size:.9rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-top:5px;display:block}.hud-center{flex:1;padding:0 50px}.hud-desc{font-size:1rem;line-height:1.6;color:var(--text-muted);max-width:750px}.hud-right{flex:0 0 35%}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:100%}.spec-item{display:flex;flex-direction:column;border-left:2px solid var(--accent-orange);padding-left:15px;background:#ffffff05;padding-top:5px;padding-bottom:5px}.spec-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:3px}.spec-value{font-family:var(--font-heading);font-size:1.1rem;color:#fff}.nav-btn{position:absolute;top:40%;transform:translateY(-50%);width:55px;height:55px;background:#0009;backdrop-filter:blur(10px);border-radius:50%;border:2px solid rgba(229,103,53,.6);cursor:pointer;z-index:300;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);animation:arrowPulse 2s infinite ease-in-out}@keyframes arrowPulse{0%{box-shadow:0 0 10px #e567354d;border-color:#e5673566;transform:translateY(-50%) scale(1)}50%{box-shadow:0 0 35px #e56735;border-color:#e56735;transform:translateY(-50%) scale(1.1)}to{box-shadow:0 0 10px #e567354d;border-color:#e5673566;transform:translateY(-50%) scale(1)}}.nav-btn:hover{background:var(--accent-orange);border-color:var(--accent-orange);transform:translateY(-50%) scale(1.2);color:#000;animation:none}.nav-prev{left:40px}.nav-next{right:40px}.blueprint-section{background-color:#fff;color:#000;padding:120px 5%;position:relative;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:40px 40px}.blueprint-content{flex:1;min-width:350px;max-width:600px}.bp-tag{color:var(--accent-orange);font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:4px;display:block;margin-bottom:15px}.bp-title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4rem);text-transform:uppercase;line-height:1;margin-bottom:30px}.bp-desc{font-size:1.1rem;line-height:1.8;color:#444;margin-bottom:50px}.bp-features{display:grid;grid-template-columns:1fr 1fr;gap:40px}.bp-feature-item h4{font-family:var(--font-heading);font-size:1.2rem;text-transform:uppercase;margin-bottom:8px;border-bottom:2px solid var(--accent-orange);display:inline-block}.bp-feature-item p{font-size:.9rem;color:#666;line-height:1.5}.blueprint-visual{flex:1;min-width:400px;display:flex;justify-content:center;align-items:center;padding:40px}.bp-svg{max-width:100%;height:auto;stroke:#000;stroke-width:.5;fill:none;opacity:.7}.feature-breakdown{background-color:#050505;color:#fff;padding:100px 5%;text-align:center;position:relative;z-index:11}.section-header{margin-bottom:80px}.section-header h2{font-family:var(--font-heading);font-size:3rem;text-transform:uppercase;letter-spacing:2px}.section-header span{color:var(--accent-orange)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;max-width:1300px;margin:0 auto}.feature-box{background:#111;padding:50px 30px;border:1px solid #222;border-radius:16px;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.feature-box:hover{transform:translateY(-15px);border-color:var(--accent-orange);background:#151515}.icon-circle{width:90px;height:90px;border:2px solid #fff;border-radius:50%;margin:0 auto 30px;display:flex;align-items:center;justify-content:center}.feature-box:hover .icon-circle{background:var(--accent-orange);border-color:var(--accent-orange)}.icon-circle svg{width:40px;height:40px;stroke:#fff;stroke-width:1.5;fill:none}.feature-box h3{font-family:var(--font-heading);font-size:1.6rem;text-transform:uppercase;margin-bottom:15px}.feature-box p{font-size:1rem;color:var(--text-muted);line-height:1.6}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes pulseAura{0%{box-shadow:0 0 40px #e567354d;background:radial-gradient(circle at center,#e5673566,#141414e6 80%)}50%{box-shadow:0 0 80px #e56735b3;background:radial-gradient(circle at center,#e567358c,#141414e6 75%)}to{box-shadow:0 0 40px #e567354d;background:radial-gradient(circle at center,#e5673566,#141414e6 80%)}}@keyframes scanRotate{0%{transform:translate(-100px,-100px) rotate(0)}25%{transform:translate(420px,-100px) rotate(90deg)}50%{transform:translate(420px,520px) rotate(180deg)}75%{transform:translate(-100px,520px) rotate(270deg)}to{transform:translate(-100px,-100px) rotate(360deg)}}@media(max-width:900px){.hero-title{font-size:3.5rem}.carousel-container header{top:-80px}.carousel-container h1{font-size:2rem}.carousel-stage{height:50%;perspective:1200px;padding-top:20px}.card{width:280px;height:350px;margin-left:-140px;margin-top:-175px}.hud-panel{height:50%;flex-direction:column;overflow-y:auto;align-items:flex-start;padding:20px}.hud-section{width:100%;border:none;padding:10px 0}.hud-left{border-bottom:1px solid rgba(255,255,255,.1)}.hud-center{padding:0}.nav-btn{top:35%;width:45px;height:45px}.nav-prev{left:15px}.nav-next{right:15px}.blueprint-section{flex-direction:column;text-align:center;padding:80px 5%}.blueprint-visual{min-width:100%;order:-1}.bp-features{grid-template-columns:1fr;gap:20px}.bp-feature-item h4{margin:0 auto 10px}.section-header h2{font-size:2.2rem}.features-grid{grid-template-columns:1fr}}