.sx-content-v2{background:#09090d;color:#f6f5fa}

.sx-content-hero{
position:relative;
padding:150px 0 82px;
overflow:hidden;
}

.sx-content-hero:before{
content:"";
position:absolute;
width:900px;
height:620px;
right:-180px;
top:-170px;
background:
radial-gradient(circle at 50% 50%,
rgba(151,68,255,.18),
rgba(255,40,164,.075) 36%,
transparent 70%);
filter:blur(8px);
pointer-events:none;
}

.sx-content-hero__grid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
gap:70px;
align-items:center;
}

.sx-content-hero__copy h1{
font-size:clamp(48px,5.6vw,86px);
line-height:.98;
letter-spacing:-.055em;
max-width:850px;
margin:22px 0;
}

.sx-content-hero__copy>p{
max-width:720px;
font-size:18px;
line-height:1.72;
color:#aaa7b6;
}

.sx-content-meta{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:30px;
font-size:12px;
text-transform:uppercase;
letter-spacing:.08em;
color:#767481;
}

.sx-content-meta span{
padding:7px 10px;
border:1px solid rgba(255,255,255,.09);
border-radius:999px;
background:rgba(255,255,255,.025);
}

.sx-content-visual{
position:relative;
aspect-ratio:16/10;
border-radius:30px;
border:1px solid rgba(255,255,255,.10);
overflow:hidden;
background:
radial-gradient(circle at 58% 43%,rgba(183,73,255,.22),transparent 32%),
radial-gradient(circle at 30% 70%,rgba(52,121,255,.12),transparent 36%),
linear-gradient(145deg,#11111a,#09090f 70%);
box-shadow:
0 45px 120px rgba(0,0,0,.48),
inset 0 1px rgba(255,255,255,.07);
}

.sx-content-visual.has-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.sx-content-visual__glow{
position:absolute;
width:60%;
aspect-ratio:1;
left:20%;
top:18%;
border-radius:50%;
background:#923cff;
filter:blur(90px);
opacity:.28;
}

.sx-content-visual__orb{
position:absolute;
width:190px;
height:190px;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:46px;
background:
linear-gradient(145deg,
rgba(255,255,255,.12),
rgba(121,63,255,.22));
border:1px solid rgba(255,255,255,.15);
box-shadow:
0 0 80px rgba(172,64,255,.28),
inset 0 1px rgba(255,255,255,.18);
backdrop-filter:blur(15px);
}

.sx-content-visual__plane{
position:absolute;
border:1px solid rgba(191,151,255,.18);
border-radius:26px;
background:rgba(255,255,255,.025);
transform:rotate(-12deg);
}

.sx-content-visual__plane--one{
width:210px;
height:130px;
left:7%;
top:13%;
}

.sx-content-visual__plane--two{
width:190px;
height:120px;
right:5%;
bottom:12%;
transform:rotate(12deg);
}

.sx-content-visual__core{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:50px;
}

.sx-content-visual__core small{
font-size:10px;
letter-spacing:.15em;
color:#aaa0b7;
}

.sx-content-visual__core strong{
max-width:240px;
margin-top:8px;
font-size:20px;
line-height:1.2;
}

.sx-content-main{
padding:50px 0 100px;
}

.sx-content-layout{
display:grid;
grid-template-columns:minmax(0,760px) minmax(270px,330px);
gap:100px;
justify-content:center;
align-items:start;
}

.sx-content-prose{
font-size:17px;
line-height:1.82;
color:#cbc8d3;
}

.sx-content-prose h2{
font-size:38px;
line-height:1.12;
letter-spacing:-.035em;
color:#fff;
margin:62px 0 20px;
}

.sx-content-prose h3{
font-size:25px;
line-height:1.25;
color:#fff;
margin:38px 0 15px;
}

.sx-content-prose p,
.sx-content-prose ul,
.sx-content-prose ol{
margin:0 0 24px;
}

.sx-content-prose a{color:#bc86ff}

.sx-content-prose blockquote{
margin:35px 0;
padding:22px 25px;
border-left:2px solid #9d53ff;
background:rgba(255,255,255,.025);
border-radius:0 16px 16px 0;
}

.sx-content-side{
position:sticky;
top:120px;
display:grid;
gap:14px;
}

.sx-content-side__card{
padding:24px;
border:1px solid rgba(255,255,255,.09);
border-radius:20px;
background:#111117;
}

.sx-content-side__card small{
font-size:10px;
letter-spacing:.13em;
color:#a66cff;
}

.sx-content-side__card h3{
font-size:20px;
line-height:1.25;
margin:10px 0;
}

.sx-content-side__card p{
font-size:13px;
line-height:1.6;
color:#8e8b98;
}

.sx-content-side__card a{
display:inline-flex;
margin-top:8px;
color:#fff;
font-size:13px;
}

.sx-content-ask{
width:100%;
border:0;
border-radius:14px;
padding:14px;
font-weight:700;
cursor:pointer;
background:linear-gradient(120deg,#9f49ff,#e43ca5);
color:#fff;
}

.sx-content-ranking,
.sx-content-related,
.sx-content-faq{
padding:90px 0;
border-top:1px solid rgba(255,255,255,.06);
}

.sx-content-ranking__list{
margin-top:34px;
}

.sx-content-related__grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
margin-top:35px;
}

.sx-content-related__card{
display:block;
min-height:230px;
padding:24px;
border-radius:18px;
border:1px solid rgba(255,255,255,.08);
background:#111117;
text-decoration:none;
color:#fff;
transition:transform .2s ease,border-color .2s ease;
}

.sx-content-related__card:hover{
transform:translateY(-4px);
border-color:rgba(172,93,255,.45);
}

.sx-content-related__card small{
color:#9d68e5;
font-size:10px;
letter-spacing:.12em;
}

.sx-content-related__card h3{
font-size:21px;
line-height:1.25;
margin:14px 0;
}

.sx-content-related__card p{
color:#8f8c99;
font-size:13px;
line-height:1.6;
}

.sx-content-related__card span{
display:block;
margin-top:20px;
font-size:13px;
}

@media(max-width:900px){
.sx-content-hero{padding:120px 0 55px}
.sx-content-hero__grid,
.sx-content-layout{
grid-template-columns:1fr;
gap:38px;
}
.sx-content-hero__copy h1{
font-size:clamp(42px,12vw,64px);
}
.sx-content-visual{
aspect-ratio:16/11;
}
.sx-content-side{
position:static;
}
.sx-content-related__grid{
grid-template-columns:1fr;
}
}

@media(max-width:600px){
.sx-content-hero__grid{gap:30px}
.sx-content-hero__copy>p{font-size:16px}
.sx-content-main{padding-top:25px}
.sx-content-prose{font-size:16px}
.sx-content-prose h2{font-size:31px}
}

/* =========================================================
   CONTENT CATEGORY RANKING — LOCKED TO HOMEPAGE SYSTEM
   Do not introduce parallel ranking markup/styles.
   ========================================================= */

.sx-content-category-featured{
    background:linear-gradient(180deg,#0c0c12,#101019);
}

.sx-content-category-featured .sx2-partner-card{
    display:block;
    text-decoration:none;
    color:#fff;
    transition:
        transform .28s ease,
        border-color .28s ease,
        background .28s ease;
}

.sx-content-category-featured .sx2-partner-card:hover{
    transform:translateY(-5px);
    border-color:rgba(157,83,255,.42);
}

.sx-content-category-featured .sx2-partner-link{
    display:inline-block;
    margin-top:8px;
    color:#fff;
    font-weight:600;
    font-size:13px;
}

.sx-content-category-ranking{
    padding-top:100px;
}

/* Hero image motion */
.sx-content-visual.has-image{
    overflow:hidden;
}

.sx-content-visual.has-image img{
    transform:scale(1);
    transition:
        transform .55s cubic-bezier(.2,.7,.2,1),
        filter .55s ease;
}

.sx-content-visual.has-image:hover img{
    transform:scale(1.035);
}

/* Research cards on homepage / content imagery */
.sx2-card-visual{
    overflow:hidden;
}

.sx2-card-visual img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1);
    transition:transform .45s cubic-bezier(.2,.7,.2,1);
}

article:hover .sx2-card-visual img{
    transform:scale(1.04);
}

@media(max-width:650px){
    .sx-content-category-featured .sx2-featured-grid{
        grid-template-columns:1fr;
    }
}

/* === FORCE CATEGORY FEATURED INTO NORMAL DOCUMENT FLOW === */

.sx-category-ranking-stack{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}

.sx-category-featured-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    margin-bottom:110px !important;
}

