/* Match the public entrance to the rankings workspace. */
:root { --paper: #f5f9fc; --ink: #182b43; --line: #dce7f0; --lime: #caff79; }
body { background: #f5f9fc; }
.dark { background: radial-gradient(circle at 78% 19%, rgba(91,194,205,.24), transparent 23%), linear-gradient(118deg, #122945 0%, #16426c 58%, #156878 100%); }
.dark header { min-height: 82px; }
.dark nav a { color: #d8e8f3; font-weight: 600; }
.dark nav a:hover { color: #caff79; }
.button { border-radius: 11px; background: #caff79; color: #173b33; font-weight: 800; box-shadow: 0 8px 19px rgba(20,52,56,.10); }
.button:hover { background: #b9f468; color: #12362e; }
.button.secondary { border-color: #8cb0c2; background: rgba(255,255,255,.06); color: #fff; box-shadow: none; }
.button.secondary:hover { background: rgba(255,255,255,.14); }
.hero h1 { letter-spacing: -.055em; }
.hero em { color: #caff79; }
.dashboard { border-color: #bfcfda; border-radius: 21px; box-shadow: 0 24px 55px rgba(20,48,74,.15); }
.dashboard aside { border-color: #dce7f0; background: #f7fbfe; }
.dashboard .side-active { border-radius: 10px; background: #e9f4fb; color: #174c7b; box-shadow: inset 3px 0 #2d86ba; }
.dashboard-main { background: #fff; }
.dashboard .stats > div { border-color: #dce7f0; border-radius: 13px; box-shadow: 0 8px 22px rgba(23,51,83,.045); }
.chart-panel, .keyword-panel { border-color: #dce7f0; border-radius: 15px; }
.dashboard thead { background: #eaf2f8; }
.dashboard th { color: #34526e; }
.benefits h2, .workflow h2, .faq h2 { color: #182b43; letter-spacing: -.045em; }
.section-label { color: #17825e; font-weight: 800; }
.section-label:before { background: #38b794; }
.features article { border-color: #dce7f0; }
.feature-icon { border: 1px solid #cfe4e9; border-radius: 15px; background: #e9f5f9; color: #2368b1; }
.workflow { border-color: #cfe4e9; border-radius: 18px; background: linear-gradient(120deg, #eaf5fb, #e7f8f2); }
.workflow li { border-color: #cfe4e9; }
.workflow li > span { color: #17825e; }
.faq details { border-color: #dce7f0; }
.faq summary { color: #182b43; }
.faq summary:hover { color: #2368b1; }
.closing { border-radius: 20px; background: radial-gradient(circle at 82% 10%, rgba(91,194,205,.28), transparent 22%), linear-gradient(118deg, #122945, #16426c 58%, #156878); box-shadow: 0 18px 38px rgba(23,61,101,.16); }
footer { border-color: #dce7f0; }
@media(max-width:760px) {
  .dark header { min-height: 76px; }
  .dashboard { border-radius: 16px; }
  .workflow { padding: 27px 22px; }
  .closing { border-radius: 16px; }
}