/* Oracle ERP page interpretation of the Survate Experience System.
   Loaded after the legacy products styles so content and functionality stay intact. */

.products-brand-concept {
  background: var(--home-ivory);
}

.products-brand-concept main {
  color: var(--home-ink);
  background: transparent;
}

/* Hero: quiet ivory canvas, connection pattern, and a navy service instrument. */
.products-brand-concept .products-hero-v2 {
  min-height: 700px;
  color: var(--home-navy);
  background:
    radial-gradient(circle at 84% 14%, rgba(109, 138, 122, .18) 0 230px, transparent 231px),
    radial-gradient(circle at 18% 86%, rgba(199, 164, 90, .13) 0 170px, transparent 171px),
    linear-gradient(115deg, #faf8f2 0%, var(--home-ivory) 58%, #e5ebe5 100%);
  isolation: isolate;
}

.products-brand-concept .products-hero-v2::before,
.products-brand-concept .products-hero-v2::after {
  display: none !important;
  content: none !important;
}

.products-brand-concept .products-hero-v2 .page-hero-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("../img/home-connection-pattern.svg") 88% center / min(810px, 63vw) auto no-repeat !important;
  opacity: .22 !important;
}

.products-brand-concept .product-hero-layout {
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, .78fr);
  gap: clamp(48px, 7vw, 96px);
  min-height: 700px;
  padding-block: clamp(90px, 9vw, 132px);
}

.products-brand-concept .product-hero-copy { max-width: 780px; }
.products-brand-concept .breadcrumb,
.products-brand-concept .breadcrumb a { color: var(--home-muted); }
.products-brand-concept .breadcrumb a:hover { color: var(--home-gold-text); }
.products-brand-concept .product-hero-copy .eyebrow { color: var(--home-gold-text); }
.products-brand-concept .product-hero-copy h1 {
  margin-block: 20px 28px;
  color: var(--home-navy);
  font-size: clamp(2.35rem, 4.2vw, 4.15rem) !important;
  font-weight: 700;
  line-height: 1.2 !important;
  letter-spacing: -.05em;
  text-shadow: none;
}
.products-brand-concept .product-hero-copy .page-lead {
  max-width: 740px;
  color: var(--home-muted);
  font-size: clamp(1rem, 1.25vw, 1.13rem);
  line-height: 2;
  text-shadow: none;
}

.products-brand-concept .product-hero-copy .hero-actions { margin-top: 32px; }
.products-brand-concept .product-hero-copy .button-primary {
  color: #fff;
  background: var(--home-navy);
  border-color: var(--home-navy);
  box-shadow: none;
}
.products-brand-concept .product-hero-copy .button-primary:hover {
  color: #fff;
  background: var(--home-navy-soft);
  border-color: var(--home-navy-soft);
}
.products-brand-concept .product-hero-copy .erp-overview-button {
  color: var(--home-navy);
  background: var(--home-gold);
  border-color: var(--home-gold);
}
.products-brand-concept .product-hero-copy .erp-overview-button:hover {
  color: var(--home-navy);
  background: #d8bc7a;
  border-color: #d8bc7a;
}
.products-brand-concept .product-hero-copy .button-secondary {
  color: var(--home-navy);
  background: rgba(255, 255, 255, .62);
  border-color: rgba(10, 24, 46, .28);
}
.products-brand-concept .product-hero-copy .button-secondary:hover {
  color: var(--home-navy);
  background: #fff;
  border-color: var(--home-sage);
}

.products-brand-concept .product-hero-points { gap: 12px; }
.products-brand-concept .product-hero-points li {
  color: var(--home-ink);
  font-weight: 600;
}
.products-brand-concept .product-hero-points li::before {
  width: 12px;
  height: 12px;
  background: var(--home-sage);
  box-shadow: 0 0 0 5px rgba(109, 138, 122, .11);
}

