/* gextto landing page 0.3.0 — light and soft dark appearance. */
:root { color-scheme: light; }
.header-inner { gap: 16px; }
.main-nav { margin-left: auto; }
.header-tools { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.legal-page .header-inner>.text-link { margin-left: auto; }
.theme-toggle {
  position: relative; width: 76px; height: 44px; flex-shrink: 0;
  padding: 0; border: 1px solid #dcd4eb; border-radius: 999px;
  background: #eee8f6; box-shadow: inset 0 1px 3px #32223c0a;
  transition: background .2s, border-color .2s;
}
.theme-toggle:hover { border-color: #a889d8; }
.theme-toggle svg { position: absolute; top: 12px; width: 18px; height: 18px; }
.theme-sun { right: 10px; stroke: #946022; fill: none; stroke-width: 1.8; stroke-linecap: round; }
.theme-moon { left: 10px; fill: #fff; opacity: 0; }
.theme-thumb {
  position: absolute; left: 6px; top: 6px; width: 30px; height: 30px;
  background: #fff; border-radius: 50%; box-shadow: 0 2px 6px #31244428;
  transition: transform .22s;
}
[data-theme="dark"] { color-scheme: dark; --purple: #bca0ff; --purple-dark: #a98aef; --ink: #f5f1fa; --muted: #c0b8cf; --paper: #2d293a; --line: #494253; }
[data-theme="dark"] body { background: #262330; }
[data-theme="dark"] .skip-link { background: #453451; color: #fff; }
[data-theme="dark"] .theme-toggle { background: #7044ae; border-color: #956ccc; }
[data-theme="dark"] .theme-toggle:hover { border-color: #c1a3ed; }
[data-theme="dark"] .theme-thumb { transform: translateX(32px); }
[data-theme="dark"] .theme-moon { opacity: 1; }
[data-theme="dark"] .theme-sun { opacity: 0; }
[data-theme="dark"] .site-header { background: #262330ed; border-color: var(--line); }
[data-theme="dark"] .hero { background: radial-gradient(ellipse at 77% 42%,#9c75d51c 0,transparent 48%),linear-gradient(180deg,#2b2738,#292533); }
[data-theme="dark"] .hero-visual::before { background: #9266d7; opacity: .15; }
[data-theme="dark"] .dashboard-preview { box-shadow: 0 26px 70px #14111b40,0 6px 18px #14111b26; }
[data-theme="dark"] .button-primary { background: #7838e8; color: #fff; box-shadow: 0 5px 16px #17101f25; }
[data-theme="dark"] .button-primary:hover { background: #6b2fd3; }
[data-theme="dark"] .button-outline { background: #332d43; border-color: #635477; color: #d8c3ff; }
[data-theme="dark"] .button-outline:hover { background: #433456; }
[data-theme="dark"] .button-light { background: #f4efff; color: #5821aa; }
[data-theme="dark"] .visual-note,
[data-theme="dark"] .install-sticker { background: #353040; border-color: #554860; box-shadow: 0 10px 28px #17121f26; }
[data-theme="dark"] .visual-note-icon { background: #4c365f; }
[data-theme="dark"] .hero-bottom { color: #b8abc9; }
[data-theme="dark"] .hero-bottom>div { color: #d8cde5; }
[data-theme="dark"] .feature { background: var(--paper); }
[data-theme="dark"] .feature-number { color: #b8a8ca; }
[data-theme="dark"] .feature-sales { background: #61369f; border-color: #8657ba; color: #fff; }
[data-theme="dark"] .feature-sales .feature-number,
[data-theme="dark"] .feature-sales p { color: #e6dbf6; }
[data-theme="dark"] .feature-credit { background: #342c45; }
[data-theme="dark"] .feature-quotes { background: #2b3835; }
[data-theme="dark"] .feature-detail,
[data-theme="dark"] .plan-tag,
[data-theme="dark"] .credit-example>strong,
[data-theme="dark"] .quote-example>span { background: #393342; border-color: #554a60; color: #e1d8ed; }
[data-theme="dark"] .feature-detail b { color: #ffa0a6; }
[data-theme="dark"] .finance-detail b { color: var(--purple); }
[data-theme="dark"] .credit-example>span { color: #c5b7d4; }
[data-theme="dark"] .credit-example b { color: var(--ink); }
[data-theme="dark"] .credit-example>strong b { color: var(--purple); }
[data-theme="dark"] .quote-example .quote-approved { background: #314f42; border-color: #506f5e; color: #b9ebcd; }
[data-theme="dark"] .how-section { background: #2c2837; border-color: var(--line); }
[data-theme="dark"] .steps li { border-color: var(--line); }
[data-theme="dark"] .step-number { background: #453255; border-color: #6b4d82; color: #dbc2ff; }
[data-theme="dark"] .phone-stage::before { background: #3c324e; }
[data-theme="dark"] .device-points { color: var(--muted); }
[data-theme="dark"] .plans-section { border-color: var(--line); }
[data-theme="dark"] .plan { background: #35303f; border-color: #564c65; }
[data-theme="dark"] .plan-recommended { border-color: #b08ae8; box-shadow: 0 12px 35px #a67be412; }
[data-theme="dark"] .plan-ribbon { background: #7843b7; }
[data-theme="dark"] .plan-name>span { background: #463b53; color: #ded1ee; }
[data-theme="dark"] .plan-bottom { color: var(--muted); border-color: var(--line); }
[data-theme="dark"] .plans-note { color: var(--muted); }
[data-theme="dark"] .final-cta { background: linear-gradient(120deg,#623aa1,#4f2f85); }
[data-theme="dark"] .footer-bottom { color: #b9aec9; border-color: var(--line); }
[data-theme="dark"] .legal-content p,
[data-theme="dark"] .legal-content li { color: var(--muted); }
@media(max-width:1100px) {
  .main-nav { gap: 15px; }
  .nav-actions { gap: 14px; margin-left: 5px; }
  .header-tools { gap: 10px; }
}
@media(max-width:900px) {
  .header-tools { margin-left: auto; }
  .main-nav { margin-left: 0; }
  [data-theme="dark"] .main-nav { background: #2d283b; box-shadow: 0 10px 22px #19142135; }
  [data-theme="dark"] .menu-toggle { background: #373041; }
}
@media(max-width:650px) {
  .header-inner { gap: 10px; }
  .header-tools { gap: 8px; }
  .legal-page .brand span { font-size: 24px; }
  .legal-page .brand { gap: 6px; }
  .legal-page .header-inner>.text-link { margin-left: auto; font-size: 12px; }
}
@media(max-width:380px) {
  .legal-page .brand img { width: 28px; height: 28px; }
  .legal-page .brand span { font-size: 22px; }
  .legal-page .header-inner { gap: 8px; }
  .legal-page .header-inner>.text-link { font-size: 10px; }
  .legal-page .theme-toggle { width: 68px; }
  [data-theme="dark"] .legal-page .theme-thumb { transform: translateX(26px); }
}

/* 0.3.2 — the interactive preview always shows the app's soft dark theme. */
.dashboard-preview {
  --demo-muted:#c0b8cf; --demo-line:#494253;
  background:#262330; color:#f5f1fa; border-color:var(--demo-line); color-scheme:dark;
}
.dashboard-preview .preview-browser { background:#2d293a; border-color:var(--demo-line); color:var(--demo-muted); }
.dashboard-preview .preview-store { color:var(--demo-muted); }
.dashboard-preview .preview-avatar { background:#7838e8; color:#fff; }
.dashboard-preview .preview-tabs { background:#2d293a; border-color:var(--demo-line); }
.dashboard-preview .preview-tabs button { color:var(--demo-muted); }
.dashboard-preview .preview-tabs button:hover { background:#393342; color:#ede2ff; }
.dashboard-preview .preview-tabs button[aria-selected="true"] { background:#40334f; color:#ede2ff; }
.dashboard-preview .preview-tabs button:focus-visible { outline:2px solid #bca0ff; outline-offset:2px; }
.dashboard-preview .preview-month { background:#393342; border-color:#554c63; color:#e6dff0; }
.dashboard-preview .demo-metric { background:#35303f; border-color:var(--demo-line); }
.dashboard-preview .demo-metric:has(.metric-green) { background:#2b3c36; border-color:#476357; }
.dashboard-preview .demo-metric:has(.metric-orange) { background:#423a2d; border-color:#706047; }
.dashboard-preview .demo-metric:has(.metric-purple) { background:#372e48; border-color:#655276; }
.dashboard-preview .demo-metric:has(.metric-red) { background:#443039; border-color:#72505c; }
.dashboard-preview .metric-green { color:#9be2b8; }
.dashboard-preview .metric-orange { color:#f7d295; }
.dashboard-preview .metric-purple { color:#d4baff; }
.dashboard-preview .metric-red,.dashboard-preview .stock-low { color:#ffadb9; }
.dashboard-preview :is(.demo-metric>span,.demo-metric small,.demo-context,.demo-disclaimer,.demo-table th,.demo-row-list small,.chart-columns span,.chart-title>span,.stock-demo-summary small) { color:var(--demo-muted); }
.dashboard-preview .demo-chart { background:#372e48; border-color:#655276; }
.dashboard-preview .chart-title>span { color:#d4baff; }
.dashboard-preview .chart-columns { background:repeating-linear-gradient(0deg,transparent,transparent 23px,#ffffff12 24px,transparent 25px); }
.dashboard-preview .chart-columns i { background:linear-gradient(180deg,#b694f4,#6418ff); }
.dashboard-preview .chart-columns>div:last-child i { background:linear-gradient(180deg,#c3a4ff,#7838e8); }
.dashboard-preview :is(.demo-row-list,.demo-table-wrap) { background:#2d293a; border-color:var(--demo-line); }
.dashboard-preview :is(.demo-row-list>div,.demo-table th,.demo-table td) { border-color:var(--demo-line); }
.dashboard-preview .stock-demo-summary { background:#423a2d; border-color:#706047; }
.dashboard-preview .stock-demo-summary strong { color:#f7d295; }
.dashboard-preview .demo-badge { background:#2b3c36; color:#9be2b8; }
.dashboard-preview .demo-badge.overdue { background:#443039; color:#ffadb9; }