/* === HERO — data-driven, number-focused === */
.hero-ratings{padding:100px 0 80px;background:var(--clr-bg);position:relative;overflow:hidden}
.hero-ratings::after{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(ellipse at 80% 40%,rgba(251,191,36,0.04),transparent 70%);pointer-events:none}
.hero-ratings__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12);align-items:center;position:relative;z-index:1}
.hero-ratings__eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);background:rgba(251,191,36,0.08);border:1px solid rgba(251,191,36,0.2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--clr-gold);margin-bottom:var(--sp-5);text-transform:uppercase;letter-spacing:0.06em}
.hero-ratings__title{margin-bottom:var(--sp-4)}
.hero-ratings__title span{color:var(--clr-gold)}
.hero-ratings__sub{font-size:var(--fs-lg);color:var(--clr-text-muted);margin-bottom:var(--sp-8);max-width:480px}
.hero-ratings__actions{display:flex;gap:var(--sp-3);flex-wrap:wrap}
.hero-ratings__visual{display:flex;flex-direction:column;gap:var(--sp-4)}

/* Hero mini-card (preview rating card in hero) */
.hero-mini{display:flex;align-items:center;gap:var(--sp-4);background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--r-xl);padding:var(--sp-4) var(--sp-5);transition:border-color var(--dur)}
.hero-mini:hover{border-color:var(--clr-gold)}
.hero-mini__name{font-weight:var(--fw-semibold);font-size:var(--fs-sm);margin-bottom:2px}
.hero-mini__cat{font-size:var(--fs-xs);color:var(--clr-text-dim)}

/* === SECTIONS === */
.sec{padding:var(--sp-20) 0}
.sec--surface{background:var(--clr-surface)}
.sec--bordered{border-top:1px solid var(--clr-border)}

.sec__header{text-align:center;margin-bottom:var(--sp-12)}
.sec__eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:0.1em;color:var(--clr-gold);margin-bottom:var(--sp-3)}
.sec__title{margin-bottom:var(--sp-3)}
.sec__sub{font-size:var(--fs-lg);color:var(--clr-text-muted);max-width:560px;margin:0 auto}

/* === RATING LIST === */
.rating-list{display:flex;flex-direction:column;gap:var(--sp-5)}

/* === CATEGORIES GRID === */
.cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3)}

/* === METHODOLOGY GRID === */
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5)}

/* === STATS ROW === */
.stats-row{display:flex;justify-content:center;gap:var(--sp-6);flex-wrap:wrap;padding:var(--sp-6) 0;border-top:1px solid var(--clr-border);border-bottom:1px solid var(--clr-border)}

/* === CTA BANNER === */
.cta-banner{padding:var(--sp-20) 0;text-align:center;position:relative;background:var(--clr-bg)}
.cta-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(251,191,36,0.06),transparent 70%);pointer-events:none}
.cta-banner__inner{position:relative;z-index:1}
.cta-banner__title{margin-bottom:var(--sp-3)}
.cta-banner__sub{font-size:var(--fs-lg);color:var(--clr-text-muted);margin-bottom:var(--sp-8);max-width:480px;margin-left:auto;margin-right:auto}

/* === BLOG GRID === */
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-6)}
.post-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--r-xl);overflow:hidden;transition:all var(--dur) var(--ease)}
.post-card:hover{border-color:var(--clr-gold)}
.post-card__img{aspect-ratio:16/9;object-fit:cover;width:100%}
.post-card__body{padding:var(--sp-5)}
.post-card__cat{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;color:var(--clr-gold);margin-bottom:var(--sp-2)}
.post-card__title{font-size:var(--fs-xl);margin-bottom:var(--sp-2)}
.post-card__title a{color:var(--clr-white)}
.post-card__title a:hover{color:var(--clr-gold)}
.post-card__excerpt{font-size:var(--fs-sm);color:var(--clr-text-muted);margin-bottom:var(--sp-3)}
.post-card__meta{font-size:var(--fs-xs);color:var(--clr-text-dim)}

/* === PAGE CONTENT === */
.page-body{padding:var(--sp-16) 0}
.page-body h1{margin-bottom:var(--sp-6)}
.page-body h2{margin-top:var(--sp-10);margin-bottom:var(--sp-4)}
.page-body h3{margin-top:var(--sp-8);margin-bottom:var(--sp-3)}
.page-body ul,.page-body ol{margin-bottom:var(--sp-4);padding-left:var(--sp-6);color:var(--clr-text-muted)}
.page-body li{margin-bottom:var(--sp-2)}

/* === RESPONSIVE === */
@media(max-width:1024px){
    .hero-ratings__inner{grid-template-columns:1fr;text-align:center}
    .hero-ratings__sub{margin-left:auto;margin-right:auto}
    .hero-ratings__actions{justify-content:center}
    .hero-ratings__visual{max-width:500px;margin:0 auto}
    .method-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
    .hero-ratings{padding:64px 0 48px}
    .sec{padding:var(--sp-12) 0}
    .method-grid{grid-template-columns:1fr}
    .posts{grid-template-columns:1fr}
    .stats-row{flex-direction:column;align-items:stretch}
}