.products-brand-concept .product-dashboard {
  min-height: 520px;
  padding: 42px 36px 34px;
  overflow: hidden;
  color: #fff;
  background: var(--home-navy);
  border: 1px solid rgba(199, 164, 90, .43);
  border-radius: 2px 68px 2px 2px;
  box-shadow: 0 28px 68px rgba(10, 24, 46, .2);
}
.products-brand-concept .product-dashboard::after {
  position: absolute;
  right: -150px;
  bottom: -170px;
  width: 490px;
  height: 490px;
  content: "";
  background: url("../img/home-connection-pattern.svg") center / contain no-repeat;
  opacity: .3;
}
.products-brand-concept .product-dashboard > * { z-index: 1; }
.products-brand-concept .dashboard-visual { inset: 20px 12px 150px; }
.products-brand-concept .dashboard-ring {
  border-color: rgba(255, 255, 255, .15);
  background: rgba(255, 255, 255, .025);
  box-shadow: none;
}
.products-brand-concept .dashboard-ring-inner { border-color: rgba(199, 164, 90, .48); }
.products-brand-concept .dashboard-center {
  background: rgba(255, 255, 255, .07);
  border-color: rgba(255, 255, 255, .18);
  border-radius: 2px 34px 2px 2px;
  box-shadow: none;
}
.products-brand-concept .dashboard-panel {
  padding: 26px;
  background: rgba(255, 255, 255, .07);
  border-color: rgba(255, 255, 255, .16);
  border-radius: 2px 34px 2px 2px;
  box-shadow: none;
}
.products-brand-concept .dashboard-panel::before { background: var(--home-gold); }
.products-brand-concept .dashboard-kpis div {
  background: rgba(255, 255, 255, .055);
  border-color: rgba(255, 255, 255, .13);
  border-radius: 2px;
}
.products-brand-concept .dashboard-flow span {
  color: #fff;
  background: rgba(109, 138, 122, .25);
  border: 1px solid rgba(255, 255, 255, .12);
}

/* Navigation and section rhythm. */
.products-brand-concept .product-anchor-nav {
  color: var(--home-navy);
  background: rgba(244, 242, 236, .96);
  border-color: var(--home-line);
  box-shadow: none;
  backdrop-filter: blur(16px);
}
.products-brand-concept .product-anchor-nav a {
  color: var(--home-navy);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
}
.products-brand-concept .product-anchor-nav a:hover {
  color: var(--home-gold-text);
  background: rgba(199, 164, 90, .12);
}
.products-brand-concept .product-anchor-nav .anchor-nav-inner {
  scrollbar-width: none;
}
.products-brand-concept .product-anchor-nav .anchor-nav-inner::-webkit-scrollbar {
  display: none;
}

