/* Product families, with separate software brands and hardware research. */
#product .matrix-title-break { display:none; }
#product .matrix-switcher { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 24px; padding-bottom:21px; border-bottom:1px solid #ffffff15; }
#product .matrix-tabs { display:flex; padding:4px; gap:4px; border:1px solid #ffffff13; background:#111214; border-radius:12px; }
#product .matrix-tabs button { display:flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:9px 19px; border:0; border-radius:8px; background:transparent; color:#979aa2; font-family:inherit; font-size:13px; line-height:1.4; font-weight:500; cursor:pointer; transition:background .25s,color .25s,box-shadow .25s; }
#product .matrix-tabs button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.3; }
#product .matrix-tabs button>span { font:10px/1 ui-monospace,monospace; opacity:.55; padding-left:6px; }
#product .matrix-tabs button[aria-selected="true"] { background:#eeeae3; color:#1d1e21; box-shadow:0 2px 10px #0002; }
#product .matrix-tabs button:hover:not([aria-selected="true"]) { color:#fff; background:#ffffff07; }
#product .matrix-tabs button:focus-visible,#product .matrix-panel:focus-visible { outline:2px solid #d5a47f; outline-offset:4px; }
#product .matrix-caption { color:#92949a; font-size:12px; line-height:1.6; text-align:right; }
#product .matrix-panel[hidden] { display:none!important; }
#product .matrix-panel:not([hidden]) { animation:matrixEnter .4s cubic-bezier(.22,1,.36,1) both; }
@keyframes matrixEnter { from { opacity:.35; transform:translateY(6px); } to { opacity:1; transform:none; } }
#product.editorial-section .srow,#product.editorial-section .srow:first-child { min-height:242px; padding:16px; border-radius:14px; background:linear-gradient(125deg,#151619,#111214); transition:border-color .3s,background .3s; }
#product.editorial-section .srow:hover { border-color:#ffffff28; background:linear-gradient(125deg,#191a1d,#131416); }
#product.editorial-section .srow .media,#product.editorial-section .srow:first-child .media { position:relative; height:208px; border-radius:9px; }
#product .media-link { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
#product .matrix-cover-label { position:absolute; bottom:14px; left:0; width:100%; text-align:center; color:#8b8e94; font:8px/1.4 ui-monospace,monospace; letter-spacing:2px; pointer-events:none; }
#product.editorial-section .srow .brand-cover { background:radial-gradient(ellipse at 50% 45%,#5d35202e,transparent 72%),#0e1012; border-color:#ffffff08; }
#product.editorial-section .brand-cover .scene { position:absolute; background:transparent; width:146px; height:146px; left:50%; top:47%; translate:-50% -50%; object-fit:contain; border-radius:0; transition:scale .6s cubic-bezier(.22,1,.36,1); }
#product.editorial-section .srow:hover .brand-cover .scene { scale:1.045; transform:none; }
#product.editorial-section .brand-ai .scene { width:205px; height:205px; top:47%; }
#product.editorial-section .srow .brand-wv { background:radial-gradient(ellipse at 50% 45%,#e4ded00b,transparent 72%),#0e1012; }
#product.editorial-section .brand-wv .scene { width:140px; height:140px; border-radius:30px; }
#product.editorial-section .srow .brand-wandian { background:radial-gradient(ellipse at 50% 45%,#8060bd2b,transparent 75%),#101015; }
#product.editorial-section .brand-wandian .scene { width:144px; height:144px; }
#product.editorial-section .srow .brand-masque { background:radial-gradient(ellipse at 55% 42%,#6d5cf033,transparent 72%),#0b0b14; }
#product.editorial-section .brand-masque .scene { width:196px; height:196px; top:46%; }
#product.editorial-section .srow .brand-inswind-ai { background:radial-gradient(ellipse at 50% 46%,#4f63ff2e,transparent 72%),#090b14; }
#product.editorial-section .brand-inswind-ai .scene { width:200px; height:200px; top:46%; }
#product.editorial-section .hardware-cover .scene { object-fit:cover; }
#product.editorial-section .hardware-cover .matrix-cover-label { bottom:9px; font-size:8px; letter-spacing:1px; color:#b6beca; }
#product.editorial-section .hardware-cover .media-link::after { position:absolute; content:""; inset:72% 0 0; background:linear-gradient(transparent,#080e1780); pointer-events:none; }
#product.editorial-section .hardware-cover .matrix-cover-label { z-index:1; }
#product.editorial-section .badge.research { display:inline-flex; align-items:center; gap:5px; color:#edb181; border-color:#d895582a; background:#d7894109; }
#product .badge.research::before { content:""; width:4px; height:4px; border-radius:50%; background:#e8a76e; }
#product .hardware-intro { display:grid; grid-template-columns:auto 1fr; gap:8px 24px; align-items:center; margin:0 0 24px; }
#product .hardware-intro>span { display:flex; align-items:center; gap:8px; color:#deb28f; font:10px/1.5 ui-monospace,monospace; letter-spacing:1.8px; }
#product .hardware-intro i { width:5px; height:5px; border-radius:50%; background:#d9a77e; box-shadow:0 0 12px #e29b5944; }
#product .hardware-intro p { margin:0; grid-row:1/3; grid-column:2; text-align:right; font-size:13px; color:#d2d1ce; }
#product .hardware-intro small { color:#8a8f96; font-size:10px; letter-spacing:.6px; }
#product .matrix-research-note { margin:19px 0 0; color:#858991; font-size:11px; line-height:1.7; }
@media(max-width:1100px) { #product .matrix-caption { font-size:11px; } #product .matrix-tabs button { padding-inline:15px; } }
@media(max-width:1000px) and (min-width:761px) { #product.editorial-section .srow .media,#product.editorial-section .srow:first-child .media { height:185px; } #product.editorial-section .brand-ai .scene { width:185px; height:185px; } #product.editorial-section .brand-wv .scene { width:122px; height:122px; } #product.editorial-section .brand-wandian .scene { width:128px; height:128px; } #product.editorial-section .brand-masque .scene { width:172px; height:172px; } #product.editorial-section .brand-inswind-ai .scene { width:176px; height:176px; } }
@media(max-width:760px) {
  #product .matrix-title-break { display:block; }
  #product .matrix-switcher { flex-direction:column; align-items:stretch; gap:12px; margin-bottom:18px; padding-bottom:18px; }
  #product .matrix-tabs { display:grid; grid-template-columns:1fr 1fr; }
  #product .matrix-tabs button { min-height:46px; font-size:12px; gap:7px; padding:9px 8px; }
  #product .matrix-tabs button>span { font-size:9px; padding-left:2px; }
  #product .matrix-tabs button svg { width:16px; height:16px; }
  #product .matrix-caption { text-align:left; font-size:11px; }
  #product.editorial-section .srow,#product.editorial-section .srow:first-child { min-height:174px; padding:12px; gap:14px; }
  #product.editorial-section .srow .media,#product.editorial-section .srow:first-child .media { height:152px; }
  #product.editorial-section .brand-ai .scene { width:144px; height:144px; top:46%; }
  #product.editorial-section .brand-wv .scene { width:94px; height:94px; border-radius:22px; }
  #product.editorial-section .brand-wandian .scene { width:108px; height:108px; }
  #product.editorial-section .brand-masque .scene { width:140px; height:140px; }
  #product.editorial-section .brand-inswind-ai .scene { width:144px; height:144px; }
  #product.editorial-section .info h3,#product.editorial-section .srow:first-child .info h3 { font-size:19px; }
  #product .matrix-cover-label { font-size:6px; bottom:13px; letter-spacing:1px; }
  #product .hardware-intro { grid-template-columns:1fr; gap:7px; }
  #product .hardware-intro p { grid-column:auto; grid-row:auto; text-align:left; font-size:12px; line-height:1.8; }
  #product .hardware-intro small { display:none; }
  #product.editorial-section .hardware-cover .scene { object-fit:cover; }
}
@media(prefers-reduced-motion:reduce) { #product .matrix-panel:not([hidden]) { animation:none; } #product.editorial-section .brand-cover .scene { transition:none; } #product.editorial-section .srow:hover .brand-cover .scene { scale:1; } }