.pg-oclass .hero{padding-bottom:clamp(24px,4vw,56px)}.pg-oclass .hero .g12{align-items:center}.pg-oclass .hero h1{margin-top:16px;font-size:clamp(64px,10vw,168px);line-height:.88}.pg-oclass .hero h1 .acc-t{color:var(--acc)}.pg-oclass .hero-stamps{flex-wrap:wrap;gap:14px 18px;margin-top:clamp(22px,2.6vw,34px);display:flex}.pg-oclass .hero-acts{flex-wrap:wrap;gap:14px;margin-top:clamp(26px,3.2vw,44px);display:flex}.pg-oclass .hero-art{aspect-ratio:1;object-fit:contain;transform-origin:88%;justify-self:end;width:100%;max-width:600px;scale:1.18}.pg-oclass .figrow{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px clamp(16px,2vw,32px);padding-top:clamp(18px,2vw,26px);display:grid}.pg-oclass .figrow .fig .v{font-size:clamp(36px,4.2vw,68px)}.pg-oclass .figrow .fig .v .num{letter-spacing:.01em;font-family:inherit;font-size:1em}.pg-oclass .figrow{align-items:end}.pg-oclass .figrow .fig .v.mono{font-size:clamp(24px,2.4vw,38px);line-height:1.2}@media (max-width:860px){.pg-oclass .hero-art{justify-self:center;max-width:80vw;margin-block:-10px -20px;scale:1}.pg-oclass .figrow{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-oclass .figrow>:last-child{grid-column:1/-1}}.pg-oclass .vers{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pg-oclass .vers>div{align-content:start;gap:12px;padding:6px clamp(14px,2vw,28px) 10px;display:grid}.pg-oclass .vers>div:first-child{padding-left:0}.pg-oclass .vers>div+div{border-left:1.5px solid var(--ink-4)}.pg-oclass .vers .n{font:400 clamp(72px, 9vw, 140px)/.85 var(--f-display);justify-self:start}.pg-oclass .vers .old .n{color:var(--ink-3)}.pg-oclass .vers .d{font:500 clamp(17px, 1.4vw, 20px)/1.2 var(--f-mono)}.pg-oclass .vers .stamp{justify-self:start;font-size:clamp(17px,1.5vw,21px)}@media (max-width:900px){.pg-oclass .vers{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.pg-oclass .vers>div:nth-child(3){border-left:0;padding-left:0}}.pg-oclass .traffic{grid-template-columns:calc(var(--live) * 1%) 1fr;isolation:isolate;height:56px;margin-top:clamp(28px,3.4vw,44px);transition:grid-template-columns .4s;display:grid}.pg-oclass .traffic>span{min-width:0;position:relative}.pg-oclass .traffic>span:before{content:"";z-index:-1;border:2px solid var(--ink);filter:url(#rough);position:absolute;inset:0}.pg-oclass .traffic .live:before{background:repeating-linear-gradient(-58deg, var(--ink-4) 0 2px, transparent 2px 6px)}.pg-oclass .traffic .can:before{background:repeating-linear-gradient(-58deg, var(--acc) 0 2.6px, transparent 2.6px 6px)}.pg-oclass .traffic-k{font:400 clamp(26px, 2.6vw, 40px)/1 var(--f-display);text-transform:uppercase;justify-content:space-between;gap:12px;margin-top:12px;display:flex}.pg-oclass .traffic-k .num{font-family:var(--f-display);font-size:1em}.pg-oclass .roll{align-items:end}.pg-oclass .pct{font:400 clamp(130px, 17vw, 280px)/.8 var(--f-display);align-items:baseline;display:flex}.pg-oclass .pct small{color:var(--ink-2);margin-left:8px;font-size:.38em}.pg-oclass .pct-k{font:400 clamp(26px, 2.6vw, 40px)/1 var(--f-display);text-transform:uppercase;color:var(--acc);margin-top:14px}.pg-oclass .controls{gap:clamp(20px,2.4vw,30px);display:grid}.pg-oclass .presets{flex-wrap:wrap;gap:4px clamp(14px,2.2vw,30px);display:flex}.pg-oclass .presets button{font:400 clamp(32px, 3.4vw, 52px)/1 var(--f-display);color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:8px 6px}.pg-oclass .presets button[aria-pressed=true],.pg-oclass .presets button:hover{color:var(--ink)}.pg-oclass .controls .range{height:36px}.pg-oclass .btn-row{flex-wrap:wrap;gap:14px;display:flex}.pg-oclass .guard{flex-wrap:wrap;gap:14px 18px;display:flex}.pg-oclass .qual{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px;display:grid}.pg-oclass .qual>.metric{padding:4px clamp(16px,2.2vw,32px) 8px}.pg-oclass .qual>.metric:first-child{padding-left:0}.pg-oclass .qual>.metric:last-child{padding-right:0}.pg-oclass .qual>.metric+.metric{border-left:1.5px solid var(--ink-4)}@media (max-width:900px){.pg-oclass .qual{grid-template-columns:minmax(0,1fr)}.pg-oclass .qual>.metric{padding-inline:0}.pg-oclass .qual>.metric+.metric{border-left:0}}.pg-oclass .metric{align-content:start;gap:14px;display:grid}.pg-oclass .metric .k{font:400 clamp(30px, 3vw, 46px)/.95 var(--f-display);text-transform:uppercase}.pg-oclass .metric .pair{grid-template-columns:2.6em minmax(0,1fr) 3.3em;align-items:center;gap:10px 14px;font-size:clamp(22px,2vw,30px);display:grid}.pg-oclass .metric .pair .tag{font:400 .8em/1 var(--f-display);text-transform:uppercase}.pg-oclass .metric .pair .val{font:500 1em/1 var(--f-mono);text-align:right;white-space:nowrap}.pg-oclass .metric .prog.ink>i{background:repeating-linear-gradient(-58deg, var(--ink) 0 1.6px, transparent 1.6px 5px)}.pg-oclass .tests{margin:0;padding:0;list-style:none}.pg-oclass .tests li{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='4' viewBox='0 0 400 4'%3E%3Cpath d='M0 2.2 C60 1.2 120 3 200 2 S330 1.4 400 2.4' fill='none' stroke='%23111' stroke-opacity='.3' stroke-width='1'/%3E%3C/svg%3E") 0 100%/400px 4px repeat-x;grid-template-columns:minmax(0,1fr) auto 7.5em;align-items:center;gap:8px 24px;padding:16px 0 12px;display:grid}.pg-oclass .tests .name{font:400 clamp(28px, 3vw, 48px)/.95 var(--f-display);text-transform:uppercase;justify-self:start}.pg-oclass .tests .sc{font:500 clamp(18px, 1.6vw, 24px)/1 var(--f-mono)}.pg-oclass .tests .stamp{justify-self:end}@media (max-width:640px){.pg-oclass .tests li{grid-template-columns:minmax(0,1fr) auto}.pg-oclass .tests .sc{grid-row:2}.pg-oclass .tests .stamp{grid-area:1/2/3}}.pg-oclass .pass{align-self:center;place-items:center;padding:16px 0;display:grid}.pg-oclass .pass .stamp{white-space:normal;text-align:center;padding:18px 26px 12px;font-size:clamp(64px,8vw,128px);line-height:.86;transform:rotate(-8deg)}.pg-oclass .pass .stamp:before{border-width:6px}.pg-oclass .tbl.big td{vertical-align:middle;padding-block:15px 13px;font-size:18px}.pg-oclass .tbl.big td.name{font:400 clamp(24px, 2.4vw, 36px)/1 var(--f-display);text-transform:uppercase}.pg-oclass .tbl.big td.num{font-size:clamp(17px,1.4vw,20px)}.pg-oclass .tbl.big th:last-child,.pg-oclass .tbl.big td:last-child{padding-right:8px}@media (max-width:640px){.pg-oclass .tbl.big .since,.pg-oclass .tbl.big .pol{display:none}}.pg-oclass .add{align-items:end;row-gap:22px;margin-top:clamp(28px,3.4vw,44px)}.pg-oclass .add .input{font-size:22px}.pg-oclass .add .btn{justify-self:end}@media (max-width:860px){.pg-oclass .add .btn{justify-self:start}}