/* ENTER CORE — Graphite Glass v1 */
:root {
  --bg: #1a1c22;
  --bg2: #20232b;
  --surface: #292c35;
  --surface2: #343741;
  --text: #f2f2f6;
  --muted: #b5b8c5;
  --line: rgba(235,239,255,.14);
  --cyan: #9abac9;
  --blue: #929bff;
  --violet: #a18aff;
  --purple: #b196ed;
}

html, body {background-color:#1a1c22!important}
body {
  background:radial-gradient(ellipse 90% 52% at 52% 8%,
    rgba(151,141,197,.095),transparent 75%),#1a1c22!important;
  color:#f2f2f6;
}
.hero {
  background:radial-gradient(ellipse 75% 60% at 52% 30%,
    rgba(153,146,203,.12),transparent 75%),
    linear-gradient(180deg,#23252c,#1a1c22 86%)!important;
  border-bottom-color:rgba(255,255,255,.10)!important;
}
.hero:before {
  background:linear-gradient(180deg,rgba(255,255,255,.025),
    transparent 60%,rgba(12,14,22,.12))!important;
}
.story {
  background:linear-gradient(180deg,#1a1c22,#23252d 52%,
    #1a1c22)!important;
}
.assistant {
  background:radial-gradient(circle at 80% 50%,
    rgba(161,138,255,.11),transparent 38%)!important;
}
.final {
  background:radial-gradient(circle at 50% 50%,
    rgba(161,138,255,.15),transparent 42%),#1b1d24!important;
}
footer {background:#1b1d24!important}

.topbar.scrolled {
  background:rgba(46,49,59,.83)!important;
  border-color:rgba(255,255,255,.17)!important;
  backdrop-filter:blur(22px) saturate(115%);
  -webkit-backdrop-filter:blur(22px) saturate(115%);
  box-shadow:0 15px 45px rgba(0,0,0,.18)!important;
}

.product-shell,.stage-frame,.browser,
.assistant-panel,.contrast-card.core {
  background:linear-gradient(140deg,
    rgba(66,69,80,.78),rgba(36,39,49,.90))!important;
  border-color:rgba(244,245,255,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),
    0 26px 75px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(18px) saturate(112%);
  -webkit-backdrop-filter:blur(18px) saturate(112%);
}
.contrast-card.ordinary {
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.13)!important;
}
.channel-node,.timeline-card,.source-chip,
.decision-flow span,.decision-card,.knowledge-core,
.ksources span,.kstudio,.handoff-card,
.customer-message,.browserbar,.assistant-input,
.chat.user,.chat.ai,.source-tags span {
  background:rgba(71,75,88,.45)!important;
  border-color:rgba(255,255,255,.12)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.product-rail,.stage-head,.product-topline,
.assistant-panel>header {
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.button.secondary,.top-cta {
  background:rgba(255,255,255,.085)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#eff0f6!important;
}
.button.primary {
  background:linear-gradient(110deg,
    #7169ca,#937de8,#af88d9)!important;
  box-shadow:0 11px 30px rgba(120,98,216,.18)!important;
}
.hero-lead,.section-lead {color:#c0c3cf!important}
.card-label,.section-index,.hero-kicker {
  color:#aab0c0!important;
}
.story-step p,.chat p {color:#c8cbd5!important}
.browser img {
  filter:saturate(.90) contrast(1.02) brightness(.96)!important;
}
@media(max-width:768px) {
  .hero {
    background:linear-gradient(180deg,#252731,#1a1c22)!important;
  }
  .topbar.scrolled {
    background:rgba(45,48,58,.94)!important;
  }
}


/* ENTER TYPOGRAPHY REFINEMENT V1 */

/* Clean, readable hero headline */
.hero h1,
.hero-copy h1 {
  text-shadow: none !important;
  filter: none !important;
}

.hero h1 strong,
.hero-copy h1 strong {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: 600 !important;
  font-synthesis: none !important;
  font-kerning: normal !important;
  letter-spacing: -.026em !important;

  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #e9ebf2 !important;
  color: #e9ebf2 !important;

  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  filter: none !important;
  -webkit-font-smoothing: auto !important;
  text-rendering: optimizeLegibility;
}

/* Keep brand gradient, remove blurry glow */
.hero h1 .brand-gradient,
.hero-copy h1 .brand-gradient {
  filter: none !important;
  text-shadow: none !important;
}