:root {
  --navy: #4b4d4b;
  --blue: #e97025;
  --blue-2: #f28a45;
  --ice: #fff1e8;
  --ink: #383a38;
  --muted: #70736f;
  --line: #e6e2de;
  --shadow: 0 18px 60px rgba(75, 77, 75, .12);
}

.brand-logo {
  display: block;
  width: 190px;
  height: 48px;
  object-fit: contain;
  object-position: left center;
}

.nav-cta,
.button--primary { background: #e97025; }
.nav-cta:hover,
.button--primary:hover { background: #c95b18; }
.hero {
  background: radial-gradient(circle at 76% 18%, rgba(233,112,37,.18), transparent 28%),
    radial-gradient(circle at 12% 80%, rgba(75,77,75,.09), transparent 30%),
    linear-gradient(180deg, #fff9f5, #fff);
}
.hero::before {
  background-image: linear-gradient(rgba(75,77,75,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(75,77,75,.035) 1px, transparent 1px);
}
.cta-box { background: linear-gradient(135deg, #424442, #e97025); }
.window-logo { width: 52px; height: 52px; border-radius: 0; }

/* Extension cards retain their own product identity. */
.extension-card--seasonal {
  border-color: #d9e5f0;
  box-shadow: 0 8px 35px rgba(17,46,81,.07);
}
.extension-card--seasonal .learn-link { color: #245b91; }
.extension-card--seasonal .status-badge { color: #45627e; background: #eaf1f7; }
.mini-extension { border-color: #dce6ef; background: #f8fbfe; }

/* The corporate shell stays orange/charcoal; product content stays SeasonalJobs blue. */
.product-page main {
  --navy: #112e51;
  --blue: #245b91;
  --blue-2: #3c78b4;
  --ice: #eef4fa;
  --ink: #182a3d;
  --muted: #69798a;
  --line: #dfe7ef;
  --shadow: 0 18px 60px rgba(17,46,81,.1);
}
.product-page main .button--primary { background: #112e51; }
.product-page main .button--primary:hover { background: #245b91; }
.product-page main .button--secondary { color: #112e51; }
.product-page main .button--secondary:hover { border-color: #8ca8c2; background: #f3f7fb; }

@media (max-width: 560px) {
  .brand-logo { width: 155px; height: 42px; }
}