.rankingi-hero{padding-top:var(--space-16);padding-bottom:var(--space-12);position:relative}.rankingi-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(56,189,248,0.22),transparent 58%),radial-gradient(circle at 100% 100%,rgba(129,140,248,0.18),transparent 60%);opacity:.9;pointer-events:none;mix-blend-mode:screen}.rankingi-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-10);align-items:center}.rankingi-hero-copy{max-width:40rem}.rankingi-hero-ctas{margin-top:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-4)}.rankingi-hero-meta{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.rankingi-hero-visual{padding:var(--space-5);background:radial-gradient(circle at 0 0,rgba(56,189,248,0.26),transparent 60%),radial-gradient(circle at 100% 100%,rgba(129,140,248,0.24),transparent 60%),rgba(15,23,42,0.9)}.rankingi-hero-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.rankingi-hero-card{position:relative;border-radius:var(--radius-lg);padding:var(--space-4);background:linear-gradient(140deg,rgba(15,23,42,0.96),rgba(15,23,42,0.9));border:1px solid rgba(148,163,184,0.32);box-shadow:var(--shadow-sm);overflow:hidden}.rankingi-hero-card::before{content:"";position:absolute;inset:-1px;background:linear-gradient(130deg,rgba(45,212,255,0.22),rgba(129,140,248,0.18));opacity:.26;mix-blend-mode:soft-light;pointer-events:none}.rankingi-hero-card-label{font-size:var(--font-size-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-neutral-700);margin-bottom:var(--space-3)}.rankingi-nav-section{padding-top:0;padding-bottom:var(--space-6)}.rankingi-chips{display:flex;flex-wrap:wrap;gap:var(--space-3)}.rankingi-grid-section{padding-top:var(--space-4)}.rankingi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.rankingi-card{display:flex;flex-direction:column;height:100%}.rankingi-card-media-wrapper{position:relative;margin-bottom:var(--space-4);overflow:hidden;border-radius:calc(var(--radius-lg) - 6px)}.rankingi-card-image{width:100%;height:220px;object-fit:cover;transform:scale(1.02);transition:transform var(--transition-slow),filter var(--transition-slow);filter:saturate(1.05) contrast(1.02)}.rankingi-card-pill{position:absolute;left:var(--space-3);bottom:var(--space-3);padding:4px 12px;border-radius:999px;font-size:var(--font-size-xs);letter-spacing:.16em;text-transform:uppercase;background:rgba(15,23,42,0.9);border:1px solid rgba(148,163,184,0.7);color:var(--color-neutral-900);backdrop-filter:blur(12px)}.rankingi-card:hover .rankingi-card-image{transform:scale(1.07);filter:saturate(1.2) contrast(1.05)}.rankingi-card-list{margin-top:var(--space-3);padding-left:1.1rem;display:flex;flex-direction:column;gap:var(--space-2)}.rankingi-card-list li{position:relative;font-size:var(--font-size-sm);color:var(--color-muted);line-height:var(--line-height-relaxed)}.rankingi-card-list li::before{content:"";position:absolute;left:-0.95rem;top:0.6rem;width:6px;height:6px;border-radius:999px;background:linear-gradient(135deg,#22d3ee,#6366f1);box-shadow:0 0 0 1px rgba(15,23,42,0.9)}.rankingi-card-links{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.rankingi-cta{padding-top:var(--space-4);padding-bottom:var(--space-16)}.rankingi-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-6) var(--space-7);background:radial-gradient(circle at 0 0,rgba(56,189,248,0.22),transparent 65%),radial-gradient(circle at 100% 100%,rgba(129,140,248,0.24),transparent 65%),rgba(15,23,42,0.96)}.rankingi-cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.chip-active{box-shadow:0 0 0 1px rgba(15,23,42,0.9),0 0 32px rgba(56,189,248,0.6)}@media (max-width:1024px){.rankingi-hero-inner{grid-template-columns:1fr;gap:var(--space-8)}.rankingi-hero-visual{order:-1}.rankingi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rankingi-card-image{height:210px}}@media (max-width:768px){.rankingi-hero{padding-top:var(--space-14);padding-bottom:var(--space-10)}.rankingi-hero-ctas{flex-direction:column;align-items:flex-start}.rankingi-grid{grid-template-columns:1fr}.rankingi-card-image{height:200px}.rankingi-cta-inner{flex-direction:column;align-items:flex-start;padding:var(--space-5)}}@media (prefers-reduced-motion:reduce){.rankingi-card-image,.rankingi-hero-card,.chip{transition:none}
}