/* Scoped visuals for Raiko One / Pro / Epic category introductions. */
.gpc-tier,.gpc-tier *{box-sizing:border-box}
.gpc-tier{position:relative;isolation:isolate;width:min(1100px,calc(100% - 24px));margin:14px auto 22px;padding:24px;overflow:hidden;border:1px solid #e1e5ee;color:#17171b;background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--gpc-tier-accent) 12%,transparent),transparent 31%),linear-gradient(145deg,#fff,#f8f9fc);box-shadow:0 14px 38px rgba(35,31,54,.07);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}
.gpc-tier__head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.85fr);gap:42px;align-items:end}
.gpc-tier__eyebrow{margin:0 0 22px;font-size:13px;line-height:1.1;font-weight:900;letter-spacing:.19em}
.gpc-tier__eyebrow::before{display:inline-block;width:8px;height:8px;margin-right:12px;background:var(--gpc-tier-accent);content:""}
.gpc-tier__head h2{margin:0;font-size:clamp(29px,3vw,45px);line-height:1.04;letter-spacing:-.045em}
.gpc-tier__head h2 span{color:var(--gpc-tier-accent)}
.gpc-tier__lead{margin:0 0 5px;font-size:clamp(17px,1.55vw,23px);line-height:1.55}
.gpc-tier__chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px;padding:0;list-style:none}
.gpc-tier__chips li{margin:0;padding:9px 12px;border:1px solid #e2e5ec;background:rgba(255,255,255,.86);color:#5e6270;font-size:12px;line-height:1.1;font-weight:800}
.gpc-tier__platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gpc-tier__platform{--platform:#7652db;position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:152px;padding:16px 18px;overflow:hidden;border:1px solid #dfe3eb;color:#17171b!important;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--platform) 7%,#fff));text-decoration:none!important;box-shadow:0 7px 20px rgba(35,31,54,.045)}
.gpc-tier__platform--amd{--platform:#e65353}.gpc-tier__platform--rtx{--platform:#58a83f}.gpc-tier__platform--arc{--platform:#3b82e6}
.gpc-tier__platform::after{position:absolute;right:10px;top:50%;color:color-mix(in srgb,var(--platform) 10%,transparent);font-size:45px;line-height:1;font-weight:950;font-style:italic;content:attr(data-brand);transform:translateY(-50%)}
.gpc-tier__badge{position:relative;z-index:2;justify-self:start;padding:6px 9px;border:1px solid color-mix(in srgb,var(--platform) 60%,#fff);color:var(--platform);background:color-mix(in srgb,var(--platform) 6%,#fff);font-size:11px;line-height:1;font-weight:950;letter-spacing:.13em}
.gpc-tier__platform strong,.gpc-tier__platform em{position:relative;z-index:2;display:block;align-self:end;max-width:62%}
.gpc-tier__platform strong{margin-top:13px;font-size:23px;line-height:1.05;letter-spacing:-.035em}
.gpc-tier__platform em{margin-top:5px;font-size:16px;line-height:1.2;font-style:normal;font-weight:800}
.gpc-tier__platform small{position:absolute;z-index:2;right:12px;bottom:11px;padding:7px 9px 7px 12px;border-left:3px solid var(--platform);color:#777b87;background:rgba(255,255,255,.9);font-size:8px;line-height:1.1;font-weight:900;letter-spacing:.1em}
.gpc-tier__platform small b{display:block;margin-top:3px;color:#23242a;font-size:13px;letter-spacing:0;white-space:nowrap}
.gpc-tier__platform>i{position:absolute;z-index:2;top:12px;right:13px;color:#9498a2;font-size:20px;font-style:normal}
.gpc-tier__models{margin-top:20px;padding-top:18px;border-top:1px solid #e2e5ec}
.gpc-tier__models>h3{margin:0 0 14px;font-size:19px;line-height:1.15;letter-spacing:-.025em}
.gpc-tier__model-group+.gpc-tier__model-group{margin-top:15px}
.gpc-tier__model-group h4{margin:0 0 7px;color:#656a78;font-size:11px;line-height:1;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.gpc-tier__model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.gpc-tier__model-grid a{display:flex;min-width:0;min-height:48px;padding:10px 12px;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e1e4eb;color:#262832!important;background:rgba(255,255,255,.9);font-size:13px;line-height:1.15;font-weight:850;text-decoration:none!important}
.gpc-tier__model-grid i{flex:0 0 auto;color:var(--gpc-tier-accent);font-style:normal}
.gpc-tier__more{margin-top:16px;border-top:1px solid #e2e5ec}
.gpc-tier__more summary{padding:13px 0 2px;color:#6b6f7b;font-size:12px;font-weight:850;cursor:pointer}
.gpc-tier__more p{max-width:820px;margin:10px 0 0;color:#626673;font-size:13px;line-height:1.6}
@media(max-width:767px){
.gpc-tier{width:calc(100% - 20px);margin:10px auto 16px;padding:16px 13px}
.gpc-tier__head{grid-template-columns:minmax(0,1fr);gap:12px}
.gpc-tier__eyebrow{margin-bottom:13px;font-size:10px;letter-spacing:.13em}
.gpc-tier__head h2{font-size:28px}
.gpc-tier__lead{font-size:15px;line-height:1.45}
.gpc-tier__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:16px 0 12px}
.gpc-tier__chips li{padding:8px;font-size:10px}
.gpc-tier__platforms,.gpc-tier__model-grid{grid-template-columns:minmax(0,1fr)}
.gpc-tier__platform{min-height:132px;padding:14px}
.gpc-tier__models{margin-top:16px;padding-top:15px}
.gpc-tier__models>h3{font-size:17px}
.gpc-tier__model-grid a{min-height:50px;font-size:14px}
}