.products-brand-concept .section { position: relative; }
.products-brand-concept .section:nth-of-type(even):not(.section-dark) { background: #fff; }
.products-brand-concept .section-muted,
.products-brand-concept .product-feature-section,
.products-brand-concept .product-basics-section,
.products-brand-concept .product-learn-section,
.products-brand-concept .product-movie-section,
.products-brand-concept .product-consulting-section,
.products-brand-concept .product-related-section {
  background: transparent;
}
.products-brand-concept .section-heading h2 { color: var(--home-navy); }
.products-brand-concept .section-heading > p:not(.eyebrow) { color: var(--home-muted); }
.products-brand-concept .section-heading .eyebrow { color: var(--home-gold-text); }

/* Cards use the same restrained, editorial geometry as the homepage. */
.products-brand-concept :where(
  .product-proof-panel,
  .product-value-card,
  .implementation-support-card,
  .case-lead-copy,
  .case-card,
  .product-related-card,
  .basics-card-grid article,
  .module-card-v2,
  .service-scope-list-v2 article,
  .system-dev-panels-v2 article,
  .operation-card-v2,
  .learn-checklist-v2,
  .update-card-v2,
  .comparison-table-wrap-v2,
  .faq-list details,
  .product-movie-card
) {
  color: var(--home-ink);
  background: rgba(255, 255, 255, .86);
  border-color: var(--home-line);
  border-radius: 2px;
  box-shadow: none;
}
.products-brand-concept :where(
  .product-value-card,
  .implementation-support-card,
  .case-card,
  .product-related-card,
  .basics-card-grid article,
  .module-card-v2,
  .service-scope-list-v2 article,
  .system-dev-panels-v2 article,
  .operation-card-v2,
  .update-card-v2
) { border-top: 3px solid var(--home-sage); }

.products-brand-concept :where(
  .product-value-card::after,
  .implementation-support-card::before,
  .case-card::before,
  .module-card-v2::after,
  .operation-card-v2::after,
  .update-card-v2::after,
  .basics-card-grid article::after
) { display: none; }

.products-brand-concept .implementation-support-card span,
.products-brand-concept .case-label {
  color: var(--home-gold-text);
  background: rgba(199, 164, 90, .12);
  border-radius: 2px;
}
.products-brand-concept :where(.case-card li, .case-reason-list li, .case-note-list li)::before {
  background: var(--home-sage);
}
.products-brand-concept .case-role-box {
  background: rgba(109, 138, 122, .08);
  border-radius: 2px;
}
.products-brand-concept .case-role-box strong { color: var(--home-navy); }
.products-brand-concept .case-role-box p { color: var(--home-muted); }
.products-brand-concept .case-note {
  background: rgba(255, 255, 255, .86);
  border-color: var(--home-line);
  border-radius: 2px;
}

.products-brand-concept :where(
  .product-proof-panel h3,
  .product-value-card h3,
  .implementation-support-card h3,
  .case-card h3,
  .product-related-card strong,
  .basics-card-grid h3,
  .module-card-v2 h3,
  .service-scope-list-v2 h3,
  .system-dev-panels-v2 h3,
  .operation-card-v2 h3,
  .learn-checklist-v2 h3,
  .update-card-v2 h3,
  .faq-list summary
) { color: var(--home-navy); }
.products-brand-concept :where(
  .product-proof-panel p,
  .product-value-card p,
  .implementation-support-card p,
  .case-card p,
  .product-related-card small,
  .basics-card-grid p,
  .module-card-v2 p,
  .service-scope-list-v2 p,
  .system-dev-panels-v2 p,
  .operation-card-v2 p,
  .learn-checklist-v2 li,
  .update-card-v2 p,
  .faq-list details p
) { color: var(--home-muted); }

.products-brand-concept .product-proof-panel { padding: 30px; }
.products-brand-concept .product-proof-panel div {
  background: rgba(109, 138, 122, .075);
  border-radius: 2px;
}
.products-brand-concept .product-proof-panel span,
.products-brand-concept .product-value-card .card-number,
.products-brand-concept :where(.basics-card-grid, .operation-card-v2, .service-scope-list-v2) span,
.products-brand-concept .learn-checklist-v2 li::before {
  color: var(--home-gold-text);
}
.products-brand-concept .product-value-card .card-number { opacity: .34; }
.products-brand-concept :where(.basics-card-grid, .operation-card-v2, .service-scope-list-v2) span,
.products-brand-concept :where(.module-kicker, .update-label) {
  color: var(--home-navy);
  background: rgba(199, 164, 90, .14);
  border: 1px solid rgba(199, 164, 90, .34);
}
.products-brand-concept .module-card-v2 ul,
.products-brand-concept .learn-checklist-v2 li {
  background: rgba(109, 138, 122, .075);
  border-radius: 2px;
}
.products-brand-concept .module-card-v2 li { color: var(--home-ink); }
.products-brand-concept .module-card-v2 li::before { background: var(--home-sage); }

/* Oracle proof stays on a clean white island, separated from Survate accents. */
.products-brand-concept .oracle-partner-proof {
  padding: 22px 26px;
  background: #fff !important;
  border: 1px solid var(--home-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
.products-brand-concept .oracle-partner-logo-wrap {
  padding: 14px 18px;
  background: #fff;
  border: 1px solid rgba(10, 24, 46, .08);
  border-radius: 2px;
}
.products-brand-concept .oracle-partner-proof strong { color: var(--home-navy); }
.products-brand-concept .oracle-partner-proof small { color: var(--home-muted); }

/* Process and add-on sections create the same dark pause as the homepage. */
.products-brand-concept .process-panel-v2,
.products-brand-concept .product-dark-section {
  color: #fff;
  background:
    url("../img/home-connection-pattern.svg") 90% center / min(760px, 62vw) auto no-repeat,
    var(--home-navy);
  box-shadow: none;
}
.products-brand-concept .process-panel-v2 {
  border: 1px solid rgba(199, 164, 90, .33);
  border-radius: 2px 54px 2px 2px;
}
.products-brand-concept .process-timeline-v2 li {
  background: rgba(255, 255, 255, .065);
  border-color: rgba(255, 255, 255, .16);
  border-radius: 2px;
}
.products-brand-concept .process-timeline-v2 li span { color: #f0dca9; }
.products-brand-concept .product-dark-section .section-heading :where(h2, p:not(.eyebrow)) { color: #fff; }
.products-brand-concept .product-dark-section .eyebrow { color: #f0dca9; }
.products-brand-concept .addon-panel-v2 {
  color: #fff;
  background: rgba(255, 255, 255, .07);
  border-color: rgba(255, 255, 255, .17);
  border-radius: 2px 46px 2px 2px;
  box-shadow: none;
}
.products-brand-concept .addon-panel-v2 h3 { color: #fff; }
.products-brand-concept .product-tag-list li {
  color: rgba(255, 255, 255, .86);
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .14);
}

/* Case studies and related links. */
.products-brand-concept .product-case-section {
  background:
    url("../img/home-connection-pattern.svg") 92% 16% / min(720px, 58vw) auto no-repeat,
    var(--home-ivory);
}
.products-brand-concept .case-lead-copy h2 { color: var(--home-navy); }
.products-brand-concept .case-lead-copy p { color: var(--home-muted); }
.products-brand-concept .case-summary-panel {
  color: #fff;
  background: var(--home-navy);
  border: 1px solid rgba(199, 164, 90, .42);
  border-radius: 2px 48px 2px 2px;
  box-shadow: none;
}
.products-brand-concept .case-summary-panel strong { color: #f0dca9; }
.products-brand-concept .product-related-card:hover {
  transform: translateY(-3px);
  border-color: rgba(109, 138, 122, .55);
  box-shadow: 0 18px 38px rgba(10, 24, 46, .08);
}
.products-brand-concept .product-related-card span { color: var(--home-gold-text); }

/* Movie, tables and FAQ. */
.products-brand-concept .product-movie-source-note {
  color: var(--home-muted);
  background: rgba(109, 138, 122, .08);
  border-left-color: var(--home-sage);
  border-radius: 2px;
}
.products-brand-concept .product-movie-card--company { border-color: var(--home-line); }
.products-brand-concept .product-movie-card--company .product-movie-caption small,
.products-brand-concept .product-movie-caption small { color: var(--home-gold-text); }
.products-brand-concept .product-movie-caption strong { color: var(--home-navy); }
.products-brand-concept .product-movie-caption span { color: var(--home-muted); }
.products-brand-concept .product-movie-play { box-shadow: 0 14px 34px rgba(10, 24, 46, .24); }
.products-brand-concept .product-movie-play::before { border-left-color: var(--home-navy); }
.products-brand-concept .update-card-featured {
  border-color: rgba(199, 164, 90, .58);
  background: linear-gradient(180deg, #fff, #faf6ea);
}
.products-brand-concept .comparison-table-v2 :where(th, td) { border-color: var(--home-line); }
.products-brand-concept .comparison-table-v2 th {
  color: #fff;
  background: var(--home-navy);
}
.products-brand-concept .comparison-table-v2 td { color: var(--home-muted); }
.products-brand-concept .comparison-table-v2 td:first-child {
  color: var(--home-navy);
  background: rgba(109, 138, 122, .09);
}
.products-brand-concept .faq-list details { overflow: hidden; }
.products-brand-concept .faq-list summary {
  padding: 25px 68px 25px 30px;
  color: var(--home-navy);
}
.products-brand-concept .faq-list summary::after { color: var(--home-gold-text); }
.products-brand-concept .faq-list details p { padding: 0 30px 28px; }

/* Final contact panel. */
.products-brand-concept .product-cta {
  padding-block: 94px;
  color: var(--home-ink);
  background: var(--home-ivory);
}
.products-brand-concept .product-cta .entry-box {
  position: relative;
  overflow: hidden;
  padding: clamp(48px, 7vw, 82px);
  color: #fff;
  background: var(--home-navy) !important;
  border: 0 !important;
  border-radius: 2px 80px 2px 2px;
  box-shadow: none !important;
}
.products-brand-concept .product-cta .entry-box::after {
  position: absolute;
  right: -90px;
  bottom: -160px;
  width: 460px;
  height: 460px;
  content: "";
  background: url("../img/home-connection-pattern.svg") center / contain no-repeat;
  opacity: .3;
}
.products-brand-concept .product-cta .entry-box > * { position: relative; z-index: 1; }
.products-brand-concept .product-cta .entry-box .eyebrow { color: #f0dca9; }
.products-brand-concept .product-cta .entry-box h2 { color: #fff; }
.products-brand-concept .product-cta .entry-box :where(p, li) { color: rgba(255, 255, 255, .82); }
.products-brand-concept .product-cta .button-light {
  color: var(--home-navy) !important;
  background: var(--home-gold) !important;
  border-color: var(--home-gold) !important;
}
.products-brand-concept .product-cta .button-secondary {
  color: #fff;
  background: rgba(255, 255, 255, .07);
  border-color: rgba(255, 255, 255, .4);
}

.products-brand-concept .site-footer {
  color: rgba(255, 255, 255, .82);
  background: #071322 !important;
}
.products-brand-concept .site-footer :where(.footer-brand, p, a, li, small) {
  color: rgba(255, 255, 255, .82) !important;
}
.products-brand-concept .site-footer .footer-brand { color: #fff !important; }

@media (max-width: 1120px) {
  .products-brand-concept .product-hero-layout { grid-template-columns: 1fr; }
  .products-brand-concept .product-dashboard { width: min(100%, 760px); }
}

@media (max-width: 760px) {
  .products-brand-concept .products-hero-v2 { min-height: auto; }
  .products-brand-concept .product-hero-layout { padding-block: 80px 66px; }
  .products-brand-concept .product-hero-copy h1 {
    font-size: clamp(2rem, 9vw, 2.75rem) !important;
    line-height: 1.28 !important;
  }
  .products-brand-concept .product-hero-copy h1 span { display: inline; }
  .products-brand-concept .product-hero-copy .hero-actions .button { width: 100%; }
  .products-brand-concept .product-dashboard {
    min-height: 520px;
    padding: 30px 20px 22px;
    border-radius: 2px 42px 2px 2px;
  }
  .products-brand-concept .dashboard-visual { inset: 10px -28px 176px; }
  .products-brand-concept .dashboard-panel { padding: 20px; }
  .products-brand-concept .dashboard-kpis { grid-template-columns: 1fr; }
  .products-brand-concept .dashboard-kpis div { padding: 13px 14px; }
  .products-brand-concept .dashboard-flow { grid-template-columns: repeat(2, 1fr); }
  .products-brand-concept .process-panel-v2,
  .products-brand-concept .addon-panel-v2,
  .products-brand-concept .case-summary-panel,
  .products-brand-concept .product-cta .entry-box { border-radius: 2px 38px 2px 2px; }
  .products-brand-concept .faq-list summary { padding-inline: 24px 58px; }
  .products-brand-concept .faq-list details p { padding-inline: 24px; }
}