:root {
  --octo-orange: #2563EB;
  --octo-orange-dark: #1D4ED8;
  --octo-orange-soft: #EFF6FF;
  --octo-navy: #172B63;
  --octo-navy-light: #243B73;
  --octo-ink: #0F172A;
  --octo-text: #334155;
  --octo-muted: #64748B;
  --octo-bg: #F7F8FB;
  --octo-card: #FFFFFF;
  --octo-border: #E5E7EB;
  --octo-shadow: 0 18px 45px rgba(15, 23, 42, 0.075);
  --octo-radius: 10px;
}

html, body {
  background: linear-gradient(180deg, #F8FBFF 0%, #F7F8FB 48%, #FFFFFF 100%) !important;
  color: var(--octo-ink) !important;
}
body.octorank-clean-shell { margin: 0; font-family: Inter, Arial, sans-serif; overflow-x: hidden; }
body.octorank-clean-shell * { box-sizing: border-box; }
body.octorank-clean-shell h1,
body.octorank-clean-shell h2,
body.octorank-clean-shell h3,
body.octorank-clean-shell h4 { color: var(--octo-ink) !important; letter-spacing: -0.035em; }
body.octorank-clean-shell p,
body.octorank-clean-shell li,
body.octorank-clean-shell label,
body.octorank-clean-shell small { color: var(--octo-muted) !important; }
body.octorank-clean-shell a { color: var(--octo-navy) !important; text-decoration: none; }
body.octorank-clean-shell a:hover { color: var(--octo-orange) !important; }

.app-container { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }
.flash-wrap { margin-top: 16px; }
.flash-message { border: 1px solid var(--octo-border) !important; background: #fff !important; color: var(--octo-ink) !important; border-radius: var(--octo-radius) !important; box-shadow: var(--octo-shadow) !important; }

.octo-topbar { background: var(--octo-navy); color: #fff; text-align: center; font-size: 13px; padding: 8px 16px; }
.octo-site-header { position: sticky; top: 0; z-index: 1000; background: #fff; border-bottom: 1px solid var(--octo-border); box-shadow: 0 1px 12px rgba(15,23,42,0.055); }
.octo-nav-wrap { max-width: 1280px; margin: 0 auto; height: 68px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.octo-brand { display: inline-flex; align-items: center; min-width: 164px; }
.octo-brand img { display: block; width: 170px; max-height: 48px; object-fit: contain; }
.octo-main-nav { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.octo-nav-link, .octo-dropdown > summary, .octo-nav-button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border-radius: var(--octo-radius); color: var(--octo-ink) !important; font-weight: 800; cursor: pointer; }
.octo-dropdown { position: relative; }
.octo-dropdown > summary { list-style: none; border: 1px solid var(--octo-border); background: #fff; }
.octo-dropdown > summary::-webkit-details-marker { display: none; }
.octo-dropdown-panel { position: absolute; top: calc(100% + 10px); left: 0; width: 250px; padding: 10px; display: grid; gap: 4px; background: #fff; border: 1px solid var(--octo-border); border-radius: var(--octo-radius); box-shadow: var(--octo-shadow); z-index: 50; }
.octo-dropdown-panel-right { left: auto; right: 0; }
.octo-dropdown-panel a { padding: 11px 12px; border-radius: 8px; color: var(--octo-ink) !important; font-weight: 750; }
.octo-dropdown-panel a:hover { background: var(--octo-orange-soft); color: var(--octo-orange-dark) !important; }
.octo-nav-button { border: 1px solid var(--octo-border); background: #fff; }
.octo-nav-button-light { color: var(--octo-navy) !important; }

.octo-site-footer { margin-top: 40px; background: #fff; border-top: 1px solid var(--octo-border); padding: 28px 0; }
.octo-footer-grid { display: flex; align-items: center; justify-content: space-between; gap: 20px; }

.octo-btn, .button, .btn, button, input[type="submit"], a[role="button"], .dashboard-btn, .octo-btn-primary, .octo-btn-secondary {
  border-radius: var(--octo-radius) !important;
  min-height: 44px;
  border: 1px solid transparent !important;
  font-weight: 850 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
.octo-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; }
.octo-btn.full { width: 100%; }
.octo-btn-primary, .button.primary, .btn-primary, button[type="submit"], input[type="submit"], .dashboard-btn.primary { background: var(--octo-orange) !important; color: #fff !important; border-color: var(--octo-orange) !important; }
.octo-btn-primary:hover, .button.primary:hover, .btn-primary:hover, button[type="submit"]:hover, input[type="submit"]:hover, .dashboard-btn.primary:hover { background: var(--octo-orange-dark) !important; color: #fff !important; border-color: var(--octo-orange-dark) !important; transform: translateY(-1px); }
.octo-btn-secondary, .button.secondary, .dashboard-btn.secondary, .btn-secondary { background: #fff !important; color: var(--octo-navy) !important; border-color: var(--octo-border) !important; }
.octo-btn-secondary:hover, .button.secondary:hover, .dashboard-btn.secondary:hover, .btn-secondary:hover { background: var(--octo-orange-soft) !important; color: var(--octo-orange-dark) !important; border-color: #BFDBFE !important; }

.card, .panel, .dashboard-card, .dashboard-stat-card, .dashboard-highlight-card, .pricing-card, .page-card, .form-card, .login-card, .product-card, .source-card, .plan-card, .mini-card, .auth-card, .business-card, .company-dashboard-section, .octo-panel, .octo-entity-card {
  background: var(--octo-card) !important;
  border: 1px solid var(--octo-border) !important;
  border-radius: var(--octo-radius) !important;
  box-shadow: var(--octo-shadow) !important;
  color: var(--octo-ink) !important;
}

input, textarea, select { background: #fff !important; color: var(--octo-ink) !important; border: 1px solid var(--octo-border) !important; border-radius: var(--octo-radius) !important; box-shadow: none !important; }
input:focus, textarea:focus, select:focus { border-color: var(--octo-orange) !important; box-shadow: 0 0 0 4px rgba(37,99,235,0.14) !important; outline: none !important; }
input::placeholder, textarea::placeholder { color: #9CA3AF !important; }

/* Homepage */
.octo-home-hero { max-width: 1280px; margin: 0 auto; padding: clamp(54px, 8vw, 90px) 24px; display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1fr); gap: clamp(28px, 6vw, 72px); align-items: center; }
.octo-pill { display: inline-flex; align-items: center; width: fit-content; padding: 8px 15px; border-radius: 999px; background: var(--octo-orange-soft); color: var(--octo-orange-dark) !important; font-size: 12px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
.octo-home-copy h1 { margin: 22px 0 18px; font-size: clamp(46px, 6vw, 76px); line-height: 0.98; }
.octo-home-copy h1 span { color: var(--octo-orange) !important; }
.octo-home-copy p { max-width: 620px; font-size: 18px; line-height: 1.65; }
.octo-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.octo-rating-row { margin-top: 28px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.octo-rating-row strong { color: var(--octo-orange) !important; letter-spacing: 0.1em; }
.octo-rating-row b { color: var(--octo-ink) !important; }
.octo-hero-board { background: #fff; border: 1px solid var(--octo-border); border-radius: 18px; box-shadow: var(--octo-shadow); padding: 24px; }
.octo-board-head { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 18px; }
.octo-board-head h2 { margin: 0; font-size: 22px; }
.octo-board-head a { color: var(--octo-orange) !important; font-weight: 900; }
.octo-dashboard-preview-grid { display: grid; grid-template-columns: 1.1fr .75fr; gap: 14px; }
.octo-preview-card { background: #fff; border: 1px solid var(--octo-border); border-radius: var(--octo-radius); padding: 16px; min-height: 150px; }
.octo-preview-card > span { display: block; color: var(--octo-navy) !important; font-weight: 900; margin-bottom: 12px; }
.octo-preview-product-row { display: flex; gap: 12px; align-items: center; }
.octo-preview-product-row img { width: 68px; height: 68px; object-fit: contain; background: #F8FAFC; border: 1px solid var(--octo-border); border-radius: 8px; }
.octo-preview-product-row strong { color: var(--octo-ink) !important; display: block; }
.octo-preview-product p { margin-bottom: 0; }
.octo-preview-score strong { color: var(--octo-orange) !important; font-size: 52px; line-height: 1; display: block; }
.octo-score-line { height: 9px; border-radius: 999px; background: #EEF2F7; overflow: hidden; margin-top: 16px; }
.octo-score-line i { display: block; width: 85%; height: 100%; background: var(--octo-orange); border-radius: inherit; }
.octo-preview-keywords div { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--octo-border); }
.octo-preview-keywords b { color: var(--octo-ink) !important; font-size: 13px; }
.octo-preview-keywords em { color: var(--octo-orange-dark) !important; font-style: normal; font-size: 12px; font-weight: 850; }
.octo-phone-mini { border: 1px solid var(--octo-border); border-radius: 16px; padding: 14px; background: #F8FAFC; }
.octo-phone-mini button { width: 100%; margin-top: 8px; }
.octo-benefit-strip { background: #fff; border-top: 1px solid var(--octo-border); border-bottom: 1px solid var(--octo-border); padding: 22px 24px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.octo-benefit-strip div { display: grid; grid-template-columns: 38px 1fr; column-gap: 12px; align-items: center; }
.octo-benefit-strip span { grid-row: span 2; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 999px; background: var(--octo-orange-soft); color: var(--octo-orange) !important; }
.octo-benefit-strip strong { color: var(--octo-ink) !important; }
.octo-benefit-strip small { grid-column: 2; }
.octo-section { max-width: 1280px; margin: 0 auto; padding: 54px 24px; }
.octo-section-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.octo-section-head.centered { display: block; text-align: center; }
.octo-section-head p { margin: 0 0 4px; color: var(--octo-orange) !important; font-weight: 900; text-transform: uppercase; font-size: 12px; letter-spacing: 0.12em; }
.octo-section-head h2 { margin: 0; font-size: clamp(30px, 4vw, 46px); }
.octo-section-head a { color: var(--octo-orange) !important; font-weight: 900; }
.octo-card-grid { display: grid; gap: 18px; }
.octo-card-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.octo-card-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.octo-product-card, .octo-step-card { background: #fff; border: 1px solid var(--octo-border); border-radius: var(--octo-radius); box-shadow: var(--octo-shadow); padding: 18px; }
.octo-product-card img { width: 100%; height: 150px; object-fit: contain; background: #F8FAFC; border-radius: 8px; border: 1px solid var(--octo-border); margin-bottom: 14px; }
.octo-product-card h3, .octo-step-card h3 { margin: 0 0 8px; font-size: 18px; }
.octo-product-card p, .octo-step-card p { line-height: 1.55; }
.octo-product-card a { color: var(--octo-orange) !important; font-weight: 900; }
.octo-step-card span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 10px; background: var(--octo-orange); color: #fff !important; font-weight: 900; margin-bottom: 14px; }
.octo-final-cta { max-width: 1180px; margin: 28px auto 64px; padding: 28px; border-radius: 18px; background: var(--octo-navy); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.octo-final-cta p { margin: 0 0 6px; color: #BFDBFE !important; font-weight: 850; }
.octo-final-cta h2 { margin: 0; color: #fff !important; }

/* Auth */
.octo-auth-page, .auth-section, .business-page { min-height: calc(100vh - 110px); display: grid; place-items: center; padding: 32px 20px; background: var(--octo-bg) !important; }
.octo-auth-wrap { width: min(100%, 1040px); display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 22px; align-items: stretch; }
.octo-auth-hero, .octo-auth-card, .auth-card, .business-card { background: #fff !important; border: 1px solid var(--octo-border) !important; border-radius: 18px !important; box-shadow: var(--octo-shadow) !important; }
.octo-auth-hero { padding: clamp(28px, 4vw, 46px); display: flex; flex-direction: column; justify-content: center; }
.octo-auth-hero h1 { font-size: clamp(38px, 5vw, 64px); line-height: 1; margin: 22px 0 16px; }
.octo-auth-hero h1 span { color: var(--octo-orange) !important; }
.octo-auth-mini-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 24px; }
.octo-auth-mini-grid div { border: 1px solid var(--octo-border); border-radius: var(--octo-radius); padding: 12px; }
.octo-auth-mini-grid strong { color: var(--octo-ink) !important; display: block; }
.octo-auth-card, .auth-card, .business-card { padding: 28px; }
.octo-auth-card h1, .auth-card h1, .business-card h1 { margin: 0 0 8px; font-size: 30px; }
.octo-auth-form, .business-form { display: grid; gap: 10px; margin-top: 18px; }
.octo-auth-form label, .business-form label, .form-row label, .form-group label { color: var(--octo-ink) !important; font-weight: 850; }
.octo-auth-form input, .business-form input, .form-row input, .form-group input { width: 100%; min-height: 50px; padding: 0 14px; }
.octo-auth-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 16px; }
.octo-auth-links a, .auth-footer a { font-weight: 850; color: var(--octo-navy) !important; }
.octo-auth-market { display: block; margin-top: 16px; padding: 13px 16px; border: 1px solid var(--octo-border); border-radius: var(--octo-radius); text-align: center; font-weight: 900; }

/* Remove old green/bright-blue accents on inherited pages */
[style*="#0EA5E9"], [style*="#38BDF8"], [style*="green"] { color: var(--octo-orange) !important; border-color: var(--octo-border) !important; }
.home-hero-final-step-number, .home-hero-final-card-pill, .marketplace-coming-kicker { background: var(--octo-orange) !important; color: #fff !important; }
.home-hero-final-chart path, .dashboard-summer-board path { stroke: var(--octo-orange) !important; }
.marketplace-coming-card { border-color: var(--octo-border) !important; background: #fff !important; }
.marketplace-coming-btn { background: var(--octo-orange) !important; color: #fff !important; }
.marketplace-coming-badge span { background: var(--octo-orange) !important; }

/* Dashboard overrides */
.dashboard-shell, .dashboard-main, .octo-dashboard-main { background: var(--octo-bg) !important; color: var(--octo-ink) !important; }
.dashboard-sidebar, .octo-dashboard-sidebar { background: var(--octo-navy) !important; border-radius: 18px !important; border: 0 !important; }
.dashboard-nav-link, .octo-nav-btn { border-radius: var(--octo-radius) !important; }
.dashboard-nav-link:hover, .dashboard-nav-link.active, .octo-nav-btn:hover, .octo-nav-btn.active { background: rgba(37,99,235,0.18) !important; border-color: rgba(37,99,235,0.28) !important; color: #fff !important; }
.dashboard-nav-link.active, .octo-nav-btn.active { border-left: 0 !important; box-shadow: inset 4px 0 0 var(--octo-orange) !important; }
.dashboard-panel, .dashboard-table-card, .dashboard-activity-card, .dashboard-stat-card, .dashboard-highlight-card, .summer-board-card, .pro-dashboard-tools, .octo-metric-card, .octo-panel, .octo-entity-card, .octo-table-wrap { background: #fff !important; border: 1px solid var(--octo-border) !important; border-radius: var(--octo-radius) !important; box-shadow: var(--octo-shadow) !important; color: var(--octo-ink) !important; }
.dashboard-topbar, .dashboard-company-hero, .octo-view-header { background: #fff !important; border: 1px solid var(--octo-border) !important; border-radius: 18px !important; box-shadow: var(--octo-shadow) !important; padding: 22px !important; }
.dashboard-topbar-title h1, .octo-view-header h1 { color: var(--octo-ink) !important; }
.dashboard-topbar-title p, .octo-view-header p, .octo-muted { color: var(--octo-muted) !important; }
.dashboard-topbar-eyebrow, .dashboard-sidebar-eyebrow, .octo-nav-section-label { color: var(--octo-orange) !important; }
.octo-dashboard-shell { background: var(--octo-bg) !important; color: var(--octo-ink) !important; }
.octo-dashboard-brand span { color: var(--octo-orange) !important; }
.octo-status-strip.status-live, .status-live { background: var(--octo-orange) !important; }
.status-pending, .status-draft { background: #0EA5E9 !important; }

@media (max-width: 1020px) {
  .octo-home-hero, .octo-auth-wrap { grid-template-columns: 1fr; }
  .octo-benefit-strip, .octo-card-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .octo-card-grid.three { grid-template-columns: 1fr; }
  .octo-hide-small { display: none; }
}
@media (max-width: 680px) {
  .octo-nav-wrap { padding: 0 12px; }
  .octo-brand img { width: 138px; }
  .octo-main-nav { gap: 6px; }
  .octo-nav-button { display: none; }
  .octo-dropdown-panel { width: min(260px, calc(100vw - 24px)); }
  .octo-dashboard-preview-grid, .octo-benefit-strip, .octo-card-grid.four { grid-template-columns: 1fr; }
  .octo-section-head, .octo-final-cta, .octo-footer-grid { display: grid; }
  .octo-auth-mini-grid { grid-template-columns: 1fr; }
}

/* Homepage workflow layout update */
.octo-home-hero--workflow {
  grid-template-columns: minmax(0, 0.88fr) minmax(420px, 1.12fr);
  align-items: center;
  padding-top: clamp(58px, 7vw, 96px);
  padding-bottom: clamp(42px, 6vw, 76px);
}
.octo-home-copy--large h1 {
  max-width: 720px;
  font-size: clamp(44px, 5.65vw, 78px);
  line-height: .96;
  letter-spacing: -0.07em;
}
.octo-home-copy--large h1 span {
  color: var(--octo-orange) !important;
}
.octo-home-copy--large p {
  max-width: 690px;
  font-size: clamp(17px, 1.45vw, 21px);
}
.octo-hero-checklist {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.octo-hero-checklist li {
  position: relative;
  padding-left: 34px;
  color: var(--octo-navy) !important;
  font-weight: 850;
  font-size: 16px;
}
.octo-hero-checklist li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: -2px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--octo-orange-soft);
  color: var(--octo-orange-dark);
  font-weight: 950;
}
.octo-proof-line {
  margin-top: 18px;
  color: var(--octo-muted) !important;
  font-weight: 700;
}
.octo-workflow-board {
  position: relative;
  display: grid;
  gap: 20px;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid var(--octo-border);
  border-radius: 28px;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  box-shadow: 0 24px 70px rgba(23,43,99,.10);
}
.octo-workflow-step,
.octo-results-card {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) minmax(220px, .82fr);
  gap: 18px;
  align-items: center;
  background: #fff;
  border: 1px solid var(--octo-border);
  border-radius: 22px;
  padding: 20px;
  box-shadow: 0 14px 40px rgba(15,23,42,.06);
}
.octo-step-two { grid-template-columns: 54px minmax(0, 1fr) minmax(170px, .62fr); }
.octo-results-card { grid-template-columns: 54px minmax(0, 1fr) 150px; }
.octo-step-number {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--octo-orange);
  color: #fff !important;
  font-weight: 950;
  box-shadow: 0 10px 24px rgba(37,99,235,.24);
}
.octo-step-main h2,
.octo-results-card h2 {
  margin: 0 0 6px;
  font-size: clamp(24px, 2.3vw, 34px);
  line-height: 1.02;
  color: var(--octo-navy) !important;
}
.octo-step-main p,
.octo-results-card small {
  margin: 0;
  font-size: 16px;
}
.octo-platform-card,
.octo-score-widget,
.octo-traffic-mini {
  border: 1px solid var(--octo-border);
  border-radius: 18px;
  background: #f8fafc;
  padding: 16px;
}
.octo-platform-card h3 {
  margin: 0 0 12px;
  color: var(--octo-navy) !important;
  font-size: 19px;
}
.octo-chip-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 14px;
}
.octo-chip-wrap span,
.octo-tags-wrap span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--octo-border);
  color: var(--octo-navy) !important;
  font-weight: 850;
}
.octo-btn-wide { width: 100%; }
.octo-score-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.octo-score-top strong,
.octo-traffic-mini strong {
  color: var(--octo-navy) !important;
}
.octo-score-top em,
.octo-traffic-mini em {
  background: var(--octo-orange-soft);
  color: var(--octo-orange-dark) !important;
  border-radius: 999px;
  padding: 5px 10px;
  font-style: normal;
  font-size: 12px;
  font-weight: 950;
}
.octo-score-widget > b {
  display: block;
  margin-top: 12px;
  color: var(--octo-orange) !important;
  font-size: 56px;
  line-height: 1;
}
.octo-results-card > div > p {
  margin: 0 0 5px;
  color: var(--octo-orange) !important;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 950;
  font-size: 12px;
}
.octo-traffic-mini b {
  display: block;
  margin-top: 10px;
  color: var(--octo-ink) !important;
  font-size: 28px;
}
.octo-product-source-band {
  padding: 56px 24px;
  background: #fff;
  border-top: 1px solid var(--octo-border);
  border-bottom: 1px solid var(--octo-border);
}
.octo-product-source-band > .octo-section-head,
.octo-product-source-band > .octo-card-grid,
.octo-product-source-band > .octo-center-action {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
.octo-section-head > span {
  display: block;
  max-width: 780px;
  margin: 10px auto 0;
  color: var(--octo-muted) !important;
  font-size: 17px;
  line-height: 1.65;
}
.octo-source-card-clean,
.octo-plan-card-clean,
.octo-feature-columns article,
.octo-why-card,
.octo-compliance-card,
.octo-faq-list details {
  background: #fff;
  border: 1px solid var(--octo-border);
  border-radius: var(--octo-radius);
  box-shadow: var(--octo-shadow);
  padding: 22px;
}
.octo-source-card-clean h3,
.octo-plan-card-clean h3,
.octo-feature-columns h3,
.octo-why-card h3 {
  margin: 0 0 10px;
  color: var(--octo-ink) !important;
}
.octo-source-card-clean strong {
  display: block;
  margin-top: 14px;
  color: var(--octo-navy) !important;
  line-height: 1.55;
}
.octo-center-action {
  margin-top: 24px;
  text-align: center;
}
.octo-plan-grid { align-items: stretch; }
.octo-plan-card-clean {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.octo-plan-card-clean small {
  color: var(--octo-orange) !important;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.octo-plan-card-clean b {
  display: block;
  color: var(--octo-navy) !important;
  font-size: 24px;
  margin: 5px 0 8px;
}
.octo-plan-card-clean ul,
.octo-feature-columns ul {
  margin: 14px 0 20px;
  padding-left: 18px;
  display: grid;
  gap: 8px;
}
.octo-plan-card-clean li,
.octo-feature-columns li {
  color: var(--octo-muted) !important;
}
.octo-plan-card-clean .octo-btn { margin-top: auto; }
.octo-plan-featured {
  box-shadow: 0 18px 55px rgba(37,99,235,.15) !important;
}
.octo-feature-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.octo-why-card {
  margin-top: 18px;
}
.octo-why-card p { margin-bottom: 0; }
.octo-compliance-card {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 24px;
  align-items: center;
  background: var(--octo-navy) !important;
}
.octo-compliance-card p:first-child {
  margin: 0 0 8px;
  color: #BFDBFE !important;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
}
.octo-compliance-card h2,
.octo-compliance-card > p {
  color: #fff !important;
  margin: 0;
}
.octo-compliance-card > p {
  color: #dbe4f0 !important;
  line-height: 1.7;
}
.octo-tags-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.octo-tags-wrap span {
  background: #EFF6FF;
  border-color: #BFDBFE;
  color: var(--octo-orange-dark) !important;
}
.octo-faq-list {
  max-width: 980px;
  margin: 0 auto;
  display: grid;
  gap: 12px;
}
.octo-faq-list summary {
  cursor: pointer;
  color: var(--octo-ink) !important;
  font-weight: 950;
  font-size: 18px;
}
.octo-faq-list p {
  margin-bottom: 0;
}
.octo-final-cta--home {
  align-items: center;
}
.octo-final-cta--home span {
  display: block;
  max-width: 760px;
  color: #dbe4f0 !important;
  margin-top: 8px;
  line-height: 1.6;
}

@media (max-width: 1100px) {
  .octo-home-hero--workflow,
  .octo-workflow-step,
  .octo-step-two,
  .octo-results-card,
  .octo-compliance-card {
    grid-template-columns: 1fr;
  }
  .octo-workflow-step,
  .octo-results-card { align-items: start; }
  .octo-feature-columns { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .octo-home-copy--large h1 { font-size: clamp(42px, 13vw, 58px); }
  .octo-workflow-board { padding: 16px; border-radius: 18px; }
  .octo-workflow-step,
  .octo-results-card { padding: 16px; }
}


/* Readability correction: high-contrast OctoRank colors */
body.octorank-clean-shell .octo-step-card,
body.octorank-clean-shell .octo-product-card,
body.octorank-clean-shell .octo-source-card-clean,
body.octorank-clean-shell .octo-plan-card-clean,
body.octorank-clean-shell .octo-feature-columns article,
body.octorank-clean-shell .octo-why-card,
body.octorank-clean-shell .octo-faq-list details,
body.octorank-clean-shell .octo-workflow-step,
body.octorank-clean-shell .octo-results-card,
body.octorank-clean-shell .octo-platform-card,
body.octorank-clean-shell .octo-score-widget,
body.octorank-clean-shell .octo-traffic-mini {
  border-color: var(--octo-border) !important;
  background-color: #fff !important;
  color: var(--octo-ink) !important;
}

body.octorank-clean-shell .octo-compliance-card {
  background: #fff !important;
  color: var(--octo-ink) !important;
  border: 1px solid var(--octo-border) !important;
  box-shadow: var(--octo-shadow) !important;
}
body.octorank-clean-shell .octo-compliance-card p:first-child {
  color: var(--octo-orange-dark) !important;
}
body.octorank-clean-shell .octo-compliance-card h2 {
  color: var(--octo-ink) !important;
}
body.octorank-clean-shell .octo-compliance-card > p,
body.octorank-clean-shell .octo-compliance-card div + p {
  color: var(--octo-muted) !important;
}

body.octorank-clean-shell .octo-final-cta,
body.octorank-clean-shell .octo-final-cta--home {
  background: var(--octo-navy) !important;
  color: #fff !important;
}
body.octorank-clean-shell .octo-final-cta h1,
body.octorank-clean-shell .octo-final-cta h2,
body.octorank-clean-shell .octo-final-cta h3,
body.octorank-clean-shell .octo-final-cta strong {
  color: #fff !important;
}
body.octorank-clean-shell .octo-final-cta p,
body.octorank-clean-shell .octo-final-cta span,
body.octorank-clean-shell .octo-final-cta small {
  color: #dbe4f0 !important;
}
body.octorank-clean-shell .octo-final-cta p:first-child {
  color: #BFDBFE !important;
}

body.octorank-clean-shell .octo-section-head h2,
body.octorank-clean-shell .octo-source-card-clean h3,
body.octorank-clean-shell .octo-plan-card-clean h3,
body.octorank-clean-shell .octo-feature-columns h3,
body.octorank-clean-shell .octo-why-card h3,
body.octorank-clean-shell .octo-faq-list summary,
body.octorank-clean-shell .octo-step-card h3 {
  color: var(--octo-ink) !important;
}
body.octorank-clean-shell .octo-section-head span,
body.octorank-clean-shell .octo-source-card-clean p,
body.octorank-clean-shell .octo-plan-card-clean p,
body.octorank-clean-shell .octo-plan-card-clean li,
body.octorank-clean-shell .octo-feature-columns li,
body.octorank-clean-shell .octo-why-card p,
body.octorank-clean-shell .octo-faq-list p,
body.octorank-clean-shell .octo-step-card p {
  color: var(--octo-muted) !important;
}

/* Navbar order update: Marketplace left, Login before Menu, Menu far right */
body.octorank-clean-shell .octo-nav-wrap {
  justify-content: flex-start;
}
body.octorank-clean-shell .octo-main-nav {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  gap: 16px;
}
body.octorank-clean-shell .octo-nav-left,
body.octorank-clean-shell .octo-nav-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
body.octorank-clean-shell .octo-nav-left {
  justify-content: flex-start;
}
body.octorank-clean-shell .octo-nav-actions {
  justify-content: flex-end;
  margin-left: auto;
}
body.octorank-clean-shell .octo-nav-link-strong {
  color: var(--octo-navy) !important;
  font-weight: 950;
}
body.octorank-clean-shell .octo-menu-dropdown .octo-dropdown-panel {
  left: auto;
  right: 0;
}

@media (max-width: 760px) {
  body.octorank-clean-shell .octo-nav-wrap {
    gap: 8px;
  }
  body.octorank-clean-shell .octo-main-nav {
    gap: 8px;
  }
  body.octorank-clean-shell .octo-nav-left,
  body.octorank-clean-shell .octo-nav-actions {
    gap: 6px;
  }
  body.octorank-clean-shell .octo-nav-link,
  body.octorank-clean-shell .octo-dropdown > summary,
  body.octorank-clean-shell .octo-nav-button {
    padding: 0 10px;
    min-height: 40px;
    font-size: 14px;
  }
}


/* =========================================================
   OctoRank blue AI refresh — applies across all
   non-marketplace pages that extend base.html.
   Goal: blue, clean, more trustworthy professional SaaS.
   ========================================================= */
body.octorank-clean-shell {
  --brand-blue: var(--octo-navy) !important;
  --brand-navy: var(--octo-navy) !important;
  --brand-text: var(--octo-ink) !important;
  --theme-accent: var(--octo-orange) !important;
  --theme-primary: var(--octo-navy) !important;
  --theme-heading: var(--octo-ink) !important;
  --theme-text: var(--octo-text) !important;
  --dashboard-accent: var(--octo-orange) !important;
  --dashboard-sidebar-bg: var(--octo-navy) !important;
  --dashboard-text: var(--octo-ink) !important;
  background:
    radial-gradient(circle at 14% 8%, rgba(37,99,235,.105), transparent 28%),
    radial-gradient(circle at 92% 15%, rgba(23,43,99,.075), transparent 32%),
    linear-gradient(180deg, #F8FBFF 0%, #F7F8FB 46%, #FFFFFF 100%) !important;
}
body.octorank-clean-shell main { background: transparent !important; }
body.octorank-clean-shell .octo-topbar {
  background: linear-gradient(90deg, #172B63 0%, #223A78 100%) !important;
  color: #fff !important;
}
body.octorank-clean-shell .octo-site-header,
body.octorank-clean-shell .dashboard-topbar,
body.octorank-clean-shell .dashboard-company-hero,
body.octorank-clean-shell .octo-view-header {
  background: rgba(255,255,255,.94) !important;
  backdrop-filter: blur(12px);
}
body.octorank-clean-shell .octo-nav-link,
body.octorank-clean-shell .octo-nav-button,
body.octorank-clean-shell .octo-dropdown > summary {
  color: var(--octo-navy) !important;
  border-color: var(--octo-border) !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.octorank-clean-shell .octo-nav-link:hover,
body.octorank-clean-shell .octo-nav-button:hover,
body.octorank-clean-shell .octo-dropdown > summary:hover {
  background: var(--octo-orange-soft) !important;
  color: var(--octo-orange-dark) !important;
  border-color: #BFDBFE !important;
}
body.octorank-clean-shell .octo-nav-link-strong {
  background: transparent !important;
  color: var(--octo-orange-dark) !important;
}
body.octorank-clean-shell .octo-pill,
body.octorank-clean-shell .eyebrow,
body.octorank-clean-shell [class*="eyebrow"],
body.octorank-clean-shell .section-kicker,
body.octorank-clean-shell .dashboard-topbar-eyebrow,
body.octorank-clean-shell .octo-nav-section-label {
  background: var(--octo-orange-soft) !important;
  color: #1E40AF !important;
  border-color: #BFDBFE !important;
}
body.octorank-clean-shell .octo-home-hero,
body.octorank-clean-shell .pricing-page,
body.octorank-clean-shell .features-page,
body.octorank-clean-shell .auth-section,
body.octorank-clean-shell .business-page,
body.octorank-clean-shell .octo-dashboard-main,
body.octorank-clean-shell .dashboard-main {
  background: transparent !important;
}
body.octorank-clean-shell .octo-home-copy--large h1 {
  color: var(--octo-ink) !important;
  text-wrap: balance;
}
body.octorank-clean-shell .octo-home-copy--large h1 span {
  color: var(--octo-orange) !important;
  text-shadow: none !important;
}
body.octorank-clean-shell .octo-home-copy--large p,
body.octorank-clean-shell .octo-proof-line { color: var(--octo-text) !important; }
body.octorank-clean-shell .octo-hero-checklist li { color: var(--octo-navy) !important; }
body.octorank-clean-shell .octo-hero-checklist li::before,
body.octorank-clean-shell .octo-step-number,
body.octorank-clean-shell .octo-step-card span,
body.octorank-clean-shell .home-hero-final-step-number {
  background: linear-gradient(180deg, #3B82F6, var(--octo-orange)) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(37,99,235,.20) !important;
}
body.octorank-clean-shell .octo-workflow-board,
body.octorank-clean-shell .octo-workflow-step,
body.octorank-clean-shell .octo-results-card,
body.octorank-clean-shell .octo-platform-card,
body.octorank-clean-shell .octo-score-widget,
body.octorank-clean-shell .octo-traffic-mini,
body.octorank-clean-shell .octo-source-card-clean,
body.octorank-clean-shell .octo-plan-card-clean,
body.octorank-clean-shell .octo-feature-columns article,
body.octorank-clean-shell .octo-why-card,
body.octorank-clean-shell .octo-compliance-card,
body.octorank-clean-shell .octo-faq-list details,
body.octorank-clean-shell .auth-card,
body.octorank-clean-shell .business-card,
body.octorank-clean-shell .octo-auth-card,
body.octorank-clean-shell .octo-auth-hero,
body.octorank-clean-shell .dashboard-panel,
body.octorank-clean-shell .dashboard-table-card,
body.octorank-clean-shell .dashboard-activity-card,
body.octorank-clean-shell .dashboard-stat-card,
body.octorank-clean-shell .dashboard-highlight-card,
body.octorank-clean-shell .summer-board-card,
body.octorank-clean-shell .pro-dashboard-tools,
body.octorank-clean-shell .octo-metric-card,
body.octorank-clean-shell .octo-panel,
body.octorank-clean-shell .octo-entity-card,
body.octorank-clean-shell .octo-table-wrap,
body.octorank-clean-shell .card,
body.octorank-clean-shell .panel,
body.octorank-clean-shell .box {
  background: rgba(255,255,255,.96) !important;
  border: 1px solid var(--octo-border) !important;
  box-shadow: var(--octo-shadow) !important;
  color: var(--octo-ink) !important;
}
body.octorank-clean-shell .octo-workflow-board {
  background:
    radial-gradient(circle at 80% 10%, rgba(37,99,235,.065), transparent 34%),
    rgba(255,255,255,.96) !important;
}
body.octorank-clean-shell .octo-chip-wrap span,
body.octorank-clean-shell .octo-tags-wrap span,
body.octorank-clean-shell .tag,
body.octorank-clean-shell .badge,
body.octorank-clean-shell .pill {
  background: #fff !important;
  color: var(--octo-navy) !important;
  border: 1px solid var(--octo-border) !important;
}
body.octorank-clean-shell .octo-tags-wrap span,
body.octorank-clean-shell .octo-score-top em,
body.octorank-clean-shell .octo-traffic-mini em,
body.octorank-clean-shell .octo-plan-card-clean small {
  background: var(--octo-orange-soft) !important;
  color: #1E40AF !important;
  border-color: #BFDBFE !important;
}
body.octorank-clean-shell .octo-btn,
body.octorank-clean-shell .button,
body.octorank-clean-shell .btn,
body.octorank-clean-shell button,
body.octorank-clean-shell input[type="submit"],
body.octorank-clean-shell a[role="button"],
body.octorank-clean-shell .dashboard-btn,
body.octorank-clean-shell .company-dashboard-btn,
body.octorank-clean-shell .btn-green,
body.octorank-clean-shell .topbar-btn.primary {
  background: var(--octo-orange) !important;
  border-color: var(--octo-orange) !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(37,99,235,.16) !important;
}
body.octorank-clean-shell .octo-btn:hover,
body.octorank-clean-shell .button:hover,
body.octorank-clean-shell .btn:hover,
body.octorank-clean-shell button:hover,
body.octorank-clean-shell input[type="submit"]:hover,
body.octorank-clean-shell .dashboard-btn:hover,
body.octorank-clean-shell .company-dashboard-btn:hover {
  background: var(--octo-orange-dark) !important;
  border-color: var(--octo-orange-dark) !important;
  color: #fff !important;
}
body.octorank-clean-shell .octo-btn-secondary,
body.octorank-clean-shell .btn-secondary,
body.octorank-clean-shell .btn-outline,
body.octorank-clean-shell .octo-nav-button-light,
body.octorank-clean-shell .company-dashboard-btn--secondary,
body.octorank-clean-shell .dashboard-btn--secondary {
  background: #fff !important;
  border-color: var(--octo-border) !important;
  color: var(--octo-navy) !important;
  box-shadow: none !important;
}
body.octorank-clean-shell .octo-btn-secondary:hover,
body.octorank-clean-shell .btn-secondary:hover,
body.octorank-clean-shell .btn-outline:hover,
body.octorank-clean-shell .company-dashboard-btn--secondary:hover,
body.octorank-clean-shell .dashboard-btn--secondary:hover {
  background: var(--octo-orange-soft) !important;
  border-color: #BFDBFE !important;
  color: var(--octo-orange-dark) !important;
}
body.octorank-clean-shell input,
body.octorank-clean-shell textarea,
body.octorank-clean-shell select {
  background: #fff !important;
  color: var(--octo-ink) !important;
  border: 1px solid var(--octo-border) !important;
  box-shadow: none !important;
}
body.octorank-clean-shell input:focus,
body.octorank-clean-shell textarea:focus,
body.octorank-clean-shell select:focus {
  outline: none !important;
  border-color: var(--octo-orange) !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.12) !important;
}
body.octorank-clean-shell .dashboard-sidebar,
body.octorank-clean-shell .octo-dashboard-sidebar,
body.octorank-clean-shell .sidebar {
  background: linear-gradient(180deg, #172B63 0%, #10204F 100%) !important;
  color: #fff !important;
}
body.octorank-clean-shell .dashboard-sidebar *,
body.octorank-clean-shell .octo-dashboard-sidebar *,
body.octorank-clean-shell .sidebar * { color: rgba(255,255,255,.82) !important; }
body.octorank-clean-shell .dashboard-sidebar h1,
body.octorank-clean-shell .dashboard-sidebar h2,
body.octorank-clean-shell .dashboard-sidebar h3,
body.octorank-clean-shell .octo-dashboard-sidebar h1,
body.octorank-clean-shell .octo-dashboard-sidebar h2,
body.octorank-clean-shell .octo-dashboard-sidebar h3,
body.octorank-clean-shell .sidebar h1,
body.octorank-clean-shell .sidebar h2,
body.octorank-clean-shell .sidebar h3 { color: #fff !important; }
body.octorank-clean-shell .dashboard-nav-link:hover,
body.octorank-clean-shell .dashboard-nav-link.active,
body.octorank-clean-shell .octo-nav-btn:hover,
body.octorank-clean-shell .octo-nav-btn.active,
body.octorank-clean-shell .nav-item.active {
  background: rgba(37,99,235,.20) !important;
  color: #fff !important;
  border-color: rgba(37,99,235,.35) !important;
}
body.octorank-clean-shell [style*="#0047ff"],
body.octorank-clean-shell [style*="#0057ff"],
body.octorank-clean-shell [style*="#2563eb"],
body.octorank-clean-shell [style*="blue"] { color: var(--octo-navy) !important; }
body.octorank-clean-shell [style*="#0EA5E9"],
body.octorank-clean-shell [style*="#38BDF8"],
body.octorank-clean-shell [style*="green"] {
  color: var(--octo-orange-dark) !important;
  background: var(--octo-orange-soft) !important;
  border-color: #BFDBFE !important;
}
@media (max-width: 1020px) {
  body.octorank-clean-shell .octo-home-copy--large h1 { font-size: clamp(42px, 11vw, 68px); }
}


/* =========================================================
   OctoRank AI blue/navy identity — no orange on AI pages.
   Marketplace remains separate and keeps its marketplace colors.
   ========================================================= */
body.octorank-clean-shell {
  --octo-orange: #2563EB !important;       /* legacy variable name; visual color is blue */
  --octo-orange-dark: #1D4ED8 !important;  /* legacy variable name; visual color is deep blue */
  --octo-orange-soft: #EFF6FF !important;  /* legacy variable name; visual color is soft blue */
  --octo-navy: #172B63 !important;
  --octo-navy-light: #243B73 !important;
  --octo-ink: #0F172A !important;
  --octo-text: #334155 !important;
  --octo-muted: #64748B !important;
  --octo-bg: #F5F8FF !important;
  --octo-card: #FFFFFF !important;
  --octo-border: #E2E8F0 !important;
  --brand-blue: #2563EB !important;
  --brand-navy: #172B63 !important;
  --theme-accent: #2563EB !important;
  --theme-primary: #172B63 !important;
  --dashboard-accent: #2563EB !important;
  background:
    radial-gradient(circle at 14% 8%, rgba(37,99,235,.10), transparent 28%),
    radial-gradient(circle at 92% 15%, rgba(23,43,99,.085), transparent 32%),
    linear-gradient(180deg, #F8FBFF 0%, #F5F8FF 48%, #FFFFFF 100%) !important;
}
body.octorank-clean-shell .octo-topbar,
body.octorank-clean-shell .dashboard-sidebar,
body.octorank-clean-shell .octo-dashboard-sidebar,
body.octorank-clean-shell .sidebar,
body.octorank-clean-shell .octo-final-cta,
body.octorank-clean-shell .octo-final-cta--home {
  background: linear-gradient(180deg, #172B63 0%, #0F1F4D 100%) !important;
}
body.octorank-clean-shell .octo-pill,
body.octorank-clean-shell .eyebrow,
body.octorank-clean-shell [class*="eyebrow"],
body.octorank-clean-shell .section-kicker,
body.octorank-clean-shell .dashboard-topbar-eyebrow,
body.octorank-clean-shell .octo-nav-section-label,
body.octorank-clean-shell .octo-tags-wrap span,
body.octorank-clean-shell .octo-score-top em,
body.octorank-clean-shell .octo-traffic-mini em,
body.octorank-clean-shell .octo-plan-card-clean small,
body.octorank-clean-shell .badge,
body.octorank-clean-shell .pill,
body.octorank-clean-shell .tag {
  background: #EFF6FF !important;
  color: #1D4ED8 !important;
  border-color: #BFDBFE !important;
}
body.octorank-clean-shell .octo-home-copy--large h1 span,
body.octorank-clean-shell .octo-section-head p,
body.octorank-clean-shell .octo-results-card > div > p,
body.octorank-clean-shell .octo-score-widget > b,
body.octorank-clean-shell .octo-preview-score strong,
body.octorank-clean-shell .octo-board-head a,
body.octorank-clean-shell .octo-product-card a,
body.octorank-clean-shell .octo-nav-link-strong,
body.octorank-clean-shell a:hover {
  color: #2563EB !important;
}
body.octorank-clean-shell .octo-btn,
body.octorank-clean-shell .button,
body.octorank-clean-shell .btn,
body.octorank-clean-shell button,
body.octorank-clean-shell input[type="submit"],
body.octorank-clean-shell a[role="button"],
body.octorank-clean-shell .dashboard-btn,
body.octorank-clean-shell .company-dashboard-btn,
body.octorank-clean-shell .topbar-btn.primary,
body.octorank-clean-shell .octo-step-number,
body.octorank-clean-shell .octo-step-card span,
body.octorank-clean-shell .home-hero-final-step-number {
  background: #2563EB !important;
  border-color: #2563EB !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 24px rgba(37,99,235,.16) !important;
}
body.octorank-clean-shell .octo-btn:hover,
body.octorank-clean-shell .button:hover,
body.octorank-clean-shell .btn:hover,
body.octorank-clean-shell button:hover,
body.octorank-clean-shell input[type="submit"]:hover,
body.octorank-clean-shell .dashboard-btn:hover,
body.octorank-clean-shell .company-dashboard-btn:hover {
  background: #1D4ED8 !important;
  border-color: #1D4ED8 !important;
  color: #FFFFFF !important;
}
body.octorank-clean-shell .octo-btn-secondary,
body.octorank-clean-shell .btn-secondary,
body.octorank-clean-shell .btn-outline,
body.octorank-clean-shell .octo-nav-button-light,
body.octorank-clean-shell .company-dashboard-btn--secondary,
body.octorank-clean-shell .dashboard-btn--secondary {
  background: #FFFFFF !important;
  border-color: #CBD5E1 !important;
  color: #172B63 !important;
  box-shadow: none !important;
}
body.octorank-clean-shell .octo-btn-secondary:hover,
body.octorank-clean-shell .btn-secondary:hover,
body.octorank-clean-shell .btn-outline:hover,
body.octorank-clean-shell .company-dashboard-btn--secondary:hover,
body.octorank-clean-shell .dashboard-btn--secondary:hover,
body.octorank-clean-shell .octo-nav-link:hover,
body.octorank-clean-shell .octo-nav-button:hover,
body.octorank-clean-shell .octo-dropdown > summary:hover,
body.octorank-clean-shell .octo-dropdown-panel a:hover {
  background: #EFF6FF !important;
  border-color: #BFDBFE !important;
  color: #1D4ED8 !important;
}
body.octorank-clean-shell input:focus,
body.octorank-clean-shell textarea:focus,
body.octorank-clean-shell select:focus {
  border-color: #2563EB !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.13) !important;
}
body.octorank-clean-shell .octo-score-line i,
body.octorank-clean-shell .home-hero-final-chart path,
body.octorank-clean-shell .dashboard-summer-board path {
  background: #2563EB !important;
  stroke: #2563EB !important;
}
body.octorank-clean-shell .dashboard-nav-link:hover,
body.octorank-clean-shell .dashboard-nav-link.active,
body.octorank-clean-shell .octo-nav-btn:hover,
body.octorank-clean-shell .octo-nav-btn.active,
body.octorank-clean-shell .nav-item.active {
  background: rgba(37,99,235,.20) !important;
  border-color: rgba(37,99,235,.35) !important;
  color: #FFFFFF !important;
}
body.octorank-clean-shell .dashboard-nav-link.active,
body.octorank-clean-shell .octo-nav-btn.active {
  box-shadow: inset 4px 0 0 #60A5FA !important;
}


/* =========================================================
   FINAL AI BRAND CLEANUP — no orange frames on OctoRank AI.
   Marketplace template is separate and can keep orange.
   ========================================================= */
body.octorank-clean-shell {
  --octo-primary: #2563EB !important;
  --octo-primary-dark: #1D4ED8 !important;
  --octo-primary-soft: #EFF6FF !important;
  --octo-navy: #172B63 !important;
  --octo-ink: #0F172A !important;
  --octo-muted: #64748B !important;
  --octo-bg: #F5F8FF !important;
  --octo-card: #FFFFFF !important;
  --octo-border: #E2E8F0 !important;
  --octo-orange: #2563EB !important;
  --octo-orange-dark: #1D4ED8 !important;
  --octo-orange-soft: #EFF6FF !important;
}

body.octorank-clean-shell .octo-home-copy--large h1 span,
body.octorank-clean-shell .octo-score-widget > b,
body.octorank-clean-shell .octo-preview-score strong,
body.octorank-clean-shell .dashboard-stat-value,
body.octorank-clean-shell .price,
body.octorank-clean-shell .product-price,
body.octorank-clean-shell .octo-section-head p,
body.octorank-clean-shell .octo-results-card > div > p {
  color: #2563EB !important;
}

body.octorank-clean-shell .octo-step-number,
body.octorank-clean-shell .octo-step-card span,
body.octorank-clean-shell .home-hero-final-step-number,
body.octorank-clean-shell .octo-btn-primary,
body.octorank-clean-shell .btn-primary,
body.octorank-clean-shell button[type="submit"],
body.octorank-clean-shell input[type="submit"],
body.octorank-clean-shell .dashboard-btn.primary,
body.octorank-clean-shell .company-dashboard-btn--primary {
  background: #2563EB !important;
  border-color: #2563EB !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.16) !important;
}

body.octorank-clean-shell .octo-step-number:hover,
body.octorank-clean-shell .octo-btn-primary:hover,
body.octorank-clean-shell .btn-primary:hover,
body.octorank-clean-shell button[type="submit"]:hover,
body.octorank-clean-shell input[type="submit"]:hover,
body.octorank-clean-shell .dashboard-btn.primary:hover,
body.octorank-clean-shell .company-dashboard-btn--primary:hover {
  background: #1D4ED8 !important;
  border-color: #1D4ED8 !important;
  color: #FFFFFF !important;
}

/* Remove colored frames from cards/sections. Use neutral borders only. */
body.octorank-clean-shell article,
body.octorank-clean-shell details,
body.octorank-clean-shell .card,
body.octorank-clean-shell .panel,
body.octorank-clean-shell .box,
body.octorank-clean-shell .dashboard-card,
body.octorank-clean-shell .dashboard-stat-card,
body.octorank-clean-shell .dashboard-highlight-card,
body.octorank-clean-shell .dashboard-table-card,
body.octorank-clean-shell .dashboard-summary-card,
body.octorank-clean-shell .dashboard-activity-card,
body.octorank-clean-shell .dashboard-panel,
body.octorank-clean-shell .company-dashboard-section,
body.octorank-clean-shell .pricing-card,
body.octorank-clean-shell .plan-card,
body.octorank-clean-shell .page-card,
body.octorank-clean-shell .form-card,
body.octorank-clean-shell .login-card,
body.octorank-clean-shell .auth-card,
body.octorank-clean-shell .product-card,
body.octorank-clean-shell .mini-card,
body.octorank-clean-shell .source-card,
body.octorank-clean-shell .source-hero-card,
body.octorank-clean-shell .source-steps,
body.octorank-clean-shell .source-disclosure,
body.octorank-clean-shell .editor-section-card,
body.octorank-clean-shell .create-step-card,
body.octorank-clean-shell .advanced-options-card,
body.octorank-clean-shell .octo-workflow-board,
body.octorank-clean-shell .octo-workflow-step,
body.octorank-clean-shell .octo-results-card,
body.octorank-clean-shell .octo-platform-card,
body.octorank-clean-shell .octo-score-widget,
body.octorank-clean-shell .octo-traffic-mini,
body.octorank-clean-shell .octo-source-card-clean,
body.octorank-clean-shell .octo-plan-card-clean,
body.octorank-clean-shell .octo-feature-columns article,
body.octorank-clean-shell .octo-why-card,
body.octorank-clean-shell .octo-compliance-card,
body.octorank-clean-shell .octo-faq-list details,
body.octorank-clean-shell .octo-final-cta,
body.octorank-clean-shell .marketplace-coming-card,
body.octorank-clean-shell .hero,
body.octorank-clean-shell .home-hero,
body.octorank-clean-shell .source-hero,
body.octorank-clean-shell .company-dashboard-header,
body.octorank-clean-shell .dashboard-topbar,
body.octorank-clean-shell .dashboard-company-hero,
body.octorank-clean-shell .octo-view-header {
  border-color: #E2E8F0 !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.075) !important;
}

body.octorank-clean-shell .octo-final-cta {
  border-color: transparent !important;
}

/* Inputs: blue focus only, no orange tint. */
body.octorank-clean-shell input,
body.octorank-clean-shell textarea,
body.octorank-clean-shell select {
  border-color: #E2E8F0 !important;
  box-shadow: none !important;
}
body.octorank-clean-shell input:focus,
body.octorank-clean-shell textarea:focus,
body.octorank-clean-shell select:focus {
  border-color: #2563EB !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.13) !important;
}

/* Remove orange-tinted soft badges, outlines, and shadows inherited from older files. */
body.octorank-clean-shell .badge,
body.octorank-clean-shell .pill,
body.octorank-clean-shell .tag,
body.octorank-clean-shell .octo-pill,
body.octorank-clean-shell .marketplace-coming-kicker,
body.octorank-clean-shell .source-badge,
body.octorank-clean-shell .product-path-badge,
body.octorank-clean-shell .create-step-eyebrow,
body.octorank-clean-shell .dashboard-topbar-eyebrow,
body.octorank-clean-shell .octo-tags-wrap span,
body.octorank-clean-shell .octo-score-top em,
body.octorank-clean-shell .octo-traffic-mini em {
  background: #EFF6FF !important;
  border-color: #BFDBFE !important;
  color: #1D4ED8 !important;
  box-shadow: none !important;
}

/* Secondary/outline buttons: neutral frame, not orange. */
body.octorank-clean-shell .octo-btn-secondary,
body.octorank-clean-shell .btn-secondary,
body.octorank-clean-shell .btn-outline,
body.octorank-clean-shell .button.secondary,
body.octorank-clean-shell .nav-btn-secondary,
body.octorank-clean-shell .copy-url-btn,
body.octorank-clean-shell .outline-btn,
body.octorank-clean-shell .octo-nav-button-light,
body.octorank-clean-shell .company-dashboard-btn--secondary,
body.octorank-clean-shell .dashboard-btn--secondary {
  background: #FFFFFF !important;
  color: #172B63 !important;
  border-color: #CBD5E1 !important;
  box-shadow: none !important;
}
body.octorank-clean-shell .octo-btn-secondary:hover,
body.octorank-clean-shell .btn-secondary:hover,
body.octorank-clean-shell .btn-outline:hover,
body.octorank-clean-shell .button.secondary:hover,
body.octorank-clean-shell .nav-btn-secondary:hover,
body.octorank-clean-shell .copy-url-btn:hover,
body.octorank-clean-shell .outline-btn:hover,
body.octorank-clean-shell .octo-nav-button-light:hover,
body.octorank-clean-shell .company-dashboard-btn--secondary:hover,
body.octorank-clean-shell .dashboard-btn--secondary:hover {
  background: #EFF6FF !important;
  border-color: #BFDBFE !important;
  color: #1D4ED8 !important;
}

body.octorank-clean-shell .site-header,
body.octorank-clean-shell .octo-site-header,
body.octorank-clean-shell .site-footer,
body.octorank-clean-shell .octo-site-footer {
  border-color: #E2E8F0 !important;
  box-shadow: 0 1px 12px rgba(15,23,42,0.055) !important;
}


/* ============================================================
   OctoRank AI dashboard polish — compact blue/navy system
   2026-06-07: reduces bulky dashboard cards, removes orange copy,
   improves dashboard tables and keeps actions usable.
   ============================================================ */
body.octorank-clean-shell {
  --octo-primary: #2563EB;
  --octo-primary-dark: #1D4ED8;
  --octo-primary-soft: #EFF6FF;
  --octo-navy: #172B63;
  --octo-ink: #0F172A;
  --octo-muted: #64748B;
  --octo-border: #E2E8F0;
  --octo-card: #FFFFFF;
  --octo-soft-bg: #F8FBFF;
}

body.octorank-clean-shell .dashboard-shell,
body.octorank-clean-shell .dashboard-theme,
body.octorank-clean-shell .octo-dashboard-shell,
body.octorank-clean-shell .affiliate-dashboard,
body.octorank-clean-shell .company-affiliate-dashboard,
body.octorank-clean-shell .admin-dashboard {
  background: #F8FBFF !important;
  color: var(--octo-ink) !important;
}

body.octorank-clean-shell .dashboard-layout {
  grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.octorank-clean-shell .dashboard-main,
body.octorank-clean-shell .octo-dashboard-main,
body.octorank-clean-shell .business-card.dashboard-theme {
  padding: 18px !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
}

body.octorank-clean-shell .dashboard-sidebar,
body.octorank-clean-shell .octo-dashboard-sidebar {
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid var(--octo-border) !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.06) !important;
  min-height: auto !important;
}

body.octorank-clean-shell .dashboard-sidebar-inner,
body.octorank-clean-shell .octo-dashboard-sidebar-inner {
  padding: 14px !important;
  gap: 10px !important;
}

body.octorank-clean-shell .dashboard-sidebar-header,
body.octorank-clean-shell .octo-dashboard-sidebar-header {
  padding: 0 0 12px !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid var(--octo-border) !important;
}

body.octorank-clean-shell .dashboard-brand img { width: 38px !important; height: 38px !important; }
body.octorank-clean-shell .dashboard-sidebar-header p { margin: 6px 0 0 !important; font-size: 12px !important; line-height: 1.35 !important; }

body.octorank-clean-shell .dashboard-nav {
  display: grid !important;
  gap: 7px !important;
}

body.octorank-clean-shell .dashboard-nav-link,
body.octorank-clean-shell .octo-dashboard-nav-btn,
body.octorank-clean-shell .octo-dashboard-nav-link {
  min-height: 0 !important;
  padding: 9px 10px !important;
  border-radius: 10px !important;
  border: 1px solid var(--octo-border) !important;
  background: #FFFFFF !important;
  color: var(--octo-navy) !important;
  box-shadow: none !important;
}

body.octorank-clean-shell .dashboard-nav-link.active,
body.octorank-clean-shell .dashboard-nav-link:hover,
body.octorank-clean-shell .octo-dashboard-nav-btn.active,
body.octorank-clean-shell .octo-dashboard-nav-btn:hover {
  background: var(--octo-primary-soft) !important;
  border-color: #BFDBFE !important;
  color: var(--octo-primary-dark) !important;
}

body.octorank-clean-shell .dashboard-nav-copy strong { font-size: 13px !important; color: inherit !important; }
body.octorank-clean-shell .dashboard-nav-copy small { font-size: 11px !important; color: var(--octo-muted) !important; }

body.octorank-clean-shell .dashboard-topbar,
body.octorank-clean-shell .dashboard-summer-hero,
body.octorank-clean-shell .pro-dashboard-tools,
body.octorank-clean-shell .dashboard-stat-card,
body.octorank-clean-shell .dashboard-highlight-card,
body.octorank-clean-shell .dashboard-table-card,
body.octorank-clean-shell .dashboard-activity-card,
body.octorank-clean-shell .octo-dashboard-card,
body.octorank-clean-shell .octo-dashboard-section,
body.octorank-clean-shell .company-dashboard-section,
body.octorank-clean-shell .business-card,
body.octorank-clean-shell .admin-card,
body.octorank-clean-shell .affiliate-card {
  background: #FFFFFF !important;
  color: var(--octo-ink) !important;
  border: 1px solid var(--octo-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.055) !important;
}

body.octorank-clean-shell .dashboard-topbar {
  padding: 18px !important;
  margin-bottom: 14px !important;
  align-items: center !important;
}

body.octorank-clean-shell .dashboard-topbar-title h1,
body.octorank-clean-shell .dashboard-summer-copy h2,
body.octorank-clean-shell .pro-dashboard-tools h2 {
  font-size: clamp(22px, 2.4vw, 32px) !important;
  line-height: 1.12 !important;
  margin: 4px 0 6px !important;
  color: var(--octo-ink) !important;
}

body.octorank-clean-shell .dashboard-topbar-title p,
body.octorank-clean-shell .dashboard-summer-copy p,
body.octorank-clean-shell .pro-dashboard-tools p {
  max-width: 760px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  color: var(--octo-muted) !important;
}

body.octorank-clean-shell .dashboard-actions-row,
body.octorank-clean-shell .pro-dashboard-tools-actions,
body.octorank-clean-shell .company-dashboard-action-row,
body.octorank-clean-shell .company-dashboard-action-stack {
  gap: 8px !important;
  flex-wrap: wrap !important;
}

body.octorank-clean-shell .dashboard-btn,
body.octorank-clean-shell .pro-dashboard-tool-btn,
body.octorank-clean-shell .company-dashboard-btn,
body.octorank-clean-shell .octo-dashboard-btn,
body.octorank-clean-shell .admin-dashboard .btn,
body.octorank-clean-shell .affiliate-dashboard .btn {
  min-height: 34px !important;
  padding: 7px 11px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

body.octorank-clean-shell .dashboard-btn.primary,
body.octorank-clean-shell .company-dashboard-btn--primary,
body.octorank-clean-shell .pro-dashboard-tool-btn.primary,
body.octorank-clean-shell button.dashboard-btn[type="submit"]:not(.danger):not(.warning) {
  background: var(--octo-primary) !important;
  color: #FFFFFF !important;
  border-color: var(--octo-primary) !important;
}

body.octorank-clean-shell .dashboard-btn.secondary,
body.octorank-clean-shell .company-dashboard-btn--secondary,
body.octorank-clean-shell .pro-dashboard-tool-btn.secondary,
body.octorank-clean-shell .pro-dashboard-tool-btn.ecommerce {
  background: #FFFFFF !important;
  color: var(--octo-navy) !important;
  border: 1px solid #CBD5E1 !important;
}

body.octorank-clean-shell .dashboard-btn.danger,
body.octorank-clean-shell .company-dashboard-btn--danger {
  background: #FEF2F2 !important;
  border-color: #FECACA !important;
  color: #B91C1C !important;
}

body.octorank-clean-shell .dashboard-btn.warning {
  background: #F8FAFC !important;
  border-color: #CBD5E1 !important;
  color: #334155 !important;
}

body.octorank-clean-shell .dashboard-summer-hero {
  padding: 16px !important;
  margin: 12px 0 14px !important;
  grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr) !important;
  gap: 14px !important;
  min-height: 0 !important;
}

body.octorank-clean-shell .dashboard-summer-badge,
body.octorank-clean-shell .dashboard-topbar-eyebrow,
body.octorank-clean-shell .pro-dashboard-eyebrow,
body.octorank-clean-shell .summer-board-label {
  background: var(--octo-primary-soft) !important;
  color: var(--octo-primary-dark) !important;
  border: 1px solid #BFDBFE !important;
  border-radius: 999px !important;
  padding: 5px 9px !important;
  font-size: 11px !important;
  letter-spacing: .05em !important;
}

body.octorank-clean-shell .dashboard-summer-steps {
  margin-top: 12px !important;
  gap: 7px !important;
}
body.octorank-clean-shell .dashboard-summer-steps span {
  padding: 7px 9px !important;
  border-radius: 10px !important;
  background: #F8FAFC !important;
  border: 1px solid var(--octo-border) !important;
}
body.octorank-clean-shell .dashboard-summer-steps strong {
  background: var(--octo-primary) !important;
  color: #FFFFFF !important;
  width: 22px !important;
  height: 22px !important;
  font-size: 12px !important;
}

body.octorank-clean-shell .dashboard-summer-board {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
  align-items: stretch !important;
}
body.octorank-clean-shell .summer-board-card {
  padding: 11px !important;
  min-height: 0 !important;
  border-radius: 12px !important;
  border: 1px solid var(--octo-border) !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}
body.octorank-clean-shell .summer-board-card p,
body.octorank-clean-shell .summer-board-card small,
body.octorank-clean-shell .summer-keyword-row span { font-size: 12px !important; line-height: 1.35 !important; }
body.octorank-clean-shell .summer-product-image { width: 40px !important; height: 40px !important; border-radius: 10px !important; }
body.octorank-clean-shell .summer-score-ring { width: 72px !important; height: 72px !important; }
body.octorank-clean-shell .summer-score-ring strong { font-size: 26px !important; color: var(--octo-primary-dark) !important; }
body.octorank-clean-shell .summer-board-phone,
body.octorank-clean-shell .summer-board-cta { display: none !important; }

body.octorank-clean-shell .pro-dashboard-tools {
  padding: 16px !important;
  margin: 12px 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
}

body.octorank-clean-shell .dashboard-stats-grid,
body.octorank-clean-shell .company-dashboard-summary-grid,
body.octorank-clean-shell .octo-dashboard-metric-grid {
  gap: 10px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.octorank-clean-shell .dashboard-stat-card,
body.octorank-clean-shell .company-dashboard-summary-card,
body.octorank-clean-shell .octo-dashboard-metric-card {
  padding: 13px !important;
  min-height: 0 !important;
}
body.octorank-clean-shell .dashboard-stat-label,
body.octorank-clean-shell .company-dashboard-summary-label { font-size: 11px !important; }
body.octorank-clean-shell .dashboard-stat-value,
body.octorank-clean-shell .company-dashboard-summary-card strong,
body.octorank-clean-shell .octo-dashboard-metric-value {
  font-size: clamp(22px, 2.2vw, 30px) !important;
  line-height: 1 !important;
  color: var(--octo-navy) !important;
}
body.octorank-clean-shell .dashboard-stat-footnote { font-size: 11px !important; margin-top: 6px !important; }

body.octorank-clean-shell .dashboard-highlight-grid,
body.octorank-clean-shell .dashboard-highlight-grid--compact,
body.octorank-clean-shell .company-dashboard-insight-grid {
  gap: 10px !important;
}
body.octorank-clean-shell .dashboard-highlight-card,
body.octorank-clean-shell .company-dashboard-insight-card { padding: 13px !important; }
body.octorank-clean-shell .dashboard-highlight-card h3,
body.octorank-clean-shell .company-dashboard-insight-card h3 { font-size: 15px !important; margin: 0 0 6px !important; }

body.octorank-clean-shell .dashboard-content-grid,
body.octorank-clean-shell .dashboard-content-grid--compact {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) !important;
  gap: 12px !important;
}
body.octorank-clean-shell .dashboard-table-card,
body.octorank-clean-shell .dashboard-activity-card,
body.octorank-clean-shell .company-dashboard-section { padding: 14px !important; }

body.octorank-clean-shell .dashboard-section-title,
body.octorank-clean-shell .dashboard-section-title--compact,
body.octorank-clean-shell .company-dashboard-section-head {
  margin-bottom: 10px !important;
  gap: 10px !important;
}
body.octorank-clean-shell .dashboard-section-title h2,
body.octorank-clean-shell .company-dashboard-section-head h2 { font-size: 18px !important; margin: 0 !important; }
body.octorank-clean-shell .dashboard-section-title p,
body.octorank-clean-shell .company-dashboard-section-head p { font-size: 13px !important; margin: 3px 0 0 !important; }

body.octorank-clean-shell .dashboard-table,
body.octorank-clean-shell .company-dashboard-table {
  border-collapse: separate !important;
  border-spacing: 0 7px !important;
  font-size: 13px !important;
}
body.octorank-clean-shell .dashboard-table thead th,
body.octorank-clean-shell .company-dashboard-table thead th {
  padding: 8px 10px !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  color: #64748B !important;
  background: #F8FAFC !important;
  border: 0 !important;
}
body.octorank-clean-shell .dashboard-table tbody tr,
body.octorank-clean-shell .company-dashboard-table tbody tr {
  background: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.045) !important;
}
body.octorank-clean-shell .dashboard-table td,
body.octorank-clean-shell .company-dashboard-table td {
  padding: 9px 10px !important;
  border-top: 1px solid var(--octo-border) !important;
  border-bottom: 1px solid var(--octo-border) !important;
  vertical-align: middle !important;
}
body.octorank-clean-shell .dashboard-table td:first-child,
body.octorank-clean-shell .company-dashboard-table td:first-child { border-left: 1px solid var(--octo-border) !important; border-radius: 10px 0 0 10px !important; }
body.octorank-clean-shell .dashboard-table td:last-child,
body.octorank-clean-shell .company-dashboard-table td:last-child { border-right: 1px solid var(--octo-border) !important; border-radius: 0 10px 10px 0 !important; }
body.octorank-clean-shell .dashboard-table-meta,
body.octorank-clean-shell .company-dashboard-muted { font-size: 11px !important; color: #64748B !important; }

body.octorank-clean-shell .dashboard-inline-actions,
body.octorank-clean-shell .dashboard-inline-actions--compact,
body.octorank-clean-shell .company-dashboard-action-row,
body.octorank-clean-shell .company-dashboard-action-row--compact {
  gap: 5px !important;
}
body.octorank-clean-shell .dashboard-inline-actions .dashboard-btn,
body.octorank-clean-shell .dashboard-inline-actions--compact .dashboard-btn,
body.octorank-clean-shell .dashboard-inline-actions button.dashboard-btn,
body.octorank-clean-shell .company-dashboard-action-row .company-dashboard-btn {
  min-height: 28px !important;
  padding: 5px 8px !important;
  border-radius: 7px !important;
  font-size: 11px !important;
}

body.octorank-clean-shell .published-url-box--compact { margin-top: 6px !important; }
body.octorank-clean-shell .published-url-box--compact .copy-url-status,
body.octorank-clean-shell .copy-url-status.is-empty {
  padding: 5px 8px !important;
  font-size: 11px !important;
  background: #F8FAFC !important;
  border: 1px solid var(--octo-border) !important;
  color: #64748B !important;
}

@media (max-width: 1180px) {
  body.octorank-clean-shell .dashboard-layout { grid-template-columns: 1fr !important; }
  body.octorank-clean-shell .dashboard-summer-hero,
  body.octorank-clean-shell .pro-dashboard-tools { grid-template-columns: 1fr !important; }
  body.octorank-clean-shell .dashboard-content-grid,
  body.octorank-clean-shell .dashboard-content-grid--compact { grid-template-columns: 1fr !important; }
}
@media (max-width: 780px) {
  body.octorank-clean-shell .dashboard-main { padding: 12px !important; }
  body.octorank-clean-shell .dashboard-stats-grid,
  body.octorank-clean-shell .company-dashboard-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.octorank-clean-shell .dashboard-summer-board { grid-template-columns: 1fr !important; }
}
@media (max-width: 560px) {
  body.octorank-clean-shell .dashboard-stats-grid,
  body.octorank-clean-shell .company-dashboard-summary-grid { grid-template-columns: 1fr !important; }
}

/* Create Page: Shopify-style category locking and storefront theme controls */
.used-category-note {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .55rem;
  padding: .9rem 1rem;
  border: 1px solid #dbeafe;
  background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 100%);
  color: #172b63;
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
}
.used-category-note strong { color: #0f172a; }
.used-category-note span {
  display: inline-flex;
  align-items: center;
  padding: .35rem .7rem;
  border: 1px solid #cfe0ff;
  border-radius: 999px;
  background: #ffffff;
  color: #1d4ed8;
  font-weight: 800;
  font-size: .82rem;
}
.used-category-note small {
  flex-basis: 100%;
  color: #64748b;
}
.category-lock-field select:disabled {
  opacity: 1;
  color: #172b63;
  background: #eef5ff;
  border-color: #cfe0ff;
  cursor: not-allowed;
}
.category-lock-note {
  color: #1d4ed8 !important;
  font-weight: 700;
}
.shopify-theme-field select,
.category-lock-field select {
  min-height: 46px;
  border-radius: 12px;
  border: 1px solid #d8e1ef;
  background: #ffffff;
  color: #0f172a;
}
.shopify-theme-field small,
.category-lock-field small {
  display: block;
  margin-top: .38rem;
  line-height: 1.45;
}

.octo-one-time-launch { background:#fff7ed; border-top:1px solid #fed7aa; border-bottom:1px solid #fed7aa; }
.octo-launch-pack-grid .octo-plan-card-clean { border-radius:0!important; }
.octo-launch-note { max-width:1180px; margin:18px auto 0; text-align:center; color:#102452; font-weight:900; }
body.octorank-clean-shell .octo-one-time-launch .octo-btn { border-radius:0!important; }

.background-builder-card { grid-column:1 / -1; border:1px solid #dbe3ef; background:#fff; padding:16px; border-radius:0!important; }
.background-builder-tabs, .background-builder-card .editor-actions-row { display:flex; flex-wrap:wrap; gap:10px; margin:10px 0; }
.background-builder-panel textarea { width:100%; min-height:90px; }
.background-builder-preview { display:grid; grid-template-columns:220px minmax(0,1fr); gap:14px; align-items:center; margin-top:12px; padding:12px; border:1px solid #fed7aa; background:#fff7ed; }
.background-builder-preview img { width:220px; height:130px; object-fit:cover; border:1px solid #dbe3ef; border-radius:0!important; background:#fff; }
@media (max-width:700px){ .background-builder-preview { grid-template-columns:1fr; } .background-builder-preview img{width:100%;height:auto;} }