/* Public identity: the approved direction, keeping real access/legal links. */
:root {
  --site-bg: #f3f6fb; --site-ink: #162238; --site-muted: #586980;
  --site-border: #dce3ed; --site-surface: #ffffff; --site-raised: #eaf0f8;
  --site-brand: #0759d3; --site-brand-soft: #e1efff; --site-cyan: #007297;
  --site-positive: #08714b; --site-positive-soft: #e6f5ec;
  --site-warning: #915418; --site-warning-soft: #fff4e3;
  --site-danger: #b52936; --site-danger-soft: #ffedf0;
  color-scheme: light; color: var(--site-ink); background: var(--site-bg);
}
:root[data-theme="dark"] {
  --site-bg: #131117; --site-ink: #fcfcfe; --site-muted: #a9b3c4;
  --site-border: #3d3946; --site-surface: #211f28; --site-raised: #2a2732;
  --site-brand: #75baff; --site-brand-soft: #1a3353; --site-cyan: #39d5f3;
  --site-positive: #8bddbd; --site-positive-soft: #193d32;
  --site-warning: #f3c18b; --site-warning-soft: #41331e;
  --site-danger: #ffaba9; --site-danger-soft: #42262f;
  color-scheme: dark;
}
body { color: var(--site-ink); background: var(--site-bg); }
.site-header { background: var(--site-bg); backdrop-filter: none; }
.header-inner { gap: 20px; }
.wordmark b { color: var(--site-brand); font-weight: 740; }
.site-navigation { color: var(--site-muted); }
.site-theme-toggle { order: 3; display: flex; align-items: center; gap: 2px; padding: 4px; border: 0; border-radius: 24px; background: var(--site-raised); color: var(--site-muted); }
.site-theme-toggle .icon { width: 31px; height: 31px; padding: 7px; border-radius: 50%; }
.site-theme-toggle[aria-pressed="false"] .site-sun,.site-theme-toggle[aria-pressed="true"] .site-moon { color: #fff; background: #0759d3; }
.nav-login { background: var(--site-surface); border-color: transparent; border-radius: 12px; }
.hero { grid-template-columns: 1.1fr 1fr; min-height: 650px; gap: 70px; padding-block: 64px; }
.hero h1 { font-size: clamp(48px,5.2vw,72px); line-height: 1.06; letter-spacing: -2.8px; }
.hero h1>span { background: linear-gradient(110deg,var(--site-brand),var(--site-cyan)); background-clip: text; -webkit-background-clip: text; color: transparent; }
.hero-description { max-width: 450px; font-size: 16px; }
.hero .eyebrow { display: inline-flex; padding: 8px 13px; border-radius: 24px; background: var(--site-surface); color: var(--site-brand); font-size: 10px; letter-spacing: .7px; }
.eyebrow,.hero-note,.button-text,.platform-strip,.platform-strip .icon,.mock-overline,.preview-caption,.mock-balance>div>span,.mock-stat-grid span,.mock-collection>div>span,.footer-main nav strong,.footer-email,.faq-list details p { color: var(--site-muted); }
.hero-note .icon,.live-dot { color: var(--site-positive); }
.live-dot { background: var(--site-positive); }
.button { border-radius: 12px; }
.button-primary { background: #0759d3; color: #fff; box-shadow: none; }
.button-primary:hover { background: #0649b2; transform: none; }
.product-scene { width: min(100%,410px); justify-self: center; padding-top: 0; }
.product-window { transform: none; background: var(--site-surface); border-color: var(--site-border); border-radius: 26px; box-shadow: 0 18px 48px #10172412; }
.mock-sidebar { display: none; }
.mock-content { padding: 29px; }
.mock-top { margin-bottom: 26px; }
.mock-top h2 { font-size: 20px; }
.mock-bell { background: var(--site-raised); border: 0; color: var(--site-muted); }
.mock-balance { padding-bottom: 0; border: 0; }
.mock-balance strong { font-size: 40px; letter-spacing: -1.4px; }
.mock-balance strong span { font-size: 25px; color: var(--site-muted); }
.mock-stat-grid { padding-block: 22px; }
.mock-stat-grid>div+div { border: 0; padding-left: 12px; }
.mock-stat-grid span { font-size: 11px; }
.mock-stat-grid strong { font-size: 15px; }
.mock-shortcuts { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; padding-bottom: 10px; }
.mock-shortcuts>span { display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 14px 4px; border-radius: 12px; background: var(--site-raised); color: var(--site-muted); font-size: 11px; }
.mock-shortcuts .icon { color: var(--site-brand); width: 20px; height: 20px; }
.mock-collection { padding-block: 14px; border-color: var(--site-border); }
.mock-collection strong,.mock-collection>b { font-size: 12px; }
.mock-collection>div>span { font-size: 10px; }
.collection-avatar { border-radius: 10px; width: 33px; height: 33px; font-size: 10px; background: var(--site-brand-soft); color: var(--site-brand); }
.status-pill { font-size: 9px; color: var(--site-positive); background: var(--site-positive-soft); }
.floating-receipt { background: var(--site-surface); border-color: var(--site-border); transform: none; }
.floating-receipt>div>span { color: var(--site-muted); font-size: 10px; }
.receipt-check { color: var(--site-positive); background: var(--site-positive-soft); }
.scene-orbit { inset: -35px; background: radial-gradient(ellipse,#007aca16,transparent 65%); }
.feature-stage,.feature-option,.feature-panel,.workflow-section,.cta-section { background: var(--site-surface); border-color: transparent; }
.feature-stage { padding: 0; border-radius: 20px; }
.feature-panel { border: 0; padding: 30px; border-radius: 20px; }
.feature-option { margin-bottom: 4px; border-radius: 16px; }
.feature-option:hover { background: var(--site-raised); }
.feature-option.is-active { background: var(--site-brand-soft); border-color: transparent; }
.feature-icon { color: var(--site-brand); background: var(--site-brand-soft); border: 0; border-radius: 12px; }
.feature-option.is-active .feature-icon,.option-arrow,.is-active .option-arrow { color: var(--site-brand); }
.feature-option small,.mini-label,.feature-panel>p,.demo-label,.number-legend,.panel-tip,.schedule-demo small,.cash-demo small,.trust-grid p,.cta-login,.footer-main>div>p,.footer-main nav,.footer-bottom,.preview-caption,.platform-strip>span,.step-number,.workflow-grid p { color: var(--site-muted); }
.schedule-demo>div,.cash-demo>div,.panel-tip,.step-number { border-color: var(--site-border); }
.schedule-demo b,.cash-demo b { color: var(--site-positive); }
.schedule-demo .next-payment { color: var(--site-muted); }
.schedule-check,.cash-arrow { background: var(--site-positive-soft); color: var(--site-positive); }
.schedule-number,.number-demo>span,.collection-tag { background: var(--site-raised); color: var(--site-muted); border-color: transparent; }
.number-demo .reserved { color: var(--site-warning); background: var(--site-warning-soft); border-color: transparent; }
.number-demo .partial { color: var(--site-brand); background: var(--site-brand-soft); border-color: transparent; }
.number-demo .paid { color: var(--site-positive); background: var(--site-positive-soft); border-color: transparent; }
.collection-tag.overdue { color: var(--site-danger); background: var(--site-danger-soft); border-color: transparent; }
.collection-tag.today { color: var(--site-brand); background: var(--site-brand-soft); border-color: transparent; }
.trust-grid .icon,.text-link,.company-note a,.faq-list details p a { color: var(--site-brand); }
.workflow-section { border-color: var(--site-border); }
.trust-grid article { background: var(--site-surface); padding: 22px; border-radius: 18px; }
.trust-grid p { font-size: 12px; }
.cta-section { background: var(--site-brand-soft); border: 0; border-radius: 24px; }
.menu-toggle,.site-navigation.is-open,.skip-link { background: var(--site-surface); color: var(--site-ink); border-color: var(--site-border); }
.menu-toggle span { background: var(--site-muted); }
@media(max-width:1050px) { .hero { gap: 35px; } .header-inner { gap: 12px; } .site-navigation { gap: 18px; } }
@media(max-width:760px) {
  .header-inner { justify-content: flex-start; gap: 10px; }
  .site-theme-toggle { order: 0; margin-left: auto; }
  .hero { grid-template-columns: 1fr; gap: 36px; min-height: 0; padding-block: 46px 24px; }
  .hero h1 { font-size: clamp(46px,10vw,62px); letter-spacing: -2px; }
  .hero-description { font-size: 14px; }
  .hero-actions { gap: 14px; }
  .hero-actions .button { font-size: 12px; }
  .hero .eyebrow { font-size: 9px; }
  .product-scene { max-width: 410px; padding-top: 0; }
  .scene-orbit { inset: 0; }
  .mock-content { padding: 24px; }
  .mock-balance strong { font-size: 36px; }
  .mock-collection .status-pill { display: none; }
  .trust-grid { gap: 14px; }
  .trust-grid article { padding: 18px; }
  .trust-grid h3 { font-size: 13px; }
  .trust-grid p { font-size: 12px; }
  .feature-option strong { font-size: 14px; }
  .feature-option small,.feature-panel>p,.workflow-grid p,.faq-list details p { font-size: 12px; }
}