.hero{min-height:0;display:block;position:relative;overflow:hidden;border-bottom:1px solid var(--line);padding-bottom:44px;background:#020204}
.banner-wrap{width:100%;background:#000;overflow:hidden;border-bottom:1px solid #2c2c33}
.hero-banner{display:block;width:100%;height:auto;aspect-ratio:4/1;object-fit:cover;object-position:center;filter:grayscale(1) blur(8px) brightness(.42);transform:scale(1.04)}
.banner-wrap{position:relative;background:#000}
.banner-wrap:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28);pointer-events:none}
.hero-badge{position:absolute;z-index:2;inset:50% auto auto 50%;width:min(250px,22vw);height:auto;transform:translate(-50%,-50%);overflow:visible;color:#f4f4ef}
.hero-badge{display:none}
.hero-logo-image{position:absolute;z-index:3;left:50%;top:50%;width:min(360px,40vw);max-height:70%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}
.badge-ring{fill:none;stroke:#f4f4ef;stroke-width:5}
.badge-geometry{fill:none;stroke:#f4f4ef;stroke-width:2;opacity:.85}
.badge-inner{fill:rgba(0,0,0,.28);stroke:#f4f4ef;stroke-width:3}
.badge-solid{fill:#f4f4ef}
.badge-cut{fill:#090909}
.badge-core{fill:#090909;stroke:#f4f4ef;stroke-width:4}
.badge-fp{fill:#f4f4ef;font-family:Arial,Helvetica,sans-serif;font-size:74px;font-weight:800;letter-spacing:-5px}
.badge-ring-clean{fill:none;stroke:#f4f4ef;stroke-width:3}
.badge-geometry-clean{fill:none;stroke:#f4f4ef;stroke-width:1.5;opacity:.9}
.badge-core-clean{fill:rgba(0,0,0,.18);stroke:#f4f4ef;stroke-width:2}
.badge-line-clean{fill:none;stroke:#f4f4ef;stroke-width:2}
.badge-brand-text,.badge-est-text,.badge-fp-clean{fill:#f4f4ef;font-family:Arial,Helvetica,sans-serif}
.badge-brand-text{font-size:18px;font-weight:700;letter-spacing:3px}
.badge-est-text{font-size:14px;font-weight:600;letter-spacing:3px}
.badge-fp-clean{font-size:58px;font-weight:700;letter-spacing:-4px}
.hero .hero-copy{max-width:1240px;margin:auto;padding:34px 28px 38px;display:flex;align-items:center;justify-content:space-between;gap:34px;background:linear-gradient(90deg,rgba(0,231,238,.06),transparent 45%,rgba(255,44,145,.05))}
.hero .hero-copy>div:first-child{max-width:760px}
.hero .hero-copy h1{font-size:clamp(3.3rem,6vw,5.7rem);white-space:nowrap}
.hero .hero-actions{flex:0 0 auto;margin-top:0}
.hero .hero-stats{bottom:0}
.product-grid{align-items:start}
.sticker-product{overflow:hidden;display:flex;flex-direction:column;border-color:rgba(0,231,238,.15);background:#0b0b0f}
.sticker-product.pink{border-color:rgba(255,44,145,.15)}
.sticker-product.gold{border-color:rgba(255,204,66,.15)}
.product-visual{height:350px;padding:34px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#18181d 0%,#0c0c10 58%,#050507 100%)}
.product-visual img{position:relative;z-index:1;display:block;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 16px 13px rgba(0,0,0,.55));transition:transform .25s ease}
.sticker-product:hover .product-visual img{transform:scale(1.035) rotate(-1deg)}
.sticker-product h3{min-height:58px;margin:0;padding:19px 20px 12px;font-family:'Bebas Neue',sans-serif;font-size:1.65rem;line-height:1.05;letter-spacing:.7px;color:var(--white)}
.product-buy{display:flex;align-items:center;justify-content:space-between;margin:0 20px 20px;padding:15px 17px;background:#09090c;border:1px solid #303038;box-shadow:none;color:#e8e8e5;font-size:.82rem;font-weight:800;letter-spacing:1.4px;transition:background .2s ease,border-color .2s ease,color .2s ease}
.product-buy:hover,.product-buy:focus-visible{background:#121217;border-color:#595961;color:#fff;outline:none}
.product-buy span{font-size:1.1rem}
@media(max-width:850px){.hero{min-height:0;padding-bottom:44px}.banner-wrap{height:48vw;min-height:210px;max-height:360px}.hero-banner{height:100%;width:200%;max-width:none;transform:translateX(-25%) scale(1.04);object-fit:cover}.hero-logo-image{width:min(280px,55vw);max-height:68%}.hero .hero-copy{position:relative;padding:28px 20px 36px;display:block}.hero .hero-copy h1{font-size:clamp(3.1rem,13vw,5rem);white-space:normal}.hero .hero-actions{margin-top:25px;flex-wrap:wrap}.hero .hero-stats{position:absolute}.hero .hero-art{display:none}.product-visual{height:320px;padding:28px}}