.ug-h1{margin:.4rem 0 1rem;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;line-height:1.05}.ug-lede{max-width:60ch;color:var(--sb-text-secondary,#cbd5e1);margin:0 auto 1.6rem;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.6}.ug-role-grid{grid-template-columns:repeat(2,1fr);gap:18px;width:100%;margin:1.8rem auto .4rem;display:grid}.ug-role-card{border-radius:var(--sb-radius-lg,18px);background:#0f1525b3;flex-direction:column;text-decoration:none;transition:transform .4s,box-shadow .4s,background .4s;animation:4s ease-in-out infinite gx-hero-card-breathe;display:flex;position:relative}.ug-role-card:nth-child(2){animation-delay:-1s}.ug-role-card:nth-child(3){animation-delay:-2s}.ug-role-card:nth-child(4){animation-delay:-3s}.ug-role-card:before{content:"";border-radius:calc(var(--sb-radius-lg,18px) + 1px);background:var(--sb-gradient);-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ug-role-card:hover{background:#141c32d9;animation:none;transform:translateY(-3px);box-shadow:0 0 16px #38bdf838,0 0 28px #6366f11a}.ug-role-img{aspect-ratio:16/10;border-radius:var(--sb-radius-lg,18px) var(--sb-radius-lg,18px) 0 0;background-color:#0f152580;width:100%;position:relative;overflow:hidden}.ug-role-img img{object-fit:cover;width:100%;height:100%;display:block}.ug-role-footer{text-align:left;border-radius:0 0 var(--sb-radius-lg,18px) var(--sb-radius-lg,18px);padding:12px 15px}.ug-role-name{color:var(--sb-text,#e2e8f0);margin:0 0 2px;font-size:1.02rem;font-weight:700}.ug-role-card p{color:var(--sb-text-muted,#94a3b8);margin:0;font-size:.78rem;line-height:1.4}.ug-toggle{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.8rem;margin:1.6rem auto 0;display:grid}.ug-toggle-group{flex-direction:column;gap:.7rem;display:flex}.ug-toggle-label{text-transform:uppercase;letter-spacing:.12em;color:var(--sb-text-muted,#94a3b8);text-align:center;font-size:.7rem;font-weight:700}.ug-pills{flex:1;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:8px;display:grid}.ug-pill{text-align:center;cursor:pointer;letter-spacing:.03em;white-space:nowrap;justify-content:center;padding:8px;font-family:inherit;font-size:.74rem;transition:all .2s}.ug-pill:not(.active){opacity:.5}.ug-pill.active{color:#fff}.sb-badge-ice.ug-pill.active{border-color:var(--sb-ice,#38bdf8);background:#38bdf840}.sb-badge-violet.ug-pill.active{border-color:var(--sb-violet,#6366f1);background:#6366f140}.sb-badge-fuchsia.ug-pill.active{border-color:var(--sb-fuchsia,#ec4899);background:#ec489940}.ug-pill:hover{transform:translateY(-1px);box-shadow:0 0 12px #38bdf833}.ug-panels{margin:0 auto}.ug-panels :where(.reveal,.reveal-x,.reveal-lr){opacity:1!important;animation:none!important;transform:none!important}.ug-guide{scroll-margin-top:calc(var(--sb-topbar-height,56px) + 40px)}.ug-guide.hidden{display:none}.ug-guide-head{text-align:center;margin:0 auto 2.2rem}.ug-guide-head .sb-badge{margin-bottom:.9rem}.ug-guide-title{margin:0 0 .8rem;font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:800;line-height:1.12}.ug-guide-intro{color:var(--sb-text-secondary,#cbd5e1);margin:0 0 .9rem;font-size:1.1rem;line-height:1.6}.ug-guide-who{color:var(--sb-text-muted,#94a3b8);margin:0;font-size:.92rem}.ug-guide-who strong{color:var(--sb-text,#e2e8f0)}.rpt-context-grid{gap:var(--sb-space-lg,24px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;display:grid}.rpt-context-card{text-align:center;transition:transform .25s,box-shadow .25s}.rpt-context-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px -6px #38bdf826,0 0 0 1px #38bdf81a}.rpt-card-icon{width:38px;height:38px;color:var(--sb-ice,#38bdf8);place-items:center;margin:0 auto 12px;display:grid}.rpt-card-icon svg{width:38px;height:38px;display:block}.rpt-card-icon--ice,.rpt-card-super--ice{color:var(--sb-ice,#38bdf8)}.rpt-card-icon--violet,.rpt-card-super--violet{color:var(--sb-violet,#6366f1)}.rpt-card-icon--fuchsia,.rpt-card-super--fuchsia{color:var(--sb-fuchsia,#d946ef)}.rpt-card-icon--teal,.rpt-card-super--teal{color:#2dd4bf}.rpt-card-super{letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-family:Rajdhani,sans-serif;font-size:.7rem;font-weight:700;display:block}.rpt-card-heading{color:var(--sb-text-primary,#e2e8f0);letter-spacing:.12em;text-transform:uppercase;margin:0 0 var(--sb-space-md,16px);font-family:Rajdhani,sans-serif;font-size:1rem}.rpt-card-text{color:var(--sb-text-secondary,#cbd5e1);margin:0;line-height:1.65}.rpt-card-text a{color:var(--sb-ice,#38bdf8);text-decoration:underline}.brel-grid{gap:var(--sb-space-md);grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}.brel-card{color:var(--sb-text);-webkit-backdrop-filter:blur(4px);background:#0f1525b3;border:1px solid #0000;border-radius:14px;flex-direction:column;gap:8px;height:100%;padding:18px 18px 14px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;animation:4s ease-in-out infinite sb-card-breathe;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.brel-card{animation:none}}.brel-card:before{content:"";border-radius:inherit;background:var(--sb-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.brel-card:hover{background:#131b2bbf;animation:none;transform:translateY(-3px);box-shadow:0 0 12px #38bdf82e,0 0 20px #6366f114}.brel-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--sb-ice);background:#38bdf814;border:1px solid #38bdf840;border-radius:6px;align-self:flex-start;padding:4px 9px;font-size:.62rem;font-weight:700;line-height:1}.brel-card[data-tag=violet] .brel-tag{color:var(--sb-violet);background:#6366f114;border-color:#6366f14d}.brel-card[data-tag=fuchsia] .brel-tag{color:var(--sb-fuchsia,#ec4899);background:#ec489914;border-color:#ec48994d}.brel-card[data-tag=teal] .brel-tag{color:#2dd4bf;background:#2dd4bf14;border-color:#2dd4bf4d}.brel-card[data-tag=ice] .brel-tag{color:var(--sb-ice);background:#38bdf814;border-color:#38bdf840}.brel-title{color:var(--sb-text);margin:2px 0 0;font-size:1rem;font-weight:700;line-height:1.35}.brel-excerpt{color:var(--sb-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.brel-meta{color:var(--sb-text-muted);border-top:1px solid #ffffff0f;align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-size:.7rem;display:flex}.brel-arrow{color:var(--sb-ice);margin-left:auto;font-size:.95rem;transition:transform .2s}.brel-card:hover .brel-arrow{transform:translate(4px)}@media (width<=768px){.brel-grid{grid-template-columns:1fr;gap:12px}.brel-card{border-radius:var(--sb-radius);padding:16px}.brel-title{font-size:.95rem}.brel-excerpt{-webkit-line-clamp:2}}@media (width<=760px){.ug-toggle{grid-template-columns:1fr;gap:1.4rem}}@media (width<=600px){.ug-role-grid{gap:10px}}