:root {
  color-scheme: dark;
  --kw-bg: #030504;
  --kw-surface: #0a0f0d;
  --kw-surface-2: #101613;
  --kw-surface-3: #151b17;
  --kw-ink: #f4f7f1;
  --kw-soft: #c3cbc3;
  --kw-muted: #828d84;
  --kw-line: rgba(244, 247, 241, .13);
  --kw-line-strong: rgba(244, 247, 241, .22);
  --kw-signal: #38d8ff;
  --kw-signal-dark: #1689a8;
  --kw-shadow: 0 28px 80px rgba(0, 0, 0, .36);

  /* Legacy microsite aliases. */
  --bg: var(--kw-bg);
  --panel: var(--kw-surface);
  --panel-2: var(--kw-surface-2);
  --panel-3: var(--kw-surface-3);
  --ink: var(--kw-ink);
  --soft: var(--kw-soft);
  --muted: var(--kw-muted);
  --line: var(--kw-line);
  --green: var(--kw-signal);
  --cyan: var(--kw-signal);
  --gold: var(--kw-signal);
  --coral: var(--kw-signal);
  --blue: var(--kw-signal);
  --accent: var(--kw-signal);
  --shadow: var(--kw-shadow);
  --surface: var(--kw-surface);
  --surface-2: var(--kw-surface-2);
  --cream: var(--kw-bg);
  --charcoal: var(--kw-ink);
  --deep-green: var(--kw-signal-dark);
  --orange: var(--kw-signal);
  --yellow: var(--kw-signal);
  --soft-green: rgba(56, 216, 255, .10);
  --soft-orange: rgba(56, 216, 255, .08);
  --soft-blue: rgba(56, 216, 255, .12);
  --soft-coral: rgba(56, 216, 255, .08);
  --atelier-paper: var(--kw-bg);
  --atelier-mist: rgba(56, 216, 255, .09);
  --atelier-rose: rgba(56, 216, 255, .07);
  --atelier-ink: var(--kw-ink);
  --thesis-paper: var(--kw-bg);
  --thesis-ink: var(--kw-ink);
}

html {
  overflow-x: clip;
}

body {
  overflow-x: clip;
  background-color: var(--kw-bg) !important;
  background:
    linear-gradient(180deg, rgba(3, 5, 4, .18), var(--kw-bg) 620px),
    linear-gradient(90deg, rgba(3, 5, 4, .96), rgba(3, 5, 4, .72) 56%, rgba(3, 5, 4, .9)),
    url("/assets/nyc/nyc-dusk-silhouette.webp") top right / min(1120px, 92vw) auto no-repeat,
    radial-gradient(circle at 84% 10%, rgba(56, 216, 255, .16), transparent 28rem),
    linear-gradient(180deg, rgba(56, 216, 255, .052), transparent 440px),
    linear-gradient(90deg, rgba(244, 247, 241, .026) 1px, transparent 1px),
    linear-gradient(rgba(244, 247, 241, .022) 1px, transparent 1px),
    var(--kw-bg) !important;
  background-size: auto, auto, min(1120px, 92vw) auto, auto, auto, 38px 38px, 38px 38px, auto !important;
  color: var(--kw-ink);
}

body,
button,
input,
textarea,
select {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
  color: inherit;
}

body, a, button, p, h1, h2, h3, li, dt, dd, span, strong {
  overflow-wrap: anywhere;
}

input, select, textarea, button, a, label {
  min-width: 0;
}

body :where(h1, h2, h3, h4, p, a, button, span, strong, small, li, label, th, td, input, textarea, select, code, em, dt, dd) {
  letter-spacing: 0 !important;
}

main,
.kw-site,
.standard-page,
.landing-page,
.auth-page,
.modern-home,
.atelier-home,
.thesis-home,
.thesis-page,
.brand-guide-shell,
.shell {
  color: var(--kw-ink);
}

.kw-site,
.standard-page,
.landing-page,
.auth-page,
.modern-home,
.atelier-home,
.thesis-home,
.thesis-page,
.brand-guide-shell,
.page-band,
.page-band.is-white,
.page-band.is-ink,
.interactive-cockpit,
.platform-section,
.portfolio-section,
.content-section {
  background: transparent !important;
  color: var(--kw-ink) !important;
}

