.keekan-page[data-keekan-page="overview"] {
  background:linear-gradient( 105deg,var(--keekan-primary-dark) 0%,var(--keekan-primary) 100% );
  border-radius:20px;
  padding:22px;
  color:var(--keekan-text-on-dark-muted);
}
.keekan-page[data-keekan-page="overview"] .keekan-muted {
  color:var(--keekan-text-on-dark-soft);
}
.keekan-page[data-keekan-page="overview"] .keekan-topbar {
  background:linear-gradient( 135deg,var(--keekan-accent) 20%,var(--keekan-brand-pink) 80% );
  border:1px solid var(--keekan-brand-pink);
  color:var(--keekan-text-on-dark);
  box-shadow:0 22px 44px rgba(var(--keekan-black-rgb),0.35);
}
.keekan-page[data-keekan-page="overview"] .keekan-topbar h1 {
  color:var(--keekan-white);
  font-size:32px;
  letter-spacing:-0.02em;
}
.keekan-page[data-keekan-page="overview"] .keekan-topbar p {
  color:var(--keekan-white);
  font-weight:600;
}
.keekan-page[data-keekan-page="overview"] .keekan-topbar .keekan-badge {
  background:var(--keekan-primary);
  color:var(--keekan-white);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero {
  background:linear-gradient( 140deg,var(--keekan-ink) 0%,var(--keekan-primary) 45%,var(--keekan-primary-dark) 100% );
  border:1px solid var(--keekan-primary);
  box-shadow:0 30px 60px rgba(var(--keekan-black-rgb),0.45);
  grid-template-columns:1fr;
  width:100%;
  color:var(--keekan-text-on-dark);
}
.keekan-page[data-keekan-page="overview"] .keekan-eyebrow {
  color:var(--keekan-brand-pink);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__content h2 {
  color:var(--keekan-text-on-dark);
  line-height:1.2;
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__content p {
  color:var(--keekan-text-on-dark-muted);
  max-width:none;
}
.keekan-page[data-keekan-page="overview"] .keekan-hero p,
.keekan-page[data-keekan-page="overview"] .keekan-hero span,
.keekan-page[data-keekan-page="overview"] .keekan-hero strong,
.keekan-page[data-keekan-page="overview"] .keekan-hero small {
  color:inherit;
}
.keekan-page[data-keekan-page="overview"] .keekan-hero .keekan-ghost {
  color:var(--keekan-ink) !important;
}
.keekan-page[data-keekan-page="overview"] .keekan-hero .keekan-muted,
.keekan-page[data-keekan-page="overview"] .keekan-hero .keekan-label {
  color:var(--keekan-text-on-dark-muted) !important;
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__content h2,
.keekan-page[data-keekan-page="overview"] .keekan-hero__content p {
  color:var(--keekan-text-on-dark) !important;
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__content p {
  color:var(--keekan-text-on-dark-muted) !important;
}
.keekan-admin .keekan-page[data-keekan-page="overview"] .keekan-hero__content {
  color:var(--keekan-text-on-dark);
}
.keekan-admin .keekan-page[data-keekan-page="overview"] .keekan-hero__content h2 {
  color:var(--keekan-text-on-dark);
}
.keekan-admin .keekan-page[data-keekan-page="overview"] .keekan-hero__content p {
  color:var(--keekan-text-on-dark-muted);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__connection {
  display:grid;
  gap:12px;
  margin-top:16px;
}
.keekan-page[data-keekan-page="overview"] .keekan-hero-connect-row {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__meta {
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
}
@media (max-width:700px) {
.keekan-page[data-keekan-page="overview"] .keekan-hero-connect-row {
    flex-direction:column;
    align-items:stretch;
  }
.keekan-page[data-keekan-page="overview"] .keekan-hero-connect-form input {
    min-width:0;
    width:100%;
  }
.keekan-page[data-keekan-page="overview"] .keekan-hero-connect-form .button {
    width:100%;
    justify-content:center;
  }
}
.keekan-page[data-keekan-page="overview"] .keekan-hero-connect-form input {
  min-width:0;
  flex:1 1 320px;
  width:auto;
  padding:14px 18px;
  font-size:16px;
  max-width:450px;
}
.keekan-page[data-keekan-page="overview"] .keekan-hero-connect-form input {
  background:var(--keekan-white);
  color:var(--keekan-ink-900);
  border:1px solid var(--keekan-border-light);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero-connect-form input:focus {
  border-color:var(--keekan-brand-pink);
  box-shadow:0 0 0 3px rgba(var(--keekan-brand-pink-rgb),0.25);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero-connect-form .button,.keekan-page[data-keekan-page="overview"] .keekan-hero-connect-form .button.button-primary {
  min-height:48px;
  padding:12px 20px;
  font-size:16px;
  background:var(--keekan-brand-pink) !important;
  border:none;
  color:var(--keekan-white);
  font-weight:700;
  box-shadow:0 12px 24px rgba(var(--keekan-black-rgb),0.35);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero-connect-form .keekan-token-button {
  background:var(--keekan-accent) !important;
  border:none !important;
  color:var(--keekan-white) !important;
  font-weight:700;
  box-shadow:0 12px 24px rgba(var(--keekan-black-rgb),0.35);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero-connect-form .button:hover,.keekan-page[data-keekan-page="overview"] .keekan-hero-connect-form .button:focus,.keekan-page[data-keekan-page="overview"] .keekan-hero-connect-form .button.button-primary:hover,.keekan-page[data-keekan-page="overview"] .keekan-hero-connect-form .button.button-primary:focus {
  filter:brightness(1.08);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero-link-inline {
  color:var(--keekan-text-on-dark-subtle);
  font-weight:600;
  text-decoration:none;
}
.keekan-page[data-keekan-page="overview"] .keekan-hero-link-inline:hover {
  color:var(--keekan-white);
  text-decoration:underline;
}
.keekan-page[data-keekan-page="overview"] .keekan-hero-token {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:14px;
  background:var(--keekan-ink);
  border:1px solid var(--keekan-primary);
}
.keekan-page[data-keekan-page="overview"] .keekan-token-mask {
  display:block;
  font-size:14px;
  letter-spacing:0.14em;
  color:var(--keekan-white);
  margin-top:4px;
}
.keekan-page[data-keekan-page="overview"] .keekan-hero-token .button {
  white-space:nowrap;
}
@media (max-width:782px) {
.keekan-page[data-keekan-page="overview"] .keekan-hero-token {
    flex-direction:column;
    align-items:flex-start;
  }
}
.keekan-connect-pill {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:var(--keekan-brand-pink);
  color:var(--keekan-white);
  font-weight:700;
  letter-spacing:0.02em;
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__card {
  background:linear-gradient( 135deg,var(--keekan-ink) 0%,var(--keekan-primary-dark) 100% );
  border:1px solid var(--keekan-primary);
  color:var(--keekan-text-on-dark);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__card .keekan-muted {
  color:var(--keekan-text-on-dark-subtle);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__card .keekan-label {
  color:var(--keekan-text-on-dark);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__card .keekan-note {
  color:var(--keekan-text-on-dark-faint);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__card h3 {
  color:var(--keekan-white);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__meta .keekan-hero-link {
  display:block;
  text-decoration:none;
  padding:12px 14px;
  border-radius:14px;
  background:var(--keekan-ink);
  border:1px solid var(--keekan-primary);
  color:var(--keekan-text-on-dark);
  transition:transform 0.15s ease,border-color 0.15s ease;
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__meta .keekan-hero-link .keekan-label {
  color:var(--keekan-text-on-dark-soft);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__meta .keekan-hero-link:hover {
  transform:translateY(-2px);
  border-color:var(--keekan-brand-pink);
}
.keekan-page[data-keekan-page="overview"] .keekan-hero__meta .keekan-hero-link:focus {
  outline:2px solid var(--keekan-brand-pink);
  outline-offset:2px;
}
.keekan-page[data-keekan-page="overview"] .keekan-chip {
  background:var(--keekan-brand-pink);
  color:var(--keekan-white);
}
.keekan-page[data-keekan-page="overview"] .keekan-kpis .keekan-kpi,.keekan-page[data-keekan-page="overview"] .keekan-card,.keekan-page[data-keekan-page="overview"] .keekan-panel {
  background:linear-gradient(160deg,var(--keekan-ink-900),var(--keekan-ink-850));
  border:1px solid rgba(var(--keekan-brand-blue-rgb),0.35);
  color:var(--keekan-text-on-dark-muted);
  box-shadow:0 24px 48px rgba(var(--keekan-black-rgb),0.45);
}
.keekan-page[data-keekan-page="overview"] .keekan-card h3,.keekan-page[data-keekan-page="overview"] .keekan-panel h2,.keekan-page[data-keekan-page="overview"] .keekan-panel h3,.keekan-page[data-keekan-page="overview"] .keekan-panel h4,.keekan-page[data-keekan-page="overview"] .keekan-kpis .keekan-kpi strong {
  color:var(--keekan-text-on-dark);
}
.keekan-page[data-keekan-page="overview"] .keekan-panel .keekan-muted {
  color:var(--keekan-text-on-dark-soft);
}
.keekan-page[data-keekan-page="overview"] .keekan-panel .keekan-label {
  color:var(--keekan-text-on-dark-faint);
}
.keekan-page[data-keekan-page="overview"] .keekan-panel .keekan-metrics strong {
  color:var(--keekan-text-on-dark);
}
.keekan-page[data-keekan-page="overview"] .keekan-panel .button.keekan-ghost {
  color:var(--keekan-text-on-dark);
  border-color:rgba(var(--keekan-white-rgb),0.25);
  background:rgba(var(--keekan-white-rgb),0.08);
}
.keekan-page[data-keekan-page="overview"] .keekan-panel .button.keekan-ghost:hover,
.keekan-page[data-keekan-page="overview"] .keekan-panel .button.keekan-ghost:focus {
  background:rgba(var(--keekan-white-rgb),0.16);
  border-color:rgba(var(--keekan-white-rgb),0.4);
}
.keekan-page[data-keekan-page="overview"] .keekan-panel .keekan-step {
  background:rgba(var(--keekan-white-rgb),0.05);
  border-color:rgba(var(--keekan-white-rgb),0.12);
}
.keekan-page[data-keekan-page="overview"] .keekan-panel .keekan-step__index {
  background:rgba(var(--keekan-brand-pink-rgb),0.18);
  color:var(--keekan-text-on-dark);
}
.keekan-page[data-keekan-page="overview"] .keekan-coming-soon-panel .keekan-coming-soon {
  display:grid;
  gap:10px;
  padding:16px;
  border-radius:16px;
  background:rgba(var(--keekan-white-rgb),0.06);
  border:1px solid rgba(var(--keekan-white-rgb),0.14);
  color:var(--keekan-text-on-dark);
}
.keekan-page[data-keekan-page="overview"] .keekan-coming-soon-panel .keekan-coming-soon h3 {
  margin:0;
  color:var(--keekan-text-on-dark);
}
.keekan-page[data-keekan-page="overview"] .keekan-coming-soon-panel .keekan-coming-soon .keekan-muted {
  color:var(--keekan-text-on-dark-subtle);
}
.keekan-page[data-keekan-page="overview"] .keekan-coming-soon-panel .keekan-coming-soon-list {
  margin:0;
  padding-left:18px;
  color:var(--keekan-text-on-dark-faint);
  display:grid;
  gap:6px;
}
.keekan-page[data-keekan-page="overview"] .keekan-coming-soon-panel .keekan-coming-soon .keekan-pill {
  background:var(--keekan-accent);
  border-color:var(--keekan-brand-pink);
  color:var(--keekan-text-on-dark);
  display:inline-flex;
  align-self:flex-start;
  justify-self:flex-start;
  width:auto;
  max-width:max-content;
  padding:4px 10px;
  border-radius:999px;
}
.keekan-page[data-keekan-page="overview"] .keekan-coming-soon-panel .button[disabled] {
  opacity:0.7;
  cursor:not-allowed;
  color:var(--keekan-text-on-dark);
  border-color:rgba(var(--keekan-white-rgb),0.25);
  background:rgba(var(--keekan-white-rgb),0.08);
}
.keekan-plan-overview-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.keekan-plan-overview-grid .keekan-plans {
  display:flex;
  grid-template-columns:1fr;
  padding:0;
  background:transparent;
  box-shadow:none;
  min-height:0;
}
.keekan-page[data-keekan-page="overview"] .keekan-plan-overview-grid .keekan-plans .keekan-plan {
  display:flex;
  flex-direction:column;
  flex:1;
}
.keekan-plan-overview-grid > * {
  min-width:0;
}
.keekan-plan-overview-actions {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:16px;
  min-height:0;
  background:linear-gradient(135deg,var(--keekan-primary-dark) 0%,var(--keekan-primary) 55%,var(--keekan-brand-blue) 100%);
  border:1px solid var(--keekan-brand-blue);
  border-radius:18px;
  padding:18px;
  box-shadow:0 18px 40px rgba(var(--keekan-ink-rgb),0.35);
  color:var(--keekan-text-on-dark);
  max-width:100%;
  box-sizing:border-box;
  overflow:hidden;
}
.keekan-plan-overview-actions .keekan-plan-current-note {
  font-size:16px;
  margin:0 0 8px;
  color:var(--keekan-text-on-dark);
}
.keekan-plan-overview-actions .keekan-text-strong {
  color:var(--keekan-text-on-dark-strong);
}
.keekan-plan-overview-actions .keekan-muted {
  color:var(--keekan-text-on-dark-muted);
}
.keekan-plan-overview-actions .keekan-plan-billing-cta {
  align-self:flex-start;
  margin-top:12px;
  background:linear-gradient(120deg,var(--keekan-accent),var(--keekan-brand-pink)) !important;
  border:none !important;
  color:var(--keekan-white) !important;
  box-shadow:0 16px 28px rgba(var(--keekan-brand-pink-rgb),0.35);
}
.keekan-plan-overview-actions .keekan-plan-billing-cta:hover,
.keekan-plan-overview-actions .keekan-plan-billing-cta:focus {
  filter:brightness(1.08);
}
.keekan-plan-overview-actions .keekan-plan-overview-copy {
  display:grid;
  gap:8px;
}
.keekan-plan-overview-actions .keekan-plan-overview-bullets {
  list-style:none;
  padding:0;
  margin:4px 0 0;
  display:grid;
  gap:10px;
}
.keekan-plan-overview-actions .keekan-plan-overview-bullets li {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  color:var(--keekan-text-on-dark-subtle);
}
.keekan-plan-overview-actions .keekan-plan-overview-bullets .keekan-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 10px;
  border-radius:999px;
  background:var(--keekan-accent);
  border:1px solid var(--keekan-brand-pink);
  color:var(--keekan-text-on-dark);
  font-size:12px;
  font-weight:600;
  letter-spacing:0.01em;
  text-transform:uppercase;
}
.keekan-page[data-keekan-page="overview"] .keekan-plan-overview-actions {
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
.keekan-plan-confirmed .keekan-page[data-keekan-page="overview"] .keekan-plan-overview-actions {
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
.keekan-page[data-keekan-page="overview"] .keekan-plan-cta {
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
.keekan-plan-confirmed .keekan-page[data-keekan-page="overview"] .keekan-plan-cta {
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
@media (max-width:900px) {
.keekan-plan-overview-grid {
    grid-template-columns:2fr;
  }
}