.brand-matrix{isolation:isolate;perspective:1200px;background:linear-gradient(145deg,#f4f8fa,#dce5eb 52%,#f7fafc);border:1px solid #c6d2d9;gap:clamp(10px,1.2vw,18px);padding:clamp(12px,1.5vw,22px);position:relative;box-shadow:inset 0 1px #fff,inset 0 -1px #b3c3ce55}.brand-matrix .matrix-item{color:#172933;min-width:0;transform-style:preserve-3d;background:linear-gradient(135deg,#fff 0%,#f5f9fccc 23%,#dce7eecc 49%,#ffffffed 72%,#e3edf2 100%);border:1px solid #b4c9d7;border-radius:2px;padding:22px 18px;transition:transform .4s cubic-bezier(.18,.75,.22,1),box-shadow .4s,border-color .3s;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,inset 1px 0 #fff9,inset -1px -2px #8ba6b966,0 4px 0 -1px #bccdd8,0 7px 0 -2px #e6eef3,0 16px 24px -19px #183b55b0}.brand-matrix .matrix-item:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(133deg,#fff8 0 10%,transparent 10.3% 78%,#b6d7e829 78.3% 89%,#fff7 89.3%),radial-gradient(ellipse at var(--lx,38%) var(--ly,22%),#fff8,transparent 68%);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);border:1px solid #ffffffb3;position:absolute;inset:4px}.brand-matrix .matrix-item:after{content:"";z-index:3;pointer-events:none;opacity:.7;filter:drop-shadow(0 0 3px #f8fcff);background:linear-gradient(90deg,#0000 44%,#fff 50%,#0000 56%),linear-gradient(#0000 44%,#fff 50%,#0000 56%),radial-gradient(circle,#fff 0 7%,#d4edffb0 9% 15%,#0000 42%);width:17px;height:17px;position:absolute;top:9px;right:10px}.brand-matrix .matrix-item summary{z-index:1;outline-offset:-3px;isolation:isolate;gap:12px;min-height:92px;list-style:none;position:relative}.brand-matrix .matrix-item summary::-webkit-details-marker{display:none}.brand-matrix .matrix-crystal{z-index:-1;pointer-events:none;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);background:linear-gradient(122deg,#ffffff75,#0000 29% 72%,#c6e0ed3d),linear-gradient(35deg,#0000 82%,#fff9 82.4% 85%,#0000 85.4%);border:1px solid #ffffffb8;position:absolute;inset:-13px -9px;overflow:hidden;box-shadow:inset 0 1px 8px #ffffff80,inset 0 -1px 5px #829fb52e}.brand-matrix .matrix-crystal:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(112deg,#0000 42%,#d7ebff00 44%,#e2e7ff29 46%,#fff9 49%,#fffdf3ba 50%,#d5efff36 53%,#0000 56%);position:absolute;inset:-40% -65%;transform:translate(-67%)}.brand-matrix .matrix-art{background:linear-gradient(140deg,#fff8,#ffffffd9 50%,#ffffff8c);justify-content:center;align-items:center;width:calc(100% - 22px);min-width:0;height:76px;padding:6px 2px;display:flex;position:relative;transform:translateZ(8px);box-shadow:0 1px #fff9}.brand-matrix .matrix-art img,.brand-matrix .matrix-art svg{aspect-ratio:auto;object-fit:contain;object-position:center;width:100%;max-width:100%;height:64px;max-height:64px;display:block;filter:none!important;mix-blend-mode:normal!important}.brand-matrix .matrix-art svg{background:#fff}.brand-matrix .matrix-art [hidden]{display:none!important}.brand-matrix .matrix-art .matrix-name{letter-spacing:-.02em;text-align:center;overflow-wrap:anywhere;font-family:inherit;font-size:clamp(15px,1.7vw,24px);font-weight:500;line-height:1.3}.brand-matrix .matrix-item summary>small{color:#415f74;flex:none;font-size:18px;line-height:1;transition:transform .25s;position:relative}.brand-matrix .matrix-item[open] summary>small{transform:rotate(45deg)}.brand-matrix .matrix-item>div{z-index:1;color:#405f73;overflow-wrap:anywhere;padding-top:20px;position:relative}.brand-matrix .matrix-item>div p{margin:0 0 10px}.brand-matrix .matrix-item>div small{font-size:11px}.brand-matrix .matrix-item.matrix-dark{color:#ecf5fa;background:linear-gradient(135deg,#304653,#10212d 38%,#263e4e 69%,#172b38);border-color:#7d9cac;box-shadow:inset 0 1px #deefff9c,inset 1px 0 #a7c5d855,inset -1px -2px #061522,0 4px 0 -1px #7793a6,0 7px 0 -2px #d8e4ec,0 16px 24px -19px #0a253dcc}.brand-matrix .matrix-dark:before{background:linear-gradient(133deg,#c7e7ff2b 0 10%,transparent 10.3% 78%,#82a8bf19 78.3% 89%,#d3e9f624 89.3%),radial-gradient(ellipse at var(--lx,38%) var(--ly,22%),#e0f3ff26,transparent 68%);border-color:#abcbd252}.brand-matrix .matrix-dark .matrix-crystal{background:linear-gradient(122deg,#effaff22,#0000 29% 72%,#c6e0ed13),linear-gradient(35deg,#0000 82%,#d6edff40 82.4% 85%,#0000 85.4%);border-color:#c8e3f06b;box-shadow:inset 0 1px 8px #ffffff19,inset 0 -1px 5px #020d2133}.brand-matrix .matrix-dark .matrix-art{background:#162632;box-shadow:inset 0 1px #b9d8ec33,0 1px #d9e8f033}.brand-matrix .matrix-dark summary>small,.brand-matrix .matrix-dark>div{color:#d3e4ef}.brand-matrix .matrix-item:focus-within{outline-offset:3px;border-color:#6c96b0;outline:2px solid #24799e}.brand-matrix .matrix-item summary:focus-visible{outline-offset:5px;outline:2px solid #24799e}@keyframes matrix-crystal-shine{0%{opacity:0;transform:translate(-67%)}18%{opacity:.78}80%{opacity:.78}to{opacity:0;transform:translate(67%)}}@keyframes matrix-crystal-spark{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.32)}}@media (prefers-reduced-motion:no-preference){html:not([data-motion=reduced]) .brand-matrix .matrix-item:focus-within .matrix-crystal:after{animation:1.1s cubic-bezier(.18,.6,.35,1) both matrix-crystal-shine}html:not([data-motion=reduced]) .brand-matrix .matrix-item:focus-within:after{animation:1.1s ease-out both matrix-crystal-spark}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html:not([data-motion=reduced]) .brand-matrix .matrix-item:hover{z-index:2;transform:perspective(1000px) translateY(-4px) translateZ(12px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border-color:#9bbbd0;box-shadow:inset 0 1px #fff,inset 1px 0 #fff9,inset -1px -2px #8ba6b980,0 4px 0 -1px #b8cddc,0 7px 0 -2px #e6eef3,0 24px 32px -20px #183b5580}html:not([data-motion=reduced]) .brand-matrix .matrix-item:hover .matrix-crystal:after{animation:1.1s cubic-bezier(.18,.6,.35,1) both matrix-crystal-shine}html:not([data-motion=reduced]) .brand-matrix .matrix-item:hover:after{animation:1.1s ease-out both matrix-crystal-spark}html:not([data-motion=reduced]) .brand-matrix .matrix-item.matrix-dark:hover{box-shadow:inset 0 1px #deefff9c,inset 1px 0 #a7c5d855,inset -1px -2px #061522,0 4px 0 -1px #7793a6,0 7px 0 -2px #d8e4ec,0 24px 32px -20px #0a253d9c}}@media (max-width:700px){.brand-matrix{gap:12px;padding:12px}.brand-matrix .matrix-item{padding:18px 12px}.brand-matrix .matrix-item summary{gap:8px;min-height:80px}.brand-matrix .matrix-art{height:68px}.brand-matrix .matrix-art img,.brand-matrix .matrix-art svg{height:58px;max-height:58px}.brand-matrix .matrix-crystal{inset:-9px -5px}.brand-matrix .matrix-item:after{width:14px;height:14px;top:7px;right:7px}}html[data-motion=reduced] .brand-matrix .matrix-item,html[data-motion=reduced] .brand-matrix .matrix-art,html[data-motion=reduced] .brand-matrix .matrix-item:before,html[data-motion=reduced] .brand-matrix .matrix-item:after,html[data-motion=reduced] .brand-matrix .matrix-crystal:after,html[data-motion=reduced] .brand-matrix .matrix-item summary>small{transition:none!important;animation:none!important;transform:none!important}html[data-motion=reduced] .brand-matrix .matrix-crystal:after{opacity:0}@media (prefers-reduced-motion:reduce){.brand-matrix .matrix-item,.brand-matrix .matrix-art,.brand-matrix .matrix-item:before,.brand-matrix .matrix-item:after,.brand-matrix .matrix-crystal:after,.brand-matrix .matrix-item summary>small{transition:none!important;animation:none!important;transform:none!important}.brand-matrix .matrix-crystal:after{opacity:0}}@media (forced-colors:active){.brand-matrix{box-shadow:none;perspective:none;background:canvas;border-color:canvastext}.brand-matrix .matrix-item,.brand-matrix .matrix-item.matrix-dark{color:canvastext!important;box-shadow:none!important;background:canvas!important;border-color:canvastext!important;transition:none!important;transform:none!important}.brand-matrix .matrix-art{forced-color-adjust:none;color:#172933!important;box-shadow:none!important;background:#fff!important;transform:none!important}.brand-matrix .matrix-dark .matrix-art{color:#ecf5fa!important;background:#162632!important}.brand-matrix .matrix-item:before,.brand-matrix .matrix-item:after,.brand-matrix .matrix-crystal{display:none!important}.brand-matrix .matrix-item summary>small,.brand-matrix .matrix-item>div{color:canvastext!important}.brand-matrix .matrix-item:focus-within{outline-color:highlight}.brand-matrix .matrix-item summary:focus-visible{outline-color:highlight}}@media print{.brand-matrix{box-shadow:none;perspective:none;background:0 0;border:0;gap:12px;padding:0}.brand-matrix .matrix-item{break-inside:avoid;border:1px solid #aab5bd;box-shadow:none!important;transition:none!important;animation:none!important;transform:none!important}.brand-matrix .matrix-item:before,.brand-matrix .matrix-item:after,.brand-matrix .matrix-crystal{display:none!important}.brand-matrix .matrix-art{-webkit-print-color-adjust:exact;print-color-adjust:exact;transform:none!important}}