.su-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:28px;display:grid}.role-cards{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.role-card{text-align:left;border:1.5px solid var(--line);border-radius:var(--r);cursor:pointer;background:#fff;align-items:flex-start;gap:12px;padding:14px 16px;font-family:inherit;transition:all .15s;display:flex;position:relative}.role-card:hover{border-color:var(--sky);box-shadow:var(--sh-sm)}.role-card .ri{background:var(--ice);width:34px;height:34px;color:var(--blue);border-radius:8px;flex:none;place-items:center;margin-top:1px;display:grid}.role-card .ri svg{width:17px;height:17px}.role-card b{font:600 14px var(--f-b);color:var(--ink);line-height:1.3;display:block}.role-card small{color:var(--mute);margin-top:2px;font-size:12px;line-height:1.45;display:block}.role-card .rdot{border:1.5px solid var(--line);background:#fff;border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:12px;right:12px}.role-card.on{border-color:var(--blue);background:var(--ice)}.role-card.on .rdot{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 3px #fff}.role-card.on .ri{background:#fff}.su-visual{border-radius:var(--r-lg);border:1px solid var(--sky);min-height:480px;box-shadow:var(--sh);background:#0a1b33;flex-direction:column;display:flex;position:sticky;top:76px;overflow:hidden}.su-visual .art{flex:1;min-height:0;padding:20px 20px 8px}.su-perks{grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 16px 16px;display:grid}.su-perk{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:600 12px var(--f-b);color:#fff;background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:7px;padding:9px 10px;display:flex}.su-perk svg{color:#7dd3a8;flex:none;width:13px;height:13px}.isd-row{grid-template-columns:92px 1fr;gap:8px;display:grid}.su-pane{display:none}.su-pane.on{display:block}@media (max-width:860px){.su-grid{grid-template-columns:1fr}.su-visual{order:-1;min-height:340px;position:static}}@media (max-width:600px){.role-cards,.su-perks{grid-template-columns:1fr}}