:root {
  --tec-bg: #060609;
  --tec-bg-soft: #0d0d12;
  --tec-bg-muted: #15151c;
  --tec-bg-dark: #030304;
  --tec-bg-dark-2: #09090d;
  --tec-text: #f7f7fa;
  --tec-text-2: #c1bec8;
  --tec-text-3: #898692;
  --tec-text-light: #ffffff;
  --tec-text-light-2: rgba(255, 255, 255, 0.72);
  --tec-border: rgba(255, 255, 255, 0.13);
  --tec-border-dark: rgba(255, 255, 255, 0.1);
  --tec-blue: #ffffff;
  --tec-teal: #ff56bd;
  --tec-green: #a855f7;
  --tec-blue-bright: #ffffff;
  --tec-teal-bright: #ff80cf;
  --tec-blue-soft: rgba(255, 255, 255, 0.08);
  --tec-teal-soft: rgba(255, 86, 189, 0.13);
  --tec-green-soft: rgba(168, 85, 247, 0.14);
  --tec-gradient: linear-gradient(135deg, #ffffff, #d8d8df);
  --tec-gradient-h: linear-gradient(90deg, #ffffff, #c4c2c9);
  --tec-shadow: 0 12px 34px rgba(0, 0, 0, 0.28);
  --tec-shadow-lg: 0 22px 52px rgba(0, 0, 0, 0.46);
  --opc-electric: #ff56bd;
  --opc-space-deep: #060609;
  --opc-violet-glow: #a855f7;
  --tec-bg-white-glow: linear-gradient(180deg, #09090d 0%, #060609 100%);
}

body,
.tec-site,
.tec-site--inner,
.opc-page-wrap,
.tec-section,
.tec-section--soft,
.tec-yinyang-section,
.tec-footer,
.page-hero,
.workshop-cta,
.ambient-bg,
.ambient-bg__readability {
  color: var(--tec-text);
  background: var(--tec-bg) !important;
}

.tec-header.is-scrolled,
.tec-header:not(.tec-header--hero),
.tec-header.tec-header--hero:not(.is-scrolled) {
  background: rgba(6, 6, 9, 0.88) !important;
  border-bottom-color: var(--tec-border) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

.tec-header .brand-logo__mark,
.opc-hero__logo-mark {
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18), 0 0 26px rgba(255, 86, 189, 0.22);
}

.brand-logo__name,
.tec-header--hero .brand-logo__name,
.tec-header--hero:not(.is-scrolled) .tec-nav__link,
.tec-nav__link,
.tec-section__title,
.tec-yinyang-section__title,
.page-hero-title,
.article-title,
.detail-title,
.workshop-cta h2 {
  color: var(--tec-text) !important;
}

.brand-logo__tagline,
.tec-nav__link,
.tec-section__desc,
.page-hero-desc,
.tec-footer li,
.tec-footer--dark,
.tec-footer--dark p,
.tec-footer__bottom,
.article-content,
.detail-body {
  color: var(--tec-text-2) !important;
}

.tec-nav__link:hover,
.tec-nav__link.is-active,
.tec-header.tec-header--hero:not(.is-scrolled) .tec-nav__link:hover,
.tec-header.tec-header--hero:not(.is-scrolled) .tec-nav__link.is-active,
.tec-footer a:hover,
.tec-section__more,
.section-more,
.btn-link,
.tec-eyebrow {
  color: #ff80cf !important;
  background: rgba(255, 86, 189, 0.1) !important;
}

.tec-btn--primary,
.tec-btn--glow {
  color: #08080b !important;
  background: linear-gradient(135deg, #ffffff, #d6d4da) !important;
  box-shadow: 0 8px 26px rgba(255, 255, 255, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.26) !important;
}

.tec-btn--outline,
.tec-btn--ghost,
.tec-btn--outline:hover {
  color: var(--tec-text) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: rgba(255, 255, 255, 0.33) !important;
}

.tec-btn:hover {
  box-shadow: 0 12px 34px rgba(255, 86, 189, 0.16), 0 0 24px rgba(168, 85, 247, 0.18) !important;
}

.tec-btn:before {
  background: conic-gradient(from 0deg, #ffffff, #a855f7, #ff56bd, #ffffff) !important;
}

.tec-agent-card,
.tec-split__panel,
.tec-yinyang-panel,
.workshop-card,
.platform-hero-band,
.water-showcase,
.resource-card,
.community-card,
.market-card,
.apple-app-tile,
.service-card,
.news-card,
.feature-card {
  color: var(--tec-text) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)) !important;
  border-color: var(--tec-border) !important;
  box-shadow: var(--tec-shadow) !important;
}

.tec-agent-card:hover,
.tec-split__panel:hover,
.tec-yinyang-panel:hover,
.workshop-card:hover,
.apple-app-tile:hover,
.service-card:hover,
.news-card:hover,
.feature-card:hover {
  border-color: rgba(255, 86, 189, 0.48) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(168, 85, 247, 0.14) !important;
}

.tec-site--inner main [class*="page"],
.tec-site--inner main [class*="section"],
.tec-site--inner main [class*="tracks"],
.tec-site--inner main [class*="highlights"],
.tec-site--inner main [class*="activities"],
.tec-site--inner main [class*="services"],
.tec-site--inner main [class*="list"],
.tec-site--inner main [class*="grid"] {
  background-color: var(--tec-bg) !important;
}

.tec-site--inner main [class*="card"],
.tec-site--inner main [class*="panel"],
.tec-site--inner main [class*="tile"],
.tec-site--inner main [class*="stat"],
.tec-site--inner main [class*="chip"],
.tec-site--inner main [class*="legend-item"],
.tec-site--inner main [class*="form"] input,
.tec-site--inner main [class*="form"] textarea,
.tec-site--inner main table {
  color: var(--tec-text) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border-color: var(--tec-border) !important;
}

.tec-site--inner main h1,
.tec-site--inner main h2,
.tec-site--inner main h3,
.tec-site--inner main h4,
.tec-site--inner main p,
.tec-site--inner main li,
.tec-site--inner main td,
.tec-site--inner main th,
.tec-site--inner main label {
  color: var(--tec-text) !important;
}

.page-hero,
.page-hero:before,
.tec-section--soft:before,
.section-alt:before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 86, 189, 0.045) 1px, transparent 1px) !important;
}

