/* Bright COBSLAB theme
   Matches the white/blue case-study tone across legacy and SEO pages. */

:root {
  --case-bg: #f4f8ff;
  --case-ink: #253044;
  --case-muted: #52657e;
  --case-blue: #1d4ed8;
  --case-green: #48b986;
  --case-line: #dfe8f4;

  --bg: #f4f8ff;
  --bg-alt: #edf5ff;
  --bg-dark: #f8fbff;
  --bg-dark-alt: #eef6ff;
  --panel: #ffffff;
  --panel2: #f8fbff;
  --text: #253044;
  --text-light: #52657e;
  --text-muted: #52657e;
  --muted: #52657e;
  --line: #dfe8f4;
  --border: #dfe8f4;
  --border-light: #e7eef8;
  --card-bg: #ffffff;
  --accent: #1d4ed8;
  --accent-hover: #153eaa;
  --blue: #1d4ed8;
  --accent-light: rgba(29, 78, 216, 0.13);
  --accent-subtle: rgba(29, 78, 216, 0.08);
  --gradient-1: linear-gradient(135deg, #1d4ed8 0%, #48b986 100%);
  --gradient-2: linear-gradient(180deg, #f8fbff 0%, #edf5ff 100%);
  --shadow-sm: 0 1px 3px rgba(42, 58, 82, 0.05);
  --shadow-md: 0 10px 28px rgba(42, 58, 82, 0.08);
  --shadow-lg: 0 24px 64px rgba(42, 58, 82, 0.11);
  --shadow-accent: 0 18px 42px rgba(29, 78, 216, 0.24);
  --shadow: 0 24px 70px rgba(42, 58, 82, 0.10);
}

html,
body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

body {
  background:
    radial-gradient(circle at 14% 0%, rgba(29, 78, 216, 0.10), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #f4f8ff 42%, #edf5ff 100%) !important;
}

body::selection {
  background: rgba(52, 141, 247, 0.22);
  color: var(--text);
}

nav,
#nav,
.top {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom: 1px solid rgba(151, 164, 184, 0.24) !important;
  box-shadow: 0 10px 30px rgba(42, 58, 82, 0.06) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

nav.scrolled,
#nav.scrolled {
  box-shadow: 0 16px 38px rgba(42, 58, 82, 0.10) !important;
}

.brand,
.logo,
#nav .logo {
  color: var(--text) !important;
}

.brand span,
.logo span,
#nav .logo span,
.nav-links a.active,
.links a.active {
  color: var(--accent) !important;
}

.nav-links a,
.links,
.links a,
#nav .nav-links a {
  color: #52657e !important;
}

.nav-links a:hover,
.links a:hover,
#nav .nav-links a:hover {
  color: var(--text) !important;
}

.nav-links a::after,
.links a.active::after {
  background: linear-gradient(90deg, var(--accent), var(--case-green)) !important;
}

.mobile-toggle span {
  background: var(--text) !important;
}

.mobile-menu,
.nav-dropdown {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid var(--case-line) !important;
  box-shadow: 0 20px 48px rgba(42, 58, 82, 0.12) !important;
}

.mobile-menu a,
.mobile-submenu a,
.nav-dropdown a {
  color: #52657e !important;
  border-color: var(--case-line) !important;
}

.mobile-menu a:hover,
.mobile-menu a.active,
.mobile-submenu a:hover,
.nav-dropdown a:hover {
  color: var(--accent) !important;
  background: #eef6ff !important;
}

.nav-caret {
  color: #52657e !important;
}

.cta,
.btn-primary,
.nav-cta,
.btn.primary,
.session-cta,
.case-tab-button.active,
.case-tab-nav.active {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #ffffff !important;
  box-shadow: var(--shadow-accent) !important;
}

.cta:hover,
.btn-primary:hover,
.nav-cta:hover,
.btn.primary:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
  color: #ffffff !important;
}

.ghost,
.btn-secondary,
.btn-outline,
.btn.secondary,
.btn.ghost,
.case-tab-nav,
button.ghost {
  background: #ffffff !important;
  border: 1px solid var(--case-line) !important;
  color: #27364b !important;
  box-shadow: 0 8px 22px rgba(33, 51, 83, 0.06) !important;
}

.ghost:hover,
.btn-secondary:hover,
.btn-outline:hover,
.btn.secondary:hover,
.btn.ghost:hover,
.case-tab-nav:hover,
button.ghost:hover {
  border-color: rgba(52, 141, 247, 0.34) !important;
  color: var(--accent) !important;
  background: #f8fbff !important;
}

