:root {
  --sg-ink: #07111f;
  --sg-ink-2: #09172b;
  --sg-panel: rgba(11, 23, 44, 0.82);
  --sg-panel-strong: rgba(13, 28, 53, 0.94);
  --sg-panel-soft: rgba(15, 34, 62, 0.68);
  --sg-line: rgba(148, 163, 184, 0.2);
  --sg-line-strong: rgba(148, 163, 184, 0.34);
  --sg-text: #e8eef8;
  --sg-text-soft: #c5d3e6;
  --sg-muted: #94a3b8;
  --sg-muted-2: #718198;
  --sg-blue: #4f8cff;
  --sg-blue-strong: #2563ff;
  --sg-cyan: #2dd4bf;
  --sg-warm: #f6c85f;
  --sg-focus: #93c5fd;
  --sg-page-accent: var(--sg-blue);
  --sg-page-accent-rgb: 79, 140, 255;
}

body.sg-theme {
  background:
    linear-gradient(180deg, rgba(7, 17, 31, 0.96), rgba(7, 17, 31, 1) 38%, rgba(5, 11, 22, 1)),
    #07111f !important;
  color: var(--sg-text-soft) !important;
  min-height: 100vh;
}

body.sg-theme::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(to right, rgba(148, 163, 184, 0.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(148, 163, 184, 0.06) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

body.sg-theme::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 70% 32% at 50% 0%, rgba(37, 99, 255, 0.2), transparent 68%),
    radial-gradient(ellipse 42% 26% at 78% 18%, rgba(var(--sg-page-accent-rgb), 0.13), transparent 72%);
}

body.sg-theme.page-home {
  --sg-page-accent: var(--sg-warm);
  --sg-page-accent-rgb: 246, 200, 95;
}

body.sg-theme.page-automation {
  --sg-page-accent: var(--sg-cyan);
  --sg-page-accent-rgb: 45, 212, 191;
}

body.sg-theme.page-consulting {
  --sg-page-accent: #8fb7ff;
  --sg-page-accent-rgb: 143, 183, 255;
}

body.sg-theme.page-audit {
  --sg-page-accent: #38bdf8;
  --sg-page-accent-rgb: 56, 189, 248;
}

.sg-theme main {
  position: relative;
}

.sg-theme .glass {
  background: rgba(7, 17, 31, 0.78) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.sg-theme header nav img {
  filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.2));
}

.sg-theme header nav a:not([class*="bg-gradient"]) {
  color: var(--sg-muted) !important;
}

.sg-theme header nav a:not([class*="bg-gradient"]):hover,
.sg-theme header nav a[aria-current="page"] {
  color: var(--sg-text) !important;
  border-color: var(--sg-blue) !important;
}

.sg-theme .selection\:bg-blue-200::selection,
.sg-theme ::selection {
  background: rgba(79, 140, 255, 0.35);
  color: #ffffff;
}