.sx-category-featured-grid .sx2-partner-card{
    display:block !important;
    min-height:330px;
    text-decoration:none;
    color:#fff;
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.sx-category-featured-grid .sx2-partner-card:hover{
    transform:translateY(-6px);
    border-color:rgba(164,85,255,.5);
    box-shadow:0 24px 70px rgba(0,0,0,.25);
}

.sx-category-featured-score{
    display:inline-block;
    margin-top:10px;
    font-size:13px;
    font-weight:700;
    color:#fff;
}

.sx-category-ranking-heading{
    margin-top:10px;
}

@media(max-width:1050px){
    .sx-category-featured-grid{
        grid-template-columns:1fr !important;
        margin-bottom:75px !important;
    }
}

/* =========================================================
   CATEGORY FEATURED — LOCKED TO TOP100/HOMEPAGE EXPERIENCE
   ========================================================= */

.sx-featured-listing__box{
    border:1px solid rgba(255,255,255,.08);
    background:#0f0e17;
    margin-bottom:110px;
}

.sx-featured-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:40px;
    align-items:center;
    padding:34px 28px;
    border-bottom:1px solid rgba(255,255,255,.075);
}

.sx-featured-row:last-child{
    border-bottom:0;
}

.sx-featured-row__flag{
    margin-bottom:12px;
    font-size:10px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#9d6dff;
}