section,
.section,
.service-overview,
.data-bridge,
.problem-section,
.tier-section,
.ai-link-section,
.careers-section,
.career-process,
.case-studies,
.service-map,
.process-section {
  background: transparent !important;
}

.band,
.scene-section,
.impact-section,
.architecture-section,
.ops-section,
.career-info,
.service-detail,
.svc-tabs-wrap,
.proof-section,
.logo-rail,
.logo-marquee,
.case-cta {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(237, 245, 255, 0.88)),
    #edf5ff !important;
  border-color: var(--case-line) !important;
}

.hero,
.page-hero,
.home-hero,
.service-hero,
.data-service-hero,
.edu-hero,
.project-hero,
.data-hero,
.about-hero,
.careers-hero,
.tech-hero,
.agent-hero,
.complete-page,
.data-service-cta,
.home-cta,
.careers-cta,
.service-cta {
  background:
    radial-gradient(circle at 78% 12%, rgba(29, 78, 216, 0.14), transparent 30%),
    radial-gradient(circle at 16% 10%, rgba(72, 185, 134, 0.12), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #edf5ff 100%) !important;
  border-color: var(--case-line) !important;
  color: var(--text) !important;
}

.home-hero,
.data-service-hero,
.careers-hero,
.service-hero,
.edu-hero {
  background-size: cover !important;
  background-position: center right !important;
}

.home-hero::after,
.data-service-hero::after,
.careers-hero::after,
.edu-hero::after {
  background: linear-gradient(180deg, rgba(248, 251, 255, 0), var(--bg)) !important;
}

.hero::before,
.page-hero::before,
.home-hero::before {
  background: linear-gradient(105deg, rgba(248, 251, 255, 0.94) 0%, rgba(248, 251, 255, 0.78) 52%, rgba(237, 245, 255, 0.42) 100%) !important;
}

.home-hero.cobslab-local-visual {
  background-image:
    linear-gradient(110deg, rgba(248, 251, 255, 0.96) 0%, rgba(248, 251, 255, 0.88) 48%, rgba(237, 245, 255, 0.62) 100%),
    var(--cobslab-photo-hero) !important;
}

h1,
h2,
h3,
h4,
.section-title,
.page-hero-title,
.home-hero h1,
.home-hero h1 span,
.hero h1,
.hero h2,
.page-hero h1,
.case-card b,
.card b,
.metric-card strong,
.impact-item b,
.career-strip b,
.career-info-card b,
.process-step b,
.data-mini-card b,
.data-bridge-copy h3,
.complete-card h1,
.signal-card b {
  color: var(--text) !important;
}

.home-hero h1 span,
.data-service-hero h1 span,
.case-hero h1 span {
  color: var(--accent) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

.section-label,
.kicker,
.home-kicker,
.pill,
.proof-row strong,
.service-card small,
.intro-card small,
.process-card span,
.process-card small,
.flow-card small,
.step-card small,
.option-card small,
.agent-card small,
.case-card small,
.tier-card small,
.process-step small,
.detail-list b,
.proc-item b,
.copy-status,
.form-status,
.side-card a,
.press-card span,
.principle small {
  color: var(--accent) !important;
}

.kicker::before,
.home-kicker span,
.pill::before,
.data-service-badge::before,
.console-top span {
  background: var(--case-green) !important;
  box-shadow: 0 0 16px rgba(72, 185, 134, 0.35) !important;
}

p,
.lead,
.section-desc,
.muted,
.hero p,
.home-hero p,
.data-service-hero p,
.page-hero .section-desc,
.home-cta p,
.careers-cta p,
.service-cta p,
.card p,
.site-proof-card p,
.service-card p,
.scene-card p,
.data-bridge-copy p,
.data-mini-card span,
.impact-item span,
.hero-metric span,
.signal-card span,
.panel-row,
.signal-row,
.console-row,
.metric-card span,
.case-card p,
.case-card .tags span,
.tier-card p,
.tier-card li,
.ops-panel p,
.ops-checks span,
.ai-link-item,
.faq-card p,
.scene-chip,
.notice,
.proof-head p,
.proof-quote,
.footer-bottom p,
.footer-brand p,
.footer-col a,
.career-strip span,
.career-info-card span,
.process-step p,
.copy-area,
.form-note {
  color: var(--text-light) !important;
}

.card,
.site-proof-card,
.service-card,
.scene-card,
.data-bridge-copy,
.data-mini-card,
.impact-item,
.hero-metric,
.signal-card,
.signal-board,
.data-console,
.flow-card,
.tier-card,
.case-card,
.metric-card,
.program-card,
.intro-card,
.process-card,
.scene-copy,
.scene-board,
.faq-card,
.side-card,
.vision-card,
.principle,
.story-box,
.press-card,
.career-strip,
.career-role-card,
.career-info-card,
.process-step,
.detail-panel,
.detail-list li,
.svc-card,
.proc-item,
.proof-card,
.arch-node,
.ops-panel,
.ops-item,
.check-list div,
.workflow div,
.flow div,
.matrix .card,
.metric,
.option-card,
.agent-card,
.complete-card,
.fail-box,
.copy-area,
.case-tab-shell,
.case-tabs,
.case-tab-button,
.case-stat,
.case-note,
.case-logo,
.proj-card,
.proj-kpi-item,
.proj-tags span,
.problem-card,
.deliverable-card,
.ai-link-item,
.partner-logo,
.brand-mark,
.logo-item,
.logo-text-fallback {
  background: #ffffff !important;
  border-color: var(--case-line) !important;
  color: var(--text) !important;
  box-shadow: 0 12px 30px rgba(42, 58, 82, 0.07) !important;
}

.hero-panel,
.career-strip div {
  background: #ffffff !important;
  border-color: var(--case-line) !important;
  box-shadow: 0 12px 30px rgba(42, 58, 82, 0.07) !important;
}

.hero-metric b,
.hero-panel b,
.career-strip b,
.career-strip div b,
.proj-section .section-desc strong,
.proj-card h3,
.proj-kpi-item h3 {
  color: var(--text) !important;
}

.service-card.is-primary,
.tier-card.is-core,
.project-cta,
.edu-cta,
.about-cta,
.cta-band,
.careers-cta,
.service-cta,
.data-service-cta,
.home-cta,
.notice,
.case-note,
.scene-board {
  background: linear-gradient(135deg, #eef6ff 0%, #f7fbff 58%, #eefaf3 100%) !important;
  border-color: #cfe8f8 !important;
}

.cta-box {
  background: linear-gradient(135deg, #1d4ed8 0%, #24754f 100%) !important;
  background-color: #1d4ed8 !important;
  color: #ffffff !important;
  box-shadow: 0 30px 80px rgba(52, 141, 247, 0.24) !important;
}

.cta-box h2,
.cta-box p {
  color: #ffffff !important;
}

.cta-box .btn {
  background: #ffffff !important;
  color: #1f6fe5 !important;
}

.home-kicker,
.data-service-badge,
.service-tags span,
.proof-row span,
.case-nav a,
.case-card .tags span,
.pill,
.case-chip,
.proof-badge,
.role-tag,
.process-card span,
.proj-category-label,
.proj-card-cat,
.proj-tags span {
  background: #eef6ff !important;
  border-color: rgba(52, 141, 247, 0.18) !important;
  color: #476280 !important;
}

.role-tag,
.process-card span,
.proj-category-label,
.proj-card-cat,
.proj-tags span {
  color: var(--accent) !important;
  border-color: rgba(29, 78, 216, 0.18) !important;
}

.proj-section,
.customers {
  background: var(--bg-alt) !important;
}

.proj-card::before {
  background: linear-gradient(115deg, transparent 0%, rgba(29, 78, 216, 0.08) 46%, transparent 72%) !important;
}

.proj-card:hover {
  border-color: rgba(29, 78, 216, 0.28) !important;
  box-shadow: 0 20px 44px rgba(42, 58, 82, 0.10) !important;
}

.case-chip,
.tag,
.proof-badge {
  background: #eafaf3 !important;
  color: #24754f !important;
}

.signal-grid span,
.scene-chip,
.ops-checks span,
.workflow span,
.flow span {
  color: var(--text-light) !important;
}

.console-bar {
  background: linear-gradient(90deg, var(--accent), var(--case-green)) !important;
}

.logo-marquee::before {
  background: linear-gradient(90deg, #edf5ff 0%, rgba(237, 245, 255, 0) 100%) !important;
}

.logo-marquee::after {
  background: linear-gradient(270deg, #edf5ff 0%, rgba(237, 245, 255, 0) 100%) !important;
}

.logo-marquee .partner-logo,
.partner-logo,
.brand-mark {
  color: #476280 !important;
}

.case-logo,
.partner-logo,
.brand-mark,
.logo-item,
.logo-text-fallback,
.cust-card img,
.inline-partners .cust-card img,
.logo-row img {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.logo-marquee .partner-logo img,
.brand-mark img,
.logo-row img {
  filter: grayscale(0.15) brightness(1) opacity(0.82) !important;
}

.scene-card img,
.proof-thumb,
.case-card img {
  background: #eef6ff !important;
  filter: saturate(0.92) contrast(1.02) brightness(1.03) !important;
}

.form input,
.form textarea,
.form select,
input,
textarea,
select {
  background: #ffffff !important;
  border: 1px solid var(--case-line) !important;
  color: var(--text) !important;
  box-shadow: inset 0 1px 0 rgba(42, 58, 82, 0.03) !important;
}

.form input::placeholder,
.form textarea::placeholder,
input::placeholder,
textarea::placeholder {
  color: #8da0ba !important;
}

.form input:focus,
.form textarea:focus,
.form select:focus,
input:focus,
textarea:focus,
select:focus {
  outline: 3px solid rgba(29, 78, 216, 0.18) !important;
  border-color: rgba(29, 78, 216, 0.58) !important;
}

.copy-area {
  background: #f8fbff !important;
  color: var(--text) !important;
}

.notice strong {
  color: #1f6fe5 !important;
}

.form-status.error,
.meta-error {
  color: #b42318 !important;
}

.complete-mark {
  background: var(--accent) !important;
  color: #ffffff !important;
}

footer,
.footer,
.career-footer,
.cases-page footer {
  background: #ffffff !important;
  color: var(--text-light) !important;
  border-top: 1px solid var(--case-line) !important;
  box-shadow: 0 -10px 30px rgba(42, 58, 82, 0.04) !important;
}

.footer-brand .logo,
.footer-col h4,
.footer .wrap b,
.career-footer b,
footer .logo {
  color: var(--text) !important;
}

.footer-col a:hover {
  color: var(--accent) !important;
}

.mobile-submenu {
  border-color: var(--case-line) !important;
}

.case-tab-button {
  color: #52657e !important;
}

.case-tab-pager,
.case-tab-pager-count {
  color: var(--text-light) !important;
}

.case-tab-button.active {
  color: #ffffff !important;
}

[style*="color:#fff"],
[style*="color: #fff"],
[style*="color:white"],
[style*="color: white"] {
  color: var(--text) !important;
}

[style*="background:var(--bg-dark)"],
[style*="background: var(--bg-dark)"],
[style*="background:rgba(10,132,255"],
[style*="background: rgba(10,132,255"] {
  background: #eef6ff !important;
  color: var(--text) !important;
  border-color: rgba(52, 141, 247, 0.20) !important;
}

@media (max-width: 760px) {
  .top {
    background: rgba(255, 255, 255, 0.96) !important;
  }

  .home-hero,
  .data-service-hero,
  .careers-hero,
  .service-hero,
  .edu-hero {
    background-position: center top !important;
  }
}

/* 2026-06-29 targeted fixes: keep behavior intact, tune only visuals. */
body .top .links .nav-item .nav-dropdown,
body #nav .nav-links .nav-item .nav-dropdown,
body .mobile-menu {
  background: rgba(255, 255, 255, 0.985) !important;
  border-color: #cbd9ea !important;
  box-shadow: 0 22px 58px rgba(42, 58, 82, 0.16) !important;
}

body .top .links .nav-item .nav-dropdown a,
body #nav .nav-links .nav-item .nav-dropdown a,
body .mobile-menu a,
body .mobile-submenu a {
  color: #27364b !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body .top .links .nav-item .nav-dropdown a:hover,
body #nav .nav-links .nav-item .nav-dropdown a:hover,
body .top .links .nav-item .nav-dropdown a:focus-visible,
body #nav .nav-links .nav-item .nav-dropdown a:focus-visible {
  background: #eaf2ff !important;
  color: #1d4ed8 !important;
}

body .top .links .nav-item .nav-caret,
body #nav .nav-links .nav-item .nav-caret {
  color: #52657e !important;
}

body .data-hero .hero-panel {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body .data-hero .data-console {
  background: rgba(255, 255, 255, 0.74) !important;
  border-color: rgba(203, 217, 234, 0.86) !important;
  box-shadow: 0 24px 64px rgba(42, 58, 82, 0.10) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body .data-hero .console-row b {
  color: #253044 !important;
}

body .data-hero .service-tags span {
  background: rgba(255, 255, 255, 0.52) !important;
  border-color: rgba(52, 141, 247, 0.18) !important;
}

.cases-page .case-logo.partner-logo:empty {
  background-color: #ffffff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 78px auto !important;
  border: 1px solid #e1ebf7 !important;
  box-shadow: inset 0 1px 0 rgba(42, 58, 82, 0.03) !important;
}

.cases-page .case-logo.partner-logo[data-name="LG Chem"]:empty,
.cases-page .case-logo.partner-logo[data-name="LG Innotek"]:empty,
.cases-page .case-logo.partner-logo[data-name="LG H&H"]:empty {
  background-image: url('https://cdn.simpleicons.org/lg/A50034') !important;
  background-size: 62px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="Amorepacific"]:empty {
  background-image: url('https://commons.wikimedia.org/wiki/Special:Redirect/file/AMOREPACIFIC_logo.svg') !important;
  background-size: 78px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="Ottogi"]:empty {
  background-image: url('https://www.otoki.com/images/about/img_ci2_pc.svg') !important;
  background-size: 74px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="LX International"]:empty {
  background-image: url('https://commons.wikimedia.org/wiki/Special:Redirect/file/LX_logo.svg') !important;
  background-size: 60px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="SK Ecoplant"]:empty,
.cases-page .case-logo.partner-logo[data-name="SK C&C"]:empty {
  background-image: url('https://commons.wikimedia.org/wiki/Special:Redirect/file/SK_logo.svg') !important;
  background-size: 56px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="LG Uplus"]:empty {
  background-image: url('https://commons.wikimedia.org/wiki/Special:Redirect/file/LG_U%2B_CI.svg') !important;
  background-size: 74px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="GS Caltex"]:empty {
  background-image: url('https://commons.wikimedia.org/wiki/Special:Redirect/file/GS_Caltex_Logo.svg') !important;
  background-size: 80px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="Hanwha Solutions"]:empty,
.cases-page .case-logo.partner-logo[data-name="Hanwha Aerospace"]:empty,
.cases-page .case-logo.partner-logo[data-name="Hanwha Life"]:empty {
  background-image: url('https://commons.wikimedia.org/wiki/Special:Redirect/file/Hanwha_logo.svg') !important;
  background-size: 82px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="KB"]:empty,
.cases-page .case-logo.partner-logo[data-name="KB금융그룹"]:empty {
  background-image: url('https://commons.wikimedia.org/wiki/Special:Redirect/file/KB_logo.svg') !important;
  background-size: 72px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="Microsoft"]:empty {
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg') !important;
}

.cases-page .case-logo.partner-logo[data-name="OpenAI"]:empty {
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/4d/OpenAI_Logo.svg') !important;
}

.cases-page .case-logo.partner-logo[data-name="Udemy"]:empty {
  background-image: url('https://cdn.simpleicons.org/udemy/A435F0') !important;
  background-size: 70px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="Python"]:empty {
  background-image: url('https://cdn.simpleicons.org/python/3776AB') !important;
  background-size: 52px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="Notion"]:empty {
  background-image: url('https://cdn.simpleicons.org/notion/111827') !important;
  background-size: 52px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="GitHub"]:empty {
  background-image: url('https://cdn.simpleicons.org/github/111827') !important;
  background-size: 52px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="Kubernetes"]:empty {
  background-image: url('https://cdn.simpleicons.org/kubernetes/326CE5') !important;
  background-size: 54px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="OpenCV"]:empty {
  background-image: url('https://cdn.simpleicons.org/opencv/5C3EE8') !important;
  background-size: 54px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="Atlassian"]:empty {
  background-image: url('https://cdn.simpleicons.org/atlassian/0052CC') !important;
}

.cases-page .case-logo.partner-logo[data-name="Zendesk"]:empty {
  background-image: url('https://cdn.simpleicons.org/zendesk/03363D') !important;
}

.cases-page .case-logo.partner-logo[data-name="Google"]:empty {
  background-image: url('https://cdn.simpleicons.org/google/4285F4') !important;
  background-size: 54px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="NVIDIA"]:empty {
  background-image: url('https://cdn.simpleicons.org/nvidia/76B900') !important;
}

.cases-page .case-logo.partner-logo[data-name="Hugging Face"]:empty {
  background-image: url('https://cdn.simpleicons.org/huggingface/FFD21E') !important;
  background-size: 56px auto !important;
}

.cases-page .case-logo.partner-logo[data-name="LangChain"]:empty {
  background-image: url('https://cdn.simpleicons.org/langchain/1C3C3C') !important;
}

.cases-page .case-logo.partner-logo[data-name="Elastic"]:empty {
  background-image: url('https://cdn.simpleicons.org/elastic/005571') !important;
}

.cases-page .case-logo.partner-logo[data-name="SAP"]:empty {
  background-image: url('https://cdn.simpleicons.org/sap/0FAAFF') !important;
}

.cases-page .case-logo.partner-logo[data-name="Shopify"]:empty {
  background-image: url('https://cdn.simpleicons.org/shopify/7AB55C') !important;
}

.cases-page .case-logo.partner-logo[data-name="Docker"]:empty {
  background-image: url('https://cdn.simpleicons.org/docker/2496ED') !important;
}