:root {
  color-scheme: dark;
  --page: #090d14;
  --surface: #141b25;
  --muted: #19222f;
  --ink: #edf2f8;
  --secondary: #9ba8ba;
  --line: rgb(202 221 244 / 12%);
  --blue: #9eb9d7;
  --green: #a3c7b1;
}
.site-nav { position: relative; z-index: 2; }
.site-nav nav { color: #a3b0c2; }
.action { background: #e7edf5; border-color: #f0f5fc; color: #1b2735; box-shadow: 0 2px 6px rgb(0 0 0 / 22%), inset 0 1px 0 #fff; }
.action:hover { background: #fff; box-shadow: 0 4px 20px rgb(178 205 242 / 12%); }
.action-secondary { background: rgb(28 40 58 / 65%); color: #d6e1f0; border-color: rgb(206 224 248 / 24%); box-shadow: inset 0 1px 0 rgb(255 255 255 / 4%); backdrop-filter: blur(14px); }
.action-secondary:hover { background: rgb(42 57 76 / 85%); }
.hero-horizon {
  inset: 0;
  background: linear-gradient(to bottom, #090d14 0%, rgb(9 13 20 / 35%) 17%, rgb(9 13 20 / 10%) 44%, #090d14 100%), url("space-photo.jpg") center 43% / cover;
  mask-image: none;
}
.intro-tag { color: #a1b2c9; border-color: rgb(188 212 244 / 16%); background: rgb(13 23 37 / 65%); backdrop-filter: blur(12px); }
.hero h1 { color: #f0f4fa; text-shadow: 0 3px 24px rgb(0 0 0 / 22%); }
.hero h1 span { color: #a6b8ce; }
.hero-copy > p { color: #a9b7cc; }
.compatibility { color: #adbed3; }
.compatibility > span { color: #8194ad; }
.compatibility svg { fill: #a7bbd5; }
.compatibility i { background: rgb(193 218 250 / 19%); }
.gold-mark { border-color: rgb(193 218 250 / 25%); }
.workspace-window { border-color: rgb(184 212 248 / 28%); box-shadow: 0 30px 80px rgb(0 0 0 / 50%), 0 0 30px rgb(115 160 223 / 7%); }
.floating-guardrail { background: rgb(24 35 49 / 85%); border-color: rgb(207 227 253 / 22%); color: #e1ebf8; box-shadow: 0 12px 38px rgb(0 0 0 / 35%); }
.floating-guardrail p { color: #97a8bd; }
.guardrail-icon { background: rgb(115 155 135 / 15%); color: #accdbb; }
.check-circle { background: #749884; color: #edf9f1; }
.workspace-caption { color: #8495aa; }
.overline { color: #7389a2; }
h2 span { color: #7c90aa; }
.performance-grid article > span { color: #96a5b9; }
.performance-grid small { color: #728198; }
.data-caption { color: #718199; }
.feature-section { background: #0d131d; border-color: rgb(202 221 244 / 6%); }
.feature-card { background: #141b25; border-color: rgb(202 221 244 / 9%); box-shadow: 0 4px 18px rgb(0 0 0 / 10%); }
.feature-category { color: #7c8ea4; }
.feature-copy p, .setup-grid p { color: #9ba8ba; }
.feature-visual { background: #19222e; }
.execution-visual { background: linear-gradient(140deg, #233247, #172230); }
.mini-window { background: #101820; border-color: rgb(188 213 248 / 14%); box-shadow: 0 14px 25px rgb(0 0 0 / 28%); }
.risk-visual { background: linear-gradient(140deg, #24302d, #1a2427); }
.risk-window { background: #1a232c; color: #dee7ef; border-color: rgb(191 217 242 / 12%); box-shadow: 0 8px 22px rgb(0 0 0 / 22%); }
.risk-title > span:last-child { color: #8a9bae; }
.mini-shield { background: #2e4338; color: #b8d7c4; }
.risk-control { border-color: rgb(202 221 244 / 9%); }
.risk-control small { color: #889bad; }
.risk-footer { color: #9bafa5; }
.toggle[aria-pressed="false"] { background: #46515e; }
.strategy-visual { background: linear-gradient(140deg, #22364b, #212838); }
.strategy-tiles span { background: #293749; color: #b4c4d7; border-color: rgb(202 221 244 / 12%); box-shadow: 0 4px 10px rgb(0 0 0 / 12%); }
.strategy-tiles .selected { background: #c6d9ee; color: #253548; border-color: #dce9f8; }
.strategy-caption { color: #a0b1c6; }
.history-visual { background: #1a272a; }
.history-window { background: #1e2c32; color: #c3d2db; box-shadow: 0 8px 20px rgb(0 0 0 / 18%); }
.history-window small { color: #8198a8; }
.blue-label { color: #b1c9eb; background: #2b4158; }
.amber-label { color: #d1bea2; background: #443d32; }
.green-label { color: #b0c8ba; background: #2c4439; }
.alerts-visual { background: linear-gradient(140deg, #28374c, #202b3a); }
.notification { background: rgb(29 42 59 / 85%); border-color: rgb(202 221 244 / 15%); box-shadow: 0 10px 20px rgb(0 0 0 / 23%); }
.notification-icon { background: #b6cce7; color: #233447; }
.notification p { color: #a1b3c8; }
.notification small, .notification-time { color: #7d91a9; }
.step-number { color: #7790ac; }
.results-section { background: #0d131d; border-color: rgb(202 221 244 / 6%); }
.results-window { background: #141c28; border-color: rgb(202 221 244 / 14%); box-shadow: 0 10px 40px rgb(0 0 0 / 14%); }
.results-window-top { color: #b4c3d6; }
.results-period-label { color: #7a90aa; }
.mode-controls { background: #1c2839; }
.mode-controls button { color: #9aaec7; }
.mode-controls button[aria-pressed="true"] { background: #c4d7ee; color: #25354a; }
.year-controls button { color: #879bb6; }
.year-controls button[aria-pressed="true"] { color: #d9e5f4; border-color: #9cb4d2; }
.result-grid { background: #293343; border-color: #293343; }
.result-item { background: #151d29; }
.result-item > span { color: #91a1b8; }
.result-item strong { color: #e0e9f5; }
.result-item .profit { color: #a7c6b4; }
.results-window-bottom { color: #7f92ac; }
.faq-intro p { color: #8094ae; }
.faq-intro p a { color: #b3c6df; }
.faq-list summary::after { color: #889db9; }
.faq-list details p { color: #9ba8ba; }
.closing-section { border-color: rgb(202 221 244 / 18%); }
.closing-horizon { background: url("space-photo.jpg") center 38% / cover; }
.closing-horizon::after { background: linear-gradient(rgb(9 13 20 / 48%), rgb(9 13 20 / 65%)); }
.closing-copy .overline { color: #98aecb; }
.closing-copy h2 { color: #e0ebf8; }
.closing-copy p { color: #a7bbd4; }
.footer-top strong { color: #a0b0c7; }
.footer-top a { color: #8599b4; }
.footer-top a span { color: #677c99; }
.footer-top p { color: #7b8fa9; }
.footer-bottom { color: #7388a5; }
@media (max-width: 600px) {
  .hero-horizon { inset: 0; background-position: center, 57% center; }
  .feature-visual { border-radius: 13px; }
  .mobile-product img { width: 800px; height: auto; transform: translateX(-196px); }
}