.sx-featured-row__main h3{
    margin:0 0 12px;
    font-size:25px;
    letter-spacing:-.025em;
}

.sx-featured-row__main p{
    max-width:720px;
    margin:0 0 16px;
    color:#aaa6b8;
    line-height:1.65;
}

.sx-featured-row__tags{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.sx-featured-row__tags span{
    padding:6px 10px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:999px;
    font-size:10px;
    color:#8f8b9b;
}

.sx-featured-row__actions{
    display:flex;
    gap:10px;
    align-items:center;
}

.sx-featured-row__actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 20px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:10px;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}

.sx-featured-row__actions a:last-child{
    background:linear-gradient(120deg,#7b39e6,#d83fa9);
    border-color:transparent;
}

.sx-category-ranking-heading{
    margin-top:0;
}

@media(max-width:760px){

    .sx-featured-row{
        grid-template-columns:1fr;
        gap:22px;
    }

    .sx-featured-row__actions{
        flex-wrap:wrap;
    }

}

/* =========================================================
   FINAL CATEGORY RANKING LOCK
   Featured uses original homepage partial/classes.
   ========================================================= */

.sx-category-featured-heading{
    margin-bottom:28px;
}

.sx-category-ranking-heading{
    margin-top:100px;
}

.sx-category-ranking-heading .sx2-heading{
    margin-bottom:42px;
}

.sx-category-ranking-heading .sx2-heading h2{
    font-size:clamp(44px,5vw,72px);
    line-height:.98;
    max-width:720px;
    overflow-wrap:normal;
    word-break:normal;
}

.sx-category-ranking-heading .sx2-heading>p{
    max-width:500px;
}

@media(max-width:900px){

    .sx-category-ranking-heading{
        margin-top:70px;
    }

    .sx-category-ranking-heading .sx2-heading h2{
        font-size:clamp(40px,11vw,58px);
    }

}