.page-hero:after {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), rgba(255, 86, 189, 0.42), transparent) !important;
}

.opc-hero {
  background: radial-gradient(ellipse 60% 70% at 72% 42%, rgba(168, 85, 247, 0.13), transparent 68%), radial-gradient(ellipse 42% 58% at 24% 80%, rgba(255, 86, 189, 0.1), transparent 66%), #060609 !important;
}

.hero-particle-wave {
  background: #060609 !important;
}

.opc-hero__brand,
.opc-hero__tagline--shine {
  color: #ffffff !important;
  background: linear-gradient(90deg, #ffffff, #d8d6dc) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.opc-hero__pill,
.platform-hero-band__pill,
.status-tag,
.market-status,
.activity-date-badge {
  color: var(--tec-text) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

.hero-particle-wave canvas,
[class*="particle"] canvas {
  filter: invert(1) hue-rotate(275deg) saturate(2.15) brightness(0.58) !important;
}

.platform-hub__svg [fill="#fff"],
.platform-hub__svg rect {
  fill: #111117 !important;
}

.platform-hub__svg [stroke="#1e66d5"],
.platform-hub__svg [stroke="#13a29b"] {
  stroke: #ff56bd !important;
}

.platform-hub__svg [stroke="#27b44b"] {
  stroke: #a855f7 !important;
}

.platform-hub__svg [fill="#1e66d5"],
.platform-hub__svg [fill="#13a29b"] {
  fill: #ff56bd !important;
}

.platform-hub__svg [fill="#27b44b"] {
  fill: #a855f7 !important;
}

@media (max-width: 720px) {
  .tec-header__inner { gap: 14px; }
  .brand-logo__mark { width: 32px !important; height: 32px !important; }
  .brand-logo__name { font-size: 14px !important; }
  .brand-logo__tagline { font-size: 10px !important; }
}