/* Product identities and a detailed, responsive comparison. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.product-emblem{width:88px;height:88px;padding:12px;border-radius:20px;background:linear-gradient(145deg,rgba(169,140,255,.13),rgba(92,72,142,.03));box-shadow:inset 0 1px 0 #ffffff0b}
.product-emblem img{display:block;width:64px;height:67px;object-fit:contain}
.product-vei .product-emblem{background:linear-gradient(145deg,rgba(83,208,229,.13),rgba(33,90,110,.03));border-radius:20px}
.product-card-top{align-items:center;margin-bottom:28px}
.product-type{line-height:1.8;max-width:180px}
.arch-product-mark{display:grid;place-items:center}
.arch-product-mark img{display:block;width:48px;height:50px;object-fit:contain}
.comparison-expanded{padding:0;border-radius:18px;overflow:hidden;background:#0c1322;border-color:rgba(161,173,217,.2)}
.comparison-intro{padding:32px 34px 27px;max-width:910px}
.comparison-intro .comparison-heading{margin-bottom:15px;font-size:10px;color:#b1bdd7}
.comparison-intro h3{margin:0 0 13px;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.035em;line-height:1.24;color:#edf0fc;font-weight:640}
.comparison-intro p{margin:0;color:#a2b0c7;font-size:13px;line-height:1.85;max-width:790px}
.product-matrix{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left}
.product-matrix thead{background:#101a2b;border-block:1px solid #a0b0e021}
.product-matrix th,.product-matrix td{vertical-align:top;overflow-wrap:break-word}
.product-matrix thead th{padding:22px 24px;font-weight:500;vertical-align:middle}
.product-matrix thead th:first-child{width:22%;padding-left:34px;color:#8696b2;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.12em}
.product-matrix thead th:not(:first-child){width:39%}
.matrix-verdian{border-left:1px solid #aa96ff18;background:#a688ff04}
.matrix-vei{border-left:1px solid #74dbe718;background:#64c7d704}
.matrix-brand{display:flex;align-items:center;gap:13px;min-width:0}
.matrix-brand img{width:36px;height:38px;flex:0 0 auto}
.matrix-brand>div{display:grid;gap:5px;min-width:0}
.matrix-brand strong{font-size:14px;color:#f0efff;line-height:1.4;font-weight:700;letter-spacing:-.015em}
.matrix-brand strong span{font-weight:450;color:#ada8c6}
.matrix-brand>div>span{font-size:10px;color:#b7a4e7;line-height:1.5}
.matrix-vei .matrix-brand>div>span{color:#7cc8d6}
.product-matrix tbody tr{border-bottom:1px solid #a1b4dd17}
.product-matrix tbody tr:last-child{border-bottom:0}
.product-matrix tbody th{padding:25px 20px 25px 34px;font-size:12px;font-weight:600;color:#d9e0f0;line-height:1.65}
.matrix-index{display:block;font-family:ui-monospace,monospace;font-size:9px;font-weight:400;letter-spacing:.05em;color:#647591;margin-bottom:6px}
.product-matrix tbody td{padding:24px}
.product-matrix tbody p{font-size:12.5px;line-height:1.85;color:#a6b3ca;margin:0;max-width:490px}
.matrix-mobile-brand{display:none}
.comparison-connection{padding:29px 34px 27px;border-top:1px solid #a2b0dc22;background:linear-gradient(120deg,#10243166,#1a183233)}
.comparison-flow-label{font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.12em;color:#9eacc5;line-height:1.7}
.comparison-flow{list-style:none;margin:23px 0 26px;padding:0;display:grid;grid-template-columns:1fr 1.1fr 1.15fr;gap:40px}
.comparison-flow li{position:relative;display:flex;align-items:center;gap:15px;min-width:0}
.comparison-flow li+li:before{content:'→';position:absolute;left:-31px;font-size:20px;color:#5b738b;top:6px}
.comparison-flow li>img{width:36px;height:38px;flex-shrink:0}
.flow-source-mark{display:grid;place-items:center;flex-shrink:0;width:36px;height:38px;color:#a0b0c7}
.flow-source-mark svg{width:30px;height:30px}
.comparison-flow li>div{display:grid;gap:5px}
.comparison-flow strong{font-size:13px;letter-spacing:.015em;color:#dbe3f2;font-weight:650}
.comparison-flow li>div>span{font-size:10.5px;line-height:1.6;color:#91a5be}
.comparison-flow .flow-vei strong{color:#9fe4eb}.comparison-flow .flow-verdian strong{color:#cabcfa}
.comparison-example{display:grid;grid-template-columns:155px 1fr;gap:24px;border-top:1px solid #a1b4dd20;padding-top:23px}
.comparison-example>span{font-family:ui-monospace,monospace;letter-spacing:.1em;font-size:9px;color:#8ba3bf;line-height:1.9}
.comparison-example>p{font-size:12px;line-height:1.85;color:#a4b3ca;margin:0;max-width:850px}
.comparison-note{margin:0;padding:18px 34px;font-size:10.5px;line-height:1.8;color:#8596b1;border-top:1px solid #a1b4dd17;background:#090f1b}
@media(max-width:1000px){.product-matrix thead th{padding-inline:19px}.matrix-brand{gap:10px}.matrix-brand strong{font-size:13px}.matrix-brand strong span{display:block}.product-matrix tbody td{padding:21px 19px}.product-matrix thead th:first-child{width:23%}.product-matrix thead th:not(:first-child){width:38.5%}.comparison-flow{gap:33px}.comparison-flow li+li:before{left:-26px}}
@media(max-width:680px){
 .comparison-expanded{margin-top:20px;border-radius:15px;padding:0}
 .comparison-intro{padding:25px 22px}.comparison-intro p{font-size:12.5px}
 .product-matrix,.product-matrix tbody,.product-matrix tbody tr,.product-matrix th,.product-matrix td{display:block;width:100%}
 .product-matrix thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .product-matrix tbody tr{padding:23px 22px;display:grid;grid-template-columns:minmax(0,1fr);gap:15px;border-top:1px solid #a1b4dd20;border-bottom:0}
 .product-matrix tbody th{padding:0;display:flex;align-items:baseline;gap:10px;font-size:13px}.matrix-index{margin:0}
 .product-matrix tbody td{padding:0 0 0 14px;background:none;border-left-width:2px}
 .product-matrix tbody td.matrix-verdian{border-color:#ac91f171}.product-matrix tbody td.matrix-vei{border-color:#64cedb71}
 .product-matrix tbody p{font-size:12px;line-height:1.85;max-width:none}
 .matrix-mobile-brand{display:block;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.08em;margin-bottom:6px;color:#c6afff}
 .matrix-vei .matrix-mobile-brand{color:#82dae7}
 .comparison-connection{padding:25px 22px}
 .comparison-flow{grid-template-columns:1fr;gap:28px;margin:22px 0 25px;padding-left:2px}
 .comparison-flow li{gap:14px}.comparison-flow li+li:before{content:'↓';font-size:17px;top:-26px;left:11px}
 .comparison-flow li>div>span{font-size:11px}.comparison-flow li>img,.flow-source-mark{width:35px;height:36px}
 .comparison-example{grid-template-columns:1fr;gap:10px;padding-top:20px}.comparison-example>p{font-size:12px}
 .comparison-note{padding:17px 22px;font-size:10.5px}
}
@media(max-width:380px){.product-type{font-size:8px;max-width:145px}.product-emblem{width:78px;height:78px;padding:10px;flex-shrink:0}.product-emblem img{width:56px;height:59px}}