.page-band,
.kw-section,
.guide-section {
  padding-top: clamp(34px, 4.6vw, 64px);
  padding-bottom: clamp(34px, 4.6vw, 64px);
}

.top-nav,
.kw-nav,
.guide-nav,
.site-nav,
.glass-nav,
.brand-guide-nav,
.thesis-nav,
.topbar {
  min-height: 58px;
  border-bottom-color: rgba(56, 216, 255, .14) !important;
  background:
    linear-gradient(90deg, rgba(5, 7, 6, .94), rgba(5, 7, 6, .80) 58%, rgba(5, 7, 6, .58)) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .30);
  backdrop-filter: blur(16px);
}

.nav-links a,
.kw-nav-links a,
.guide-links a,
.site-nav-links a,
.thesis-nav-links a,
.brand-guide-nav a,
.sample-button,
.button,
.kw-button {
  border-radius: 8px;
  letter-spacing: 0;
}

.nav-cta,
.kw-nav-cta,
.button.primary,
.kw-button.primary,
.guide-cta,
.sample-button.primary,
.luma-checkout--button,
button.primary,
[type="submit"].primary {
  border-color: rgba(56, 216, 255, .62) !important;
  background: var(--kw-signal) !important;
  color: #061216 !important;
}

.hero-shell,
.hero-grid,
.kw-hero,
.guide-hero,
.page-hero,
.brand-guide-hero {
  background: transparent;
}

.hero-copy h1,
.kw-title,
.guide-hero h1,
.page-hero h1,
.brand-guide-hero h1 {
  color: var(--kw-ink);
  letter-spacing: 0;
}

.page-hero,
.brand-guide-hero {
  min-height: auto !important;
  padding-bottom: clamp(34px, 4.6vw, 64px) !important;
  background:
    linear-gradient(180deg, rgba(56, 216, 255, .08), rgba(56, 216, 255, 0) 70%),
    var(--kw-bg) !important;
}

.page-hero h1,
.brand-guide-hero h1 {
  max-width: 980px;
  font-size: clamp(42px, 5.2vw, 78px) !important;
  line-height: .94 !important;
}

.hero-lede,
.lead,
.kw-lede,
.guide-lede,
.page-hero p,
.section-lede,
.dek,
.section-copy p,
.reviewer-copy p,
.scale-copy p,
.route-data-grid p,
.component-card p,
.principle-card p {
  color: var(--kw-soft);
}

.eyebrow,
.kw-eyebrow,
.panel-kicker,
.console-header span,
.kw-console-head span,
.guide-console-head span,
.metric-label,
.meter-label,
.card-kicker,
.stat-label,
.route-data-grid span,
.card-metrics dt,
.review-metrics dt,
.scale-scorecard dt {
  color: var(--kw-signal) !important;
  letter-spacing: 0;
}

.review-console,
.kw-console,
.gtm-console,
.impact-console,
.guide-console,
.path-shell,
.path-form,
.path-rail,
.review-panel,
.route-system,
.scale-copy,
.component-card,
.principle-card,
.product-detail,
.concept,
.recommendation,
.deck-preview,
.readiness-shell,
.privacy-band,
.site-footer,
.platform-card,
.portfolio-company,
.story-card,
.timeline-card,
.filter-bar,
.intake-panel,
.auth-panel,
.matchmaking-panel,
.brand-panel,
.funding-panel,
.panel,
.brand-card,
.status-overview,
.company-status,
.status-card,
.status-tile,
.verdict-card,
.finding-card,
.brief-panel,
.reference-nav,
.guide-panel,
.summary-card,
.sample-hero,
.submit-card,
.field-note-panel,
.identity-panel,
.moment-stage,
.source-card,
.workflow-grid article,
.route-table article,
.guardrail-grid article,
.step-panel,
.metric-stack article,
.hero-board,
.concept-board,
.os-dashboard {
  border-color: var(--kw-line) !important;
  border-radius: 8px;
  background: rgba(10, 15, 13, .82) !important;
  box-shadow: var(--kw-shadow);
}

.section-inner,
.shell {
  max-width: min(1220px, calc(100% - 36px));
}

