/* Isolated visual stage: text, cutter animation and category links never overlap. */
.shredder-hero{isolation:isolate;position:relative;overflow:hidden;min-height:860px;padding:130px 0 145px;background:radial-gradient(ellipse at 80% 35%,#0b213f 0%,#071629 40%,#051020 75%);background-image:radial-gradient(ellipse at 80% 35%,#0b213f 0%,#071629 40%,#051020 75%);}
.shredder-hero::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,16,32,.9),rgba(5,16,32,.65) 35%,transparent 65%);}
.shredder-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:110px;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent,#071322);border-bottom:1px solid rgba(136,174,192,.13);}
.shredder-hero .hero-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:80px;align-items:center;min-height:580px;}
.shredder-hero .hero-text{max-width:none;min-width:0;position:relative;z-index:1;}
.shredder-hero .hero-title{font-size:clamp(2.3rem,3.5vw,3.15rem);color:#f7fafc;text-shadow:none;}
.shredder-hero .hero-desc{color:#d9e6f0;font-size:.98rem;line-height:1.85;}
.shredder-hero .hero-badge{background:rgba(7,24,42,.8);border-color:rgba(245,158,11,.42);color:#f5cc7d;line-height:1.65;}
.shredder-hero .hero-buttons{gap:12px;flex-wrap:wrap;}
.shredder-hero .hero-buttons .btn{font-size:.88rem;padding:15px 21px;min-height:52px;filter:none;text-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;}
.shredder-hero .hero-buttons .btn-primary{background:#f5b51b;border-color:#f5b51b;color:#071322;box-shadow:0 8px 28px rgba(245,158,11,.1);}
.shredder-hero .hero-buttons .btn-primary:hover{background:#facc4c;}
.shredder-hero .btn-hero-outline{border:1px solid #8ca6bb;color:#f4f8fc;background:#0a1a2d;box-shadow:none;}
.shredder-hero .btn-hero-outline:hover{background:#132c43;border-color:#d2e6f1;}
.shredder-hero .hero-visual{min-width:0;display:grid;gap:24px;align-self:center;}
.shredder-hero .shredder-stage{position:relative;width:100%;height:470px;overflow:hidden;isolation:isolate;}
.shredder-hero .shredder-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none;}
.shredder-hero .hero-equipment-showcase{position:static;inset:auto;transform:none;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:0;z-index:1;}
.shredder-hero .hero-showcase-item{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:10px;align-items:center;padding:15px 14px;border-radius:11px;overflow:hidden;background:linear-gradient(145deg,#10283f,#091c2d);border:1px solid #506c80;box-shadow:inset 0 1px 0 rgba(176,214,226,.1),0 10px 24px rgba(0,0,0,.12);backdrop-filter:none;-webkit-backdrop-filter:none;text-decoration:none;transition:border-color .2s,background .2s;transform:none;filter:none;}
.shredder-hero .hero-showcase-item::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(246,184,67,.8),transparent);}
.shredder-hero .hero-showcase-item:hover{border-color:#d4ad5c;background:#142f47;transform:none;}
.shredder-hero .hero-showcase-item small{grid-column:2;grid-row:1;display:block;padding:0 0 5px;font:8px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#9ab4c7;letter-spacing:.06em;}
.shredder-hero .hero-showcase-item svg{grid-column:1;grid-row:1/3;display:block;width:58px;height:58px;color:#a9cbd9;opacity:1;}
.shredder-hero .hero-showcase-item .glass-blade{color:#e0b354;}
.shredder-hero .hero-showcase-item span{display:flex;gap:5px;align-items:center;justify-content:space-between;grid-column:2;grid-row:2;padding:0;background:transparent;border:0;font-size:.8rem;line-height:1.5;font-weight:600;color:#eef6fa;}
.shredder-hero .hero-showcase-item b{font-size:14px;color:#d8b26a;font-weight:400;flex:none;}
.shredder-hero .hero-blades{width:100%;max-width:none;margin:0;}
.shredder-hero .hero-buttons,.shredder-hero .hero-showcase-item,.shredder-hero .hero-showcase-item *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:none;filter:none;}
.shredder-hero a:focus-visible{outline:2px solid #f5bd40;outline-offset:5px;}
.catalog-group-heading h3{scroll-margin-top:110px;}
.shredder-hud{position:absolute;z-index:1;font:8px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em;color:#8baabd;pointer-events:none;display:grid;gap:2px;}
.shredder-hud span{display:block;}
.shredder-hud-top{left:10px;top:2px;padding-left:9px;border-left:1px solid rgba(56,189,248,.4);}
.shredder-hud-bottom{right:10px;bottom:0;padding-right:9px;text-align:right;border-right:1px solid rgba(245,158,11,.4);}
.shredder-hud i{display:inline-block;width:4px;height:4px;border-radius:50%;margin:0 5px 1px 0;background:#38bdf8;}
.shredder-hud-bottom i{background:#eab308;}
[data-motion-state="running"] .shredder-hud i{animation:shredder-status 2.8s ease-in-out infinite;}
@keyframes shredder-status{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:1100px){.shredder-hero .hero-content{column-gap:64px;}.shredder-hero .hero-title{font-size:2.45rem;}.shredder-hero .hero-showcase-item{grid-template-columns:40px minmax(0,1fr);padding:12px 10px;gap:5px;}.shredder-hero .hero-showcase-item svg{width:40px;height:48px;}.shredder-hero .hero-showcase-item span{font-size:.74rem;}.shredder-hero .hero-showcase-item small{font-size:7px;}.shredder-hero .hero-buttons .btn{padding:13px 17px;font-size:.82rem;}}
@media(max-width:900px){.shredder-hero{padding:122px 0 135px;}.shredder-hero .hero-content{grid-template-columns:minmax(0,1fr);gap:64px;}.shredder-hero .hero-text{max-width:680px;}.shredder-hero .hero-visual{width:100%;max-width:620px;justify-self:center;}.shredder-hero .shredder-stage{height:450px;}.shredder-hero .hero-showcase-item{grid-template-columns:58px minmax(0,1fr);padding:15px 14px;gap:10px;}.shredder-hero .hero-showcase-item svg{width:58px;height:58px;}.shredder-hero .hero-showcase-item span{font-size:.8rem;}.shredder-hero .hero-showcase-item small{font-size:8px;}}
@media(max-width:480px){.shredder-hero .hero-title{font-size:2rem;line-height:1.25;letter-spacing:-.025em;}.shredder-hero .hero-desc{font-size:.94rem;}.shredder-hero .shredder-stage{height:400px;}.shredder-hero .hero-content{gap:64px;}.shredder-hero .hero-equipment-showcase{gap:10px;}.shredder-hero .hero-showcase-item{grid-template-columns:minmax(0,1fr);padding:12px;gap:4px;}.shredder-hero .hero-showcase-item svg{display:none;}.shredder-hero .hero-showcase-item small,.shredder-hero .hero-showcase-item span{grid-column:1;}.shredder-hud{font-size:7px;}.shredder-hero .hero-buttons .btn{font-size:.86rem;}}
@media(prefers-reduced-motion:reduce){.shredder-hud i{animation:none!important;}.shredder-hero .hero-showcase-item{transition:none;}}