/* SHOCKER OWNZ — V10.4.4 / Industrial Surface System.
   Visual alignment only: non-interactive information remains non-clickable.
   Retains V10.4.3's four-item music ribbon, narrow-screen wrapping and audio. */
:root{
  --ownz-metal-border:#5d606b;
  --ownz-metal-red:#a92039;
  --ownz-metal-ink:#0a0b10;
  --ownz-metal-light:#242630;
  --ownz-metal-copy:#f6f0f2;
  --ownz-metal-inset:inset 0 1px 0 rgba(255,255,255,.19),inset 0 -2px 0 rgba(142,21,44,.78),0 10px 26px rgba(0,0,0,.34),0 0 0 1px rgba(10,6,10,.9);
}
/* Surfaces echo the industrial button face, but only links have hover lift. */
:is(.service-card,.work-card,.resource-tile,.music-banner,.stat,.cap-card,.portfolio-item,.package-card,.method-grid article,.ownz-panel,.track-card-v10,.empty-library,.transparency-note,.package-note){
  position:relative;
  min-width:0;
  border:1px solid var(--ownz-metal-border);
  border-radius:15px;
  background:radial-gradient(ellipse at 96% 0%,rgba(185,28,58,.16),transparent 51%),linear-gradient(166deg,#30323b 0%,#191b23 11%,#0c0d12 51%,#111018 100%);
  box-shadow:var(--ownz-metal-inset);
  color:var(--ownz-metal-copy);
}
:is(.service-card,.work-card,.resource-tile,.music-banner,.stat,.cap-card,.portfolio-item,.package-card,.method-grid article,.ownz-panel,.track-card-v10,.empty-library,.transparency-note,.package-note)::before{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;
  background:
    radial-gradient(circle at 12px 12px,#9399a7 0 2px,#1c1d24 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at calc(100% - 12px) 12px,#9399a7 0 2px,#1c1d24 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at 12px calc(100% - 12px),#9399a7 0 2px,#1c1d24 2.5px 4px,transparent 4.5px),
    radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),#9399a7 0 2px,#1c1d24 2.5px 4px,transparent 4.5px);
  opacity:.72;
}
:is(.service-card,.work-card,.resource-tile,.music-banner,.stat,.cap-card,.portfolio-item,.package-card,.method-grid article,.ownz-panel,.track-card-v10,.empty-library,.transparency-note,.package-note)::after{
  content:'';position:absolute;left:23px;right:23px;bottom:7px;height:2px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,transparent,#ed2d48 42%,#782033 77%,transparent);
  border-radius:2px;opacity:.75;
}
/* Cards remain genuine links or content; informational plates get no cursor affordance. */
a:is(.service-card,.resource-tile){transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}
a:is(.service-card,.resource-tile):hover{border-color:#ea334f;box-shadow:var(--ownz-metal-inset),0 0 16px #f127452e}
/* Preserve image cards and natural layout. */
.service-card,.track-card-v10{overflow:hidden}
.service-image,.cap-art,.portfolio-media,.track-art-wrap{border-bottom:1px solid #532b37}
.work-card img,.service-image img,.cap-art img,.portfolio-media img,.track-art-v10{border-radius:0}
.portfolio-item,.cap-card{overflow:hidden}
.portfolio-caption,.cap-info,.track-content-v10,.service-bottom{position:relative;z-index:2}
.resource-tile,.package-card,.method-grid article,.ownz-panel{padding-bottom:max(22px,1.5em)}
.transparency-note,.package-note{border-left:3px solid #f3425b;padding:16px 24px 22px}
.ownz-result:not(:empty){border:1px solid #804252;border-left:3px solid #ff536d;border-radius:10px;background:linear-gradient(145deg,#31252d,#15131b);box-shadow:inset 0 1px #ffffff23,0 8px 20px #0005}
.ownz-panel fieldset label{border-color:#70525a;background:linear-gradient(145deg,#29252d,#12131b);border-radius:10px;box-shadow:inset 0 1px #ffffff15}
.ownz-panel fieldset label:has(input:checked){border-color:#ff6379;background:linear-gradient(140deg,#49202f,#1b141b)}
.ownz-panel .ownz-faq-chips button{border-radius:11px;background:linear-gradient(165deg,#37363f,#12131a);box-shadow:inset 0 1px #ffffff21,inset 0 -2px #bd1e39}
/* Homepage stat insert: four independent machined plates, no overflow. */
.stats-section{padding:18px 0 21px;border-top:1px solid #61232e;border-bottom:1px solid #61232e;background:linear-gradient(115deg,#06080b,#161018 55%,#06080b)}
.stats-grid{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.stat,.stat:first-child,.stat:last-child{border:1px solid var(--ownz-metal-border);padding:21px 18px;min-width:0;min-height:108px;gap:13px}
.stat{flex-wrap:nowrap}
.stat > div{min-width:0;flex:1 1 0%}
.stat strong{white-space:normal;overflow-wrap:normal;line-height:1.1;font-size:clamp(18px,1.8vw,26px)}
.stat small{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.stat-icon{flex:0 0 auto;color:#ff344e;text-shadow:0 0 15px #ff284438}
/* Home feature banner / free-access inserts */
.music-banner{padding:20px}
.resource-tile{min-height:210px}
.resource-action{border-top-color:#865061}
/* Music: the four benefit banners become tactile panels, with all words visible. */
.music-marquee{padding:13px 0;background:linear-gradient(180deg,#0b0a10,#151018);border-top:2px solid #922338;border-bottom:2px solid #922338}
.music-marquee .marquee-inner{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
  min-width:0;width:auto;min-height:0;overflow:visible;white-space:normal;
}
.music-marquee .marquee-inner>i{display:none}
.music-marquee .marquee-inner>span,.music-marquee .marquee-inner>span:last-child{
  position:relative;display:flex;align-items:center;justify-content:center;min-width:0;
  min-height:58px;padding:12px 18px;overflow-wrap:normal;white-space:normal;
  text-align:center;color:#fff4f4;font-size:clamp(9px,.8vw,12px);line-height:1.3;
  font-weight:950;letter-spacing:.09em;
  border:1px solid #65616b;border-radius:12px;
  background:
   radial-gradient(circle at 11px 11px,#8d929e 0 2px,transparent 3px),
   radial-gradient(circle at calc(100% - 11px) 11px,#8d929e 0 2px,transparent 3px),
   radial-gradient(circle at 11px calc(100% - 11px),#8d929e 0 2px,transparent 3px),
   radial-gradient(circle at calc(100% - 11px) calc(100% - 11px),#8d929e 0 2px,transparent 3px),
   radial-gradient(ellipse at 85% 0%,rgba(202,30,61,.22),transparent 65%),
   linear-gradient(170deg,#30313a,#171922 33%,#0c0c12 100%);
  box-shadow:inset 0 1px #ffffff3d,inset 0 -2px #b11f37,0 8px 20px #0006;
}
.music-marquee .marquee-inner>span:nth-of-type(odd),.music-marquee .marquee-inner>span:nth-of-type(-n + 2){border:1px solid #65616b}
.music-marquee .marquee-inner>span:nth-of-type(3){color:#ff9aa6;border-color:#af4052}
.music-library-v10{background:radial-gradient(ellipse at 100% 0%,#2d0c16 0%,transparent 35%),#08090c}
.music-page .sticky-player-shell{background:linear-gradient(165deg,rgba(38,39,49,.98),rgba(12,13,18,.98) 31%,rgba(13,10,16,.98));border-top:2px solid #ad2038;box-shadow:inset 0 1px #ffffff26,0 -18px 42px #0009}
.music-page .track-card-v10.is-active{border-color:#f04a63;box-shadow:var(--ownz-metal-inset),0 0 0 1px #ee314566}
.music-page .filter-chip:not(.active){border:1px solid #555562!important;border-radius:11px;background:linear-gradient(#30313a,#12131a)!important;color:#eee9ed!important;box-shadow:inset 0 1px #ffffff2c,inset 0 -2px #802038!important}
.music-page .filter-chip.active{border:1px solid #f3516a!important;border-radius:11px;background:linear-gradient(155deg,#9b1c34,#470f1d)!important;box-shadow:inset 0 1px #ffffff33,inset 0 -2px #e73552!important}
.music-page .library-search input{border-color:#6c5664;border-radius:11px;background:linear-gradient(155deg,#24232b,#101017)}
.music-page .empty-library{padding:25px}
/* Component widths must be safe even at 280px. 2x2 ribbon is intentional and motion-free. */
@media(max-width:940px){
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stat:nth-child(2),.stat:nth-child(n+3){border:1px solid var(--ownz-metal-border)}
}
@media(max-width:760px){
 .music-marquee{padding:11px 0}
 .music-marquee .marquee-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .music-marquee .marquee-inner>span,.music-marquee .marquee-inner>span:last-child{min-height:56px;padding:10px 12px;font-size:11px;letter-spacing:.04em}
 .stats-grid{gap:9px}
 .stat,.stat:first-child,.stat:last-child{min-height:122px;padding:17px 12px;gap:9px}
 .stat strong{font-size:clamp(17px,4.4vw,22px)}
 .stat small{font-size:9px}
 .stat-icon{font-size:26px}
 .music-banner{padding:14px}
 .resource-tile{min-height:170px}
}
@media(max-width:350px){
 .stat,.stat:first-child,.stat:last-child{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 11px;min-height:148px}
 .stat > div{width:100%;flex:0 1 auto}
 .stat strong{font-size:17px}
 .music-marquee .marquee-inner>span,.music-marquee .marquee-inner>span:last-child{font-size:9.5px;letter-spacing:0;padding:10px 6px}
}
@media(prefers-reduced-motion:reduce){
 a:is(.service-card,.resource-tile){transition:none}
}