/* Automation-tool theme — loaded after style.css; overrides tokens, flattens effects */
:root {
  --color-bg-base:        #FAFAF9;
  --color-bg-mid:         #F3F3F1;
  --color-bg-card:        #FFFFFF;
  --color-bg-card-hover:  #FFFFFF;
  --color-bg-card-feat:   #F2FBF6;

  --color-cyan:           #0E9F6E;
  --color-cyan-bright:    #0B8159;
  --color-cyan-dim:       rgba(14,159,110,0.10);
  --color-cyan-border:    #E2E2DF;
  --color-cyan-border-hv: #0A0A0A;
  --color-purple:         #52525B;
  --color-purple-dim:     rgba(82,82,91,0.08);

  --color-text-1: #0A0A0A;
  --color-text-2: #3F3F46;
  --color-text-3: #71717A;

  --font: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}

body {
  background-color: var(--color-bg-base);
  background-image: radial-gradient(rgba(10,10,10,0.10) 1px, transparent 1px);
  background-size: 22px 22px;
  color: var(--color-text-1);
}

/* No glow/particle backdrop */
#bg-canvas, .bg-glow, .hero__grid-lines { display: none !important; }
* { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

/* Type */
.hero__heading, .section-heading, .step__title, .nav-brand__name {
  font-family: var(--font); font-weight: 600; letter-spacing: -0.035em;
}
.hero__heading { font-size: clamp(2.5rem, 7.5vw, 5rem); line-height: 1.04; background: none; -webkit-text-fill-color: currentColor; color: var(--color-text-1); }
.hero__heading em, .hero__heading span { background: none; -webkit-text-fill-color: currentColor; color: var(--color-cyan); font-style: normal; }
.hero__subtext, .concept__body { color: var(--color-text-2); }

/* Mono labels, like config keys */
.section-label, .signal-card__label, .signal-card__time, .signal-card__severity, .hero__badge {
  font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.72rem; font-weight: 500;
}
.section-label { color: var(--color-text-3); }
.section-label::before { content: "//"; display: inline-block; width: auto; height: auto; background: none; margin-right: 0.5rem; color: var(--color-cyan); }

/* Nav */
.nav-header.scrolled { background: rgba(250,250,249,0.96); box-shadow: 0 1px 0 var(--color-cyan-border); }
.nav-brand__divider, .nav-brand__tagline { display: none; }

/* Buttons: ink, small radius, no glow */
.btn { border-radius: 6px; box-shadow: none !important; transform: none !important; font-weight: 500; letter-spacing: -0.005em; }
.btn--primary { background: var(--color-text-1); color: #fff; border: 1px solid var(--color-text-1); }
.btn--primary:hover { background: #27272A; border-color: #27272A; color: #fff; }
.btn--ghost { background: #fff; color: var(--color-text-1); border: 1px solid var(--color-cyan-border); }
.btn--ghost:hover { border-color: var(--color-text-1); color: var(--color-text-1); }

/* Hero: left-aligned status pill + product-style cards */
.hero__container { align-items: flex-start; text-align: left; }
.hero__badge { background: #fff; border: 1px solid var(--color-cyan-border); border-radius: 999px; padding: 0.35rem 0.8rem; color: var(--color-text-2); text-transform: none; letter-spacing: 0; font-size: 0.78rem; }
.hero__badge-dot { background: var(--color-cyan); box-shadow: 0 0 0 3px rgba(14,159,110,0.18); }
.hero__subtext { margin-left: 0; max-width: 38rem; }
.hero__actions { justify-content: flex-start; }
.hero__signal-cards { align-self: stretch; }

/* Panels: white, hairline border, small radius, no shadow */
.signal-card, .pillar, .usecase-card, .step, .testimonial-card, .pricing-card, .pricing__card {
  background: #fff; border: 1px solid var(--color-cyan-border); border-radius: 8px; box-shadow: none; color: var(--color-text-1);
}
.signal-card__text { color: var(--color-text-2); }
.signal-card__severity { border-radius: 4px; }
.pillar__icon { background: var(--color-cyan-dim); color: var(--color-cyan); border-radius: 6px; }
.section-heading { text-align: left; }
.section-heading--center, .section-subtext { text-align: left; margin-left: 0; }

/* Section labels: left-aligned, plain "//" marker (no icon dot) */
.section-label { align-self: flex-start; justify-content: flex-start; text-align: left; display: flex; align-items: center; background: none; border: 0; padding: 0; }
.section-label::before { border: 0; border-radius: 0; background: none; box-shadow: none; padding: 0; min-width: 0; }

/* Pillars: icon and text on one row, comfortable padding */
.pillar { display: flex; align-items: flex-start; gap: 0.9rem; padding: 1rem 1.1rem; }
.pillar__icon { flex-shrink: 0; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; }
.pillar strong { display: block; margin-bottom: 0.15rem; }
.pillar span { color: var(--color-text-2); }

/* Briefing mockup: solid dark terminal panel with its own light text */
.briefing-preview { background: #0A0A0A; border: 1px solid #27272A; border-radius: 10px; box-shadow: none; }
.briefing-preview__title, .briefing-preview__footer { color: #A1A1AA; font-family: var(--font-mono); }
.briefing-preview__footer { border-top-color: #27272A; background: transparent; }
.briefing-item { color: #E4E4E7; font-family: var(--font-mono); font-size: 0.78rem; }
.briefing-item--high   { background: rgba(248,113,113,0.08); border-color: rgba(248,113,113,0.25); }
.briefing-item--medium { background: rgba(52,211,153,0.07);  border-color: rgba(52,211,153,0.22); }
.briefing-item--low    { background: rgba(255,255,255,0.03); border-color: #27272A; }
.briefing-item--high   .briefing-item__tag { background: rgba(248,113,113,0.2); color: #FCA5A5; }
.briefing-item--medium .briefing-item__tag { background: rgba(52,211,153,0.18); color: #6EE7B7; }
.briefing-item--low    .briefing-item__tag { background: #27272A; color: #A1A1AA; }

/* Leftover decorative glows/lines */
.pricing-card__glow, .contact::before { display: none !important; }

/* Process steps: left-aligned like the rest of the page */
.step { align-items: stretch; }
.step__number { align-self: flex-start; }
.step__connector { display: none; }
.step__card { align-items: flex-start; text-align: left; }

/* Contact CTA: left-aligned with the copy */
.contact__container { align-items: flex-start; }
.contact .form-actions { justify-content: flex-start; }

/* Mobile menu: solid light panel (was dark navy, unreadable with light-theme text) */
.mobile-menu { background: var(--color-bg-base); border-bottom: 1px solid var(--color-cyan-border); }
.mobile-nav__link { color: var(--color-text-1); border-bottom-color: var(--color-cyan-border); }
.mobile-nav__link:hover { color: var(--color-cyan); }
.nav-hamburger .hamburger-bar, .hamburger-bar { background: var(--color-text-1); }