:root {
  --dw-bg: #04090c;
  --dw-panel: #0a1418;
  --dw-panel-2: rgba(255,255,255,.055);
  --dw-ink: #eef7f9;
  --dw-text: #dcedf0;
  --dw-muted: #8fadb4;
  --dw-line: rgba(140,220,214,.13);
  --dw-accent: #2fd4c2;
  --dw-strong: #6ab8ff;
}

html {
  color-scheme: dark;
}

body,
body.custom-workspaces-page {
  color: var(--dw-text);
  background:
    radial-gradient(760px 520px at 92% 8%, rgba(106,184,255,.16), transparent 66%),
    radial-gradient(680px 480px at 8% 88%, rgba(47,212,194,.12), transparent 64%),
    radial-gradient(560px 380px at 82% 72%, rgba(126,86,255,.12), transparent 70%),
    linear-gradient(180deg, #04090c 0%, #061219 56%, #04090c 100%);
  background-attachment: fixed;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 15% 18%, rgba(47,212,194,.10), transparent 28rem),
    radial-gradient(circle at 96% 22%, rgba(106,184,255,.11), transparent 31rem),
    radial-gradient(circle at 76% 88%, rgba(126,86,255,.11), transparent 29rem);
  animation: deepwaterPagePulse 12.5s ease-in-out infinite;
}

@keyframes deepwaterPagePulse {
  0%, 100% { opacity: .55; filter: saturate(.94); }
  43% { opacity: .9; filter: saturate(1.08); }
  71% { opacity: .68; filter: saturate(1.02); }
}

@media (prefers-reduced-motion: reduce) {
  body::before {
    animation: none;
  }
}

.site-header,
header,
.cw-nav {
  border-color: var(--dw-line);
  background: rgba(4,9,12,.82);
  backdrop-filter: blur(18px);
}

.brand,
.brand span,
.cw-brand,
.nav-note,
.footer-name,
.cw-footer,
.cw-footer a {
  color: var(--dw-ink);
}

.brand img,
.footer-mark {
  filter: drop-shadow(0 0 18px rgba(47,212,194,.16));
}

.nav a,
.cw-nav-links a,
.footer-right a,
.site-footer a {
  color: rgba(220,237,240,.74);
}

.nav a:hover,
.cw-nav-links a:hover,
.footer-right a:hover,
.site-footer a:hover {
  color: var(--dw-ink);
}

.nav-cta,
.btn.primary,
.button.primary,
.custom-workspaces-page .btn.primary,
.tool-choice.active,
.price {
  border-color: transparent;
  background: linear-gradient(135deg, var(--dw-accent), var(--dw-strong));
  color: #041014;
}

.btn.ghost,
.button.secondary,
.button.ghost,
.custom-workspaces-page .btn.ghost,
.cw-dark-ghost {
  border-color: var(--dw-line);
  background: rgba(255,255,255,.055);
  color: var(--dw-ink);
}

.page,
main,
.cw-section,
.cw-form-section {
  background: transparent;
}

.page-hero,
.hero,
.cw-hero {
  color: var(--dw-ink);
  background: transparent;
}

.cw-hero::before {
  background:
    linear-gradient(90deg, rgba(4,9,12,.94), rgba(4,9,12,.62), rgba(4,9,12,.92)),
    radial-gradient(760px 520px at 88% 22%, rgba(106,184,255,.18), transparent 70%),
    radial-gradient(520px 420px at 18% 82%, rgba(47,212,194,.14), transparent 72%);
}

.page-title,
.section-title,
h1,
h2,
h3,
.cw-title,
.detail-info h3,
.tool-choice h3,
.offer-summary h2,
.price {
  color: var(--dw-ink);
}

.lead,
.muted,
.section-copy,
.tool-choice p,
.detail-info > p,
.detail-list,
.form-sub,
.detail-fine,
.footer-note,
.cw-copy,
.included-note,
.fine,
.preview-body,
.option-card p {
  color: var(--dw-muted);
}

.info-card,
.tool-choice,
.tool-detail,
.detail-form,
.free-how article,
.panel,
.form-panel,
.summary-panel,
.preview-panel,
.offer-summary,
.included-note,
.cw-tile,
.cw-live-demo-card,
.cw-operator-card,
.cw-build-item,
.cw-qualify-card,
.cw-form-card,
.fieldops-card,
.fieldops-split-card,
.infrastructure-card,
.workspace-card,
.cf-offer-card,
.final-card {
  border-color: var(--dw-line);
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.04));
  box-shadow: 0 24px 70px rgba(0,0,0,.22);
}

input,
textarea,
select,
.site-lead-form input,
.site-lead-form textarea,
.site-lead-form select {
  border-color: var(--dw-line);
  background: rgba(0,0,0,.18);
  color: var(--dw-ink);
}

input::placeholder,
textarea::placeholder {
  color: rgba(220,237,240,.42);
}

.section-kicker,
.eyebrow,
.cw-kicker,
.free-line,
.tool-choice .pick,
.chip-free {
  color: var(--dw-accent);
}

.chip,
.chip-who {
  background: rgba(255,255,255,.07);
  color: var(--dw-text);
}

.tool-choice.active .chip,
.tool-choice.active h3,
.tool-choice.active p,
.tool-choice.active .pick {
  color: #041014;
}

.site-footer,
.cw-footer {
  border-top: 1px solid var(--dw-line);
  background: rgba(4,9,12,.56);
}