.hero-wrapper{height:calc(100vh - 86px);background:linear-gradient(135deg,#21293cd9,#21293cbf),url(/assets/hero-fittings-DTDskiwM.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative;overflow:hidden;display:flex;align-items:center;padding:0}.hero-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,105,39,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,105,39,.05) 0%,transparent 50%);pointer-events:none;z-index:1}.hero-container{max-width:1400px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2;height:100%}.hero-content{display:flex;flex-direction:column;gap:24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ff69271a;border:1px solid rgba(255,105,39,.2);border-radius:50px;padding:8px 16px;font-size:14px;font-weight:600;color:#f27136;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-badge i{font-size:16px}.hero-title{font-size:3.5rem;font-weight:400;line-height:1.1;color:#fff;margin:0;font-family:"Instrument Serif",serif;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#da571b,#f27136);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-description{font-size:1.125rem;line-height:1.6;color:#fffc;margin:0;font-family:Instrument Sans,sans-serif;max-width:500px}.hero-stats{display:flex;align-items:center;gap:20px;padding:16px 0}.stat-item{text-align:center}.stat-number{font-size:1.75rem;font-weight:700;color:#f27136;font-family:Instrument Sans,sans-serif;line-height:1}.stat-label{font-size:.875rem;color:#ffffffb3;font-weight:500;margin-top:4px}.stat-divider{width:1px;height:40px;background:#fff3}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#da571b,#f27136);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-size:.95rem;font-weight:600;font-family:Instrument Sans,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px #ff69274d;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px #ff692766;background:linear-gradient(135deg,#f27136,#fd905d)}.btn-primary i{font-size:18px;transition:transform .3s ease}.btn-primary:hover i{transform:translate(4px)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:14px 28px;font-size:.95rem;font-weight:600;font-family:Instrument Sans,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.btn-secondary i{font-size:18px}.btn-tertiary{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;color:#ffffffe6;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px 28px;font-size:.95rem;font-weight:600;font-family:Instrument Sans,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none}.btn-tertiary:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.btn-tertiary i{font-size:18px}.hero-features{display:flex;align-items:center;gap:28px;padding-top:12px;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:8px;color:#fffc;font-size:.875rem;font-weight:500;font-family:Instrument Sans,sans-serif}.feature-item i{font-size:16px;color:#f27136}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hero-image-container{position:relative;width:500px;height:600px;margin:0 auto;cursor:pointer;perspective:1200px}.floating-card{position:absolute;width:350px;height:440px;background:#fffffff2;border-radius:16px;padding:6px;box-shadow:0 25px 50px #00000059;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);cursor:pointer;-webkit-user-select:none;user-select:none;transform-origin:center center;transition:all .6s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.floating-card{top:50%;left:50%;transform:translate(-50%,-50%) translateZ(-120px) rotateY(-8deg) scale(.88) translate(50px);opacity:.7;z-index:80}.floating-card.card-active{transform:translate(-50%,-50%) translateZ(0) rotateY(0) scale(1);opacity:1;z-index:100}.floating-card.card-behind{transform:translate(-50%,-50%) translateZ(-60px) rotateY(-4deg) scale(.94) translate(25px);opacity:.85;z-index:90}.floating-card.card-far-behind{transform:translate(-50%,-50%) translateZ(-120px) rotateY(-8deg) scale(.88) translate(50px);opacity:.7;z-index:80}.floating-card.card-moving-out{transform:translate(-50%,-50%) translateZ(-180px) rotateY(-18deg) scale(.8) translate(-120px);opacity:.3;transition:all .4s cubic-bezier(.6,0,.4,1)}.floating-card:hover{box-shadow:0 30px 60px #00000073}.floating-card.card-active:hover{transform:translate(-50%,-50%) translateZ(20px) rotateY(0) scale(1.03)}.floating-card img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform .3s ease}.floating-card.card-active img{transform:scale(1)}.floating-card.card-behind img{transform:scale(.98)}.floating-card.card-far-behind img{transform:scale(.96)}.card-indicators{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:1000}.card-indicator{width:10px;height:10px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease}.card-indicator.active{background:#ff6927;transform:scale(1.3);box-shadow:0 0 10px #ff692780}.card-indicator:hover{background:#ffffffb3;transform:scale(1.1)}.decoration-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.decoration-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ff69271a,#ff69270d);opacity:.3}.circle-1{width:140px;height:140px;top:8%;right:8%}.circle-2{width:100px;height:100px;bottom:15%;right:15%}.decoration-dots{position:absolute;top:25%;left:8%;width:80px;height:80px;background-image:radial-gradient(circle,rgba(255,105,39,.3) 2px,transparent 2px);background-size:14px 14px;opacity:.4}@media (min-width: 1400px){.hero-image-container{width:550px;height:650px}.floating-card{width:380px;height:480px;padding:8px}}@media (max-width: 1200px){.hero-container{max-width:1200px;padding:0 30px;gap:50px}.hero-image-container{width:450px;height:550px}.floating-card{width:320px;height:400px;padding:5px}}@media (max-width: 1024px){.hero-container{padding:0 25px;gap:40px}.hero-title{font-size:3rem}.hero-image-container{width:400px;height:500px}.floating-card{width:280px;height:350px;padding:4px}.card-indicators{bottom:25px}.card-indicator{width:9px;height:9px}}@media (max-width: 768px){.hero-wrapper{padding:40px 0 30px;height:auto;min-height:calc(100vh - 86px);background-attachment:scroll}.hero-container{grid-template-columns:1fr;gap:40px;padding:0 20px;text-align:center}.hero-content{order:2;align-items:center;text-align:center;gap:20px}.hero-visual{order:1}.hero-title{font-size:2.5rem;line-height:1.2}.hero-description{font-size:1rem;max-width:none}.hero-stats{justify-content:center;gap:16px;padding:12px 0}.stat-number{font-size:1.5rem}.hero-actions{justify-content:center;flex-direction:column;width:100%;gap:12px}.btn-primary,.btn-secondary,.btn-tertiary{width:100%;max-width:300px;justify-content:center;padding:12px 24px}.hero-features{justify-content:center;gap:20px;padding-top:8px;flex-wrap:wrap}.hero-image-container{width:350px;height:420px;margin:0 auto}.floating-card{width:250px;height:320px;padding:4px}.card-indicators{bottom:20px;gap:8px}.card-indicator{width:8px;height:8px}.decoration-circle,.decoration-dots{display:none}}@media (max-width: 480px){.hero-wrapper{padding:30px 0 20px}.hero-container{padding:0 16px;gap:30px}.hero-title{font-size:2rem}.hero-badge{font-size:12px;padding:6px 12px}.hero-stats{gap:12px}.stat-number{font-size:1.25rem}.stat-label{font-size:.75rem}.hero-features{flex-direction:column;gap:15px}.btn-primary,.btn-secondary,.btn-tertiary{padding:12px 20px;font-size:.9rem;max-width:280px}.hero-image-container{width:300px;height:380px}.floating-card{width:220px;height:280px;padding:3px}.card-indicators{bottom:15px;gap:6px}.card-indicator{width:7px;height:7px}}@media (max-width: 375px){.hero-image-container{width:280px;height:350px}.floating-card{width:200px;height:250px;padding:3px}}@media (max-width: 896px) and (orientation: landscape){.hero-wrapper{height:auto;min-height:100vh;padding:20px 0}.hero-container{grid-template-columns:1fr 1fr;gap:30px;align-items:center}.hero-content{order:1;text-align:left}.hero-visual{order:2}.hero-image-container{width:300px;height:380px}.floating-card{width:220px;height:280px}}@media (prefers-reduced-motion: reduce){.floating-card,.btn-primary,.btn-secondary,.btn-tertiary{transition:opacity .3s ease!important}.btn-primary:hover,.btn-secondary:hover,.btn-tertiary:hover{transform:none!important}}@media (prefers-contrast: high){.hero-wrapper{background:#000}.hero-title,.hero-description{color:#fff}.gradient-text{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.floating-card{border:2px solid #000;background:#fff}.card-indicator{border:1px solid #fff}.card-indicator.active{background:#ff6927;border-color:#ff6927}}