@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-dark: #0e0d0f;--bg-dark-alt: #161418;--bg-light: #ffffff;--bg-cream: #faf7f2;--accent-red: #e63946;--accent-gold: #ffb703;--accent-gold-dark: #d49700;--text-dark: #1e1b18;--text-muted-dark: #6c757d;--text-light: #f8f9fa;--text-muted-light: #a0a5ab;--card-bg-dark: #181519;--card-bg-light: #ffffff;--card-border-light: rgba(0, 0, 0, .08);--card-border-dark: rgba(255, 183, 3, .2);--font-heading: "Bebas Neue", cursive, sans-serif;--font-body: "Outfit", sans-serif;--shadow-premium: 0 20px 40px rgba(0, 0, 0, .12);--shadow-hero: 0 25px 50px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-light);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.03em}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:2}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0e0d0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);padding:1rem 0;transition:all .3s ease}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-size:2.2rem;font-weight:900;color:var(--text-light);display:flex;align-items:center;gap:.5rem;letter-spacing:.05em;text-transform:uppercase}.logo span{color:var(--accent-gold)}.nav-links{display:flex;gap:2.5rem;align-items:center;list-style:none}.nav-links a{font-weight:700;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted-light);transition:all .2s ease;position:relative}.nav-links a:hover{color:var(--accent-gold)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-gold);transition:width .3s ease}.nav-links a:hover:after{width:100%}.btn-cta{background:linear-gradient(135deg,var(--accent-red),#c1121f);color:#fff;font-weight:700;font-size:.9rem;letter-spacing:.05em;padding:.75rem 1.75rem;border-radius:99px;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 8px 20px #e6394659;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.btn-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 28px #e6394680;background:linear-gradient(135deg,#f04453,var(--accent-red))}.btn-secondary-outline{padding:.75rem 1.75rem;border-radius:99px;border:2px solid var(--accent-gold);color:var(--accent-gold);font-weight:700;font-size:.9rem;letter-spacing:.05em;transition:all .3s ease;background:#ffb7030d}.btn-secondary-outline:hover{background:var(--accent-gold);color:var(--bg-dark);transform:translateY(-2px);box-shadow:0 8px 20px #ffb7034d}.hero{position:relative;padding:8rem 0 6rem;background:radial-gradient(circle at 50% 30%,#201a1d 0%,var(--bg-dark) 70%);overflow:hidden;text-align:center}.hero-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-65%);font-family:var(--font-heading);font-size:clamp(6rem,18vw,18rem);font-weight:900;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.04);white-space:nowrap;pointer-events:none;user-select:none;z-index:1;letter-spacing:.05em}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffb7031f;border:1px solid rgba(255,183,3,.4);padding:.5rem 1.5rem;border-radius:99px;font-size:.95rem;font-weight:700;color:var(--accent-gold);margin-bottom:2rem;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 0 20px #ffb70326}.hero-title{font-size:clamp(2.8rem,6.5vw,5.5rem);font-weight:900;line-height:.95;margin-bottom:1.5rem;color:var(--text-light);text-shadow:0 10px 30px rgba(0,0,0,.8);text-transform:uppercase}.hero-title span{color:var(--accent-gold);display:block}.hero-desc{max-width:760px;margin:0 auto 2.5rem;font-size:1.15rem;color:var(--text-muted-light);font-weight:400}.hero-showcase{margin-top:3rem;position:relative;display:inline-block;max-width:850px;width:100%}.hero-img-wrapper{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-hero);border:3px solid rgba(255,255,255,.1);background:var(--card-bg-dark)}.hero-img{width:100%;height:auto;max-height:480px;object-fit:cover;display:block;transition:transform .5s ease}.hero-img-wrapper:hover .hero-img{transform:scale(1.03)}.hero-floating-tag-left{position:absolute;top:15%;left:-20px;background:var(--accent-red);color:#fff;padding:.75rem 1.25rem;border-radius:16px;font-family:var(--font-heading);font-size:1.4rem;box-shadow:0 10px 25px #e6394666;transform:rotate(-6deg);z-index:5}.hero-floating-tag-right{position:absolute;bottom:15%;right:-20px;background:var(--accent-gold);color:var(--bg-dark);padding:.75rem 1.25rem;border-radius:16px;font-family:var(--font-heading);font-size:1.4rem;box-shadow:0 10px 25px #ffb70366;transform:rotate(6deg);z-index:5}.wave-divider{width:100%;overflow:hidden;line-height:0;position:relative;z-index:3}.wave-divider svg{position:relative;display:block;width:calc(100% + 1.3px);height:60px}.wave-divider.to-white path{fill:var(--bg-light)}.wave-divider.to-cream path{fill:var(--bg-cream)}.wave-divider.to-dark path{fill:var(--bg-dark)}.catalog-section{background-color:var(--bg-light);color:var(--text-dark);padding:5rem 0;position:relative}.section-badge{display:inline-block;font-family:var(--font-heading);font-size:1.1rem;color:var(--accent-gold-dark);background:#ffb70326;padding:.35rem 1rem;border-radius:99px;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.section-title{text-align:center;font-size:clamp(2.2rem,4vw,3.2rem);color:var(--text-dark);margin-bottom:1rem;text-transform:uppercase;line-height:1}.section-subtitle{text-align:center;color:var(--text-muted-dark);max-width:600px;margin:0 auto 3rem;font-size:1.05rem}.category-bar{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.category-tab{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem 1.5rem;border-radius:16px;background:#f4f4f6;color:var(--text-muted-dark);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.category-tab.active,.category-tab:hover{background:var(--bg-dark);color:var(--accent-gold);border-color:var(--accent-gold);transform:translateY(-3px);box-shadow:0 10px 20px #0000001a}.category-icon{font-size:1.4rem}.catalog-carousel-wrapper{position:relative}.carousel-arrow{position:absolute;top:45%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:var(--accent-gold);color:var(--bg-dark);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;box-shadow:0 8px 20px #ffb70366;cursor:pointer;z-index:10;transition:all .2s ease;border:none}.carousel-arrow:hover{transform:translateY(-50%) scale(1.1);background:var(--accent-red);color:#fff}.carousel-arrow.prev{left:-25px}.carousel-arrow.next{right:-25px}.item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.item-card{background:var(--card-bg-light);border:1px solid var(--card-border-light);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 30px #0000000d;transition:all .35s ease;position:relative;overflow:hidden}.item-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-premium);border-color:#ffb70380}.item-img-container{width:100%;height:200px;border-radius:16px;overflow:hidden;margin-bottom:1.25rem;background:#f8f8f8;position:relative}.item-img-container img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.item-card:hover .item-img-container img{transform:scale(1.08)}.item-tag{position:absolute;top:10px;right:10px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-dark);color:var(--accent-gold);padding:.3rem .8rem;border-radius:99px;box-shadow:0 4px 10px #0003}.item-name{font-family:var(--font-heading);font-size:1.6rem;color:var(--text-dark);margin-bottom:.5rem;line-height:1.1}.item-desc{font-size:.9rem;color:var(--text-muted-dark);margin-bottom:1.5rem;line-height:1.5}.item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px dashed rgba(0,0,0,.1)}.item-price{font-family:var(--font-heading);font-size:1.6rem;font-weight:900;color:var(--accent-red)}.btn-order-pill{background:var(--bg-dark);color:var(--accent-gold);font-weight:800;font-size:.85rem;padding:.5rem 1.25rem;border-radius:99px;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.btn-order-pill:hover{background:var(--accent-red);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:4rem}.stat-card{background:#f8f6f0;border:2px dashed rgba(255,183,3,.5);padding:1.75rem 1.5rem;border-radius:20px;text-align:center;transition:all .3s ease}.stat-card:hover{background:var(--bg-dark);border-color:var(--accent-gold);transform:translateY(-4px)}.stat-val{font-family:var(--font-heading);font-size:2.8rem;font-weight:900;color:var(--accent-red);line-height:1;margin-bottom:.3rem}.stat-card:hover .stat-val{color:var(--accent-gold)}.stat-lbl{font-size:.95rem;color:var(--text-dark);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stat-card:hover .stat-lbl{color:var(--text-light)}.features-section{padding:6rem 0;background-color:var(--bg-cream);color:var(--text-dark);position:relative;overflow:hidden}.exploded-diagram-container{display:grid;grid-template-columns:1fr 340px 1fr;gap:2rem;align-items:center;margin-top:3rem}@media (max-width: 992px){.exploded-diagram-container{grid-template-columns:1fr}}.exploded-center-img-wrapper{position:relative;text-align:center}.exploded-center-img{width:100%;max-width:320px;border-radius:50%;box-shadow:0 20px 40px #00000026;border:6px solid #fff;transition:transform .5s ease}.exploded-center-img-wrapper:hover .exploded-center-img{transform:scale(1.05) rotate(3deg)}.feature-callout-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 25px #0000000f;border:1px solid var(--card-border-light);position:relative;transition:all .3s ease;margin-bottom:2rem}.feature-callout-card:hover{transform:translateY(-4px);border-color:var(--accent-gold);box-shadow:0 15px 35px #ffb70333}.feature-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.feature-icon-badge{font-size:1.8rem;background:#ffb70326;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center}.feature-title{font-family:var(--font-heading);font-size:1.4rem;color:var(--text-dark);line-height:1.1}.feature-desc{color:var(--text-muted-dark);font-size:.9rem}.pointer-line-left,.pointer-line-right{display:flex;align-items:center;margin-top:.75rem}.pointer-line-left:after{content:"";flex-grow:1;border-bottom:2px dashed var(--accent-gold-dark);margin-left:.5rem}.pointer-line-right:before{content:"";flex-grow:1;border-bottom:2px dashed var(--accent-gold-dark);margin-right:.5rem}.pointer-dot{width:10px;height:10px;background:var(--accent-red);border-radius:50%;display:inline-block;box-shadow:0 0 10px var(--accent-red)}.promo-section{padding:6rem 0;background:radial-gradient(circle at 70% 50%,#2b1f23 0%,var(--bg-dark) 80%);color:var(--text-light);position:relative}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}@media (max-width: 768px){.promo-grid{grid-template-columns:1fr;text-align:center}}.promo-title{font-size:clamp(2.5rem,5vw,4rem);line-height:1;color:var(--text-light);margin-bottom:1rem}.promo-title span{color:var(--accent-gold)}.promo-desc{color:var(--text-muted-light);font-size:1.1rem;margin-bottom:2rem}.promo-badge-box{display:inline-flex;gap:1rem;flex-wrap:wrap}.promo-card-right{background:var(--card-bg-dark);border:2px dashed var(--accent-gold);border-radius:28px;padding:2.5rem;text-align:center;box-shadow:var(--shadow-hero)}.footer{background:var(--bg-light);color:var(--text-dark);padding:4rem 0 2rem;border-top:1px solid var(--card-border-light);text-align:center}.footer-logo{font-family:var(--font-heading);font-size:2.5rem;color:var(--text-dark);margin-bottom:1rem;display:inline-block}.footer-logo span{color:var(--accent-red)}.footer-nav{display:flex;justify-content:center;gap:2rem;list-style:none;margin-bottom:2rem;flex-wrap:wrap}.footer-nav a{font-weight:700;font-size:.9rem;text-transform:uppercase;color:var(--text-muted-dark)}.footer-nav a:hover{color:var(--accent-red)}.footer-copyright{color:var(--text-muted-dark);font-size:.9rem;border-top:1px solid rgba(0,0,0,.08);padding-top:2rem}