.shell,
.section-inner,
.grid,
.profile-header,
.reference-layout,
.reference-content,
.panel,
.brand-panel,
.funding-panel,
.table-wrap,
.data-table,
.slide-table {
  min-width: 0;
  max-width: 100%;
}

.table-wrap {
  overflow-x: auto;
}

.site-logo,
.image-logo,
.guide-brand,
.kw-brand {
  color: var(--kw-ink) !important;
}

.site-logo span,
.guide-brand span,
.kw-brand span {
  color: var(--kw-signal) !important;
}

.image-logo {
  border: 1px solid var(--kw-line);
  background: rgba(244, 247, 241, .90) !important;
}

.tag,
.status-badge,
.status-pill,
.card-status-overlay,
.stat,
.mini-stat,
.identity-panel span,
.signal-control-grid fieldset,
.fit-controls button,
.run-note-buttons button,
.moment-tabs button,
.friday-notes button,
.identity-toggle button,
.scenario-tabs button {
  border-color: var(--kw-line) !important;
  background: rgba(56, 216, 255, .08) !important;
  color: var(--kw-soft) !important;
}

.status-badge,
.status-pill,
.card-status-overlay,
.stat-value,
.portfolio-company h3,
.platform-card h3,
.story-card h3,
.timeline-card h3,
.brand-card h3,
.finding-card h3,
.brief-panel h3,
.panel h2 {
  color: var(--kw-ink) !important;
}

.portfolio-company p,
.platform-card p,
.story-card p,
.timeline-card p,
.brand-card p,
.status-card p,
.status-tile p,
.finding-card p,
.brief-panel p,
.panel p {
  color: var(--kw-soft) !important;
}

.data-table,
.table-wrap,
table {
  border-color: var(--kw-line) !important;
}

th,
td {
  border-color: var(--kw-line) !important;
  color: var(--kw-soft) !important;
}

.field input,
.field select,
.field textarea,
input,
select,
textarea {
  border-color: var(--kw-line) !important;
  background: rgba(5, 7, 6, .66) !important;
  color: var(--kw-ink) !important;
}

.field span,
label span,
.status-line,
small,
.rail-note,
.deck-drop em,
.file-drop em,
.logo-copy small {
  color: var(--kw-muted) !important;
}

.metric-stack strong,
.hero-stats strong,
.deck-proof-strip strong,
.reviewer-metrics strong,
.guide-dashboard strong,
.mini-metrics strong,
.score-ring strong,
.meter-panel strong,
.console-flow article span,
.step-list li span,
.lesson-grid article span,
.flow-card span,
.route-table strong,
.microsite-route-table strong {
  color: var(--kw-signal) !important;
}

.console-flow article,
.guide-flow-card,
.step-list li,
.lesson-grid article,
.hero-stats span,
.deck-proof-strip div,
.metric-stack article,
.route-data-grid article,
.operating-list span,
.metric-strip span,
.card-metrics div,
.review-metrics div,
.scale-scorecard div,
.checklist label,
.checkbox-line,
.file-drop,
.deck-drop {
  border-color: var(--kw-line) !important;
  border-radius: 8px;
  background: rgba(241, 245, 240, .035) !important;
}

.is-active,
.console-flow article.is-active,
.guide-flow-card.is-active,
.step-list li.is-active,
.product-tabs button.is-active,
.os-products button.is-active {
  border-color: rgba(56, 216, 255, .58) !important;
  background: rgba(56, 216, 255, .10) !important;
  color: var(--kw-ink) !important;
}

svg path,
.route-system path,
.flow-line {
  stroke: rgba(56, 216, 255, .50) !important;
}

.swatch-card[style*="#77"],
.swatch-card[style*="#ef"],
.swatch-card[style*="#ff"],
.swatch-card[style*="#7b"],
.swatch-card[style*="#d9"] {
  outline: 2px solid rgba(56, 216, 255, .3);
}

@media (max-width: 720px) {
  .top-nav,
  .kw-nav,
  .guide-nav {
    min-height: 56px;
  }

  .nav-links a:not(.nav-cta),
  .kw-nav-links a:not(.kw-nav-cta),
  .guide-links a:not(.guide-cta) {
    display: none;
  }

  .data-table,
  .slide-table {
    min-width: min(640px, calc(100vw - 56px)) !important;
  }
}