.os2{grid-template-columns:1fr 54px 1.04fr;align-items:start;gap:0;margin-top:34px;display:grid}.os2 .mono{font-family:var(--font-mono)}.os2-cap{margin-bottom:15px}.os2-before{border:1px solid var(--border);background:#ffffff80;border-radius:22px;flex-direction:column;padding:20px 20px 18px;display:flex}.os2-pile{flex-wrap:wrap;align-content:flex-start;gap:7px;display:flex}.os2 .vend{cursor:pointer;text-align:left;border:1px solid var(--border);transition:transform var(--duration-s) var(--ease-standard), border-color var(--duration-s) var(--ease-standard), box-shadow var(--duration-s) var(--ease-standard);background:#fff;border-radius:10px;padding:7px 11px;box-shadow:0 2px 5px -3px #1b213a33}.os2 .vend b{color:var(--muted-foreground);letter-spacing:-.01em;font-size:12.5px;font-weight:650;display:block}.os2 .vend em{font-style:normal;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg3);font-size:9.5px}.os2 .vend:nth-child(3n+1){transform:rotate(-1.4deg)}.os2 .vend:nth-child(3n+2){transform:rotate(.9deg)}.os2 .vend:nth-child(4n+3){transform:rotate(1.8deg)}.os2 .vend:hover,.os2 .vend.on{border-color:var(--primary-border);transform:rotate(0)translateY(-2px);box-shadow:0 8px 18px -8px #1b213a4d}.os2 .vend.on b{color:var(--primary-text)}.os2-cost{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.os2-cost span{letter-spacing:.09em;text-transform:uppercase;color:var(--fg3);border:1px dashed var(--border);border-radius:999px;padding:4px 10px;font-size:9px}.os2-verdict{color:var(--muted-foreground);max-width:34ch;margin:12px 0 0;font-size:13px;line-height:1.5}.os2-vs{letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);flex-direction:column;align-self:stretch;align-items:center;gap:10px;padding:44px 0;font-size:9.5px;display:flex}.os2-vs i{background:linear-gradient(180deg, transparent, var(--border) 18%, var(--border) 82%, transparent);flex:1;width:1px}.os2-after{background:radial-gradient(120% 90% at 50% 0,#00bfae24,#0000 55%),radial-gradient(circle at 1px 1px,#dcebe617 1px,#0000 1.5px) 0 0/22px 22px,linear-gradient(150deg,#0d2430,#0c1f1d 55%,#123632);border:2px solid #00bfae8c;border-radius:22px;padding:20px 18px 16px;position:relative;box-shadow:0 30px 60px -24px #09211c8c,inset 0 0 0 1px #00bfae2e}.os2-after .wt{background:var(--card);letter-spacing:.14em;text-transform:uppercase;color:var(--primary-text);padding:0 9px;font-size:9px;position:absolute;top:-8px;left:22px}.os2-inner{flex-direction:column;gap:14px;display:flex}.os2-mods{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.os2 .mod{cursor:pointer;text-align:left;transition:background var(--duration-s) var(--ease-standard), border-color var(--duration-s) var(--ease-standard), box-shadow var(--duration-s) var(--ease-standard);background:#ffffff0f;border:1px solid #ffffff21;border-radius:11px;align-items:center;gap:8px;padding:9px 10px;display:flex}.os2 .mod .mic{color:#9fc6bc;width:17px;height:17px;transition:color var(--duration-s) var(--ease-standard);flex-shrink:0}.os2 .mod .mic svg{width:100%;height:100%;display:block}.os2 .mod .mname{color:#cfe4dd;transition:color var(--duration-s) var(--ease-standard);font-size:11.5px;line-height:1.25}.os2 .mod:hover{border-color:#00bfae80}.os2 .mod.on{background:linear-gradient(160deg,#00bfae4d,#00a99d1f);border-color:#00bfae;box-shadow:0 12px 26px -12px #00bfae99}.os2 .mod.on .mic{color:#fff}.os2 .mod.on .mname{color:#eafaf7}.os2-gates{border-top:1px dashed #00bfae52;flex-direction:column;gap:6px;padding-top:12px;display:flex}.os2-gates .gh{letter-spacing:.13em;text-transform:uppercase;color:#6fe0d2;margin-bottom:2px;font-size:9px}.os2 .gate{background:#00000038;border:1px solid #00bfae47;border-radius:10px;align-items:center;gap:9px;padding:8px 11px;display:flex}.os2 .gate .gic{color:#6fe0d2;flex-shrink:0;width:15px;height:15px}.os2 .gate .gic svg{width:100%;height:100%;display:block}.os2 .gate b{color:#eafaf7;flex:1;font-size:12px;font-weight:600}.os2 .gate .tag{letter-spacing:.09em;text-transform:uppercase;color:#6fe0d2;border:1px solid #00bfae66;border-radius:999px;padding:3px 8px;font-size:9.5px}.os2-cost.one{margin-top:14px}.os2-cost.one span{color:#aef2e9;border-style:solid;border-color:#00bfae66}@media (width<=900px){.os2{grid-template-columns:1fr;gap:18px}.os2-vs{flex-direction:row;height:26px}.os2-vs i{background:linear-gradient(90deg, transparent, var(--border), transparent);flex:1;width:auto;height:1px}.os2-mods{grid-template-columns:repeat(2,1fr)}.os2-verdict{max-width:none}}@media (prefers-reduced-motion:reduce){.os2 .mod,.os2 .vend{transition:none}}
