:root{
  --bg:#05090a;
  --bg2:#081014;
  --panel:#0a1215;
  --panel2:#0d171a;
  --line:rgba(137,231,226,.18);
  --line2:rgba(255,255,255,.08);
  --text:#edf5f3;
  --muted:#9aa9a7;
  --teal:#35e4dc;
  --teal2:#1195a2;
  --lime:#a8ff3e;
  --amber:#f0aa4a;
  --blue:#62b9ff;
  --violet:#a475ff;
  --shadow:0 22px 70px rgba(0,0,0,.42);
  --radius:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 48% -10%,rgba(17,149,162,.16),transparent 32rem),
    radial-gradient(circle at 92% 28%,rgba(164,117,255,.07),transparent 24rem),
    linear-gradient(180deg,#030607 0%,#061012 36%,#05090a 100%);
  min-height:100vh;
}
body:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 80%);
}
button,input{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
a{color:inherit}
.shell{width:min(1460px,calc(100% - 34px));margin-inline:auto}
.stage-ribbon{
  position:sticky;top:0;z-index:1000;text-align:center;
  padding:7px 12px;background:linear-gradient(90deg,var(--teal2),var(--teal),var(--lime));
  color:#021012;font-size:11px;font-weight:1000;letter-spacing:.14em;
  box-shadow:0 6px 24px rgba(0,0,0,.32);
}
.site-header{
  min-height:86px;display:grid;grid-template-columns:280px 1fr auto;gap:20px;align-items:center;
  border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.brand-mark{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(53,228,220,.18))}
.brand-copy{min-width:0}
.brand-copy strong{display:block;font-size:25px;letter-spacing:.02em;white-space:nowrap}
.brand-copy strong span{color:var(--teal);font-size:34px;font-weight:1000}
.brand-copy small{display:block;color:#8fd7d3;font-size:9px;font-weight:800;letter-spacing:.08em}
.header-search{display:flex;max-width:620px;justify-self:center;width:100%;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#071012}
.header-search input{flex:1;min-width:0;background:transparent;border:0;color:var(--text);padding:13px 14px;outline:0}
.header-search button{border:0;border-left:1px solid var(--line);background:rgba(53,228,220,.08);color:var(--teal);font-weight:900;padding:0 18px}
.header-actions{display:flex;align-items:center;gap:8px}
.header-actions button{border:1px solid var(--line);color:#d9e9e7;background:#091012;border-radius:10px;padding:10px 12px}
.header-actions .cart b{display:inline-grid;place-items:center;background:var(--lime);color:#081008;border-radius:999px;min-width:20px;height:20px;margin-left:6px;font-size:11px}
.icon-button{display:none}
.main-nav{
  min-height:48px;display:flex;justify-content:center;gap:4px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(10,19,22,.88),rgba(5,10,12,.88));
}
.main-nav a{
  display:flex;align-items:center;padding:0 16px;text-decoration:none;font-size:12px;font-weight:800;
  color:#c4d0ce;letter-spacing:.025em;border-bottom:2px solid transparent;transition:.2s ease;
}
.main-nav a:hover{color:var(--teal);border-color:var(--teal);background:rgba(53,228,220,.04)}

.hero{
  position:relative;margin-top:16px;min-height:510px;display:grid;grid-template-columns:1.02fr .98fr;
  overflow:hidden;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);
  background:
    linear-gradient(90deg,rgba(2,6,7,.95) 0%,rgba(3,8,10,.88) 38%,rgba(3,8,10,.28) 66%,rgba(2,6,7,.58) 100%),
    url('/assets/rfb-haunted-hero-bg.png') center/cover no-repeat,
    #05090a;
}
.hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 72% 35%,rgba(53,228,220,.16),transparent 32%),
    radial-gradient(circle at 89% 15%,rgba(164,117,255,.08),transparent 24%);
}
.hero-copy{position:relative;z-index:2;padding:54px 30px 48px 52px;align-self:center;max-width:700px}
.eyebrow{margin:0 0 2px;font-size:20px;font-weight:900;letter-spacing:.06em;color:#d7e4e1}
.hero h1{margin:0;color:var(--teal);font-size:clamp(54px,6.4vw,98px);line-height:.88;letter-spacing:-.035em;text-shadow:0 0 34px rgba(53,228,220,.18)}
.hero h2{margin:24px 0 8px;font-size:clamp(23px,2.3vw,36px);line-height:1.12}
.hero-lede{max-width:600px;margin:0;color:#b4c5c2;font-size:16px;line-height:1.55}
.hero-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.btn{border-radius:10px;padding:12px 19px;font-weight:950;letter-spacing:.03em;border:1px solid transparent;transition:.2s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}
.btn-lime{background:linear-gradient(180deg,#bdff55,#8ed724);color:#0b1307;box-shadow:0 0 22px rgba(168,255,62,.14)}
.btn-ghost{background:rgba(4,9,11,.74);border-color:rgba(255,255,255,.2);color:#f0f4f3}
.btn-teal{background:linear-gradient(180deg,#42eee6,#20bfc5);color:#061313}
.btn-amber{background:linear-gradient(180deg,#ffbf67,#da8733);color:#1a0d02}
.btn-blue{background:linear-gradient(180deg,#75c8ff,#448bcf);color:#06111b}
.hero-note{margin-top:23px;color:#82928f;font-size:11px;letter-spacing:.035em;display:flex;align-items:center;gap:8px}
.pulse-dot{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 0 rgba(53,228,220,.5);animation:pulse 2.2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(53,228,220,0)}100%{box-shadow:0 0 0 0 rgba(53,228,220,0)}}

.sparky-frame{
  position:relative;z-index:1;align-self:stretch;min-height:510px;overflow:hidden;
  mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 100%);
}
.sparky-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;display:block;filter:saturate(.88) contrast(1.05)}
.sparky-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,10,.25),transparent 32%),radial-gradient(circle at 55% 35%,rgba(53,228,220,.08),transparent 38%)}
.sparky-tag{position:absolute;z-index:3;right:18px;bottom:18px;padding:10px 13px;border:1px solid rgba(53,228,220,.42);border-radius:10px;background:rgba(2,8,10,.76);backdrop-filter:blur(8px)}
.sparky-tag small{display:block;color:var(--teal);font-weight:1000;letter-spacing:.14em}
.sparky-tag strong{font-size:11px;letter-spacing:.035em}

.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(11,20,23,.9),rgba(6,12,14,.94));box-shadow:0 14px 38px rgba(0,0,0,.25)}
.finder{margin-top:16px;padding:22px}
.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}
.section-title-row.compact{margin-bottom:12px}
.kicker{margin:0;color:#e8f0ee;font-size:19px;font-weight:1000;letter-spacing:.035em}
.kicker.teal{color:var(--teal)}
.kicker.lime{color:var(--lime)}
.kicker.amber{color:var(--amber)}
.kicker.blue{color:var(--blue)}
.section-sub{margin:4px 0 0;color:#81918f;font-size:12px}
.preview-chip,.live-badge{border:1px solid rgba(53,228,220,.24);border-radius:999px;padding:6px 9px;color:#9cdcd7;font-size:9px;font-weight:900;letter-spacing:.09em;background:rgba(53,228,220,.055);white-space:nowrap}
.violet-chip{border-color:rgba(164,117,255,.28);color:#c4adff;background:rgba(164,117,255,.055)}
.live-badge{display:flex;align-items:center;gap:7px}.live-badge i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}
.finder-main{display:grid;grid-template-columns:1fr auto;border:1px solid rgba(53,228,220,.22);border-radius:10px;overflow:hidden;background:#060d0f}
.finder-main input{background:transparent;border:0;outline:0;color:var(--text);padding:14px 16px}
.finder-main .btn{border-radius:0;border-left:1px solid rgba(53,228,220,.18)}
.filters{display:grid;grid-template-columns:1.1fr 1.15fr 1fr 1fr .85fr auto;gap:8px;margin-top:10px}
.filter,.more-filter{min-width:0;border:1px solid var(--line2);border-radius:9px;background:#081013;color:#dfe8e6;padding:8px 10px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:2px 8px}
.filter small{grid-column:1/3;color:#748784;font-size:9px}
.filter span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.filter b{color:var(--teal)}
.more-filter{display:flex;align-items:center;justify-content:center;color:var(--teal);font-weight:900;font-size:10px}
.popular{display:flex;gap:12px;flex-wrap:wrap;margin-top:11px;color:#748784;font-size:10px}.popular a{color:#9fe1dc;text-decoration:none}

.trust{display:grid;grid-template-columns:repeat(5,1fr);margin-top:12px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.trust article{min-height:88px;display:flex;align-items:center;gap:12px;padding:13px;background:linear-gradient(180deg,#0a1215,#070d0f);border-right:1px solid var(--line)}
.trust article:last-child{border-right:0}.trust h3{margin:0 0 3px;font-size:11px;letter-spacing:.04em}.trust p{margin:0;color:#859592;font-size:10px;line-height:1.35}
.round-icon{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px;border:1px solid currentColor}
.round-icon.teal{color:var(--teal)}.round-icon.lime{color:var(--lime)}.round-icon.amber{color:var(--amber)}

.metrics{margin-top:12px;padding:18px}
.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.metric-grid article{min-height:88px;padding:12px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,rgba(53,228,220,.035),rgba(0,0,0,.09));display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 10px;align-content:center}
.metric-grid article span{grid-row:1/3;color:var(--teal);font-size:24px;align-self:center}.metric-grid article strong{font-size:22px;color:#dffefb}.metric-grid article small{color:#82918f;font-size:10px;line-height:1.2}

.featured{margin-top:12px;padding:18px}.text-button{border:0;background:transparent;color:var(--teal);font-weight:900;font-size:10px}
.product-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);grid-template-columns:repeat(6,1fr);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}
.product-card{scroll-snap-align:start;border:1px solid var(--line2);border-radius:11px;background:#081012;overflow:hidden;padding:9px;min-width:0}
.product-card h3{font-size:12px;line-height:1.25;margin:8px 0 2px;color:#d9f7f4}.product-card p{font-size:10px;color:#7f918e;margin:0 0 5px}.product-card strong{display:block;font-size:14px}.mini-cart{width:100%;margin-top:8px;padding:7px;border:1px solid rgba(53,228,220,.26);border-radius:7px;background:rgba(53,228,220,.05);color:var(--teal);font-size:9px;font-weight:900}
.product-art{height:120px;border-radius:8px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#293437,#0a1012 65%);border:1px solid rgba(255,255,255,.05)}
.product-art:before,.product-art:after,.product-art span{content:"";position:absolute;display:block}
.coil:before{width:76px;height:76px;border:14px ridge #858f90;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 8px #161d1f,0 8px 14px #000}
.coil:after{width:20px;height:20px;border-radius:50%;background:#111;left:50%;top:50%;transform:translate(-50%,-50%)}
.meter:before{inset:20px 16px 28px;border:4px solid #8e999a;border-radius:8px 8px 24px 24px;background:linear-gradient(#ded8bc,#867f6a)}
.meter:after{width:3px;height:44px;background:#202525;left:50%;top:34px;transform-origin:bottom;transform:rotate(28deg)}
.board:before{inset:16px;background:#1a5c67;border:5px solid #76999a;box-shadow:inset 0 0 0 2px #0c3136}
.board:after{inset:30px;background:radial-gradient(circle,#d8c473 0 3px,transparent 4px);background-size:22px 20px}
.transistor:before{width:78px;height:58px;border-radius:50% 50% 35% 35%;background:linear-gradient(145deg,#b8b5a5,#575b58);left:50%;top:42%;transform:translate(-50%,-50%) rotate(-12deg);box-shadow:0 14px 0 -6px #383b39}
.transistor:after{width:64px;height:8px;background:#777;left:50%;bottom:22px;transform:translateX(-50%) rotate(-12deg)}
.transformer:before{width:76px;height:66px;background:linear-gradient(90deg,#4e3924,#a37a46,#43311f);left:50%;top:48%;transform:translate(-50%,-50%);border:5px solid #595a53;box-shadow:0 9px 12px #000}
.transformer:after{width:100px;height:10px;background:#67655d;left:50%;bottom:20px;transform:translateX(-50%)}
.knobs:before{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#e8d3a4 0 20%,#9f8c6e 21% 42%,#2a2c2c 43%);left:29%;top:28%}
.knobs:after{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#e8d3a4 0 20%,#9f8c6e 21% 42%,#2a2c2c 43%);right:22%;bottom:18%}

.triad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.story-card{position:relative;min-height:280px;border-radius:15px;border:1px solid var(--line);overflow:hidden;padding:22px;background:linear-gradient(135deg,#0a1215,#070c0e);box-shadow:0 14px 38px rgba(0,0,0,.23)}
.story-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 20%,rgba(53,228,220,.08),transparent 38%)}
.story-copy{position:relative;z-index:2;width:67%}.story-copy p:not(.kicker){color:#9baaa8;font-size:12px;line-height:1.45}.story-copy ul{list-style:none;padding:0;margin:14px 0;color:#c9d5d3;font-size:11px}.story-copy li{margin:7px 0}.story-copy li:before{content:"✦";color:var(--teal);margin-right:8px}
.story-card.help .story-copy li:before{color:var(--amber)}.story-card.sell .story-copy li:before{color:var(--blue)}
.story-emblem{position:absolute;right:20px;bottom:28px;font-size:52px;line-height:.7;color:#78908b;border:3px double #51635f;padding:22px 12px 20px;border-radius:48% 48% 10% 10%;opacity:.75;text-align:center;transform:rotate(-2deg)}.story-emblem small{font-size:12px;letter-spacing:.08em}
.bench-lamp{position:absolute;right:12px;bottom:40px;width:120px;height:120px;background:radial-gradient(circle at 45% 35%,rgba(240,170,74,.5),rgba(240,170,74,.07) 34%,transparent 65%);filter:blur(1px)}
.bench-lamp:before{content:"";position:absolute;right:38px;top:10px;width:48px;height:24px;background:#a37842;transform:skewX(-18deg);border-radius:40px 40px 10px 10px;box-shadow:0 0 30px rgba(240,170,74,.35)}
.bench-lamp:after{content:"";position:absolute;right:58px;top:30px;width:5px;height:90px;background:#594a37;transform:rotate(12deg);transform-origin:top}
.radio-stack{position:absolute;right:16px;bottom:16px;width:128px;height:160px;opacity:.62}.radio-stack i{display:block;height:46px;margin:6px 0;border:1px solid #465f61;border-radius:7px;background:linear-gradient(90deg,#0e191c,#263134,#0e181a);box-shadow:inset 0 0 18px #000}.radio-stack i:after{content:"";float:right;width:22px;height:22px;border-radius:50%;margin:11px;background:#182729;border:2px solid #6a8587}

.lower{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px}.latest,.monitor{padding:18px}
.latest-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.latest-row>div{border:1px solid var(--line2);border-radius:9px;padding:10px;background:#070e10;display:grid;grid-template-columns:auto 1fr;gap:2px 8px}.latest-row b{font-size:11px}.latest-row small{color:#7d8d8a;font-size:9px}.part-dot{grid-row:1/3;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,#bcc3be 0 20%,#585f5c 22% 45%,#172022 47%);align-self:center}.amber-dot{box-shadow:0 0 18px rgba(240,170,74,.14)}.violet-dot{box-shadow:0 0 18px rgba(164,117,255,.14)}
.monitor{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.monitor dl{margin:13px 0 0}.monitor dl div{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(255,255,255,.06);padding:5px 0;font-size:10px}.monitor dt{color:#8b9a97}.monitor dd{margin:0;color:var(--teal)}
.scope{min-height:160px;border:10px solid #252c2d;border-radius:18px;background:repeating-linear-gradient(0deg,rgba(53,228,220,.04) 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,rgba(53,228,220,.04) 0 1px,transparent 1px 22px),#031012;position:relative;box-shadow:inset 0 0 40px rgba(53,228,220,.05),0 8px 20px #000}
.scope-line{position:absolute;left:3%;right:3%;top:48%;height:4px;background:linear-gradient(90deg,transparent,var(--teal),transparent);filter:drop-shadow(0 0 8px var(--teal));clip-path:polygon(0 45%,5% 42%,10% 58%,15% 20%,20% 78%,25% 30%,30% 60%,35% 18%,40% 82%,45% 42%,50% 52%,55% 16%,60% 84%,65% 35%,70% 68%,75% 22%,80% 72%,85% 38%,90% 61%,95% 35%,100% 45%,100% 60%,95% 55%,90% 72%,85% 49%,80% 82%,75% 32%,70% 78%,65% 45%,60% 94%,55% 28%,50% 62%,45% 52%,40% 92%,35% 28%,30% 70%,25% 40%,20% 88%,15% 30%,10% 68%,5% 52%,0 55%);animation:scopeMove 3.8s linear infinite}
@keyframes scopeMove{50%{transform:translateY(-18px) scaleY(.82)}}

.sponsors{margin-top:12px;padding:18px}.sponsor-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.sponsor-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.sponsor-track{display:flex;width:max-content;gap:10px;animation:sponsorScroll 28s linear infinite}.sponsor-window:hover .sponsor-track{animation-play-state:paused}
.sponsor-card{width:210px;min-height:82px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#0d1719,#070e10);display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;gap:2px 10px;align-items:center;padding:12px}
.sponsor-card span{grid-row:1/3;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(53,228,220,.3);color:var(--teal);font-weight:1000}.sponsor-card strong{font-size:10px;letter-spacing:.045em}.sponsor-card small{font-size:9px;color:#7f918e}
@keyframes sponsorScroll{to{transform:translateX(calc(-50% - 5px))}}

.quick{display:grid;grid-template-columns:repeat(5,1fr);margin-top:12px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.quick article{min-height:100px;display:flex;align-items:center;gap:10px;padding:14px;background:#080f11;border-right:1px solid var(--line)}.quick article:last-child{border-right:0}.quick article>span{font-size:28px;color:var(--teal)}.quick b{display:block;font-size:10px}.quick small{display:block;color:#7d8e8b;font-size:9px;line-height:1.3;margin-top:3px}

.footer{margin-top:14px;margin-bottom:22px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#071012,#05090a);box-shadow:var(--shadow)}
.footer-top{display:grid;grid-template-columns:1.6fr repeat(5,1fr);gap:18px;padding:25px}.footer-top section h3{margin:0 0 10px;color:#8fd7d3;font-size:10px;letter-spacing:.08em}.footer-top section>a,.footer-top section>p{display:block;margin:6px 0;color:#81918f;text-decoration:none;font-size:10px}.footer-brand{display:flex;gap:13px}.mini-sparky{width:82px;height:102px;border-radius:12px;overflow:hidden;flex:0 0 82px;border:1px solid var(--line)}.mini-sparky img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}.footer-brand h2{margin:2px 0 4px;font-size:18px}.footer-brand h2 span{color:var(--teal)}.footer-brand p{color:#859592!important;line-height:1.4;max-width:240px}.socials{display:flex;gap:6px}.socials button{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:#061012;color:var(--teal)}
.footer-trust{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.footer-trust div{padding:12px;display:grid;grid-template-columns:auto 1fr;gap:1px 8px;align-items:center;border-right:1px solid var(--line)}.footer-trust div:last-child{border-right:0}.footer-trust span{grid-row:1/3;color:var(--teal);font-size:20px}.footer-trust b{font-size:10px}.footer-trust small{font-size:8px;color:#71817f}
.footer-bottom{display:flex;justify-content:space-between;gap:14px;padding:10px 16px;color:#5f6e6b;font-size:9px}

.preview-toast{position:fixed;left:50%;bottom:22px;z-index:1100;transform:translate(-50%,30px);opacity:0;pointer-events:none;border:1px solid rgba(53,228,220,.35);border-radius:999px;background:rgba(3,10,12,.94);color:#d9f8f5;padding:10px 14px;font-size:10px;font-weight:800;letter-spacing:.025em;box-shadow:0 14px 40px rgba(0,0,0,.42);transition:.2s ease;white-space:nowrap}.preview-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1100px){
  .site-header{grid-template-columns:250px 1fr auto}.header-search{display:none}.desktop-only{display:none}
  .main-nav{justify-content:flex-start;overflow-x:auto}.main-nav a{white-space:nowrap}
  .hero{grid-template-columns:1fr .92fr}.hero-copy{padding-left:34px}
  .filters{grid-template-columns:repeat(3,1fr)}.more-filter{min-height:48px}
  .trust{grid-template-columns:repeat(3,1fr)}.trust article:nth-child(3){border-right:0}.trust article:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .metric-grid{grid-template-columns:repeat(3,1fr)}
  .product-scroller{grid-template-columns:none;grid-auto-columns:220px}
  .footer-top{grid-template-columns:1.5fr repeat(3,1fr)}.footer-top section:nth-last-child(-n+2){margin-top:4px}
}
@media(max-width:760px){
  .shell{width:min(100% - 18px,760px)}
  .stage-ribbon{font-size:9px;padding:6px 8px}
  .site-header{min-height:68px;display:flex;gap:8px}
  .brand{margin-right:auto}.brand-mark{width:42px;height:42px}.brand-copy strong{font-size:18px}.brand-copy strong span{font-size:26px}.brand-copy small{font-size:7px;max-width:170px}
  .header-actions .account span,.header-actions .cart span{display:none}.header-actions button{padding:8px}.icon-button{display:inline-flex}
  .mobile-menu{order:-1}
  .main-nav{display:none}
  .hero{margin-top:9px;display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,rgba(3,8,10,.98),rgba(3,8,10,.9)),url('/assets/rfb-haunted-hero-bg.png') center/cover}
  .hero-copy{padding:26px 21px 18px;order:1}.eyebrow{font-size:15px}.hero h1{font-size:clamp(47px,15vw,68px)}.hero h2{font-size:23px;margin-top:15px}.hero-lede{font-size:14px}.hero-actions .btn{flex:1;min-width:140px}.hero-note{font-size:9px}
  .sparky-frame{order:2;min-height:360px;max-height:430px;mask-image:linear-gradient(180deg,#000 85%,transparent)}.sparky-frame img{object-position:50% 20%}.sparky-tag{right:10px;bottom:24px}
  .finder{padding:14px}.section-title-row{gap:8px}.kicker{font-size:16px}.section-sub{font-size:10px}.preview-chip,.live-badge{font-size:8px}
  .finder-main{grid-template-columns:1fr auto}.finder-main input{padding:12px;font-size:12px}.finder-main .btn{padding:0 13px;font-size:10px}
  .filters{grid-template-columns:1fr 1fr}.filter:nth-child(5),.more-filter{grid-column:span 1}.filter{padding:7px}.popular{gap:8px}
  .trust{grid-template-columns:1fr 1fr}.trust article,.trust article:nth-child(3){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.trust article:nth-child(even){border-right:0}.trust article:last-child{grid-column:1/3;border-bottom:0}
  .metrics{padding:14px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{min-height:76px;padding:10px}.metric-grid article strong{font-size:18px}
  .featured{padding:14px}.product-scroller{grid-auto-columns:72vw;gap:8px}.product-art{height:150px}
  .triad{grid-template-columns:1fr}.story-card{min-height:250px}.story-copy{width:72%}
  .lower{grid-template-columns:1fr}.latest-row{grid-template-columns:1fr 1fr}.monitor{grid-template-columns:1fr}.scope{min-height:130px}
  .sponsors{padding:14px}.sponsor-card{width:185px}.sponsor-track{animation-duration:24s}
  .quick{grid-template-columns:1fr 1fr}.quick article{border-bottom:1px solid var(--line)}.quick article:nth-child(even){border-right:0}.quick article:last-child{grid-column:1/3;border-bottom:0}
  .footer-top{grid-template-columns:1fr 1fr;padding:18px;gap:15px}.footer-brand{grid-column:1/3}.footer-trust{grid-template-columns:1fr 1fr}.footer-trust div{border-bottom:1px solid var(--line)}.footer-trust div:nth-child(even){border-right:0}.footer-trust div:last-child{grid-column:1/3;border-bottom:0}.footer-bottom{flex-direction:column;text-align:center}
  .preview-toast{max-width:calc(100% - 24px);white-space:normal;text-align:center}
}
@media(max-width:430px){
  .brand-copy small{display:none}.brand-mark{width:38px;height:38px}
  .header-actions{gap:4px}
  .hero-copy{padding-inline:16px}.hero h1{font-size:50px}
  .sparky-frame{min-height:330px}
  .section-title-row{align-items:flex-start}.preview-chip{display:none}
  .finder-main{grid-template-columns:1fr 74px}.finder-main .btn{font-size:9px}
  .filters{grid-template-columns:1fr}.filter:nth-child(5),.more-filter{grid-column:auto}
  .trust article{padding:10px;gap:8px}.round-icon{width:36px;height:36px;flex-basis:36px}
  .metric-grid article{grid-template-columns:auto 1fr}.metric-grid article span{font-size:19px}.metric-grid article strong{font-size:16px}
  .product-scroller{grid-auto-columns:82vw}
  .story-copy{width:74%}.story-emblem{right:8px;opacity:.55;transform:scale(.82)}
  .latest-row{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-top section{border-top:1px solid rgba(255,255,255,.05);padding-top:10px}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* ================================================================
   H172 — HERO MESSAGE + SPARKY CROP REFINEMENT
   STAGING ONLY
   ================================================================ */

.hero{
  grid-template-columns:.94fr 1.06fr;
}

.hero h2{
  max-width:650px;
  color:#eef7f5;
  font-size:clamp(22px,2.15vw,34px);
  letter-spacing:-.018em;
}

.hero-lede{
  max-width:650px;
}

.sparky-frame{
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 40%,rgba(53,228,220,.10),transparent 36%),
    linear-gradient(90deg,rgba(2,8,10,.10),rgba(2,8,10,.70));
}

.sparky-frame img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  background:transparent;
  filter:saturate(.90) contrast(1.05) drop-shadow(0 18px 28px rgba(0,0,0,.42));
}

.sparky-frame:after{
  background:
    linear-gradient(90deg,rgba(3,8,10,.30),transparent 20%,transparent 82%,rgba(3,8,10,.22)),
    radial-gradient(circle at 54% 38%,rgba(53,228,220,.08),transparent 42%);
  pointer-events:none;
}

@media(max-width:760px){
  .hero{
    grid-template-columns:1fr;
  }

  .sparky-frame{
    min-height:430px;
    max-height:none;
    padding:8px 0 14px;
    mask-image:none;
  }

  .sparky-frame img{
    width:100%;
    height:auto;
    max-height:520px;
    object-fit:contain;
    object-position:center top;
  }

  .sparky-tag{
    bottom:18px;
  }
}

@media(max-width:430px){
  .sparky-frame{
    min-height:390px;
  }

  .sparky-frame img{
    max-height:470px;
  }
}


/* ================================================================
   H173 — DEDICATED SPARKY HERO REBUILD
   STAGING ONLY
   ================================================================ */

.h173-hero{
  position:relative;
  display:block;
  min-height:590px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:var(--shadow);
  background:
    linear-gradient(90deg,
      rgba(2,7,9,.98) 0%,
      rgba(2,7,9,.92) 27%,
      rgba(2,7,9,.55) 50%,
      rgba(2,7,9,.08) 72%,
      rgba(2,7,9,.02) 100%),
    url('sparky-hero-h173.jpg') center center / cover no-repeat;
}

.h173-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 77% 33%,rgba(53,228,220,.10),transparent 27%),
    radial-gradient(circle at 93% 11%,rgba(164,117,255,.08),transparent 20%),
    linear-gradient(180deg,transparent 66%,rgba(1,5,7,.32));
}

.h173-hero .hero-copy{
  position:relative;
  z-index:2;
  max-width:720px;
  padding:60px 42px 54px 56px;
  align-self:auto;
}

.h173-hero .eyebrow{
  margin:0 0 5px;
  color:#d6e2df;
  font-size:20px;
  font-weight:950;
  letter-spacing:.075em;
}

.h173-hero h1{
  margin:0;
  max-width:680px;
  color:var(--teal);
  font-size:clamp(58px,6.6vw,102px);
  line-height:.9;
  letter-spacing:-.04em;
  text-shadow:
    0 0 28px rgba(53,228,220,.18),
    0 3px 0 rgba(0,0,0,.55);
}

.h173-hero h2{
  max-width:620px;
  margin:24px 0 11px;
  color:#f0f5f3;
  font-size:clamp(25px,2.35vw,37px);
  line-height:1.08;
  letter-spacing:-.025em;
}

.h173-hero .hero-lede{
  max-width:590px;
  margin:0;
  color:#bac8c5;
  font-size:16px;
  line-height:1.55;
}

.h173-hero .hero-actions{
  margin-top:26px;
}

.h173-hero .hero-note{
  max-width:570px;
  margin-top:22px;
  color:#829491;
}

.h173-tag{
  position:absolute;
  z-index:3;
  right:22px;
  bottom:20px;
  padding:10px 13px;
  border:1px solid rgba(53,228,220,.42);
  border-radius:10px;
  background:rgba(2,8,10,.80);
  backdrop-filter:blur(8px);
  box-shadow:0 10px 28px rgba(0,0,0,.38);
}

.h173-tag small{
  display:block;
  color:var(--teal);
  font-weight:1000;
  letter-spacing:.14em;
}

.h173-tag strong{
  font-size:11px;
  letter-spacing:.035em;
}

.hero-art-mobile{
  display:none;
}

/* Small refinement: keep the finder visually attached to the hero. */
.h173-hero + .finder{
  margin-top:12px;
}

/* Tablet */
@media(max-width:1000px){
  .h173-hero{
    min-height:560px;
    background-position:58% center;
  }

  .h173-hero .hero-copy{
    max-width:610px;
    padding-left:36px;
    padding-right:24px;
  }

  .h173-hero h1{
    font-size:clamp(55px,8vw,82px);
  }
}

/* Phone: do NOT use the wide background crop.
   Show the dedicated hero artwork as its own clean image below the copy. */
@media(max-width:760px){
  .h173-hero{
    display:block;
    min-height:0;
    background:
      radial-gradient(circle at 78% 12%,rgba(53,228,220,.09),transparent 28%),
      linear-gradient(180deg,#061013,#030809);
  }

  .h173-hero:before{
    background:
      radial-gradient(circle at 74% 22%,rgba(164,117,255,.07),transparent 25%),
      linear-gradient(180deg,transparent 48%,rgba(0,0,0,.25));
  }

  .h173-hero .hero-copy{
    padding:28px 20px 20px;
    max-width:none;
  }

  .h173-hero .eyebrow{
    font-size:15px;
  }

  .h173-hero h1{
    font-size:clamp(48px,15vw,70px);
    line-height:.9;
  }

  .h173-hero h2{
    margin-top:17px;
    max-width:none;
    font-size:clamp(23px,7vw,31px);
  }

  .h173-hero .hero-lede{
    max-width:none;
    font-size:14px;
  }

  .h173-hero .hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:20px;
  }

  .h173-hero .hero-actions .btn{
    min-width:0;
    padding:12px 10px;
    font-size:11px;
  }

  .h173-hero .hero-note{
    font-size:9px;
    margin-top:15px;
  }

  .hero-art-mobile{
    position:relative;
    z-index:1;
    display:block;
    overflow:hidden;
    border-top:1px solid rgba(53,228,220,.10);
    background:#020607;
  }

  .hero-art-mobile img{
    display:block;
    width:100%;
    height:auto;
    margin:0;
  }

  .h173-tag{
    right:12px;
    bottom:12px;
    padding:8px 10px;
  }

  .h173-tag strong{
    font-size:9px;
  }
}

@media(max-width:430px){
  .h173-hero .hero-copy{
    padding-inline:16px;
  }

  .h173-hero h1{
    font-size:50px;
  }

  .h173-hero .hero-actions{
    grid-template-columns:1fr;
  }
}


/* ================================================================
   H174 — CLEAN IMAGE HERO
   STAGING ONLY
   No blackout overlay. No CSS text overlay. No forced crop.
   ================================================================ */

.h174-hero-image{
  margin-top:16px;
  padding:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background:#030708;
  box-shadow:var(--shadow);
}

.h174-hero-image picture,
.h174-hero-image img{
  display:block;
  width:100%;
}

.h174-hero-image img{
  height:auto;
  object-fit:contain;
  object-position:center center;
  filter:none;
  opacity:1;
}

/* Keep the next search section visually attached to the hero. */
.h174-hero-image + .finder{
  margin-top:12px;
}

@media(max-width:760px){
  .h174-hero-image{
    margin-top:9px;
    border-radius:14px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .h174-hero-image picture{
    min-width:760px;
  }

  .h174-hero-image img{
    width:100%;
    max-width:none;
    height:auto;
  }
}

@media(max-width:430px){
  .h174-hero-image picture{
    min-width:690px;
  }
}


/* ================================================================
   H175 — TYPOGRAPHY PALETTE + REBUILT LEGAL FOOTER
   STAGING ONLY
   Rebuild, not copy/paste look.
   ================================================================ */

/* Reduce the “too much white text” feeling by creating a stronger hierarchy. */
.finder .kicker,
.metrics .kicker,
.featured .kicker,
.sponsors .kicker,
.latest .kicker,
.monitor .kicker{
  color:var(--teal);
}

.triad .community .kicker{color:var(--lime)}
.triad .help .kicker{color:var(--amber)}
.triad .sell .kicker{color:var(--blue)}

.section-sub,
.story-copy p:not(.kicker),
.quick small,
.latest-row small,
.product-card p,
.popular,
.footer p{
  color:#889895;
}

.product-card h3,
.latest-row b,
.quick b{
  color:#d4f2ef;
}

.quick article:nth-child(1)>span,
.quick article:nth-child(4)>span{color:var(--teal)}
.quick article:nth-child(2)>span,
.quick article:nth-child(5)>span{color:var(--lime)}
.quick article:nth-child(3)>span{color:var(--amber)}

.filter span,
.main-nav a,
.header-actions button{
  color:#d2e5e2;
}

.preview-chip,
.live-badge{
  border-color:rgba(53,228,220,.30);
  background:rgba(53,228,220,.07);
}

/* Rebuilt footer using the real legal content but presented in-theme. */
.h175-footer{
  margin-top:14px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 24%,rgba(53,228,220,.08),transparent 18rem),
    radial-gradient(circle at 6% 88%,rgba(164,117,255,.05),transparent 16rem),
    linear-gradient(180deg,#060c0e 0%,#04090a 100%);
  box-shadow:var(--shadow);
}

.h175-footer-hero{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
  align-items:stretch;
  padding:24px 24px 18px;
  border-bottom:1px solid var(--line);
}

.h175-footer-copy{
  align-self:center;
  max-width:640px;
}

.h175-overline{
  margin:0 0 8px;
  color:var(--teal);
  font-size:11px;
  font-weight:1000;
  letter-spacing:.18em;
}

.h175-footer-copy h2{
  margin:0;
  color:#e8f8f6;
  font-size:44px;
  line-height:.92;
  letter-spacing:-.04em;
}

.h175-footer-copy h2 span{
  color:var(--teal);
}

.h175-footer-lede{
  margin:14px 0 0;
  max-width:560px;
  color:#9cb0ac;
  font-size:15px;
  line-height:1.55;
}

.h175-footer-pills{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}

.h175-footer-pills span{
  padding:8px 11px;
  border:1px solid rgba(53,228,220,.16);
  border-radius:999px;
  background:rgba(53,228,220,.05);
  color:#b9f4ef;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
}

.h175-footer-art{
  position:relative;
  min-height:180px;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(9,18,21,.98),rgba(4,8,9,.96)),
    #05090a;
}

.h175-footer-art:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,10,12,.50),rgba(5,10,12,.05)),
    url('sparky-h171.jpg') right center / cover no-repeat;
  opacity:.22;
  mix-blend-mode:screen;
}

.h175-footer-art:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 72% 30%,rgba(53,228,220,.15),transparent 22%),
    radial-gradient(circle at 80% 15%,rgba(164,117,255,.10),transparent 18%);
  pointer-events:none;
}

.h175-scope{
  position:absolute;
  left:18px;
  bottom:18px;
  width:180px;
  height:92px;
  border:7px solid #253133;
  border-radius:16px;
  background:
    repeating-linear-gradient(0deg,rgba(53,228,220,.04) 0 1px,transparent 1px 14px),
    repeating-linear-gradient(90deg,rgba(53,228,220,.04) 0 1px,transparent 1px 18px),
    #041113;
  box-shadow:inset 0 0 26px rgba(53,228,220,.05),0 8px 24px rgba(0,0,0,.34);
}

.h175-scope:before{
  content:"";
  position:absolute;
  inset:30px 10px 30px 10px;
  height:3px;
  top:auto;
  bottom:auto;
  background:linear-gradient(90deg,transparent,var(--teal),transparent);
  filter:drop-shadow(0 0 8px var(--teal));
  clip-path:polygon(0 62%,7% 44%,14% 74%,21% 20%,28% 84%,35% 34%,42% 66%,49% 26%,56% 88%,63% 40%,70% 70%,77% 22%,84% 76%,91% 34%,100% 56%,100% 78%,91% 52%,84% 90%,77% 32%,70% 80%,63% 46%,56% 96%,49% 38%,42% 72%,35% 30%,28% 92%,21% 24%,14% 76%,7% 46%,0 62%);
}

.h175-plaque{
  position:absolute;
  right:18px;
  bottom:18px;
  max-width:210px;
  padding:12px 14px;
  border:1px solid rgba(240,170,74,.26);
  border-radius:12px;
  background:rgba(23,15,7,.72);
  box-shadow:0 10px 24px rgba(0,0,0,.30);
}

.h175-plaque strong{
  display:block;
  color:var(--amber);
  font-size:14px;
  letter-spacing:.10em;
}

.h175-plaque span{
  display:block;
  margin-top:4px;
  color:#f2dcc3;
  font-size:11px;
  line-height:1.35;
}

.h175-footer-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  padding:20px 24px;
  border-bottom:1px solid var(--line);
}

.h175-footer-grid h3{
  margin:0 0 11px;
  color:#a0ece6;
  font-size:11px;
  letter-spacing:.12em;
}

.h175-footer-grid a{
  display:block;
  margin:7px 0;
  color:#93a4a0;
  font-size:12px;
  text-decoration:none;
}

.h175-footer-grid a:hover{
  color:var(--teal);
}

.h175-footer-badge{
  display:flex;
  align-items:center;
}

.h175-badge-panel{
  display:grid;
  grid-template-columns:86px 1fr;
  gap:12px;
  width:100%;
  align-items:center;
  padding:12px;
  border:1px solid rgba(53,228,220,.14);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(53,228,220,.04),rgba(255,255,255,.01));
}

.h175-badge-panel img{
  width:86px;
  height:108px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid rgba(53,228,220,.12);
}

.h175-badge-panel small{
  display:block;
  color:var(--lime);
  font-weight:1000;
  letter-spacing:.14em;
}

.h175-badge-panel strong{
  display:block;
  margin-top:4px;
  color:#ebf7f4;
  font-size:18px;
  line-height:1.05;
}

.h175-badge-panel span{
  display:block;
  margin-top:5px;
  color:#849694;
  font-size:11px;
  line-height:1.45;
}

.h175-legal-wrap{
  padding:18px 24px 22px;
  text-align:center;
}

.h175-legal-top{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  color:#dbc99d;
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
}

.h175-legal-top a{
  color:#f4b63b;
  text-decoration:none;
}

.h175-legal-note{
  margin-top:12px;
  color:#93ddd8;
  font-size:12px;
  line-height:1.45;
}

@media(max-width:1100px){
  .h175-footer-hero{
    grid-template-columns:1fr;
  }

  .h175-footer-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:760px){
  .h175-footer-hero{
    padding:18px 16px 14px;
    gap:14px;
  }

  .h175-footer-copy h2{
    font-size:34px;
  }

  .h175-footer-lede{
    font-size:14px;
  }

  .h175-scope{
    width:150px;
    height:82px;
    left:12px;
    bottom:12px;
  }

  .h175-plaque{
    right:12px;
    bottom:12px;
    max-width:180px;
    padding:10px 11px;
  }

  .h175-footer-grid{
    grid-template-columns:1fr;
    padding:18px 16px;
    gap:14px;
  }

  .h175-legal-wrap{
    padding:16px 16px 18px;
  }

  .h175-legal-top{
    font-size:12px;
  }

  .h175-legal-note{
    font-size:11px;
  }
}

@media(max-width:430px){
  .h175-footer-copy h2{
    font-size:30px;
  }

  .h175-footer-pills span{
    font-size:9px;
  }

  .h175-footer-art{
    min-height:160px;
  }

  .h175-scope{
    width:126px;
    height:72px;
  }

  .h175-plaque{
    max-width:150px;
  }

  .h175-plaque strong{
    font-size:12px;
  }

  .h175-plaque span{
    font-size:10px;
  }

  .h175-badge-panel{
    grid-template-columns:70px 1fr;
  }

  .h175-badge-panel img{
    width:70px;
    height:92px;
  }
}


/* ================================================================
   H176 — SPARKY + FT-DX9000 HERO WIRING
   STAGING ONLY
   Uses the new detailed artwork in a clean split hero.
   ================================================================ */

.h176-hero{
  display:grid;
  grid-template-columns:minmax(360px, .92fr) minmax(520px, 1.08fr);
  gap:18px;
  align-items:stretch;
  margin-top:16px;
  min-height:0;
  padding:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background:
    radial-gradient(circle at 8% 14%,rgba(53,228,220,.06),transparent 18rem),
    linear-gradient(180deg,#050a0c 0%,#04080a 100%);
  box-shadow:var(--shadow);
}

.h176-copy{
  align-self:center;
  padding:34px 18px 34px 36px;
  max-width:640px;
}

.h176-copy .eyebrow{
  margin:0 0 5px;
  font-size:18px;
  font-weight:950;
  letter-spacing:.08em;
  color:#d7e4e1;
}

.h176-copy h1{
  margin:0;
  color:var(--teal);
  font-size:clamp(58px,7vw,96px);
  line-height:.90;
  letter-spacing:-.045em;
  text-shadow:0 0 26px rgba(53,228,220,.14);
}

.h176-copy h2{
  margin:20px 0 10px;
  max-width:560px;
  color:#eef4f2;
  font-size:clamp(24px,2.5vw,38px);
  line-height:1.08;
  letter-spacing:-.025em;
}

.h176-copy .hero-lede{
  max-width:560px;
  margin:0;
  color:#aebebc;
  font-size:16px;
  line-height:1.56;
}

.h176-copy .hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}

.h176-copy .hero-note{
  margin-top:18px;
  max-width:540px;
  color:#7f918e;
  font-size:11px;
}

.h176-art{
  position:relative;
  min-width:0;
  display:flex;
  align-items:stretch;
  justify-content:center;
  padding:16px 16px 16px 0;
}

.h176-art picture,
.h176-art img{
  display:block;
  width:100%;
}

.h176-art img{
  height:100%;
  min-height:420px;
  object-fit:cover;
  object-position:center center;
  border-radius:18px;
  border:1px solid rgba(53,228,220,.12);
  box-shadow:0 16px 34px rgba(0,0,0,.36);
  background:#05090a;
}

.h176-tag{
  position:absolute;
  right:26px;
  bottom:26px;
  padding:10px 13px;
  border:1px solid rgba(53,228,220,.42);
  border-radius:10px;
  background:rgba(2,8,10,.82);
  backdrop-filter:blur(8px);
  box-shadow:0 10px 28px rgba(0,0,0,.38);
}

.h176-tag small{
  display:block;
  color:var(--teal);
  font-weight:1000;
  letter-spacing:.14em;
}

.h176-tag strong{
  font-size:11px;
  letter-spacing:.035em;
}

.h176-hero + .finder{
  margin-top:12px;
}

@media(max-width:1100px){
  .h176-hero{
    grid-template-columns:.88fr 1.12fr;
  }

  .h176-copy{
    padding-left:28px;
    padding-right:10px;
  }
}

@media(max-width:760px){
  .h176-hero{
    grid-template-columns:1fr;
    gap:0;
    margin-top:9px;
    border-radius:14px;
  }

  .h176-copy{
    padding:24px 18px 16px;
    max-width:none;
  }

  .h176-copy .eyebrow{
    font-size:15px;
  }

  .h176-copy h1{
    font-size:clamp(48px,15vw,70px);
  }

  .h176-copy h2{
    margin-top:16px;
    max-width:none;
    font-size:clamp(22px,7vw,31px);
  }

  .h176-copy .hero-lede{
    max-width:none;
    font-size:14px;
  }

  .h176-copy .hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:18px;
  }

  .h176-copy .hero-actions .btn{
    min-width:0;
    padding:12px 10px;
    font-size:11px;
  }

  .h176-copy .hero-note{
    font-size:9px;
    margin-top:14px;
  }

  .h176-art{
    padding:0 0 12px;
  }

  .h176-art img{
    min-height:0;
    border-radius:0 0 14px 14px;
    border-left:0;
    border-right:0;
    border-bottom:0;
    box-shadow:none;
  }

  .h176-tag{
    right:12px;
    bottom:20px;
    padding:8px 10px;
  }

  .h176-tag strong{
    font-size:9px;
  }
}

@media(max-width:430px){
  .h176-copy{
    padding-inline:16px;
  }

  .h176-copy h1{
    font-size:50px;
  }

  .h176-copy .hero-actions{
    grid-template-columns:1fr;
  }
}


/* ================================================================
   H177 — FEATURED BENCH FINDS ART REBUILD
   STAGING ONLY
   Visual motion only. No live data wiring.
   ================================================================ */

.h177-featured{
  padding:18px;
  overflow:hidden;
  position:relative;
}

.h177-featured:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 18%,rgba(53,228,220,.045),transparent 18rem),
    radial-gradient(circle at 85% 10%,rgba(240,170,74,.04),transparent 16rem);
}

.h177-featured-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.h177-live-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border:1px solid rgba(53,228,220,.24);
  border-radius:999px;
  background:rgba(53,228,220,.055);
  color:#a7ece6;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.11em;
  white-space:nowrap;
}

.h177-live-pill i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--teal);
  box-shadow:0 0 10px var(--teal);
  animation:h177Pulse 2s infinite;
}

.h177-bench-ribbon{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto minmax(160px, 420px) auto;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
  padding:10px 12px;
  border:1px solid rgba(53,228,220,.12);
  border-radius:11px;
  background:linear-gradient(90deg,rgba(53,228,220,.05),rgba(255,255,255,.01));
}

.h177-ribbon-label{
  color:var(--lime);
  font-size:10px;
  font-weight:1000;
  letter-spacing:.16em;
  white-space:nowrap;
}

.h177-ribbon-note{
  color:#869694;
  font-size:10px;
  line-height:1.35;
  text-align:right;
}

.h177-ribbon-scope{
  position:relative;
  height:26px;
  border:1px solid rgba(53,228,220,.18);
  border-radius:999px;
  overflow:hidden;
  background:
    repeating-linear-gradient(90deg,rgba(53,228,220,.05) 0 1px,transparent 1px 18px),
    linear-gradient(180deg,#071114,#041012);
}

.h177-ribbon-scope b{
  position:absolute;
  inset:8px 10px auto 10px;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--teal),transparent);
  filter:drop-shadow(0 0 6px var(--teal));
  clip-path:polygon(0 45%,6% 52%,12% 28%,18% 70%,24% 38%,30% 62%,36% 34%,42% 78%,48% 42%,54% 56%,60% 24%,66% 82%,72% 40%,78% 60%,84% 32%,90% 72%,96% 44%,100% 52%,100% 68%,96% 58%,90% 82%,84% 46%,78% 72%,72% 28%,66% 88%,60% 40%,54% 64%,48% 36%,42% 82%,36% 24%,30% 68%,24% 32%,18% 76%,12% 38%,6% 58%,0 45%);
  animation:h177RibbonSweep 3.2s linear infinite alternate;
}

.h177-product-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}

.h177-card{
  min-width:0;
}

.h177-card-frame{
  height:100%;
  padding:8px;
  border:1px solid rgba(53,228,220,.11);
  border-radius:14px;
  background:
    linear-gradient(180deg,rgba(11,20,23,.96),rgba(6,11,13,.97)),
    #081012;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 24px rgba(0,0,0,.18);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.h177-card-frame:hover{
  transform:translateY(-2px);
  border-color:rgba(53,228,220,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 16px 34px rgba(0,0,0,.26),
    0 0 0 1px rgba(53,228,220,.04);
}

.h177-card-art{
  position:relative;
  height:148px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.05);
  border-radius:11px;
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.05),transparent 35%),
    radial-gradient(circle at 50% 70%,rgba(53,228,220,.03),transparent 30%),
    linear-gradient(180deg,#0d1417,#090f11);
  box-shadow:inset 0 0 28px rgba(0,0,0,.34);
}

.h177-card-art:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:22px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.22));
  pointer-events:none;
}

.h177-card-body{
  padding:10px 3px 2px;
}

.h177-card-body h3{
  margin:0 0 3px;
  color:#d8f4f1;
  font-size:12px;
  line-height:1.28;
  min-height:34px;
}

.h177-card-body p{
  margin:0 0 6px;
  color:#7e908d;
  font-size:10px;
}

.h177-card-body strong{
  display:block;
  color:#eff8f7;
  font-size:14px;
}

.h177-card .mini-cart{
  margin-top:8px;
}

/* Knob */
.art-knob .metal-ring,
.art-knob .inner-ring,
.art-knob .hub,
.art-knob .shine{
  position:absolute;
  display:block;
  border-radius:50%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.art-knob .metal-ring{
  width:92px;height:92px;
  background:radial-gradient(circle at 38% 30%,#d7dcdd,#727f84 28%,#1c2427 52%,#a6afb2 70%,#3e494e 84%);
  box-shadow:0 10px 18px rgba(0,0,0,.42), inset 0 2px 10px rgba(255,255,255,.18);
}
.art-knob .inner-ring{
  width:58px;height:58px;
  background:radial-gradient(circle at 35% 28%,#9ea7aa,#20282b 55%,#090d10 80%);
  box-shadow:inset 0 0 0 6px rgba(255,255,255,.05);
}
.art-knob .hub{
  width:18px;height:18px;
  background:#0b1012;
  box-shadow:0 0 0 2px rgba(255,255,255,.08);
}
.art-knob .shine{
  width:104px;height:104px;
  border:1px solid rgba(255,255,255,.03);
  clip-path:polygon(10% 0,45% 0,24% 16%,4% 16%);
  background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,0));
  transform:translate(-50%,-50%) rotate(-24deg);
}

/* Meter */
.art-meter .meter-face{
  position:absolute;
  inset:16px 15px 18px;
  border-radius:10px 10px 20px 20px;
  background:linear-gradient(180deg,#e7dfc4,#b6ab8b 78%,#756d58 100%);
  border:3px solid #95a0a1;
  box-shadow:0 10px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.22);
}
.art-meter .meter-scale{
  position:absolute;
  left:16px;right:16px;top:16px;height:40px;
  border-top:3px solid #373c3f;
  border-radius:50% / 100% 100% 0 0;
}
.art-meter .meter-scale:before,
.art-meter .meter-scale:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      transparent 0 6%,
      #4b4740 6% 6.8%,
      transparent 6.8% 14%,
      #4b4740 14% 14.8%,
      transparent 14.8% 22%,
      #4b4740 22% 22.8%,
      transparent 22.8% 30%,
      #4b4740 30% 30.8%,
      transparent 30.8% 38%,
      #4b4740 38% 38.8%,
      transparent 38.8% 46%,
      #4b4740 46% 46.8%,
      transparent 46.8% 54%,
      #4b4740 54% 54.8%,
      transparent 54.8% 62%,
      #4b4740 62% 62.8%,
      transparent 62.8% 70%,
      #4b4740 70% 70.8%,
      transparent 70.8% 78%,
      #4b4740 78% 78.8%,
      transparent 78.8% 86%,
      #4b4740 86% 86.8%,
      transparent 86.8% 94%,
      #4b4740 94% 94.8%,
      transparent 94.8%);
  opacity:.85;
  transform:translateY(18px);
}
.art-meter .meter-needle{
  position:absolute;
  left:50%;
  top:60px;
  width:3px;
  height:45px;
  background:#25282a;
  transform-origin:bottom center;
  transform:translateX(-50%) rotate(22deg);
  box-shadow:0 0 0 1px rgba(255,255,255,.02);
  animation:h177Needle 2.7s ease-in-out infinite alternate;
}
.art-meter .meter-pivot{
  position:absolute;
  left:50%;bottom:28px;
  width:12px;height:12px;
  border-radius:50%;
  background:#232629;
  transform:translateX(-50%);
  box-shadow:0 0 0 2px rgba(255,255,255,.06);
}

/* Board */
.art-board .board-surface{
  position:absolute;
  inset:15px;
  border:4px solid #86a1a5;
  background:linear-gradient(180deg,#2b7480,#18535c);
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.16);
}
.art-board .grid-a,
.art-board .grid-b,
.art-board .scan-line,
.art-board .led{
  position:absolute;
  display:block;
}
.art-board .grid-a{
  inset:16px;
  background:radial-gradient(circle,#dac876 0 2px,transparent 2.8px);
  background-size:22px 18px;
  opacity:.95;
}
.art-board .grid-b{
  inset:8px;
  border:1px dashed rgba(255,255,255,.10);
}
.art-board .scan-line{
  left:0;right:0;height:18px;top:-18px;
  background:linear-gradient(180deg,rgba(53,228,220,0),rgba(53,228,220,.22),rgba(53,228,220,0));
  animation:h177Scan 2.8s linear infinite;
}
.art-board .led{
  width:8px;height:8px;border-radius:50%;
  box-shadow:0 0 10px currentColor;
  animation:h177Blink 1.6s infinite;
}
.art-board .led-a{left:18px;top:16px;color:#82ff55}
.art-board .led-b{right:22px;top:20px;color:#35e4dc;animation-delay:.3s}
.art-board .led-c{left:50%;bottom:18px;color:#f0aa4a;animation-delay:.7s}

/* Transistor */
.art-transistor .transistor-shell,
.art-transistor .transistor-tab,
.art-transistor .transistor-lead{
  position:absolute;
  display:block;
}
.art-transistor .transistor-shell{
  width:84px;height:58px;
  left:50%;top:48%;
  transform:translate(-50%,-50%) rotate(-15deg);
  border-radius:48% 48% 28% 28%;
  background:linear-gradient(145deg,#cbc5b5,#6a6a62 42%,#3b3b39 75%);
  box-shadow:0 16px 24px rgba(0,0,0,.38);
}
.art-transistor .transistor-tab{
  width:20px;height:16px;
  left:55%;top:23%;
  transform:translateX(-50%) rotate(-15deg);
  border-radius:0 0 10px 10px;
  background:#8f8a81;
}
.art-transistor .transistor-lead{
  width:54px;height:6px;
  background:#81827c;
  bottom:28px;
  transform:rotate(-15deg);
}
.art-transistor .lead-a{left:38px}
.art-transistor .lead-b{left:58px;bottom:18px}
.art-transistor:before{
  content:"";
  position:absolute;
  left:50%;top:46%;
  width:112px;height:84px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,255,255,.06),transparent 62%);
}

/* Transformer */
.art-transformer .tx-top,
.art-transformer .tx-core,
.art-transformer .tx-base,
.art-transformer .tx-post{
  position:absolute;
  display:block;
}
.art-transformer .tx-core{
  width:80px;height:64px;
  left:50%;top:52%;
  transform:translate(-50%,-50%);
  background:linear-gradient(90deg,#6b4e2c,#c39656,#5b4123);
  border:5px solid #6a6d64;
  box-shadow:0 14px 22px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.08);
}
.art-transformer .tx-top{
  width:92px;height:12px;
  left:50%;top:30px;
  transform:translateX(-50%);
  background:#7d7d75;
}
.art-transformer .tx-base{
  width:104px;height:10px;
  left:50%;bottom:24px;
  transform:translateX(-50%);
  background:#68675f;
}
.art-transformer .tx-post{
  width:8px;height:22px;
  top:24px;background:#7e5632;
}
.art-transformer .tx-post.left{left:44px}
.art-transformer .tx-post.right{right:44px}

/* Scope */
.h177-scope-card .h177-card-frame{
  border-color:rgba(53,228,220,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 12px 28px rgba(0,0,0,.22),
    0 0 0 1px rgba(53,228,220,.05);
}
.art-scope .scope-bezel{
  position:absolute;
  inset:16px;
  border:9px solid #253033;
  border-radius:14px;
  background:linear-gradient(180deg,#0c171a,#0a1215);
  box-shadow:0 12px 22px rgba(0,0,0,.38);
}
.art-scope .scope-screen{
  position:absolute;
  inset:10px;
  overflow:hidden;
  border-radius:7px;
  background:
    repeating-linear-gradient(0deg,rgba(53,228,220,.05) 0 1px,transparent 1px 14px),
    repeating-linear-gradient(90deg,rgba(53,228,220,.05) 0 1px,transparent 1px 18px),
    #041113;
}
.art-scope .scope-trace,
.art-scope .scope-sweep{
  position:absolute;
  display:block;
}
.art-scope .scope-trace{
  left:2%;right:2%;top:46%;
  height:4px;
  background:linear-gradient(90deg,transparent,var(--teal),transparent);
  filter:drop-shadow(0 0 8px var(--teal));
  clip-path:polygon(0 48%,5% 52%,10% 34%,15% 72%,20% 40%,25% 62%,30% 26%,35% 78%,40% 44%,45% 58%,50% 36%,55% 82%,60% 42%,65% 68%,70% 30%,75% 74%,80% 46%,85% 56%,90% 34%,95% 70%,100% 48%,100% 70%,95% 58%,90% 84%,85% 44%,80% 72%,75% 24%,70% 78%,65% 50%,60% 92%,55% 36%,50% 64%,45% 40%,40% 82%,35% 30%,30% 70%,25% 38%,20% 88%,15% 34%,10% 68%,5% 40%,0 48%);
  animation:h177Trace 2.1s ease-in-out infinite alternate;
}
.art-scope .scope-sweep{
  top:0;bottom:0;left:-16%;
  width:16%;
  background:linear-gradient(90deg,rgba(53,228,220,0),rgba(53,228,220,.18),rgba(53,228,220,0));
  animation:h177Sweep 2s linear infinite;
}

@keyframes h177Pulse{
  0%,100%{box-shadow:0 0 8px var(--teal)}
  50%{box-shadow:0 0 14px var(--teal),0 0 22px rgba(53,228,220,.35)}
}

@keyframes h177Needle{
  0%{transform:translateX(-50%) rotate(12deg)}
  100%{transform:translateX(-50%) rotate(29deg)}
}

@keyframes h177Scan{
  0%{top:-18px}
  100%{top:calc(100% - 2px)}
}

@keyframes h177Blink{
  0%,100%{opacity:.45;transform:scale(.9)}
  50%{opacity:1;transform:scale(1)}
}

@keyframes h177Trace{
  0%{transform:translateY(-3px) scaleY(.92)}
  100%{transform:translateY(3px) scaleY(1.08)}
}

@keyframes h177Sweep{
  0%{left:-18%}
  100%{left:102%}
}

@keyframes h177RibbonSweep{
  0%{transform:translateX(-4px)}
  100%{transform:translateX(4px)}
}

@media(max-width:1200px){
  .h177-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .h177-featured{
    padding:14px;
  }

  .h177-bench-ribbon{
    grid-template-columns:1fr;
    gap:8px;
    text-align:left;
  }

  .h177-ribbon-note{
    text-align:left;
  }

  .h177-product-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .h177-card-art{
    height:138px;
  }

  .h177-card-body h3{
    min-height:32px;
    font-size:11px;
  }

  .h177-live-pill{
    font-size:8px;
  }
}

@media(max-width:430px){
  .h177-product-grid{
    grid-template-columns:1fr;
  }

  .h177-featured-actions{
    align-items:flex-start;
  }
}


/* ================================================================
   H178 — SCOPE GRID ENHANCEMENT
   STAGING ONLY
   Strengthens oscilloscope/grid feel in bench areas.
   ================================================================ */

/* Featured bench ribbon pulse scope */
.h177-ribbon-scope{
  background:
    repeating-linear-gradient(0deg,rgba(53,228,220,.035) 0 1px,transparent 1px 11px),
    repeating-linear-gradient(90deg,rgba(53,228,220,.05) 0 1px,transparent 1px 18px),
    linear-gradient(180deg,#071114,#041012);
  box-shadow:
    inset 0 0 0 1px rgba(53,228,220,.04),
    inset 0 0 20px rgba(53,228,220,.04);
}

.h177-ribbon-scope:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%,transparent 82%,rgba(0,0,0,.16)),
    radial-gradient(circle at 50% 50%,rgba(53,228,220,.035),transparent 55%);
  pointer-events:none;
}

/* Featured bench scope card */
.art-scope .scope-screen{
  background:
    radial-gradient(circle at 50% 50%,rgba(53,228,220,.045),transparent 58%),
    repeating-linear-gradient(0deg,rgba(53,228,220,.055) 0 1px,transparent 1px 13px),
    repeating-linear-gradient(90deg,rgba(53,228,220,.06) 0 1px,transparent 1px 18px),
    #041113;
  box-shadow:
    inset 0 0 28px rgba(53,228,220,.04),
    inset 0 0 0 1px rgba(53,228,220,.03);
}

.art-scope .scope-screen:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),transparent 16%,transparent 84%,rgba(0,0,0,.18)),
    linear-gradient(90deg,transparent 49.8%,rgba(53,228,220,.08) 50%,transparent 50.2%);
  pointer-events:none;
}

/* Existing bench monitor scope further down page */
.monitor .scope{
  background:
    radial-gradient(circle at 50% 52%,rgba(53,228,220,.045),transparent 58%),
    repeating-linear-gradient(0deg,rgba(53,228,220,.05) 0 1px,transparent 1px 14px),
    repeating-linear-gradient(90deg,rgba(53,228,220,.05) 0 1px,transparent 1px 20px),
    #031012;
  box-shadow:
    inset 0 0 40px rgba(53,228,220,.06),
    inset 0 0 0 1px rgba(53,228,220,.03),
    0 8px 20px #000;
}

.monitor .scope:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 18%,transparent 82%,rgba(0,0,0,.15)),
    linear-gradient(90deg,transparent 49.8%,rgba(53,228,220,.07) 50%,transparent 50.2%);
}


/* ================================================================
   H179 — BENCH MONITOR TRACE BOOST
   STAGING ONLY
   Makes the lower Bench Monitor trace more prominent.
   ================================================================ */

.monitor .scope{
  position:relative;
  overflow:hidden;
}

/* Keep the grid/screen, but add a brighter dedicated trace overlay. */
.monitor .scope:after{
  content:"";
  position:absolute;
  left:3%;
  right:3%;
  top:49%;
  height:4px;
  background:linear-gradient(
    90deg,
    rgba(53,228,220,0) 0%,
    rgba(53,228,220,.55) 8%,
    rgba(53,228,220,.96) 20%,
    rgba(53,228,220,1) 50%,
    rgba(53,228,220,.94) 78%,
    rgba(53,228,220,.50) 92%,
    rgba(53,228,220,0) 100%
  );
  filter:
    drop-shadow(0 0 7px rgba(53,228,220,.95))
    drop-shadow(0 0 15px rgba(53,228,220,.38));
  clip-path:polygon(
    0 56%, 4% 54%, 8% 58%, 12% 46%, 16% 60%, 20% 48%, 24% 55%, 28% 44%,
    32% 59%, 36% 49%, 40% 57%, 44% 46%, 48% 54%, 52% 45%, 56% 58%, 60% 48%,
    64% 55%, 68% 43%, 72% 60%, 76% 47%, 80% 56%, 84% 44%, 88% 58%, 92% 49%,
    96% 54%, 100% 52%, 100% 84%, 0 84%
  );
  animation:h179MonitorTrace 2.2s ease-in-out infinite alternate;
  pointer-events:none;
}

/* Subtle sweep to help the trace feel alive without looking overdone. */
.monitor .scope .trace,
.monitor .scope .scope-trace{
  opacity:.18;
}

@keyframes h179MonitorTrace{
  0%{
    transform:translateY(-3px) scaleY(.98);
    opacity:.88;
  }
  100%{
    transform:translateY(3px) scaleY(1.10);
    opacity:1;
  }
}


/* ================================================================
   H180 — BENCH MONITOR DIRECTIONAL TRACE
   STAGING ONLY
   Makes one side of the lower monitor trace stronger than the other
   so it feels like energy is traveling across the scope.
   ================================================================ */

.monitor .scope{
  position:relative;
  overflow:hidden;
}

/* Override the H179 trace with a directional, traveling waveform. */
.monitor .scope:after{
  content:"";
  position:absolute;
  left:-8%;
  width:116%;
  top:49%;
  height:5px;
  background:linear-gradient(
    90deg,
    rgba(53,228,220,0.03) 0%,
    rgba(53,228,220,0.08) 10%,
    rgba(53,228,220,0.18) 24%,
    rgba(53,228,220,0.32) 38%,
    rgba(53,228,220,0.58) 54%,
    rgba(53,228,220,0.88) 72%,
    rgba(53,228,220,1.00) 84%,
    rgba(160,255,245,1.00) 90%,
    rgba(53,228,220,0.70) 96%,
    rgba(53,228,220,0.08) 100%
  );
  filter:
    drop-shadow(0 0 7px rgba(53,228,220,.95))
    drop-shadow(0 0 16px rgba(53,228,220,.42))
    drop-shadow(0 0 26px rgba(53,228,220,.22));
  clip-path:polygon(
    0 54%, 4% 50%, 8% 58%, 12% 44%, 16% 62%, 20% 46%, 24% 56%, 28% 42%,
    32% 61%, 36% 47%, 40% 58%, 44% 45%, 48% 55%, 52% 43%, 56% 60%, 60% 46%,
    64% 57%, 68% 41%, 72% 62%, 76% 45%, 80% 58%, 84% 43%, 88% 60%, 92% 47%,
    96% 56%, 100% 51%, 100% 86%, 0 86%
  );
  transform-origin:center center;
  animation:h180MonitorTravel 1.65s linear infinite;
  pointer-events:none;
}

/* Add a moving energy sweep inside the screen so the brighter head feels active. */
.monitor .scope:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 16%,transparent 84%,rgba(0,0,0,.16)),
    linear-gradient(90deg,transparent 49.8%,rgba(53,228,220,.07) 50%,transparent 50.2%),
    linear-gradient(90deg,
      rgba(53,228,220,0) 0%,
      rgba(53,228,220,0) 54%,
      rgba(53,228,220,.03) 64%,
      rgba(53,228,220,.12) 72%,
      rgba(160,255,245,.28) 80%,
      rgba(53,228,220,.10) 88%,
      rgba(53,228,220,0) 100%
    );
  background-repeat:no-repeat;
  background-size:100% 100%,100% 100%,36% 100%;
  animation:h180SweepHead 1.65s linear infinite;
}

@keyframes h180MonitorTravel{
  0%{
    transform:translateX(-4%) translateY(-2px) scaleY(.98);
    opacity:.88;
  }
  50%{
    transform:translateX(0%) translateY(0px) scaleY(1.08);
    opacity:1;
  }
  100%{
    transform:translateX(4%) translateY(2px) scaleY(1.12);
    opacity:.96;
  }
}

@keyframes h180SweepHead{
  0%{
    background-position:0 0,0 0,-42% 0;
  }
  100%{
    background-position:0 0,0 0,122% 0;
  }
}


/* ================================================================
   H181 — BENCH MONITOR TRACE CLEANUP + SLOWER SWEEP
   STAGING ONLY
   Slows the horizontal movement and removes the faint extra upper trace,
   leaving the stronger main traveling trace.
   ================================================================ */

/* Hide the older/fainter built-in trace so only the main darker/brighter one remains. */
.monitor .scope .trace,
.monitor .scope .scope-trace{
  opacity:0 !important;
}

/* Slow down the directional movement so it reads cleaner. */
.monitor .scope:after{
  animation:h181MonitorTravel 3.1s linear infinite !important;
  top:50%;
  height:5px;
}

/* Slow down the sweeping highlight too. */
.monitor .scope:before{
  animation:h181SweepHead 3.1s linear infinite !important;
}

/* Slightly calmer waveform motion than H180. */
@keyframes h181MonitorTravel{
  0%{
    transform:translateX(-3%) translateY(-1px) scaleY(.99);
    opacity:.90;
  }
  50%{
    transform:translateX(0%) translateY(0px) scaleY(1.05);
    opacity:1;
  }
  100%{
    transform:translateX(3%) translateY(1px) scaleY(1.08);
    opacity:.97;
  }
}

@keyframes h181SweepHead{
  0%{
    background-position:0 0,0 0,-36% 0;
  }
  100%{
    background-position:0 0,0 0,116% 0;
  }
}


/* ================================================================
   H182 — BENCH MONITOR SINGLE-TRACE FIX
   STAGING ONLY
   Removes the lingering second line and slows the motion down further.
   ================================================================ */

/* Rebuild the lower bench monitor scope cleanly. */
.monitor .scope{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 52%,rgba(53,228,220,.03),transparent 58%),
    repeating-linear-gradient(0deg,rgba(53,228,220,.05) 0 1px,transparent 1px 14px),
    repeating-linear-gradient(90deg,rgba(53,228,220,.05) 0 1px,transparent 1px 20px),
    #031012 !important;
  box-shadow:
    inset 0 0 40px rgba(53,228,220,.05),
    inset 0 0 0 1px rgba(53,228,220,.03),
    0 8px 20px #000 !important;
}

/* Hide any older trace elements still lingering from previous styles. */
.monitor .scope .trace,
.monitor .scope .scope-trace,
.monitor .scope > span,
.monitor .scope > i,
.monitor .scope > b,
.monitor .scope > em{
  display:none !important;
  opacity:0 !important;
}

/* Keep only a subtle screen treatment and the traveling sweep head. */
.monitor .scope:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 16%,transparent 84%,rgba(0,0,0,.16)),
    linear-gradient(90deg,
      rgba(53,228,220,0) 0%,
      rgba(53,228,220,0) 56%,
      rgba(53,228,220,.02) 66%,
      rgba(53,228,220,.08) 74%,
      rgba(160,255,245,.20) 82%,
      rgba(53,228,220,.08) 90%,
      rgba(53,228,220,0) 100%
    );
  background-repeat:no-repeat;
  background-size:100% 100%,34% 100%;
  animation:h182SweepHead 4.8s linear infinite !important;
}

/* Single main trace only. Slower and cleaner. */
.monitor .scope:after{
  content:"";
  position:absolute;
  left:-6%;
  width:112%;
  top:50%;
  height:5px;
  background:linear-gradient(
    90deg,
    rgba(53,228,220,0.02) 0%,
    rgba(53,228,220,0.06) 12%,
    rgba(53,228,220,0.14) 26%,
    rgba(53,228,220,0.26) 42%,
    rgba(53,228,220,0.46) 58%,
    rgba(53,228,220,0.78) 74%,
    rgba(53,228,220,1.00) 86%,
    rgba(160,255,245,1.00) 91%,
    rgba(53,228,220,0.58) 96%,
    rgba(53,228,220,0.04) 100%
  );
  filter:
    drop-shadow(0 0 6px rgba(53,228,220,.90))
    drop-shadow(0 0 14px rgba(53,228,220,.34));
  clip-path:polygon(
    0 54%, 4% 50%, 8% 58%, 12% 45%, 16% 61%, 20% 47%, 24% 56%, 28% 43%,
    32% 60%, 36% 48%, 40% 57%, 44% 45%, 48% 55%, 52% 44%, 56% 59%, 60% 47%,
    64% 56%, 68% 42%, 72% 61%, 76% 46%, 80% 57%, 84% 44%, 88% 59%, 92% 48%,
    96% 55%, 100% 52%, 100% 86%, 0 86%
  );
  animation:h182MonitorTravel 4.8s linear infinite !important;
  pointer-events:none;
}

@keyframes h182MonitorTravel{
  0%{
    transform:translateX(-2%) translateY(-1px) scaleY(.99);
    opacity:.88;
  }
  50%{
    transform:translateX(0%) translateY(0px) scaleY(1.03);
    opacity:1;
  }
  100%{
    transform:translateX(2%) translateY(1px) scaleY(1.05);
    opacity:.95;
  }
}

@keyframes h182SweepHead{
  0%{
    background-position:0 0,-34% 0;
  }
  100%{
    background-position:0 0,118% 0;
  }
}


/* ================================================================
   H183 — MIDDLE ART PANELS REBUILD
   STAGING ONLY
   Cosmetic-only rebuild of Community / Support / Sell Parts.
   ================================================================ */

.h183-triad{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}

.h183-panel{
  position:relative;
  min-height:300px;
  overflow:hidden;
  border:1px solid rgba(53,228,220,.13);
  border-radius:16px;
  background:
    linear-gradient(145deg,rgba(10,18,21,.98),rgba(5,10,12,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 16px 36px rgba(0,0,0,.23);
}

.h183-panel:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 18%,transparent 82%,rgba(0,0,0,.12)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.008) 0 1px,transparent 1px 38px);
}

.h183-panel-glow{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.8;
}

.h183-community .h183-panel-glow{
  background:
    radial-gradient(circle at 88% 24%,rgba(168,255,62,.11),transparent 22%),
    radial-gradient(circle at 78% 72%,rgba(53,228,220,.08),transparent 28%);
}

.h183-help .h183-panel-glow{
  background:
    radial-gradient(circle at 86% 28%,rgba(240,170,74,.16),transparent 24%),
    radial-gradient(circle at 72% 72%,rgba(240,170,74,.05),transparent 30%);
}

.h183-sell .h183-panel-glow{
  background:
    radial-gradient(circle at 86% 24%,rgba(98,185,255,.14),transparent 25%),
    radial-gradient(circle at 78% 75%,rgba(53,228,220,.05),transparent 30%);
}

.h183-copy{
  position:relative;
  z-index:3;
  width:66%;
  padding:22px 0 22px 22px;
}

.h183-copy p:not(.kicker){
  color:#92a29f;
  font-size:12px;
  line-height:1.45;
}

.h183-copy ul{
  list-style:none;
  padding:0;
  margin:14px 0 18px;
  color:#c7d3d1;
  font-size:11px;
}

.h183-copy li{
  margin:8px 0;
}

.h183-copy li:before{
  content:"✦";
  margin-right:8px;
  color:var(--teal);
}

.h183-community .h183-copy li:before{color:var(--lime)}
.h183-help .h183-copy li:before{color:var(--amber)}
.h183-sell .h183-copy li:before{color:var(--blue)}

.h183-community-art,
.h183-help-art,
.h183-sell-art{
  position:absolute;
  z-index:2;
  right:0;
  top:0;
  bottom:0;
  width:42%;
}

/* Community artwork */
.h183-tombstone{
  position:absolute;
  right:18px;
  bottom:26px;
  width:116px;
  min-height:148px;
  padding:27px 10px 16px;
  border:2px solid #526560;
  border-radius:54px 54px 14px 14px;
  background:
    linear-gradient(180deg,#1b2625,#101817);
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.025),
    0 14px 22px rgba(0,0,0,.34);
  text-align:center;
  transform:rotate(-2deg);
}

.h183-tombstone:before{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(168,255,62,.13);
  border-radius:46px 46px 10px 10px;
}

.h183-tombstone span{
  display:block;
  color:#d5e8e4;
  font-size:36px;
  font-weight:1000;
  line-height:.8;
  text-shadow:0 0 12px rgba(168,255,62,.10);
}

.h183-tombstone strong{
  display:block;
  margin-top:7px;
  color:var(--lime);
  font-size:12px;
  letter-spacing:.12em;
}

.h183-tombstone small{
  display:block;
  margin-top:5px;
  color:#738480;
  font-size:8px;
}

.h183-signal-ring{
  position:absolute;
  right:55px;
  top:36px;
  border:1px solid rgba(168,255,62,.16);
  border-radius:50%;
  transform:translate(50%,-50%);
  animation:h183Ring 3.8s ease-out infinite;
}

.h183-signal-ring.ring-a{width:78px;height:78px}
.h183-signal-ring.ring-b{width:118px;height:118px;animation-delay:1.3s}

/* Support artwork */
.h183-lamp{
  position:absolute;
  right:18px;
  top:25px;
  width:150px;
  height:175px;
}

.h183-lamp:before{
  content:"";
  position:absolute;
  right:20px;
  top:8px;
  width:102px;
  height:102px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(240,170,74,.34),rgba(240,170,74,.07) 35%,transparent 68%);
  filter:blur(.3px);
}

.h183-lamp span{position:absolute;display:block}

.lamp-head{
  right:32px;
  top:14px;
  width:62px;
  height:28px;
  border-radius:40px 40px 10px 10px;
  background:linear-gradient(180deg,#b88b4d,#6e573a);
  transform:rotate(-12deg);
  box-shadow:0 0 22px rgba(240,170,74,.22);
}

.lamp-arm{
  width:6px;
  background:#5d574b;
  transform-origin:top center;
}

.arm-a{
  right:70px;top:40px;height:60px;
  transform:rotate(16deg);
}

.arm-b{
  right:88px;top:96px;height:54px;
  transform:rotate(-14deg);
}

.lamp-base{
  right:54px;bottom:16px;
  width:62px;height:12px;
  border-radius:50%;
  background:#5f5b51;
}

.h183-toolbox{
  position:absolute;
  right:12px;
  bottom:16px;
  width:138px;
  height:70px;
}

.h183-toolbox span{position:absolute;display:block}

.toolbox-body{
  left:8px;right:8px;bottom:0;height:44px;
  border:1px solid #6f5e3d;
  border-radius:8px;
  background:linear-gradient(180deg,#5b472b,#2a2117);
  box-shadow:0 10px 16px rgba(0,0,0,.28);
}

.toolbox-lid{
  left:18px;right:18px;top:12px;height:18px;
  border:1px solid #7b6845;
  border-radius:8px 8px 4px 4px;
  background:#46351f;
}

.screwdriver{
  width:7px;height:58px;
  bottom:18px;
  background:#5c6261;
  border-radius:3px;
}

.screwdriver:before{
  content:"";
  position:absolute;
  left:-4px;top:-16px;
  width:15px;height:20px;
  border-radius:6px;
  background:#a94c3e;
}

.screwdriver.one{left:46px;transform:rotate(-15deg)}
.screwdriver.two{left:74px;transform:rotate(11deg)}
.screwdriver.two:before{background:#365f8f}

/* Sell artwork */
.h183-radio-stack{
  position:absolute;
  right:10px;
  top:22px;
  width:145px;
  height:160px;
}

.radio-unit{
  position:absolute;
  left:0;right:0;
  height:48px;
  border:1px solid #465e61;
  border-radius:8px;
  background:
    linear-gradient(90deg,#0d1619,#283335 45%,#101719);
  box-shadow:
    inset 0 0 16px rgba(0,0,0,.36),
    0 9px 16px rgba(0,0,0,.22);
}

.radio-unit i{
  position:absolute;
  left:10px;top:14px;
  width:54px;height:18px;
  border:1px solid #36585d;
  background:
    repeating-linear-gradient(90deg,rgba(53,228,220,.06) 0 1px,transparent 1px 7px),
    #0c1b1e;
}

.radio-unit b{
  position:absolute;
  right:12px;top:11px;
  width:25px;height:25px;
  border-radius:50%;
  border:2px solid #70888a;
  background:radial-gradient(circle,#1d2f31 0 24%,#0f1718 25%);
}

.radio-one{top:0;transform:rotate(-1deg)}
.radio-two{top:54px;left:6px;right:-4px;transform:rotate(1deg)}
.radio-three{top:108px;left:-3px;right:4px}

.h183-crate{
  position:absolute;
  right:12px;
  bottom:18px;
  width:118px;
  height:68px;
  display:grid;
  place-items:center;
  border:2px solid #3f5659;
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.03) 0 2px,transparent 2px 18px),
    linear-gradient(180deg,#263638,#152123);
  color:#bcd9d6;
  box-shadow:0 12px 20px rgba(0,0,0,.28);
  text-align:center;
  transform:rotate(-2deg);
}

.h183-crate span{
  display:block;
  font-size:9px;
  letter-spacing:.16em;
  color:var(--blue);
}

.h183-crate strong{
  display:block;
  font-size:16px;
  letter-spacing:.06em;
}

@keyframes h183Ring{
  0%{opacity:0;transform:translate(50%,-50%) scale(.72)}
  35%{opacity:.45}
  100%{opacity:0;transform:translate(50%,-50%) scale(1.28)}
}

@media(max-width:1000px){
  .h183-triad{
    grid-template-columns:1fr;
  }

  .h183-panel{
    min-height:270px;
  }

  .h183-copy{
    width:62%;
  }
}

@media(max-width:760px){
  .h183-panel{
    min-height:250px;
  }

  .h183-copy{
    width:68%;
    padding:18px 0 18px 18px;
  }

  .h183-community-art,
  .h183-help-art,
  .h183-sell-art{
    width:39%;
  }

  .h183-tombstone{
    transform:scale(.85) rotate(-2deg);
    transform-origin:bottom right;
  }

  .h183-lamp{
    transform:scale(.86);
    transform-origin:top right;
  }

  .h183-radio-stack{
    transform:scale(.86);
    transform-origin:top right;
  }

  .h183-crate{
    transform:scale(.86) rotate(-2deg);
    transform-origin:bottom right;
  }
}

@media(max-width:430px){
  .h183-copy{
    width:72%;
    padding-left:15px;
  }

  .h183-copy p:not(.kicker),
  .h183-copy li{
    font-size:10px;
  }

  .h183-community-art,
  .h183-help-art,
  .h183-sell-art{
    width:35%;
  }

  .h183-tombstone{
    right:3px;
    transform:scale(.68) rotate(-2deg);
  }

  .h183-lamp{
    right:-12px;
    transform:scale(.70);
  }

  .h183-toolbox{
    right:-2px;
    transform:scale(.72);
    transform-origin:bottom right;
  }

  .h183-radio-stack{
    right:-12px;
    transform:scale(.70);
  }

  .h183-crate{
    right:1px;
    transform:scale(.72) rotate(-2deg);
  }
}


/* ================================================================
   H184 — BONESHACK COMMUNITY PANEL WIRING
   STAGING ONLY
   Rebuilds the middle section with a BoneShack member-card concept.
   No real names or callsigns.
   ================================================================ */

.h184-triad{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}

.h184-panel{
  position:relative;
  min-height:318px;
  overflow:hidden;
  border:1px solid rgba(53,228,220,.13);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(10,18,21,.98),rgba(5,10,12,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 16px 36px rgba(0,0,0,.23);
}

.h184-panel:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 18%,transparent 82%,rgba(0,0,0,.12)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.008) 0 1px,transparent 1px 38px);
}

.h184-panel-glow{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.82;
}

.h184-community .h184-panel-glow{
  background:
    radial-gradient(circle at 83% 22%,rgba(168,255,62,.11),transparent 24%),
    radial-gradient(circle at 72% 70%,rgba(53,228,220,.10),transparent 28%);
}

.h184-help .h184-panel-glow{
  background:
    radial-gradient(circle at 86% 28%,rgba(240,170,74,.16),transparent 24%),
    radial-gradient(circle at 72% 72%,rgba(240,170,74,.05),transparent 30%);
}

.h184-sell .h184-panel-glow{
  background:
    radial-gradient(circle at 86% 24%,rgba(98,185,255,.14),transparent 25%),
    radial-gradient(circle at 78% 75%,rgba(53,228,220,.05),transparent 30%);
}

.h184-copy{
  position:relative;
  z-index:3;
  width:56%;
  padding:22px 0 22px 22px;
}

.h184-copy p:not(.kicker){
  color:#92a29f;
  font-size:12px;
  line-height:1.45;
}

.h184-copy ul{
  list-style:none;
  padding:0;
  margin:14px 0 18px;
  color:#c7d3d1;
  font-size:11px;
}

.h184-copy li{
  margin:8px 0;
}

.h184-copy li:before{
  content:"✦";
  margin-right:8px;
  color:var(--teal);
}

.h184-community .h184-copy li:before{color:var(--lime)}
.h184-help .h184-copy li:before{color:var(--amber)}
.h184-sell .h184-copy li:before{color:var(--blue)}

.h184-community-art,
.h184-help-art,
.h184-sell-art{
  position:absolute;
  z-index:2;
  right:0;
  top:0;
  bottom:0;
  width:46%;
}

/* Community / BoneShack member card */
.h184-card-wrap{
  position:absolute;
  inset:18px 18px 18px auto;
  width:205px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.h184-member-card{
  width:100%;
  min-height:236px;
  padding:12px;
  border:1px solid rgba(53,228,220,.22);
  border-radius:18px;
  background:
    radial-gradient(circle at 82% 16%,rgba(149,96,255,.14),transparent 20%),
    linear-gradient(145deg,rgba(8,13,16,.98),rgba(3,8,10,.98));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 16px 30px rgba(0,0,0,.32),
    0 0 0 1px rgba(53,228,220,.04);
  transform:rotate(-3deg);
}

.h184-member-card:before{
  content:"";
  position:absolute;
  display:none;
}

.h184-card-top{
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(53,228,220,.14);
}

.tower-mark{
  position:relative;
  width:30px;
  height:42px;
  display:block;
}

.tower-mark:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:0;
  height:0;
  transform:translateX(-50%);
  border-left:15px solid transparent;
  border-right:15px solid transparent;
  border-bottom:40px solid rgba(216,222,223,.16);
}

.tower-mark:after{
  content:"";
  position:absolute;
  left:50%;
  top:-2px;
  width:7px;height:7px;
  border-radius:50%;
  background:var(--teal);
  transform:translateX(-50%);
  box-shadow:0 0 10px rgba(53,228,220,.4);
}

.brand-lockup strong{
  display:block;
  color:#dce5e5;
  font-size:17px;
  line-height:.95;
  letter-spacing:.02em;
}

.brand-lockup small{
  display:block;
  margin-top:2px;
  color:var(--teal);
  font-size:11px;
  letter-spacing:.26em;
  font-weight:1000;
}

.h184-card-mid{
  display:grid;
  grid-template-columns:1fr 78px;
  gap:12px;
  align-items:start;
  padding-top:12px;
}

.h184-card-fields label{
  display:block;
  color:#76d7cf;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.14em;
  margin-top:8px;
}

.h184-card-fields label:first-child{margin-top:0}

.h184-card-fields b{
  display:block;
  color:#ecf6f5;
  font-size:18px;
  line-height:1.05;
  margin-top:3px;
}

.h184-card-fields b:nth-of-type(2){
  color:#f0bd5f;
  font-size:15px;
  letter-spacing:.08em;
}

.h184-card-fields b:nth-of-type(3){
  color:#dce5e5;
  font-size:13px;
}

.h184-card-badge{
  padding:12px 8px;
  border:1px solid rgba(149,96,255,.18);
  border-radius:14px;
  background:
    radial-gradient(circle at 50% 20%,rgba(149,96,255,.15),transparent 35%),
    linear-gradient(180deg,rgba(20,16,30,.96),rgba(8,10,16,.96));
  text-align:center;
  box-shadow:inset 0 0 20px rgba(149,96,255,.05);
}

.h184-card-badge span{
  display:block;
  color:#8fe9e3;
  font-size:9px;
  letter-spacing:.16em;
  font-weight:1000;
}

.h184-card-badge strong{
  display:block;
  margin-top:4px;
  color:#b08cff;
  font-size:20px;
  line-height:.9;
  letter-spacing:.06em;
}

.h184-card-badge small{
  display:block;
  margin-top:5px;
  color:#d2d6df;
  font-size:8px;
  letter-spacing:.12em;
}

.h184-card-bottom{
  display:grid;
  gap:4px;
  margin-top:14px;
  padding-top:10px;
  border-top:1px solid rgba(53,228,220,.12);
}

.h184-card-bottom span{
  color:#97a8a5;
  font-size:9px;
  letter-spacing:.05em;
}

/* Support artwork */
.h184-lamp{
  position:absolute;
  right:18px;
  top:25px;
  width:150px;
  height:175px;
}

.h184-lamp:before{
  content:"";
  position:absolute;
  right:20px;
  top:8px;
  width:102px;
  height:102px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(240,170,74,.34),rgba(240,170,74,.07) 35%,transparent 68%);
  filter:blur(.3px);
}

.h184-lamp span{position:absolute;display:block}

.h184-help-art .lamp-head{
  right:32px;
  top:14px;
  width:62px;
  height:28px;
  border-radius:40px 40px 10px 10px;
  background:linear-gradient(180deg,#b88b4d,#6e573a);
  transform:rotate(-12deg);
  box-shadow:0 0 22px rgba(240,170,74,.22);
}

.h184-help-art .lamp-arm{
  width:6px;
  background:#5d574b;
  transform-origin:top center;
}

.h184-help-art .arm-a{
  right:70px;top:40px;height:60px;
  transform:rotate(16deg);
}

.h184-help-art .arm-b{
  right:88px;top:96px;height:54px;
  transform:rotate(-14deg);
}

.h184-help-art .lamp-base{
  right:54px;bottom:16px;
  width:62px;height:12px;
  border-radius:50%;
  background:#5f5b51;
}

.h184-toolbox{
  position:absolute;
  right:12px;
  bottom:16px;
  width:138px;
  height:70px;
}

.h184-toolbox span{position:absolute;display:block}

.h184-toolbox .toolbox-body{
  left:8px;right:8px;bottom:0;height:44px;
  border:1px solid #6f5e3d;
  border-radius:8px;
  background:linear-gradient(180deg,#5b472b,#2a2117);
  box-shadow:0 10px 16px rgba(0,0,0,.28);
}

.h184-toolbox .toolbox-lid{
  left:18px;right:18px;top:12px;height:18px;
  border:1px solid #7b6845;
  border-radius:8px 8px 4px 4px;
  background:#46351f;
}

.h184-toolbox .screwdriver{
  width:7px;height:58px;
  bottom:18px;
  background:#5c6261;
  border-radius:3px;
}

.h184-toolbox .screwdriver:before{
  content:"";
  position:absolute;
  left:-4px;top:-16px;
  width:15px;height:20px;
  border-radius:6px;
  background:#a94c3e;
}

.h184-toolbox .screwdriver.one{left:46px;transform:rotate(-15deg)}
.h184-toolbox .screwdriver.two{left:74px;transform:rotate(11deg)}
.h184-toolbox .screwdriver.two:before{background:#365f8f}

/* Sell artwork */
.h184-radio-stack{
  position:absolute;
  right:10px;
  top:22px;
  width:145px;
  height:160px;
}

.h184-radio-stack .radio-unit{
  position:absolute;
  left:0;right:0;
  height:48px;
  border:1px solid #465e61;
  border-radius:8px;
  background:linear-gradient(90deg,#0d1619,#283335 45%,#101719);
  box-shadow:inset 0 0 16px rgba(0,0,0,.36), 0 9px 16px rgba(0,0,0,.22);
}

.h184-radio-stack .radio-unit i{
  position:absolute;
  left:10px;top:14px;
  width:54px;height:18px;
  border:1px solid #36585d;
  background:repeating-linear-gradient(90deg,rgba(53,228,220,.06) 0 1px,transparent 1px 7px), #0c1b1e;
}

.h184-radio-stack .radio-unit b{
  position:absolute;
  right:12px;top:11px;
  width:25px;height:25px;
  border-radius:50%;
  border:2px solid #70888a;
  background:radial-gradient(circle,#1d2f31 0 24%,#0f1718 25%);
}

.h184-radio-stack .radio-one{top:0;transform:rotate(-1deg)}
.h184-radio-stack .radio-two{top:54px;left:6px;right:-4px;transform:rotate(1deg)}
.h184-radio-stack .radio-three{top:108px;left:-3px;right:4px}

.h184-crate{
  position:absolute;
  right:12px;
  bottom:18px;
  width:118px;
  height:68px;
  display:grid;
  place-items:center;
  border:2px solid #3f5659;
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.03) 0 2px,transparent 2px 18px),
    linear-gradient(180deg,#263638,#152123);
  color:#bcd9d6;
  box-shadow:0 12px 20px rgba(0,0,0,.28);
  text-align:center;
  transform:rotate(-2deg);
}

.h184-crate span{
  display:block;
  font-size:9px;
  letter-spacing:.16em;
  color:var(--blue);
}

.h184-crate strong{
  display:block;
  font-size:16px;
  letter-spacing:.06em;
}

@media(max-width:1000px){
  .h184-triad{
    grid-template-columns:1fr;
  }

  .h184-panel{
    min-height:282px;
  }

  .h184-copy{
    width:60%;
  }
}

@media(max-width:760px){
  .h184-panel{
    min-height:266px;
  }

  .h184-copy{
    width:60%;
    padding:18px 0 18px 18px;
  }

  .h184-community-art,
  .h184-help-art,
  .h184-sell-art{
    width:40%;
  }

  .h184-card-wrap{
    inset:14px 10px 14px auto;
    width:172px;
  }

  .h184-member-card{
    min-height:214px;
    padding:10px;
    transform:rotate(-2deg);
  }

  .h184-card-fields b{
    font-size:15px;
  }

  .h184-card-badge strong{
    font-size:16px;
  }

  .h184-lamp{
    transform:scale(.86);
    transform-origin:top right;
  }

  .h184-radio-stack{
    transform:scale(.86);
    transform-origin:top right;
  }

  .h184-crate{
    transform:scale(.86) rotate(-2deg);
    transform-origin:bottom right;
  }
}

@media(max-width:430px){
  .h184-copy{
    width:62%;
    padding-left:15px;
  }

  .h184-copy p:not(.kicker),
  .h184-copy li{
    font-size:10px;
  }

  .h184-community-art,
  .h184-help-art,
  .h184-sell-art{
    width:38%;
  }

  .h184-card-wrap{
    width:145px;
    inset:14px 6px 14px auto;
  }

  .h184-member-card{
    min-height:194px;
    padding:9px;
  }

  .tower-mark{
    width:22px;height:32px;
  }

  .tower-mark:before{
    border-left-width:11px;
    border-right-width:11px;
    border-bottom-width:30px;
  }

  .brand-lockup strong{
    font-size:13px;
  }

  .brand-lockup small{
    font-size:8px;
  }

  .h184-card-mid{
    grid-template-columns:1fr 58px;
    gap:8px;
  }

  .h184-card-fields label{
    font-size:7px;
  }

  .h184-card-fields b{
    font-size:12px;
  }

  .h184-card-fields b:nth-of-type(2),
  .h184-card-fields b:nth-of-type(3){
    font-size:10px;
  }

  .h184-card-badge{
    padding:8px 4px;
  }

  .h184-card-badge strong{
    font-size:12px;
  }

  .h184-card-badge span,
  .h184-card-badge small,
  .h184-card-bottom span{
    font-size:6px;
  }

  .h184-lamp{
    right:-12px;
    transform:scale(.70);
  }

  .h184-toolbox{
    right:-2px;
    transform:scale(.72);
    transform-origin:bottom right;
  }

  .h184-radio-stack{
    right:-12px;
    transform:scale(.70);
  }

  .h184-crate{
    right:1px;
    transform:scale(.72) rotate(-2deg);
  }
}


/* ================================================================
   H185 — MIDDLE SECTION ART REBUILD (SCOPED ONLY)
   STAGING ONLY
   Replaces ONLY the Community / Support / Sell Parts strip.
   ================================================================ */

.h185-triad{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}

.h185-scene{
  position:relative;
  min-height:328px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(53,228,220,.15);
  background:#071012;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 18px 38px rgba(0,0,0,.26);
}

.h185-scene:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(4,9,11,.99) 0%,
    rgba(4,9,11,.98) 43%,
    rgba(4,9,11,.78) 56%,
    rgba(4,9,11,.20) 74%,
    rgba(4,9,11,.03) 100%
  );
}

.h185-community{
  border-color:rgba(168,255,62,.22);
}

.h185-help{
  border-color:rgba(240,170,74,.24);
}

.h185-sell{
  border-color:rgba(98,185,255,.24);
}

.h185-copy{
  position:relative;
  z-index:3;
  width:61%;
  padding:24px 0 22px 22px;
}

.h185-copy p:not(.kicker){
  color:#a1afac;
  font-size:12px;
  line-height:1.48;
  max-width:310px;
}

.h185-copy ul{
  list-style:none;
  padding:0;
  margin:14px 0 20px;
  color:#d0d9d7;
  font-size:11px;
}

.h185-copy li{
  margin:8px 0;
}

.h185-copy li:before{
  content:"✦";
  margin-right:8px;
  color:var(--teal);
}

.h185-community .h185-copy li:before{color:var(--lime)}
.h185-help .h185-copy li:before{color:var(--amber)}
.h185-sell .h185-copy li:before{color:var(--blue)}

.h185-art{
  position:absolute;
  z-index:0;
  right:0;
  top:0;
  bottom:0;
  width:58%;
  overflow:hidden;
}

.h185-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  filter:saturate(.92) contrast(1.03);
}

.h185-community .h185-art img{
  object-position:53% 45%;
}

.h185-help .h185-art img{
  object-position:50% 50%;
}

.h185-sell .h185-art img{
  object-position:55% 50%;
}

.h185-scene:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 18%,rgba(53,228,220,.05),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 17%,transparent 84%,rgba(0,0,0,.14));
}

.h185-community:after{
  background:
    radial-gradient(circle at 82% 18%,rgba(168,255,62,.08),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 17%,transparent 84%,rgba(0,0,0,.14));
}

.h185-help:after{
  background:
    radial-gradient(circle at 82% 18%,rgba(240,170,74,.08),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 17%,transparent 84%,rgba(0,0,0,.14));
}

.h185-sell:after{
  background:
    radial-gradient(circle at 82% 18%,rgba(98,185,255,.08),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 17%,transparent 84%,rgba(0,0,0,.14));
}

@media(max-width:1100px){
  .h185-triad{
    grid-template-columns:1fr;
  }
  .h185-scene{
    min-height:310px;
  }
  .h185-copy{
    width:58%;
  }
  .h185-art{
    width:55%;
  }
}

@media(max-width:760px){
  .h185-scene{
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
  }

  .h185-scene:before{
    background:linear-gradient(
      180deg,
      rgba(4,9,11,.99) 0%,
      rgba(4,9,11,.97) 48%,
      rgba(4,9,11,.40) 66%,
      rgba(4,9,11,.06) 100%
    );
  }

  .h185-copy{
    width:auto;
    padding:20px 18px 16px;
    min-height:245px;
  }

  .h185-art{
    position:relative;
    width:100%;
    height:280px;
  }

  .h185-art img{
    object-fit:cover;
  }
}

@media(max-width:430px){
  .h185-copy{
    padding:18px 15px 14px;
  }

  .h185-copy p:not(.kicker),
  .h185-copy li{
    font-size:10px;
  }

  .h185-art{
    height:245px;
  }
}


/* ================================================================
   H186 — FEATURED BENCH FINDS POLISH
   STAGING ONLY / COSMETIC ONLY
   Refines the already-approved animated bench section without rewiring it.
   ================================================================ */

.h177-featured{
  position:relative;
  overflow:hidden;
  border-color:rgba(53,228,220,.18);
  background:
    radial-gradient(circle at 14% 0%,rgba(53,228,220,.055),transparent 18rem),
    radial-gradient(circle at 88% 0%,rgba(240,170,74,.035),transparent 16rem),
    linear-gradient(180deg,rgba(10,18,21,.97),rgba(5,10,12,.985));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 18px 42px rgba(0,0,0,.24);
}

/* Subtle workbench rail at the bottom of the whole section */
.h177-featured:after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:8px;
  height:5px;
  border-radius:999px;
  background:
    linear-gradient(90deg,
      rgba(53,228,220,0),
      rgba(53,228,220,.16) 14%,
      rgba(168,255,62,.10) 38%,
      rgba(240,170,74,.08) 62%,
      rgba(53,228,220,.15) 86%,
      rgba(53,228,220,0)
    );
  filter:blur(.2px);
  pointer-events:none;
}

.h177-featured .section-title-row{
  position:relative;
  z-index:2;
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(53,228,220,.10);
}

.h177-featured .kicker{
  letter-spacing:.07em;
  text-shadow:0 0 14px rgba(53,228,220,.12);
}

.h177-live-pill{
  box-shadow:
    inset 0 0 16px rgba(53,228,220,.025),
    0 0 18px rgba(53,228,220,.04);
}

/* Bench pulse ribbon feels more like an instrument strip */
.h177-bench-ribbon{
  border-color:rgba(53,228,220,.18);
  background:
    linear-gradient(180deg,rgba(10,22,24,.96),rgba(5,12,14,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 -8px 20px rgba(0,0,0,.14);
}

.h177-ribbon-label{
  text-shadow:0 0 12px rgba(168,255,62,.18);
}

/* Product grid/card refinements */
.h177-product-grid{
  gap:11px;
}

.h177-card-frame{
  position:relative;
  overflow:hidden;
  border-color:rgba(53,228,220,.14);
  background:
    linear-gradient(180deg,rgba(12,22,25,.98),rgba(6,12,14,.985));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.35),
    0 12px 26px rgba(0,0,0,.20);
}

/* Metallic beveled top edge */
.h177-card-frame:before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:6px;
  height:1px;
  z-index:3;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(160,255,245,.16) 18%,
    rgba(255,255,255,.12) 50%,
    rgba(160,255,245,.12) 82%,
    transparent
  );
  pointer-events:none;
}

/* Animated scanner/highlight shimmer on hover only */
.h177-card-frame:after{
  content:"";
  position:absolute;
  top:-12%;
  bottom:-12%;
  left:-35%;
  width:24%;
  z-index:4;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(160,255,245,.06),
    rgba(255,255,255,.02),
    rgba(255,255,255,0)
  );
  transform:skewX(-12deg);
  opacity:0;
}

.h177-card-frame:hover:after{
  opacity:1;
  animation:h186CardSweep 1.35s ease-out 1;
}

.h177-card-frame:hover{
  transform:translateY(-3px);
  border-color:rgba(53,228,220,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 38px rgba(0,0,0,.28),
    0 0 0 1px rgba(53,228,220,.05),
    0 0 22px rgba(53,228,220,.045);
}

/* More polished display well behind each mock component */
.h177-card-art{
  border-color:rgba(53,228,220,.08);
  background:
    radial-gradient(circle at 50% 22%,rgba(255,255,255,.055),transparent 34%),
    radial-gradient(circle at 50% 78%,rgba(53,228,220,.045),transparent 30%),
    linear-gradient(180deg,#111a1d,#081012 82%);
  box-shadow:
    inset 0 0 34px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.025);
}

/* Small base shelf under each component */
.h177-card-art:before{
  content:"";
  position:absolute;
  left:13%;
  right:13%;
  bottom:12px;
  height:6px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.52),rgba(0,0,0,0) 72%);
  filter:blur(2px);
  pointer-events:none;
}

.h177-card-body{
  position:relative;
}

.h177-card-body h3{
  color:#dff7f4;
  letter-spacing:.005em;
}

.h177-card-body p{
  color:#859793;
}

.h177-card-body strong{
  color:#f4fbfa;
}

/* Cart/action button gets a stronger instrument-panel feel */
.h177-card .mini-cart{
  border-color:rgba(53,228,220,.22);
  background:
    linear-gradient(180deg,rgba(53,228,220,.075),rgba(53,228,220,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.h177-card .mini-cart:hover{
  color:#dffffb;
  border-color:rgba(53,228,220,.38);
  background:
    linear-gradient(180deg,rgba(53,228,220,.13),rgba(53,228,220,.06));
  box-shadow:0 0 18px rgba(53,228,220,.07);
}

/* Scope card gets a slightly richer frame */
.h177-scope-card .h177-card-frame{
  border-color:rgba(53,228,220,.25);
  background:
    radial-gradient(circle at 50% 14%,rgba(53,228,220,.045),transparent 36%),
    linear-gradient(180deg,rgba(12,23,26,.985),rgba(5,11,13,.99));
}

.h177-scope-card .h177-card-body strong{
  color:var(--teal);
  text-shadow:0 0 10px rgba(53,228,220,.14);
}

/* Give different card types just a hint of accent personality */
.h177-card:nth-child(2) .h177-card-frame{
  border-bottom-color:rgba(240,170,74,.18);
}

.h177-card:nth-child(3) .h177-card-frame{
  border-bottom-color:rgba(53,228,220,.24);
}

.h177-card:nth-child(4) .h177-card-frame{
  border-bottom-color:rgba(168,255,62,.16);
}

.h177-card:nth-child(5) .h177-card-frame{
  border-bottom-color:rgba(240,170,74,.15);
}

@keyframes h186CardSweep{
  0%{left:-35%}
  100%{left:125%}
}

@media(max-width:760px){
  .h177-featured{
    padding-bottom:18px;
  }

  .h177-featured:after{
    left:10px;
    right:10px;
    bottom:5px;
  }

  .h177-card-frame:hover{
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .h177-card-frame:hover:after{
    animation:none!important;
  }
}


/* ================================================================
   H187 — FEATURED BENCH SPOOKY SHELL
   STAGING ONLY / COSMETIC ONLY
   Adds a restrained haunted-industrial shell around Featured Bench Finds.
   ================================================================ */

.h177-featured{
  position:relative;
  border-color:rgba(53,228,220,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 0 0 1px rgba(53,228,220,.04),
    0 20px 44px rgba(0,0,0,.26);
}

/* Haunted industrial shell / frame */
.h177-featured:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 3.2% 5%, rgba(168,255,62,.10) 0 8px, transparent 9px),
    radial-gradient(circle at 96.8% 5%, rgba(168,255,62,.10) 0 8px, transparent 9px),
    radial-gradient(circle at 3.2% 95%, rgba(168,255,62,.10) 0 8px, transparent 9px),
    radial-gradient(circle at 96.8% 95%, rgba(168,255,62,.10) 0 8px, transparent 9px),

    radial-gradient(circle at 7% 12%, rgba(53,228,220,.08), transparent 10%),
    radial-gradient(circle at 93% 14%, rgba(53,228,220,.06), transparent 12%),
    radial-gradient(circle at 8% 88%, rgba(53,228,220,.04), transparent 14%),
    radial-gradient(circle at 92% 90%, rgba(53,228,220,.05), transparent 15%),

    radial-gradient(ellipse at 10% 100%, rgba(53,228,220,.06), transparent 32%),
    radial-gradient(ellipse at 90% 100%, rgba(53,228,220,.06), transparent 32%),

    linear-gradient(90deg, rgba(53,228,220,.08), rgba(53,228,220,0) 10%, rgba(53,228,220,0) 90%, rgba(53,228,220,.08)),
    linear-gradient(180deg, rgba(53,228,220,.08), rgba(53,228,220,0) 11%, rgba(53,228,220,0) 89%, rgba(53,228,220,.08));
  box-shadow:
    inset 0 0 0 1px rgba(53,228,220,.06),
    inset 0 0 30px rgba(53,228,220,.025),
    inset 0 -32px 46px rgba(0,0,0,.18);
}

/* Corner "grave-plate" feel */
.h177-featured .section-title-row{
  position:relative;
  z-index:2;
}

.h177-featured .section-title-row:before,
.h177-featured .section-title-row:after{
  content:"";
  position:absolute;
  top:-6px;
  width:36px;
  height:36px;
  border:1px solid rgba(53,228,220,.10);
  background:
    linear-gradient(145deg, rgba(255,255,255,.02), rgba(0,0,0,.12));
  box-shadow:
    inset 0 0 12px rgba(53,228,220,.03),
    0 8px 14px rgba(0,0,0,.14);
  transform:rotate(45deg);
  border-radius:6px;
  opacity:.66;
}

.h177-featured .section-title-row:before{
  left:-4px;
}

.h177-featured .section-title-row:after{
  right:-4px;
}

/* Slight ghostly glow under the title */
.h177-featured .kicker{
  text-shadow:
    0 0 16px rgba(53,228,220,.14),
    0 0 30px rgba(53,228,220,.05);
}

/* Make the rail feel more like a lit bench shelf */
.h177-featured:after{
  height:6px;
  background:
    linear-gradient(90deg,
      rgba(53,228,220,0),
      rgba(53,228,220,.18) 16%,
      rgba(168,255,62,.11) 36%,
      rgba(240,170,74,.09) 58%,
      rgba(53,228,220,.18) 84%,
      rgba(53,228,220,0)
    );
  box-shadow:
    0 0 16px rgba(53,228,220,.05);
}

/* Subtle fog softness at the lower corners only */
.h177-featured .h177-product-grid{
  position:relative;
  z-index:2;
}

.h177-featured .h177-product-grid:before{
  content:"";
  position:absolute;
  left:-8px;
  right:-8px;
  bottom:-2px;
  height:34px;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 8% 100%, rgba(130,220,220,.055), transparent 42%),
    radial-gradient(ellipse at 92% 100%, rgba(130,220,220,.055), transparent 42%);
  filter:blur(4px);
  opacity:.78;
}

@media(max-width:760px){
  .h177-featured .section-title-row:before,
  .h177-featured .section-title-row:after{
    width:22px;
    height:22px;
    top:-3px;
    opacity:.45;
  }

  .h177-featured .h177-product-grid:before{
    height:20px;
    filter:blur(3px);
    opacity:.52;
  }
}


/* ================================================================
   H188 — LIVE FEATURED BENCH FINDS BRIDGE STYLES
   STAGING ONLY / READ-ONLY WIRING
   ================================================================ */

.h177-live-pill.h188-loading{
  color:#d8b56d;
  border-color:rgba(240,170,74,.26);
}

.h177-live-pill.h188-loading i{
  background:var(--amber);
  box-shadow:0 0 10px var(--amber);
}

.h177-live-pill.h188-ok{
  color:#aef7ef;
  border-color:rgba(53,228,220,.34);
  background:rgba(53,228,220,.085);
}

.h177-live-pill.h188-warn{
  color:#f0cf8e;
  border-color:rgba(240,170,74,.30);
  background:rgba(240,170,74,.06);
}

.h188-live-art{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  background:
    radial-gradient(circle at 50% 38%,rgba(53,228,220,.05),transparent 44%),
    linear-gradient(180deg,#0e171a,#071012);
}

.h188-live-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:7px;
  filter:saturate(.96) contrast(1.03);
  transition:transform .22s ease, filter .22s ease;
}

.h188-live-card .h177-card-frame:hover .h188-live-img{
  transform:scale(1.025);
  filter:saturate(1.02) contrast(1.05);
}

.h188-live-corner{
  position:absolute;
  right:8px;
  top:8px;
  z-index:4;
  padding:4px 7px;
  border:1px solid rgba(53,228,220,.26);
  border-radius:999px;
  background:rgba(3,12,14,.82);
  color:var(--teal);
  font-size:8px;
  font-weight:1000;
  letter-spacing:.12em;
  box-shadow:0 0 12px rgba(53,228,220,.06);
}

.h188-image-fallback{
  display:grid;
  place-items:center;
  align-content:center;
  width:100%;
  height:100%;
  gap:4px;
  border:1px dashed rgba(53,228,220,.12);
  border-radius:8px;
}

.h188-image-fallback span{
  color:var(--teal);
  font-size:34px;
  font-weight:1000;
}

.h188-image-fallback small{
  color:#79908d;
  font-size:8px;
  letter-spacing:.12em;
}

.h188-view-product{
  display:block;
  text-align:center;
  text-decoration:none;
  line-height:1.25;
}

.h188-live-loaded .h177-card-body strong{
  color:#ecfbf8;
}

@media(max-width:760px){
  .h188-live-art{
    padding:6px;
  }
}


/* ================================================================
   H189 — FEATURED BENCH SPOOKY SHELL V2
   STAGING ONLY / COSMETIC ONLY
   Makes the haunted Boneyard shell more visible around the live cards
   without touching H188 live product data or card wiring.
   ================================================================ */

.h177-featured{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(53,228,220,.30);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% -10%,rgba(53,228,220,.07),transparent 24rem),
    linear-gradient(180deg,rgba(8,17,20,.985),rgba(4,9,11,.99));
  box-shadow:
    inset 0 0 0 1px rgba(53,228,220,.055),
    inset 0 0 34px rgba(53,228,220,.028),
    0 20px 46px rgba(0,0,0,.28),
    0 0 24px rgba(53,228,220,.035);
}

/* Distressed industrial edge */
.h177-featured:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(90deg,
      rgba(53,228,220,.14) 0 2px,
      transparent 2px calc(100% - 2px),
      rgba(53,228,220,.14) calc(100% - 2px)
    ),
    linear-gradient(180deg,
      rgba(53,228,220,.10) 0 2px,
      transparent 2px calc(100% - 2px),
      rgba(53,228,220,.12) calc(100% - 2px)
    ),
    radial-gradient(circle at 2.4% 4.8%,rgba(168,255,62,.18) 0 5px,transparent 6px),
    radial-gradient(circle at 97.6% 4.8%,rgba(168,255,62,.18) 0 5px,transparent 6px),
    radial-gradient(circle at 2.4% 95.2%,rgba(168,255,62,.14) 0 5px,transparent 6px),
    radial-gradient(circle at 97.6% 95.2%,rgba(168,255,62,.14) 0 5px,transparent 6px),
    repeating-linear-gradient(118deg,
      rgba(255,255,255,.018) 0 1px,
      transparent 1px 17px);
  opacity:.9;
}

/* Skull hardware near the title area only */
.h177-featured .section-title-row:before{
  content:"☠";
  position:absolute;
  left:4px;
  top:-2px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  transform:none;
  border:1px solid rgba(53,228,220,.19);
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 32%,rgba(255,255,255,.05),transparent 28%),
    linear-gradient(180deg,#101a1d,#071012);
  color:#7ce5dd;
  font-size:18px;
  line-height:1;
  text-shadow:
    0 0 8px rgba(53,228,220,.28),
    0 0 16px rgba(53,228,220,.10);
  box-shadow:
    inset 0 0 10px rgba(53,228,220,.03),
    0 8px 14px rgba(0,0,0,.18);
  opacity:.9;
}

/* Bone-cross hardware on the right */
.h177-featured .section-title-row:after{
  content:"✕";
  position:absolute;
  right:5px;
  top:2px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  transform:rotate(45deg);
  border:1px solid rgba(168,255,62,.14);
  border-radius:7px;
  background:linear-gradient(180deg,#101719,#070c0e);
  color:#9bdc78;
  font-size:16px;
  line-height:1;
  box-shadow:
    inset 0 0 10px rgba(168,255,62,.025),
    0 8px 14px rgba(0,0,0,.16);
  opacity:.65;
}

.h177-featured .section-title-row{
  padding-left:44px;
  padding-right:42px;
}

/* Stronger haunted glow under title */
.h177-featured .kicker{
  color:#51eee4;
  text-shadow:
    0 0 10px rgba(53,228,220,.20),
    0 0 24px rgba(53,228,220,.09);
}

/* Rivet dots along top/bottom inner rail */
.h177-featured .h177-bench-ribbon{
  position:relative;
  z-index:2;
  border-color:rgba(53,228,220,.22);
}

.h177-featured .h177-bench-ribbon:before,
.h177-featured .h177-bench-ribbon:after{
  content:"";
  position:absolute;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  transform:translateY(-50%);
  background:radial-gradient(circle,#9bccc7 0 18%,#34484a 22% 60%,#101819 64%);
  box-shadow:0 0 8px rgba(53,228,220,.06);
}

.h177-featured .h177-bench-ribbon:before{left:7px}
.h177-featured .h177-bench-ribbon:after{right:7px}

/* More visible, but still restrained fog at bottom corners */
.h177-featured .h177-product-grid:before{
  content:"";
  position:absolute;
  left:-20px;
  right:-20px;
  bottom:-8px;
  height:54px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 7% 100%,rgba(120,225,216,.095),transparent 46%),
    radial-gradient(ellipse at 93% 100%,rgba(120,225,216,.095),transparent 46%),
    radial-gradient(ellipse at 50% 118%,rgba(150,150,190,.035),transparent 56%);
  filter:blur(6px);
  opacity:.92;
}

/* Keep the live H188 cards above the fog layer */
.h177-featured .h177-card{
  position:relative;
  z-index:2;
}

/* Tiny graveyard-like lower corner tabs */
.h177-featured .h177-card:first-child:before,
.h177-featured .h177-card:last-child:before{
  content:"";
  position:absolute;
  bottom:-8px;
  width:26px;
  height:12px;
  z-index:5;
  border:1px solid rgba(53,228,220,.12);
  border-radius:12px 12px 3px 3px;
  background:linear-gradient(180deg,#182426,#0b1113);
  opacity:.65;
}

.h177-featured .h177-card:first-child:before{left:12px}
.h177-featured .h177-card:last-child:before{right:12px}

@media(max-width:760px){
  .h177-featured .section-title-row{
    padding-left:36px;
    padding-right:30px;
  }

  .h177-featured .section-title-row:before{
    width:28px;
    height:28px;
    font-size:15px;
    left:1px;
  }

  .h177-featured .section-title-row:after{
    width:22px;
    height:22px;
    font-size:12px;
    right:2px;
  }

  .h177-featured .h177-product-grid:before{
    height:36px;
    filter:blur(4px);
    opacity:.65;
  }
}


/* ================================================================
   H190 — SPONSOR CAROUSEL POLISH
   STAGING ONLY / COSMETIC ONLY
   Refines the existing auto-scrolling sponsor carousel.
   No sponsor feed or live wiring yet.
   ================================================================ */

.sponsors{
  position:relative;
  overflow:hidden;
  border-color:rgba(53,228,220,.20);
  background:
    radial-gradient(circle at 14% 0%,rgba(53,228,220,.05),transparent 16rem),
    radial-gradient(circle at 88% 8%,rgba(164,117,255,.055),transparent 17rem),
    linear-gradient(180deg,rgba(9,17,20,.98),rgba(4,9,11,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 0 0 1px rgba(53,228,220,.03),
    0 18px 40px rgba(0,0,0,.23);
}

.sponsors:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(53,228,220,.08),transparent 7%,transparent 93%,rgba(53,228,220,.08)),
    repeating-linear-gradient(118deg,rgba(255,255,255,.012) 0 1px,transparent 1px 22px);
  opacity:.75;
}

.sponsor-heading{
  position:relative;
  z-index:2;
  align-items:center;
  padding-bottom:12px;
  margin-bottom:12px;
  border-bottom:1px solid rgba(53,228,220,.10);
}

.sponsor-heading .kicker{
  color:var(--teal);
  letter-spacing:.08em;
  text-shadow:
    0 0 12px rgba(53,228,220,.16),
    0 0 26px rgba(53,228,220,.05);
}

.sponsor-window{
  position:relative;
  z-index:2;
  padding:7px 0 9px;
  border-top:1px solid rgba(53,228,220,.07);
  border-bottom:1px solid rgba(53,228,220,.07);
  background:
    linear-gradient(180deg,rgba(2,8,10,.72),rgba(2,7,9,.82));
  box-shadow:
    inset 0 10px 22px rgba(0,0,0,.16),
    inset 0 -10px 22px rgba(0,0,0,.16);
}

/* light rails */
.sponsor-window:before,
.sponsor-window:after{
  content:"";
  position:absolute;
  left:3%;
  right:3%;
  height:1px;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(53,228,220,.22) 18%,
    rgba(164,117,255,.18) 50%,
    rgba(53,228,220,.22) 82%,
    transparent
  );
  box-shadow:0 0 10px rgba(53,228,220,.05);
}

.sponsor-window:before{top:4px}
.sponsor-window:after{bottom:4px}

.sponsor-track{
  gap:12px;
  animation-duration:34s;
}

.sponsor-card{
  position:relative;
  width:228px;
  min-height:92px;
  padding:13px 14px;
  border:1px solid rgba(53,228,220,.14);
  border-radius:12px;
  background:
    radial-gradient(circle at 20% 15%,rgba(53,228,220,.04),transparent 35%),
    linear-gradient(180deg,#0e171a,#070d0f);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 22px rgba(0,0,0,.18);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.sponsor-card:before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:6px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  opacity:.8;
}

.sponsor-card:hover{
  transform:translateY(-2px) scale(1.012);
  border-color:rgba(53,228,220,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 16px 28px rgba(0,0,0,.24),
    0 0 18px rgba(53,228,220,.045);
}

.sponsor-card span{
  width:46px;
  height:46px;
  border-radius:11px;
  border-color:rgba(53,228,220,.28);
  background:
    radial-gradient(circle at 38% 30%,rgba(255,255,255,.04),transparent 32%),
    linear-gradient(180deg,#0e1d20,#071113);
  color:var(--teal);
  box-shadow:
    inset 0 0 12px rgba(53,228,220,.025),
    0 0 12px rgba(53,228,220,.035);
}

.sponsor-card strong{
  color:#d8efec;
  font-size:10px;
  letter-spacing:.07em;
}

.sponsor-card small{
  color:#7f918e;
  font-size:9px;
}

/* Alternate subtle accent tones so the rail has more life */
.sponsor-card:nth-child(3n+2){
  border-bottom-color:rgba(164,117,255,.20);
}

.sponsor-card:nth-child(3n+2) span{
  color:#b59cff;
  border-color:rgba(164,117,255,.22);
}

.sponsor-card:nth-child(3n+3){
  border-bottom-color:rgba(168,255,62,.16);
}

.sponsor-card:nth-child(3n+3) span{
  color:var(--lime);
  border-color:rgba(168,255,62,.18);
}

.violet-chip{
  border-color:rgba(164,117,255,.30);
  color:#c8b4ff;
  background:
    linear-gradient(180deg,rgba(164,117,255,.09),rgba(164,117,255,.04));
  box-shadow:0 0 16px rgba(164,117,255,.045);
}

/* tiny "sponsor wall" hardware at the outer corners */
.sponsors .sponsor-heading:before,
.sponsors .sponsor-heading:after{
  content:"";
  position:absolute;
  top:2px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:radial-gradient(circle,#8ba5a1 0 20%,#2d3b3d 25% 62%,#0b1112 68%);
  box-shadow:0 0 8px rgba(53,228,220,.04);
  opacity:.8;
}

.sponsors .sponsor-heading:before{left:2px}
.sponsors .sponsor-heading:after{right:2px}

@media(max-width:760px){
  .sponsor-card{
    width:205px;
    min-height:86px;
  }

  .sponsor-track{
    animation-duration:30s;
  }
}


/* ================================================================
   H191 — SPONSOR CARD HOVER LIGHT
   STAGING ONLY / COSMETIC ONLY
   Adds a stronger light/glow effect when hovering sponsor tiles.
   ================================================================ */

.sponsor-card{
  overflow:hidden;
}

.sponsor-card:after{
  content:"";
  position:absolute;
  top:-18%;
  bottom:-18%;
  left:-38%;
  width:28%;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(160,255,245,.03),
    rgba(160,255,245,.16),
    rgba(255,255,255,.08),
    rgba(160,255,245,.03),
    rgba(255,255,255,0)
  );
  filter:blur(.4px);
  transform:skewX(-14deg);
  opacity:0;
}

.sponsor-card:hover:after{
  opacity:1;
  animation:h191SponsorSweep 1.15s ease-out 1;
}

.sponsor-card:hover{
  transform:translateY(-3px) scale(1.015);
  border-color:rgba(53,228,220,.38);
  background:
    radial-gradient(circle at 50% 18%,rgba(53,228,220,.08),transparent 42%),
    linear-gradient(180deg,#112024,#081013);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 20px rgba(53,228,220,.035),
    0 18px 30px rgba(0,0,0,.27),
    0 0 16px rgba(53,228,220,.10),
    0 0 30px rgba(53,228,220,.05);
}

.sponsor-card:hover span{
  border-color:rgba(53,228,220,.45);
  box-shadow:
    inset 0 0 14px rgba(53,228,220,.04),
    0 0 12px rgba(53,228,220,.16),
    0 0 22px rgba(53,228,220,.07);
}

.sponsor-card:nth-child(3n+2):hover{
  border-color:rgba(164,117,255,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 20px rgba(164,117,255,.035),
    0 18px 30px rgba(0,0,0,.27),
    0 0 16px rgba(164,117,255,.10),
    0 0 30px rgba(164,117,255,.05);
}

.sponsor-card:nth-child(3n+2):hover span{
  border-color:rgba(164,117,255,.42);
  box-shadow:
    inset 0 0 14px rgba(164,117,255,.04),
    0 0 12px rgba(164,117,255,.15),
    0 0 22px rgba(164,117,255,.07);
}

.sponsor-card:nth-child(3n+3):hover{
  border-color:rgba(168,255,62,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 20px rgba(168,255,62,.03),
    0 18px 30px rgba(0,0,0,.27),
    0 0 16px rgba(168,255,62,.09),
    0 0 30px rgba(168,255,62,.045);
}

.sponsor-card:nth-child(3n+3):hover span{
  border-color:rgba(168,255,62,.38);
  box-shadow:
    inset 0 0 14px rgba(168,255,62,.035),
    0 0 12px rgba(168,255,62,.13),
    0 0 22px rgba(168,255,62,.06);
}

@keyframes h191SponsorSweep{
  0%{left:-38%}
  100%{left:128%}
}

@media(prefers-reduced-motion:reduce){
  .sponsor-card:hover:after{
    animation:none !important;
  }
}


/* ================================================================
   H192 — LIVE LATEST FROM THE BENCH STYLES
   STAGING ONLY / READ-ONLY WIRING
   ================================================================ */

.latest.h192-latest-connected{
  border-color:rgba(53,228,220,.20);
  background:
    radial-gradient(circle at 12% 0%,rgba(53,228,220,.045),transparent 16rem),
    linear-gradient(180deg,rgba(8,16,19,.98),rgba(4,9,11,.99));
}

.latest.h192-latest-connected .section-title-row{
  padding-bottom:9px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(53,228,220,.09);
}

.latest.h192-latest-connected .section-sub{
  color:#8fa19d;
}

.h192-live-latest{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.h192-latest-item{
  min-width:0;
  display:grid;
  grid-template-columns:54px 1fr;
  gap:10px;
  align-items:center;
  min-height:74px;
  padding:9px 10px;
  border:1px solid rgba(53,228,220,.12);
  border-radius:12px;
  background:
    linear-gradient(180deg,rgba(11,21,24,.97),rgba(5,11,13,.985));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 9px 20px rgba(0,0,0,.16);
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.h192-latest-item:hover{
  transform:translateY(-2px);
  border-color:rgba(53,228,220,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 14px 26px rgba(0,0,0,.22),
    0 0 16px rgba(53,228,220,.045);
}

.h192-latest-thumb{
  width:54px;
  height:54px;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:1px solid rgba(53,228,220,.13);
  border-radius:10px;
  background:
    radial-gradient(circle at 50% 30%,rgba(53,228,220,.05),transparent 40%),
    #071012;
}

.h192-latest-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.h192-thumb-fallback{
  color:var(--teal);
  font-weight:1000;
  font-size:18px;
  text-shadow:0 0 10px rgba(53,228,220,.12);
}

.h192-latest-copy{
  min-width:0;
}

.h192-latest-copy b{
  display:block;
  color:#d9f0ed;
  font-size:11px;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.h192-latest-copy small{
  display:block;
  margin-top:5px;
  color:#78918d;
  font-size:9px;
  line-height:1.25;
}

.h192-view-all{
  text-decoration:none;
}

@media(max-width:1050px){
  .h192-live-latest{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:600px){
  .h192-live-latest{
    grid-template-columns:1fr;
  }

  .h192-latest-item{
    grid-template-columns:62px 1fr;
  }

  .h192-latest-thumb{
    width:62px;
    height:62px;
  }
}


/* H203 REAL INVENTORY - DISTRESSED CREEKY BENCH TAGS */

.h203-real-inventory{
  position:relative;
  isolation:isolate;
}

.h203-real-inventory::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background:
    radial-gradient(circle at 22% 24%, rgba(80,255,215,.08), transparent 25%),
    radial-gradient(circle at 78% 72%, rgba(120,90,255,.07), transparent 26%);
  z-index:-1;
}

.h203-creaky-tag{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:7px 14px !important;
  border:1px solid rgba(102,255,225,.34) !important;
  border-radius:6px !important;
  background:
    linear-gradient(180deg,rgba(18,31,32,.96),rgba(5,13,14,.98)) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.05),
    inset 0 -8px 20px rgba(0,0,0,.22),
    0 7px 18px rgba(0,0,0,.28),
    0 0 13px rgba(67,255,214,.055);
  color:#8ef7df !important;
  font-weight:800 !important;
  letter-spacing:.13em !important;
  text-shadow:
    0 0 7px rgba(79,255,218,.23),
    1px 1px 0 rgba(0,0,0,.9);
  transform-origin:50% -18px;
  overflow:hidden;
  animation:h203Creak 8.4s ease-in-out infinite;
  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease,
    color .24s ease;
}

.h203-creaky-tag::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.27;
  background:
    linear-gradient(102deg,
      transparent 0 18%,
      rgba(255,255,255,.13) 19%,
      transparent 21% 66%,
      rgba(255,255,255,.07) 67%,
      transparent 69%),
    repeating-linear-gradient(
      176deg,
      transparent 0 6px,
      rgba(255,255,255,.025) 7px,
      transparent 8px 13px
    );
  mix-blend-mode:screen;
}

.h203-tag-1{ animation-delay:-1.2s; transform:rotate(-.45deg); }
.h203-tag-2{ animation-delay:-3.8s; transform:rotate(.35deg); }
.h203-tag-3{ animation-delay:-5.1s; transform:rotate(-.25deg); }
.h203-tag-4{ animation-delay:-6.7s; transform:rotate(.5deg); }

.h203-creaky-tag:hover{
  color:#c5fff1 !important;
  border-color:rgba(126,255,230,.68) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.08),
    0 9px 24px rgba(0,0,0,.32),
    0 0 22px rgba(69,255,216,.12);
  transform:translateY(-2px) rotate(0deg) !important;
}

.h203-live-cta{
  text-decoration:none !important;
}

@keyframes h203Creak{
  0%,100% { transform:translateY(0) rotate(0deg); }
  21%     { transform:translateY(-.3px) rotate(-.22deg); }
  22%     { transform:translateY(.2px) rotate(.16deg); }
  49%     { transform:translateY(0) rotate(.08deg); }
  72%     { transform:translateY(-.25px) rotate(.2deg); }
  73%     { transform:translateY(0) rotate(-.12deg); }
}

@media (prefers-reduced-motion:reduce){
  .h203-creaky-tag{
    animation:none !important;
  }
}

@media (max-width:700px){
  .h203-creaky-tag{
    min-height:29px;
    padding:6px 10px !important;
    font-size:.72rem !important;
    letter-spacing:.09em !important;
  }
}


/* H204 TOP NAV - HAUNTED MACHINE SHOP TEXT */

.h204-haunted-nav{
  position:relative;
  isolation:isolate;
}

.h204-haunted-nav::before{
  content:"";
  position:absolute;
  left:1%;
  right:1%;
  bottom:-1px;
  height:1px;
  pointer-events:none;
  opacity:.32;
  background:
    linear-gradient(90deg,
      transparent,
      rgba(71,255,218,.32) 14%,
      rgba(155,118,255,.22) 42%,
      rgba(193,255,105,.22) 72%,
      transparent);
  filter:blur(.2px);
}

.h204-nav-link{
  position:relative;
  display:inline-block;
  color:#e6ecea !important;
  text-decoration:none !important;
  font-weight:800 !important;
  letter-spacing:.035em;
  transform-origin:50% 55%;
  transition:
    color .18s ease,
    text-shadow .18s ease,
    transform .18s ease,
    letter-spacing .18s ease,
    opacity .18s ease;
  will-change:transform;
}

.h204-nav-link::after{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  bottom:-7px;
  height:2px;
  opacity:0;
  transform:scaleX(.22) skewX(-18deg);
  transform-origin:center;
  background:
    repeating-linear-gradient(
      90deg,
      currentColor 0 7px,
      transparent 7px 10px,
      currentColor 10px 14px
    );
  box-shadow:0 0 7px currentColor;
  transition:
    opacity .17s ease,
    transform .22s cubic-bezier(.2,.8,.2,1);
}

.h204-nav-link:hover,
.h204-nav-link:focus-visible{
  letter-spacing:.055em;
  transform:translateY(-1px) rotate(-.55deg) skewX(-1deg);
  animation:h204Creak .42s ease-in-out 1;
  outline:none;
}

.h204-nav-link:hover::after,
.h204-nav-link:focus-visible::after{
  opacity:.72;
  transform:scaleX(1) skewX(-18deg);
}

.h204-teal:hover,
.h204-teal:focus-visible{
  color:#67f4d8 !important;
  text-shadow:
    0 0 4px rgba(103,244,216,.54),
    0 0 13px rgba(103,244,216,.24);
}

.h204-amber:hover,
.h204-amber:focus-visible{
  color:#ffc66d !important;
  text-shadow:
    0 0 4px rgba(255,198,109,.48),
    0 0 13px rgba(255,198,109,.20);
}

.h204-lime:hover,
.h204-lime:focus-visible{
  color:#c6ff74 !important;
  text-shadow:
    0 0 4px rgba(198,255,116,.48),
    0 0 13px rgba(198,255,116,.20);
}

.h204-purple:hover,
.h204-purple:focus-visible{
  color:#bc97ff !important;
  text-shadow:
    0 0 4px rgba(188,151,255,.50),
    0 0 13px rgba(188,151,255,.21);
}

.h204-nav-2:hover{ transform:translateY(-1px) rotate(.45deg) skewX(.8deg); }
.h204-nav-3:hover{ transform:translateY(-1px) rotate(-.35deg) skewX(-.8deg); }
.h204-nav-4:hover{ transform:translateY(-1px) rotate(.6deg) skewX(1deg); }
.h204-nav-5:hover{ transform:translateY(-1px) rotate(-.4deg) skewX(-.8deg); }
.h204-nav-6:hover{ transform:translateY(-1px) rotate(.5deg) skewX(.8deg); }
.h204-nav-7:hover{ transform:translateY(-1px) rotate(-.5deg) skewX(-.8deg); }
.h204-nav-8:hover{ transform:translateY(-1px) rotate(.35deg) skewX(.7deg); }

@keyframes h204Creak{
  0%   { translate:0 0; }
  22%  { translate:-.7px .15px; }
  41%  { translate:.55px -.25px; }
  63%  { translate:-.28px 0; }
  100% { translate:0 0; }
}

@media (prefers-reduced-motion:reduce){
  .h204-nav-link:hover,
  .h204-nav-link:focus-visible{
    animation:none !important;
  }
}

@media (max-width:850px){
  .h204-haunted-nav{
    overflow-x:auto;
    scrollbar-width:none;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
  }

  .h204-haunted-nav::-webkit-scrollbar{
    display:none;
  }

  .h204-nav-link{
    flex:0 0 auto;
  }
}


/* =========================================================
   RFB HOMEPAGE BENCH VERIFICATION BAY H225
   ========================================================= */
.rfb-bench-h225{
  position:relative!important;
  overflow:hidden!important;
}
.rfb-bench-h225:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,transparent 0%,rgba(85,255,222,.025) 50%,transparent 100%),
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.018) 0px,
      rgba(255,255,255,.018) 1px,
      transparent 1px,
      transparent 5px
    );
  mix-blend-mode:screen;
  opacity:.36;
  animation:rfbBenchScanH225 7s linear infinite;
}
.rfb-bench-h225:after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:3%;
  top:-90px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(70,238,211,.13),rgba(70,238,211,.035) 38%,transparent 68%);
  filter:blur(10px);
  animation:rfbBenchGlowH225 6s ease-in-out infinite;
}

.rfb-bench-kicker-h225{
  color:#8ea6a2!important;
  letter-spacing:.19em!important;
}
.rfb-bench-sub-h225{
  display:block;
  margin-top:7px;
  color:#7ce9d4;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  opacity:.8;
}

.rfb-bench-bay-h225{
  position:absolute;
  z-index:4;
  right:16px;
  bottom:14px;
  left:16px;
  display:grid;
  grid-template-columns:minmax(155px,1.2fr) minmax(145px,.9fr) auto;
  gap:10px;
  align-items:stretch;
  pointer-events:none;
}

.rfb-meter-h225,
.rfb-status-h225,
.rfb-ledbank-h225{
  border:1px solid rgba(79,180,166,.27);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(4,14,17,.88),rgba(2,8,11,.93));
  box-shadow:
    inset 0 1px rgba(255,255,255,.03),
    inset 0 0 22px rgba(68,247,216,.025),
    0 10px 24px rgba(0,0,0,.18);
}

.rfb-meter-h225{
  padding:10px 12px;
}
.rfb-meter-label-h225,
.rfb-status-label-h225{
  display:block;
  color:#668a83;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.rfb-meter-value-h225{
  display:flex;
  align-items:flex-end;
  gap:7px;
  margin-top:4px;
  font-family:Consolas,Monaco,monospace;
  color:#73f5dc;
  text-shadow:0 0 12px rgba(72,245,215,.25);
}
.rfb-meter-value-h225 strong{
  font-size:1.16rem;
  letter-spacing:.08em;
}
.rfb-meter-value-h225 small{
  margin-bottom:2px;
  color:#89a8a2;
  font-size:.55rem;
  letter-spacing:.08em;
}

.rfb-status-h225{
  padding:10px 12px;
}
.rfb-status-value-h225{
  display:block;
  margin-top:5px;
  color:#ffd37b;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 0 10px rgba(255,191,75,.14);
  transition:opacity .25s ease,transform .25s ease;
}
.rfb-status-value-h225.rfb-swap-h225{
  opacity:.16;
  transform:translateY(2px);
}

.rfb-ledbank-h225{
  min-width:94px;
  padding:9px 11px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
}
.rfb-ledrow-h225{
  display:flex;
  align-items:center;
  gap:7px;
  color:#7f9691;
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.1em;
}
.rfb-led-h225{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#40534f;
  box-shadow:0 0 0 1px rgba(255,255,255,.04);
}
.rfb-led-h225.on{
  background:#75f6db;
  box-shadow:0 0 8px rgba(85,247,216,.68),0 0 18px rgba(85,247,216,.18);
}
.rfb-led-h225.warn{
  background:#ffc862;
  box-shadow:0 0 8px rgba(255,197,88,.6),0 0 16px rgba(255,197,88,.15);
}

.rfb-bench-pulse-h225{
  animation:rfbBenchPulseH225 2.8s ease-in-out infinite;
}

@keyframes rfbBenchScanH225{
  0%{transform:translateY(-14px)}
  100%{transform:translateY(14px)}
}
@keyframes rfbBenchGlowH225{
  0%,100%{opacity:.45;transform:scale(.96)}
  50%{opacity:.82;transform:scale(1.05)}
}
@keyframes rfbBenchPulseH225{
  0%,100%{opacity:.75}
  50%{opacity:1}
}

@media(max-width:850px){
  .rfb-bench-bay-h225{
    position:relative;
    right:auto;
    bottom:auto;
    left:auto;
    margin:14px 12px 10px;
    grid-template-columns:1fr 1fr;
  }
  .rfb-ledbank-h225{
    grid-column:1/-1;
    flex-direction:row;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}
@media(max-width:540px){
  .rfb-bench-bay-h225{grid-template-columns:1fr}
  .rfb-ledbank-h225{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  .rfb-bench-h225:before,
  .rfb-bench-h225:after,
  .rfb-bench-pulse-h225{
    animation:none!important;
  }
}


/* RFB HOMEPAGE LOWER LINK HUB H227 */
.rfb-link-h227{
  cursor:pointer!important;
  transition:
    color .18s ease,
    border-color .18s ease,
    text-shadow .18s ease,
    box-shadow .18s ease,
    transform .18s ease!important;
}
.rfb-link-h227:hover,
.rfb-link-h227:focus{
  color:#9affea!important;
  text-shadow:0 0 9px rgba(91,255,221,.42);
  outline:none;
}
.rfb-link-pill-h227:hover,
.rfb-link-pill-h227:focus{
  transform:translateY(-1px);
  border-color:rgba(91,255,221,.58)!important;
  box-shadow:
    0 0 0 1px rgba(91,255,221,.08),
    0 0 18px rgba(91,255,221,.10)!important;
}
.rfb-link-h227 .rfb-keyword-h227,
.rfb-keyword-h227{
  color:#7ff5de!important;
  font-weight:900!important;
}


/* RFB FOOTER LEGAL LINKS H228 */
.rfb-legal-link-h228{
  transition:color .18s ease,text-shadow .18s ease!important;
}
.rfb-legal-link-h228:hover,
.rfb-legal-link-h228:focus{
  color:#9affea!important;
  text-shadow:0 0 9px rgba(91,255,221,.35)!important;
  outline:none;
}


/* RFB HOMEPAGE ACTION CARDS H229 */
.rfb-action-link-h229{
  transition:
    color .18s ease,
    text-shadow .18s ease,
    filter .18s ease,
    transform .18s ease!important;
}
.rfb-action-link-h229:hover,
.rfb-action-link-h229:focus{
  color:#9affea!important;
  text-shadow:0 0 9px rgba(91,255,221,.35)!important;
  outline:none!important;
}
.rfb-action-big-h229:hover,
.rfb-action-big-h229:focus{
  transform:translateY(-2px) scale(1.015);
  filter:brightness(1.06);
}


/* =========================================================
   H231 FEATURED LIVE-FEED FLASH GUARD
   Prevent static H177 mock cards from flashing before H188.
   ========================================================= */

.h177-featured{
  --h231-sync-bg:
    repeating-linear-gradient(
      90deg,
      rgba(71,240,214,.025) 0 1px,
      transparent 1px 24px
    ),
    linear-gradient(180deg,rgba(5,17,20,.92),rgba(3,11,14,.94));
}

/* Static mock cards remain in source as emergency fallback,
   but do not become buyer-visible while live feed is syncing. */
.h177-featured:not(.h188-live-loaded):not(.h231-fallback-ready) .h177-product-grid{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

/* Hold the exact card-grid footprint so the page does not jump. */
.h177-featured:not(.h188-live-loaded):not(.h231-fallback-ready) .h177-product-grid{
  min-height:286px;
}

/* Clean syncing overlay instead of old H177 icons/cards. */
.h177-featured:not(.h188-live-loaded):not(.h231-fallback-ready) .h177-bench-ribbon::after{
  content:"SYNCING BENCH FINDS · LIVE INVENTORY FEED";
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  color:#72e8d2;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  opacity:.72;
  text-shadow:0 0 10px rgba(67,240,211,.18);
}

.h177-bench-ribbon{
  position:relative;
}

/* Fade the real cards in only when H188 reports ready. */
.h177-featured .h177-product-grid{
  transition:opacity .22s ease,filter .22s ease;
}

.h177-featured.h188-live-loaded .h177-product-grid{
  opacity:1;
  visibility:visible;
  filter:none;
}

/* Smooth image reveal. */
.h177-featured .h188-live-img{
  opacity:0;
  transition:opacity .18s ease;
}

.h177-featured.h188-live-loaded .h188-live-img{
  opacity:1;
}

/* Genuine bridge failure: allow H188's existing mock fallback. */
.h177-featured.h231-fallback-ready .h177-product-grid{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

/* Never expose the H188 RF fallback as a transient loading artifact.
   It remains usable only when a real product image truly does not exist. */
.h177-featured:not(.h188-live-loaded) .h188-image-fallback{
  opacity:0;
}

.h177-featured.h188-live-loaded .h188-image-fallback{
  opacity:1;
}

@media(max-width:760px){
  .h177-featured:not(.h188-live-loaded):not(.h231-fallback-ready) .h177-product-grid{
    min-height:360px;
  }

  .h177-featured:not(.h188-live-loaded):not(.h231-fallback-ready) .h177-bench-ribbon::after{
    right:10px;
    font-size:8px;
    letter-spacing:.08em;
  }
}

@media(prefers-reduced-motion:reduce){
  .h177-featured .h177-product-grid,
  .h177-featured .h188-live-img{
    transition:none!important;
  }
}


/* RFB HOMEPAGE ADVERTISING LANGUAGE + CTA H236 */
.rfb-ad-headrow-h236{
  position:relative!important;
}

.rfb-advertise-link-h236{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  margin-left:12px;
  padding:7px 11px;
  border:1px solid rgba(81,235,208,.36);
  border-radius:999px;
  background:rgba(31,124,110,.10);
  color:#8ff4df!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  white-space:nowrap;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    color .18s ease,
    transform .18s ease;
}

.rfb-advertise-link-h236:hover,
.rfb-advertise-link-h236:focus{
  color:#d5fff6!important;
  border-color:rgba(81,235,208,.70);
  box-shadow:0 0 16px rgba(58,238,205,.12);
  transform:translateY(-1px);
  outline:none;
}

@media(max-width:700px){
  .rfb-advertise-link-h236{
    margin-left:0;
    margin-top:8px;
  }
}


/* RFB FEATURED ADVERTISERS CTA H237 */
.rfb-advertiser-section-h237{
  position:relative!important;
}

.rfb-advertise-cta-h237{
  position:absolute!important;
  top:18px!important;
  right:112px!important;
  z-index:20!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:7px 13px!important;
  border:1px solid rgba(255,111,205,.72)!important;
  border-radius:999px!important;
  background:
    linear-gradient(180deg,rgba(255,85,190,.24),rgba(127,35,103,.20))!important;
  color:#ff9edf!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
  white-space:nowrap!important;
  box-shadow:
    0 0 0 1px rgba(255,122,211,.05),
    0 0 14px rgba(255,68,183,.16),
    inset 0 1px rgba(255,255,255,.05)!important;
  text-shadow:0 0 9px rgba(255,95,197,.24)!important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    color .16s ease,
    box-shadow .16s ease!important;
}

.rfb-advertise-cta-h237:hover,
.rfb-advertise-cta-h237:focus{
  color:#ffd0ef!important;
  border-color:rgba(255,151,221,.95)!important;
  transform:translateY(-1px)!important;
  box-shadow:
    0 0 0 1px rgba(255,122,211,.09),
    0 0 22px rgba(255,68,183,.28),
    inset 0 1px rgba(255,255,255,.08)!important;
  outline:none!important;
}

@media(max-width:850px){
  .rfb-advertise-cta-h237{
    position:static!important;
    margin:9px 0 0 18px!important;
  }
}



/* H260 real catalog finder */
.finder .h260-field{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:48px;
  padding:7px 10px;
  border:1px solid rgba(69,117,113,.34);
  border-radius:9px;
  background:#081112;
  box-sizing:border-box;
}
.finder .h260-field small{
  margin-bottom:2px;
  color:#718e8a;
  font-size:9px;
  line-height:1.1;
}
.finder .h260-select{
  width:100%;
  border:0!important;
  outline:0!important;
  padding:0 20px 0 0!important;
  background-color:transparent!important;
  color:#e8f8f5!important;
  font:inherit;
  cursor:pointer;
}
.finder .h260-select option{
  color:#e8f8f5;
  background:#071112;
}
.finder[data-h260-ready="1"] .preview-chip{
  color:#7ff4df;
  border-color:rgba(82,231,207,.42);
}
@media(max-width:900px){
  .finder .h260-filters{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:600px){
  .finder .h260-filters{grid-template-columns:1fr!important;}
}




/* RFB HOMEPAGE LIVE FINDER H261 */
.h261-live-finder .h261-live-chip{
  color:#71f1dd!important;
  border-color:rgba(75,231,208,.42)!important;
}

.h261-live-finder .h261-filter-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr)) auto!important;
  gap:8px!important;
  align-items:stretch!important;
}

.h261-live-finder .h261-filter-field{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:50px!important;
  padding:7px 10px!important;
  border:1px solid rgba(70,119,115,.34)!important;
  border-radius:9px!important;
  background:#081112!important;
  box-sizing:border-box!important;
  cursor:default!important;
}

.h261-live-finder .h261-filter-field small{
  margin-bottom:2px!important;
  color:#718e8a!important;
  font-size:9px!important;
  line-height:1.1!important;
}

.h261-live-finder .h261-filter-field select{
  width:100%!important;
  border:0!important;
  outline:0!important;
  padding:0 18px 0 0!important;
  background-color:transparent!important;
  color:#e8f8f5!important;
  font:inherit!important;
  cursor:pointer!important;
}

.h261-live-finder .h261-filter-field select option{
  color:#e8f8f5!important;
  background:#071112!important;
}

.h261-live-finder .h261-more-filter{
  min-width:116px!important;
  cursor:pointer!important;
}

.h261-live-finder .popular a{
  cursor:pointer!important;
}

@media(max-width:1050px){
  .h261-live-finder .h261-filter-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  .h261-live-finder .h261-filter-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:480px){
  .h261-live-finder .h261-filter-grid{
    grid-template-columns:1fr!important;
  }
}




/* RFB HOMEPAGE NEW PARTS LISTED LIVE METRIC H262 */
.metric-grid article.h262-new-parts-live{
  position:relative;
  overflow:hidden;
  cursor:pointer;
  border-color:rgba(66,239,218,.38)!important;
  background:
    radial-gradient(circle at 74% 18%,rgba(71,244,220,.09),transparent 32%),
    linear-gradient(180deg,rgba(8,29,30,.94),rgba(7,17,18,.98))!important;
  box-shadow:
    inset 0 0 20px rgba(56,239,214,.025),
    0 0 22px rgba(31,214,193,.035);
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.metric-grid article.h262-new-parts-live:hover{
  transform:translateY(-2px);
  border-color:rgba(83,255,229,.68)!important;
  box-shadow:
    inset 0 0 24px rgba(56,239,214,.045),
    0 0 28px rgba(31,214,193,.10);
}

.metric-grid article.h262-new-parts-live:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:
    linear-gradient(
      110deg,
      transparent 0%,
      transparent 42%,
      rgba(92,255,232,.06) 49%,
      transparent 56%,
      transparent 100%
    );
  transform:translateX(-120%);
  animation:h262MetricSweep 5.8s ease-in-out infinite;
}

.metric-grid article.h262-new-parts-live strong{
  position:relative;
  display:inline-block;
  min-width:34px;
  color:#65f7df!important;
  font-size:clamp(25px,3vw,38px)!important;
  line-height:.95!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  text-shadow:
    0 0 5px rgba(93,255,230,.90),
    0 0 12px rgba(43,231,205,.48),
    0 0 24px rgba(43,231,205,.18);
  animation:h262NumberPulse 2.8s ease-in-out infinite;
}

.metric-grid article.h262-new-parts-live small{
  color:#b9d7d2!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
}

.metric-grid article.h262-new-parts-live .h262-sub{
  display:block;
  margin-top:4px;
  color:#53d8c4;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
}

.metric-grid article.h262-new-parts-live:after{
  content:"LIVE";
  position:absolute;
  top:9px;
  right:10px;
  padding:3px 6px;
  border:1px solid rgba(82,236,213,.28);
  border-radius:999px;
  color:#76efdd;
  background:rgba(8,40,38,.78);
  font-size:7px;
  font-weight:950;
  letter-spacing:.12em;
}

.metric-grid article.h262-waiting strong{
  opacity:.55;
}

@keyframes h262NumberPulse{
  0%,100%{
    filter:brightness(.94);
    transform:translateZ(0) scale(1);
  }
  50%{
    filter:brightness(1.12);
    transform:translateZ(0) scale(1.025);
  }
}

@keyframes h262MetricSweep{
  0%,68%,100%{transform:translateX(-120%)}
  82%{transform:translateX(120%)}
}

@media(prefers-reduced-motion:reduce){
  .metric-grid article.h262-new-parts-live strong,
  .metric-grid article.h262-new-parts-live:before{
    animation:none!important;
  }
}

/* ================================================================
   RFB_SPARKY_EASTER_EGG_H298
   Homepage Sparky discovery links
   ================================================================ */

.h298-sparky-egg{
  z-index:7;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.h298-sparky-egg .h298-secret{
  display:block;
  max-height:0;
  opacity:0;
  overflow:hidden;
  margin-top:0;
  color:#baff45;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.12em;
  transform:translateY(5px);
  transition:max-height .22s ease,opacity .22s ease,transform .22s ease,margin-top .22s ease;
}
.h298-sparky-egg:hover,
.h298-sparky-egg:focus-visible{
  transform:translateY(-2px) rotate(-.35deg);
  border-color:rgba(186,255,69,.76);
  background:rgba(3,13,13,.94);
  box-shadow:0 0 0 1px rgba(53,228,220,.12),0 0 24px rgba(53,228,220,.18),0 0 34px rgba(186,255,69,.10);
  outline:none;
}
.h298-sparky-egg:hover small,
.h298-sparky-egg:focus-visible small{
  color:#baff45;
  text-shadow:0 0 10px rgba(186,255,69,.55);
}
.h298-sparky-egg:hover .h298-secret,
.h298-sparky-egg:focus-visible .h298-secret{
  max-height:20px;
  opacity:1;
  margin-top:5px;
  transform:translateY(0);
}

.h298-sparky-footer{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.h298-sparky-footer:hover,
.h298-sparky-footer:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(53,228,220,.52);
  background:radial-gradient(circle at 18% 50%,rgba(53,228,220,.08),transparent 34%),rgba(5,15,17,.92);
  box-shadow:0 10px 26px rgba(0,0,0,.28),0 0 22px rgba(53,228,220,.09);
  outline:none;
}
.h298-sparky-footer:hover small,
.h298-sparky-footer:focus-visible small{
  color:#baff45;
  text-shadow:0 0 10px rgba(186,255,69,.42);
}
.h298-sparky-footer:hover span,
.h298-sparky-footer:focus-visible span{
  color:#b7d8d4;
}
@media(max-width:760px){
  .h298-sparky-egg .h298-secret{font-size:7px}
}

/* ================================================================
   RFB HOMEPAGE LIVE H302 — MOBILE NAV / ACCESSIBILITY FALLBACKS
   ================================================================ */

.site-header a.account,
.site-header a.cart{
  text-decoration:none;
}

@media(max-width:760px){
  .main-nav.rfb-mobile-open{
    display:flex;
    position:absolute;
    z-index:1200;
    left:9px;
    right:9px;
    top:62px;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    padding:10px;
    overflow:visible;
    border:1px solid rgba(53,228,220,.28);
    border-radius:12px;
    background:rgba(3,10,12,.98);
    box-shadow:0 18px 45px rgba(0,0,0,.48);
  }
  .main-nav.rfb-mobile-open a{
    display:block;
    padding:11px 12px;
  }
}

/* RFB_HOMEPAGE_LIVE_ADVERTISERS_H310 */
.sponsors .sponsor-card{
  text-decoration:none;
  color:inherit;
}

.sponsors .sponsor-card.rfb-real-advertiser-h310{
  cursor:pointer;
}

.sponsors .sponsor-card.rfb-real-advertiser-h310:hover{
  border-color:rgba(53,228,220,.56);
  box-shadow:0 0 20px rgba(53,228,220,.10);
}

.sponsors .rfb-ad-mark-h310{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sponsors .sponsor-card.rfb-real-advertiser-h310 .rfb-ad-mark-h310{
  width:96px;
  height:58px;
  min-width:96px;
  flex:0 0 96px;
  padding:3px;
  border-radius:10px;
  box-sizing:border-box;
}

.sponsors .rfb-ad-mark-h310 img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:inherit;
}

@media (max-width:700px){
  .sponsors .sponsor-card.rfb-real-advertiser-h310 .rfb-ad-mark-h310{
    width:82px;
    height:52px;
    min-width:82px;
    flex-basis:82px;
  }
}

.sponsors .rfb-real-advertiser-h310 strong{
  color:#eaffff;
}

.sponsors .rfb-real-advertiser-h310 small{
  color:#9fc4c8;
}
/* /RFB_HOMEPAGE_LIVE_ADVERTISERS_H310 */

/* RFB_ADVERTISER_ALIGNMENT_H313 */
.sponsors .sponsor-card.rfb-real-advertiser-h310{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:10px;
  row-gap:3px;
  align-items:center;
}

.sponsors .sponsor-card.rfb-real-advertiser-h310 .rfb-ad-mark-h310{
  grid-column:1;
  grid-row:1 / span 2;
  margin:0;
  align-self:center;
}

.sponsors .sponsor-card.rfb-real-advertiser-h310 > strong{
  grid-column:2;
  grid-row:1;
  align-self:end;
  margin:0;
  min-width:0;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.sponsors .sponsor-card.rfb-real-advertiser-h310 > small{
  grid-column:2;
  grid-row:2;
  align-self:start;
  margin:0;
  min-width:0;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media (max-width:700px){
  .sponsors .sponsor-card.rfb-real-advertiser-h310{
    grid-template-columns:82px minmax(0,1fr);
    column-gap:8px;
  }
}
/* /RFB_ADVERTISER_ALIGNMENT_H313 */

/* ==================================================================
   RFB_TUBE_GHOUL_UNDER_HERO_P438
   Small standalone promo card directly below the homepage hero.
   ================================================================== */
.rfb-tube-ghoul-row-p438{
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  margin:14px auto 8px;
  padding:0 18px;
}
.rfb-tube-ghoul-card-p438{
  display:block;
  width:clamp(210px,22vw,285px);
  max-width:100%;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(0,0,0,.28), 0 0 16px rgba(43,235,227,.10);
  transition:transform .18s ease, box-shadow .18s ease;
}
.rfb-tube-ghoul-card-p438:hover,
.rfb-tube-ghoul-card-p438:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,.34), 0 0 18px rgba(175,255,68,.18);
  outline:none;
}
.rfb-tube-ghoul-card-p438 img{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:760px){
  .rfb-tube-ghoul-row-p438{
    margin:12px auto 6px;
    padding:0 12px;
  }
  .rfb-tube-ghoul-card-p438{
    width:clamp(170px,58vw,230px);
  }
}
/* /RFB_TUBE_GHOUL_UNDER_HERO_P438 */