/* SkiinOBS homepage color reset v339
   Keep the v338 fresh layout, restore the site-wide blue identity.
   Only the OBS Doctor CTA retains the purple accent. */

:root{
  --fresh-soft-purple:#f4f8ff;
  --fresh-purple:#2563eb;
  --fresh-purple-deep:#1d4ed8;
}

/* Hero */
.jp-hero-redesign{
  background:
    radial-gradient(70% 70% at 50% 0%,rgba(37,99,235,.095) 0%,rgba(37,99,235,.032) 42%,rgba(37,99,235,0) 72%),
    linear-gradient(180deg,#fafdff 0%,#fff 76%)!important;
}
.jp-hero-redesign::after{
  background:linear-gradient(90deg,transparent,#e5eefb 22%,#d8e7fb 50%,#e5eefb 78%,transparent)!important;
}
.jp-hero-redesign .jp-hero-download{
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;
  box-shadow:0 12px 26px rgba(37,99,235,.20)!important;
}
.jp-hero-redesign .jp-hero-download:hover{
  box-shadow:0 16px 34px rgba(37,99,235,.25)!important;
}

/* Direct in OBS */
.kr-flow-primary{
  background:linear-gradient(135deg,#fbfdff 0%,#eef5ff 100%)!important;
  color:#18345f!important;
}
.kr-flow-primary::before{
  background:linear-gradient(180deg,#60a5fa,#2563eb)!important;
}
.kr-flow-primary .kr-flow-label{color:#2563eb!important;}

/* Multi-camera / preset highlight */
.kr-direct-feature-emphasis{
  border-color:#dfe9f7!important;
  background:linear-gradient(145deg,#fff 0%,#fbfdff 54%,#f2f7ff 100%)!important;
}
.kr-direct-feature-emphasis::after{
  background:radial-gradient(circle,rgba(37,99,235,.085) 0%,rgba(37,99,235,0) 70%)!important;
}
.kr-feature-kicker{color:#2563eb!important;}
.kr-direct-feature-emphasis .kr-direct-feature-tags span{
  border-color:#e3ebf6!important;
  color:#3d4c63!important;
}

/* Broadcast styles and support tools */
.kr-broadcast-guide{
  background:linear-gradient(180deg,#fafcff 0%,#f6f9fe 100%)!important;
}
.kr-usecase-grid article::before{background:#bfdbfe!important;}
.kr-broadcast-support-grid{border-top-color:#dfe7f2!important;}
.kr-support-card{border-color:#e0e8f3!important;}
.kr-support-card::after{
  background:linear-gradient(145deg,rgba(37,99,235,.028),transparent 44%)!important;
}
.kr-support-product{color:#2563eb!important;}
.kr-support-platforms span,.kr-support-symptoms span{
  border-color:#e3eaf4!important;
  background:#f8fbff!important;
  color:#526075!important;
}
.kr-support-more{
  border-color:transparent!important;
  background:transparent!important;
  color:#9aa3b1!important;
}

/* System Check CTA follows site blue */
.kr-support-system .kr-support-cta{
  background:#eff6ff!important;
  color:#1d4ed8!important;
}
.kr-support-system .kr-support-cta:hover{
  background:#dbeafe!important;
}

/* OBS Doctor CTA is intentionally the sole purple accent on the homepage */
.kr-support-doctor .kr-support-cta{
  background:#f2efff!important;
  color:#5c49bf!important;
}
.kr-support-doctor .kr-support-cta:hover{
  background:#ebe6ff!important;
}

/* Core technology stays neutral with blue-compatible separators */
.core-technology::before{
  background:linear-gradient(90deg,transparent,#e2e8f0 15%,#e2e8f0 85%,transparent)!important;
}
.core-tech-pillars{border-color:#e2e8f0!important;}
.core-tech-pillar + .core-tech-pillar{border-color:#e2e8f0!important;}
.core-tech-tags-unified span{
  border-color:#e5eaf1!important;
  background:#fafcff!important;
}

/* Pricing returns to blue / neutral surface */
.pricing{
  background:linear-gradient(180deg,#f7faff 0%,#fff 70%)!important;
}
.pcv256-card{border-color:#dce7f5!important;}
.jp-offer-card{
  border-color:#e3eaf3!important;
  background:#fbfdff!important;
}

@media (max-width:767px){
  .jp-hero-redesign{
    background:radial-gradient(110% 55% at 50% 0%,rgba(37,99,235,.08),rgba(37,99,235,0) 72%),#fff!important;
  }
}