.cluster-page{background:var(--bg)}
.cluster-hero{padding:72px 0 42px;text-align:center}
.cluster-eyebrow{display:inline-flex;padding:6px 12px;border:1px solid var(--border);border-radius:999px;color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.cluster-hero h1{max-width:820px;margin:18px auto 12px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.08}
.cluster-hero p{max-width:760px;margin:0 auto;color:var(--text-secondary);font-size:1.05rem;line-height:1.8}
.cluster-section{padding:34px 0}
.cluster-section h2{font-size:1.65rem;margin-bottom:8px}
.cluster-section-intro{max-width:720px;color:var(--text-secondary);line-height:1.75;margin-bottom:22px}
.cluster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cluster-card{display:flex;flex-direction:column;gap:8px;min-height:150px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.cluster-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.cluster-card strong{font-size:1rem}
.cluster-card span{color:var(--text-secondary);font-size:.85rem;line-height:1.6}
.cluster-card em{margin-top:auto;color:var(--accent);font-style:normal;font-size:.78rem;font-weight:700}
.cluster-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cluster-guide{padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface)}
.cluster-guide h3{margin-bottom:10px;font-size:1.05rem}
.cluster-guide p,.cluster-guide li{color:var(--text-secondary);font-size:.9rem;line-height:1.75}
.cluster-guide ul{padding-left:20px;margin:10px 0 0}
.cluster-breadcrumb{padding-top:26px;font-size:.8rem;color:var(--text-muted)}
.cluster-breadcrumb a{color:var(--text-secondary)}
.cluster-cta{margin:36px 0 72px;padding:30px;border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(244,63,94,.11),rgba(99,102,241,.08));text-align:center}
.cluster-cta p{color:var(--text-secondary);margin:8px auto 18px;max-width:650px}
@media(max-width:900px){.cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cluster-hero{padding-top:50px}.cluster-grid,.cluster-guide-grid{grid-template-columns:1fr}.cluster-card{min-height:0}}