.sg-theme .soft-shadow {
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.sg-theme .grad-text {
  background-image: linear-gradient(90deg, #9cc3ff, #4f8cff 52%, var(--sg-page-accent)) !important;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

.sg-theme .bg-white,
.sg-theme .bg-\[\#fafbfc\],
.sg-theme .from-blue-50,
.sg-theme .to-slate-50 {
  background-color: var(--sg-panel) !important;
}

.sg-theme .bg-white\/80,
.sg-theme .bg-white\/70,
.sg-theme .bg-blue-50\/70 {
  background-color: var(--sg-panel-soft) !important;
}

.sg-theme .bg-slate-900,
.sg-theme .readable-dark,
.sg-theme .matrix-surface,
.sg-theme .cold-email-panel {
  background:
    linear-gradient(145deg, rgba(8, 18, 34, 0.98), rgba(12, 27, 51, 0.94)),
    var(--sg-ink) !important;
}

.sg-theme main > section:first-of-type {
  background:
    linear-gradient(145deg, rgba(11, 27, 51, 0.95), rgba(7, 17, 31, 0.84)),
    var(--sg-ink) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

.sg-theme .bg-blue-50,
.sg-theme .bg-blue-400\/10,
.sg-theme .bg-blue-300\/10 {
  background-color: rgba(79, 140, 255, 0.13) !important;
}

.sg-theme .bg-teal-50,
.sg-theme .bg-teal-400\/10 {
  background-color: rgba(45, 212, 191, 0.12) !important;
}

.sg-theme .bg-amber-300\/10 {
  background-color: rgba(246, 200, 95, 0.13) !important;
}

.sg-theme .border-slate-100,
.sg-theme .border-slate-200,
.sg-theme .border-slate-200\/70,
.sg-theme .border-slate-200\/80,
.sg-theme .border-blue-100,
.sg-theme .border-blue-200,
.sg-theme .border-blue-200\/70,
.sg-theme .border-blue-300\/60,
.sg-theme .ring-slate-200,
.sg-theme .ring-blue-200\/50 {
  border-color: var(--sg-line) !important;
  --tw-ring-color: var(--sg-line) !important;
}

.sg-theme .text-slate-950,
.sg-theme .text-slate-900 {
  color: var(--sg-text) !important;
}

.sg-theme .text-slate-800,
.sg-theme .text-slate-700,
.sg-theme .text-slate-600 {
  color: var(--sg-text-soft) !important;
}

.sg-theme .text-slate-500,
.sg-theme .text-slate-400,
.sg-theme .text-slate-300 {
  color: var(--sg-muted) !important;
}

.sg-theme .text-blue-600,
.sg-theme .text-blue-500,
.sg-theme .text-blue-400 {
  color: #8fb7ff !important;
}

.sg-theme .text-blue-300,
.sg-theme .text-blue-200 {
  color: #b8d3ff !important;
}

.sg-theme .text-amber-100 {
  color: #ffe7a3 !important;
}

.sg-theme .text-teal-100 {
  color: #bdf8ec !important;
}

.sg-theme a.bg-gradient-to-r,
.sg-theme button[style*="linear-gradient"],
.sg-theme .bg-gradient-to-r {
  background-image: linear-gradient(135deg, var(--sg-blue-strong), #5ca0f8) !important;
  box-shadow: 0 14px 36px rgba(37, 99, 255, 0.28) !important;
}

.sg-theme .bg-gradient-to-br {
  background-image:
    linear-gradient(145deg, rgba(16, 35, 66, 0.96), rgba(8, 18, 34, 0.9)) !important;
}

.sg-theme #guarantee {
  background:
    linear-gradient(145deg, rgba(19, 42, 78, 0.98), rgba(8, 18, 34, 0.94)) !important;
  border-color: rgba(79, 140, 255, 0.42) !important;
  box-shadow: 0 34px 120px rgba(37, 99, 255, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.sg-theme a.bg-white,
.sg-theme button.bg-white {
  background: rgba(232, 238, 248, 0.96) !important;
  color: var(--sg-ink) !important;
}

.sg-theme a.bg-white:hover,
.sg-theme button.bg-white:hover {
  background: #ffffff !important;
}

.sg-theme a.border.bg-white,
.sg-theme a[class*="border"][class*="bg-white"] {
  background: rgba(11, 23, 44, 0.74) !important;
  color: var(--sg-text) !important;
  border-color: var(--sg-line-strong) !important;
}

.sg-theme .bg-slate-900 a.bg-white,
.sg-theme .readable-dark a.bg-white,
.sg-theme .matrix-surface a.bg-white,
.sg-theme .cold-email-panel a.bg-white {
  background: rgba(248, 251, 255, 0.96) !important;
  color: var(--sg-ink) !important;
}

.sg-theme .signal-grid,
.sg-theme [class*="bg-[linear-gradient(to_right"] {
  opacity: 0.16 !important;
}

.sg-theme .motion-blob,
.sg-theme .consulting-blob {
  display: none !important;
}

.sg-theme .motion-line,
.sg-theme .consulting-line {
  opacity: 0.34 !important;
}

.sg-theme .system-lines {
  opacity: 0.22 !important;
}

.sg-theme .workflow-tile,
.sg-theme .consulting-reveal,
.sg-theme .hover-reveal,
.sg-theme .mail-thread,
.sg-theme .matrix-panel {
  border-color: var(--sg-line) !important;
}

.sg-theme .workflow-tile:hover,
.sg-theme .consulting-reveal:hover,
.sg-theme .hover-reveal:hover,
.sg-theme .group:hover {
  border-color: rgba(var(--sg-page-accent-rgb), 0.42) !important;
}

.sg-theme .matrix-panel,
.sg-theme .matrix-input,
.sg-theme .matrix-mini,
.sg-theme .matrix-row {
  background-color: rgba(7, 17, 31, 0.74) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
}

.sg-theme .matrix-row.is-top {
  background-color: rgba(37, 99, 255, 0.16) !important;
  border-color: rgba(56, 189, 248, 0.46) !important;
}

.sg-theme .matrix-input,
.sg-theme .matrix-mini,
.sg-theme .roi-input {
  color: var(--sg-text) !important;
  border-color: var(--sg-line-strong) !important;
}

.sg-theme .roi-range {
  background: rgba(148, 163, 184, 0.22) !important;
}

.sg-theme .calendly-shell {
  background:
    radial-gradient(circle at 18% 0%, rgba(var(--sg-page-accent-rgb), 0.18), transparent 34%),
    linear-gradient(145deg, rgba(10, 22, 42, 0.98), rgba(7, 17, 31, 0.96)) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  isolation: isolate;
  padding: 10px;
  position: relative;
}

.sg-theme .calendly-shell::after {
  border-radius: 1.35rem;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), inset 0 0 120px rgba(7, 17, 31, 0.10);
  content: "";
  inset: 10px;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.sg-theme .calendly-inline-widget {
  background: #07111f;
  border-radius: 1.35rem;
  overflow: hidden;
}

.sg-theme .calendly-inline-widget iframe {
  background: #07111f !important;
  border-radius: 1.25rem;
  filter: brightness(0.96) saturate(0.98);
}

.sg-theme details,
.sg-theme .prose section,
.sg-theme .rounded-3xl,
.sg-theme .rounded-\[1\.5rem\],
.sg-theme .rounded-\[2rem\],
.sg-theme .rounded-\[2\.5rem\],
.sg-theme .rounded-\[3rem\] {
  border-color: var(--sg-line);
}

.sg-theme footer {
  background: #050b16 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

.sg-theme footer .text-slate-500,
.sg-theme footer .text-slate-400,
.sg-theme footer .text-slate-300 {
  color: #97a7bc !important;
}

.sg-theme :focus-visible {
  outline: 2px solid var(--sg-focus);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .sg-theme *,
  .sg-theme *::before,
  .sg-theme *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}