:root{color-scheme:dark;--bg: #0b0b0c;--bg-soft: #121316;--panel: #191b20;--panel-strong: #1f2229;--text: #f5f5f5;--muted: #b7bbc5;--accent: #d6a74b;--accent-strong: #c4433a;--line: #2a2f39;--radius: 18px;--radius-lg: 28px;--transition: .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Sora,sans-serif;background:radial-gradient(circle at top,#1a1c22,var(--bg) 55%);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page{min-height:100vh}.hero{padding:40px 8vw 80px;background:linear-gradient(160deg,#121318,#0b0b0c 40%,#14151b);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(214,167,75,.2),transparent 60%);pointer-events:none}.nav{display:flex;justify-content:space-between;align-items:center;gap:32px;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:0}.brand-name{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:2px}.nav-links{display:flex;gap:18px;font-size:14px;color:var(--muted)}.nav-links a{transition:color var(--transition)}.nav-links a:hover{color:var(--text)}.hero-content{margin-top:60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;align-items:center;position:relative;z-index:1}.hero-copy h1{font-family:Bebas Neue,sans-serif;font-size:clamp(2.8rem,4vw,4.2rem);line-height:1.05;letter-spacing:1px;margin-bottom:18px}.hero-copy h1 span{color:var(--accent)}.hero-visual{display:flex;justify-content:center;align-items:center;min-height:320px}.fist-frame{width:min(360px,75vw);aspect-ratio:1;border-radius:32px;background:linear-gradient(145deg,#1a1d24,#0b0c10 60%);border:1px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000073;animation:float 4s ease-in-out infinite}.fist-frame:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 30% 25%,rgba(214,167,75,.25),transparent 60%)}.fist-frame i{font-size:clamp(120px,18vw,210px);color:var(--accent);filter:drop-shadow(0 16px 35px rgba(214,167,75,.35));transform:translateY(-6px);position:relative;z-index:1}.fist-ring{position:absolute;width:68%;height:68%;border-radius:50%;border:1px solid rgba(214,167,75,.35);box-shadow:0 0 30px #d6a74b33;z-index:0}.fist-sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fist-sparks span{position:absolute;width:26px;height:3px;border-radius:999px;background:var(--accent);opacity:.6;animation:spark 2.6s ease-in-out infinite}.fist-sparks span:nth-child(1){top:18%;left:16%;transform:rotate(-20deg)}.fist-sparks span:nth-child(2){bottom:22%;right:18%;transform:rotate(25deg);animation-delay:.6s}.fist-sparks span:nth-child(3){top:28%;right:24%;transform:rotate(-45deg);animation-delay:1.2s}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2px;color:var(--accent);margin-bottom:14px}.lead{color:var(--muted);font-size:16px;margin-bottom:24px;max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:26px}.btn{border:1px solid var(--line);padding:12px 22px;border-radius:999px;font-weight:600;background:transparent;color:var(--text);display:inline-flex;align-items:center;gap:10px;transition:transform var(--transition),border var(--transition),color var(--transition),background var(--transition)}.btn:hover{transform:translateY(-2px);border-color:var(--accent)}.btn.primary{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.btn.primary:hover{background:#e1ba63}.btn.ghost{color:var(--text)}.btn.small{font-size:14px;padding:10px 16px;border-radius:12px;justify-content:space-between;width:100%}.stats{display:flex;flex-wrap:wrap;gap:18px}.stat{padding:12px 16px;background:var(--panel);border-radius:14px;border:1px solid var(--line);min-width:120px}.stat-value{font-size:20px;font-weight:600}.stat-label{font-size:12px;color:var(--muted)}.section{padding:80px 8vw}.section-title{max-width:680px;margin-bottom:40px}.section-title h2{font-family:Bebas Neue,sans-serif;font-size:clamp(2.2rem,3.2vw,3rem);margin-bottom:12px}.section-title p{color:var(--muted)}.grid{display:grid;gap:24px}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:14px}.card.outline{background:transparent}.card-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#111319;border:1px solid var(--line);color:var(--accent)}.card.quote{position:relative;gap:18px}.quote-mark{color:var(--accent);font-size:20px}.quote-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.products{background:var(--bg-soft)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}.product-card{background:var(--panel);border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;display:grid;grid-template-rows:auto 1fr}.product-image{background:#111319;min-height:200px;display:grid;place-items:center}.product-image-img{width:100%;height:220px;object-fit:cover}.product-image-img.contain{object-fit:contain;width:100%;height:100%;padding:0;background:#0f1116}.image-placeholder{display:grid;gap:10px;justify-items:center;color:var(--muted);font-size:14px}.product-body{padding:20px;display:grid;gap:14px}.product-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.price{color:var(--accent);font-weight:600;font-size:14px}.product-desc{color:var(--muted);font-size:14px}.product-detail{color:var(--muted);font-size:13px;line-height:1.6;padding:0}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 12px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.loading .product-image{background:linear-gradient(90deg,#111319,#1b1e25,#111319);animation:shimmer 1.6s infinite}.loading .line{height:12px;border-radius:999px;background:linear-gradient(90deg,#20232a,#2b2f39,#20232a);animation:shimmer 1.6s infinite}.loading .line.short{width:60%}.empty-state{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;align-items:center;gap:16px;color:var(--muted)}.cta{background:linear-gradient(120deg,#15161b,#0e0f13)}.cta-card{background:var(--panel-strong);border-radius:var(--radius-lg);border:1px solid var(--line);padding:36px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}.footer{padding:30px 8vw 50px;color:var(--muted);font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spark{0%,to{opacity:.35}50%{opacity:.9}}.hero-copy,.hero-visual,.section-title,.card,.product-card,.cta-card{animation:fadeUp .8s ease both}.hero-card{animation-delay:.12s}.section-title{animation-delay:80ms}@media (max-width: 900px){.nav{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap}.hero{padding:32px 7vw 60px}.section{padding:60px 7vw}.cta-card{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.hero-actions{flex-direction:column;align-items:stretch}.stats{flex-direction:column}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}