.pg-roles .rhero{position:relative;margin-top:28px;border-radius:var(--r-xl);background:var(--blue);color:#fff;overflow:visible;isolation:isolate}.pg-roles .rhero .bgx{position:absolute;inset:0;border-radius:inherit;overflow:hidden;z-index:-1}.pg-roles .rhero .bgx .orbit{width:640px;height:640px;left:-200px;top:-300px;color:#fff;opacity:.2}.pg-roles .rhero .bgx .sunq{position:absolute;right:-80px;bottom:-140px;width:460px;height:460px;border-radius:50%;background:var(--ink)}.pg-roles .rhero .bgx .dots{right:380px;top:30px;width:220px;height:140px;color:#fff;opacity:.25}.pg-roles .rhero .in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:end;min-height:420px}.pg-roles .rhero .txt{padding:clamp(28px,5vw,64px);display:grid;gap:20px}.pg-roles .rhero h1{font-size:clamp(42px,5.4vw,82px);letter-spacing:-.045em;line-height:.93;font-weight:800}.pg-roles .rhero .lede{color:#D5DAFF}.pg-roles .rhero .srch{display:flex;align-items:center;gap:10px;background:#fff;color:var(--muted);border-radius:99px;height:60px;padding:0 8px 0 22px;max-width:540px;box-shadow:0 20px 40px -20px rgba(10,15,61,.6)}.pg-roles .rhero .srch input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:17px;color:var(--ink);background:transparent}.pg-roles .rhero .stats{display:flex;gap:28px;flex-wrap:wrap;font-size:14px;color:#D5DAFF}.pg-roles .rhero .stats b{display:block;font-family:var(--display);font-size:32px;color:#fff;letter-spacing:-.03em}.pg-roles .rhero .ppl{position:relative;height:100%;min-height:420px;overflow:hidden;border-radius:0 0 var(--r-xl) 0;clip-path:inset(-200px 0 0 0 round 0 0 44px 0)}.pg-roles .rhero .ppl img{position:absolute;bottom:0;max-width:none;filter:drop-shadow(0 20px 26px rgba(10,15,61,.45))}.pg-roles .rhero .ppl .a{height:300px;left:-4%}.pg-roles .rhero .ppl .b{height:410px;left:50%;margin-left:-200px;z-index:2}.pg-roles .rhero .ppl .c{height:320px;right:-6%}.pg-roles .rhero .ppl .disc{position:absolute;left:50%;bottom:-200px;width:520px;height:520px;margin-left:-260px;border-radius:50%;background:var(--sun)}.pg-roles .rhero .ppl .a,.pg-roles .rhero .ppl .c{animation:bob 8s ease-in-out infinite}.pg-roles .rhero .ppl .c{animation-delay:-4s}.pg-roles .rhero .tag{position:absolute;z-index:3}.pg-roles .rhero .t1{left:4%;top:60px}.pg-roles .rhero .t2{right:6%;top:20px;--rot:-2deg}.pg-roles .tabbar{position:sticky;top:76px;z-index:30;background:rgba(240,242,248,.9);backdrop-filter:blur(14px);margin-top:48px;padding:12px 0;border-bottom:1px solid var(--line)}.pg-roles .ctabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.pg-roles .ctabs button{flex:none;border:0;background:#fff;color:var(--ink);height:42px;padding:0 16px;border-radius:99px;font-weight:600;font-size:14px;display:flex;gap:8px;align-items:center;box-shadow:inset 0 0 0 1.5px var(--line);transition:all .2s}.pg-roles .ctabs button small{font-family:var(--mono);font-size:11.5px;color:var(--muted)}.pg-roles .ctabs button:hover{box-shadow:inset 0 0 0 1.5px var(--blue)}.pg-roles .ctabs button.on{background:var(--ink);color:#fff;box-shadow:none}.pg-roles .ctabs button.on small{color:var(--on-dark-2)}.pg-roles .grp{margin-top:56px}.pg-roles .grp-h{display:flex;align-items:center;gap:16px;margin-bottom:22px;flex-wrap:wrap}.pg-roles .grp-h .ico{width:56px;height:56px;border-radius:18px;background:var(--blue);color:#fff;display:grid;place-items:center;flex:none}.pg-roles .grp:nth-child(3n+2) .grp-h .ico{background:var(--sun);color:var(--ink)}.pg-roles .grp:nth-child(3n) .grp-h .ico{background:var(--ink)}.pg-roles .grp-h h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.035em}.pg-roles .grp-h p{color:var(--muted);font-size:15px}.pg-roles .grp-h .cnt{margin-left:auto}.pg-roles .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pg-roles .tile{position:relative;display:grid;gap:12px;background:#fff;border-radius:24px;padding:22px;box-shadow:var(--sh-1);text-decoration:none;overflow:hidden;align-content:start}.pg-roles .tile h3{font-size:21px;padding-right:44px}.pg-roles .tile p{font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pg-roles .tile .go{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:50%;background:var(--paper);display:grid;place-items:center;transition:all .3s var(--spring)}.pg-roles .tile:hover .go{background:var(--blue);color:#fff;transform:rotate(-45deg)}.pg-roles .tile .cmp{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.pg-roles .tile .ln{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12.5px;color:var(--muted)}.pg-roles .tile .ln .bar{height:8px}.pg-roles .tile .ln.au .bar i{background:var(--mist)}.pg-roles .tile .ln b{font-family:var(--mono);font-size:13px;color:var(--ink);white-space:nowrap}.pg-roles .tile .ln.ad b{color:var(--blue)}.pg-roles .tile .sv{display:flex;justify-content:space-between;align-items:center}.pg-roles .tile .sv .price{font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:-.02em}.pg-roles .tile .sv .price small{font-family:var(--body);font-size:12.5px;color:var(--muted);font-weight:500;letter-spacing:0}.pg-roles .tile .tg{display:flex;flex-wrap:wrap;gap:6px}.pg-roles .tile .tg span{font-size:12px;background:var(--paper);border-radius:99px;padding:3px 9px;color:var(--muted)}.pg-roles .grp.hide,.pg-roles .tile.hide{display:none}.pg-roles .noroles{display:none;margin-top:56px}.pg-roles .custom{position:relative;margin-top:110px;border-radius:var(--r-xl);background:var(--ink);color:#fff;isolation:isolate}.pg-roles .custom .bgx{position:absolute;inset:0;border-radius:inherit;overflow:hidden;z-index:-1}.pg-roles .custom .bgx .q{position:absolute;width:360px;height:360px;border-radius:50%;background:var(--blue);left:-120px;bottom:-160px}.pg-roles .custom .in{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:end}.pg-roles .custom .tx{padding:clamp(28px,5vw,56px);display:grid;gap:16px}.pg-roles .custom .who{position:relative;height:300px}.pg-roles .custom .who img{position:absolute;bottom:0;right:40px;height:380px;max-width:none;filter:drop-shadow(0 20px 26px rgba(0,0,0,.45))}@media (max-width:1080px){.pg-roles .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.pg-roles .rhero .in{grid-template-columns:minmax(0,1fr)}.pg-roles .rhero .ppl{min-height:340px;border-radius:0 0 44px 44px;clip-path:inset(-200px 0 0 0 round 0 0 44px 44px)}.pg-roles .rhero .ppl .a{height:250px;left:4%}.pg-roles .rhero .ppl .b{height:330px;margin-left:-165px}.pg-roles .rhero .ppl .c{height:260px;right:4%}.pg-roles .custom .in{grid-template-columns:minmax(0,1fr)}.pg-roles .custom .who{height:260px}.pg-roles .custom .who img{height:300px;right:50%;transform:translateX(50%)}}@media (max-width:640px){.pg-roles .tiles{grid-template-columns:1fr}.pg-roles .tabbar{top:0}.pg-roles .rhero .ppl .a{height:190px;left:-12%}.pg-roles .rhero .ppl .b{height:270px;margin-left:-135px}.pg-roles .rhero .ppl .c{height:200px;right:-14%}.pg-roles .rhero .ppl .disc{width:340px;height:340px;margin-left:-170px;bottom:-140px}.pg-roles .rhero .t1{left:3%;top:20px}.pg-roles .rhero .t2{display:none}.pg-roles .grp-h .cnt{margin-left:0}}