/* SAWIX product identity — matches assets/css/brand.css. */
:root {
  --brand:#008766; --ink:#142922; --paper:#f7f9f6;
  --bg:#f7f9f6; --surface:#fff; --surface2:#e8f0e9;
  --bg-primary:#f7f9f6; --bg-secondary:#e8f0e9; --bg-card:#fff; --bg-card-hover:#edf4ee;
  --bg-base:#f7f9f6; --bg-surface:#e8f0e9; --bg-raised:#edf4ee; --bg-hover:#e2eee5;
  --navy-deep:#f7f9f6; --navy-dark:#e8f0e9; --navy-mid:#edf4ee;
  --bg-color:#f7f9f6; --text-color:#142922; --primary-color:#008766; --secondary-color:#006c52; --cta-color:#008766;
  --text:#142922; --text-primary:#142922; --text-light:#142922;
  --text-secondary:#53665d; --text-muted:#53665d; --text-gray:#53665d;
  --accent:#008766; --accent2:#006c52; --accent-light:#006c52; --text-accent:#006c52;
  --gold:#008766; --gold-light:#006c52; --gold-bright:#006c52; --gold-dark:#006c52;
  --blue:#008766; --blue-light:#006c52; --green:#007453; --red:#b83535;
  --gave:#007453; --got:#95600c; --danger:#b83535; --success:#007453; --info:#246149;
  --border:#d8e3db; --border-bright:#b9d7c8; --border-gold:#b9d7c8;
  --accent-dim:#e8f3ed; --accent-glow:transparent; --gold-glow:transparent;
  --radius:8px; --radius-lg:12px; --radius-xl:16px; --radius-md:8px;
  --shadow:0 6px 24px rgba(20,41,34,.06); --shadow-card:0 6px 24px rgba(20,41,34,.06);
  --shadow-lg:0 16px 48px rgba(20,41,34,.12); --shadow-gold:none;
}
body, body.landing-body { background:var(--paper); color:var(--ink); font-family:'Plus Jakarta Sans',sans-serif; }
h1,h2,h3,h4,h5,h6,.brand-serif { font-family:'Plus Jakarta Sans',sans-serif; letter-spacing:-.04em; text-wrap:balance; }
p { text-wrap:pretty; }
input,select,textarea,button { font-family:inherit; }
input,select,textarea { accent-color:var(--brand); }
a { color:var(--brand); }
.product-brand { display:inline-flex; align-items:center; gap:12px; flex-shrink:0; text-decoration:none!important; }
.product-brand img { width:132px; height:auto; display:block; }
.product-brand span { border-left:1px solid #b9d7c8; padding-left:12px; font-size:12px; font-weight:600; color:#53665d; letter-spacing:.02em; }
.sidebar .product-brand { padding:8px 0; }
.sidebar,.topbar,.landing-nav,.minimal-nav,.navbar-scrape { background:#f7f9f6; border-color:#d8e3db; }
.btn-gold,.btn-primary,.cta-btn,.neon-btn { background:#008766; color:#fff; box-shadow:none; border-radius:6px; }
.btn-gold:hover,.btn-primary:hover,.cta-btn:hover,.neon-btn:hover { background:#006c52; color:#fff; box-shadow:none; }
.btn-outline,.btn-ghost { color:#006c52; border-color:#b9d7c8; }
.glass { background:#fff; border:1px solid #d8e3db; box-shadow:none; backdrop-filter:none; }
.gradient-text { background:none; color:#008766; -webkit-text-fill-color:#008766; }
.nav-link.active,.sb-item.active { background:#e8f3ed; color:#006c52; }
.stat-value,.stat-num,td { font-variant-numeric:tabular-nums; }
:is(a,button,input,select,textarea):focus-visible { outline:3px solid #008766; outline-offset:4px; }
.product-footer { border-top:1px solid #d8e3db; padding:24px max(20px,5vw); color:#53665d; font-size:12px; display:flex; gap:24px; flex-wrap:wrap; }
.product-footer a { color:#006c52; }
@media(max-width:600px) { .product-brand img { width:106px; } .product-brand { gap:8px; } .product-brand span { padding-left:8px; } .navbar-scrape { align-items:flex-start; gap:20px; flex-direction:column; padding:18px 20px; } .navbar-scrape>div { display:flex; flex-wrap:wrap; gap:8px; } .navbar-scrape .btn-ghost { padding:8px 10px; margin:0!important; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }

.hero-bg,.hero-grid,#three-canvas-container { display:none; }
.hero { background:#f7f9f6; min-height:auto; padding-top:150px; }
.hero-content h1,.hero h1 { background:none; -webkit-text-fill-color:#142922; color:#142922; font-size:clamp(3rem,5.5vw,5.5rem); letter-spacing:-.065em; line-height:1.08; }
.hero-content p { color:#53665d; max-width:560px; }
.landing-nav { border-bottom:1px solid #d8e3db; }
.hero-eyebrow { background:#e8f3ed; color:#006c52; border-color:#b9d7c8; }
.hero { text-align:left; justify-content:flex-start; }
.hero-content { width:100%; max-width:1100px; }
.hero-content p { margin-left:0; }
.hero-cta { justify-content:flex-start; }
.hero-stats { border-top:1px solid #d8e3db; padding-top:24px; }
.hero-stat { text-align:left; background:none; border:0; }
.features-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.btn-blue,.btn-blue:hover { background:#008766; color:#fff; box-shadow:none; }
.step-number { color:#006c52; }
.badge-red,.flash-message.error { color:#b83535; }
.trial-badge.expired { color:#b83535; }
.flash-message.success { color:#007453; }
.badge-green { color:#007453; }
@media(max-width:600px) { .features-grid { grid-template-columns:1fr; } }
.auth-page { background:#f7f9f6; }
.card,.pos-card { background:#fff; border-color:#d8e3db; }
.pos-header { background:#e8f0e9; border-color:#d8e3db; }
.trade-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:24px; }
.trade-workspace>div,.main-content,.grid-2>*,.grid-3>* { min-width:0; }
.table-container { overflow-x:auto; }
.table-wrap,.table-responsive { max-width:100%; min-width:0; overflow-x:auto; }
.table-wrap table,.table-responsive table { min-width:640px; }
.settings-workspace { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.settings-workspace>div { min-width:0; }
.balance-chip,.card-value,.price-value,.pnl-value,.stat-value,.hero-stat-value,.step-number,.pricing-price,.text-mono { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.card-title,.page-title,.admin-topbar-title { font-family:inherit; }
.sidebar-toggle { display:none; padding:6px 10px; }
.table-container table { min-width:640px; }
.table-container .table-header { min-width:0; flex-wrap:wrap; gap:12px; }
.topbar-right { min-width:0; flex-wrap:wrap; }
.monitor-nav { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:0 0 24px; }
.mode-paper,.badge-paper { background:#f6efdf; color:#95600c; border-color:#d5c69f; }
.mode-live,.badge-live { background:#e8f3ed; color:#007453; border-color:#b9d7c8; }
.sltp-marker { background:#142922; }
.pnl-positive { color:#007453; } .pnl-negative { color:#b83535; }
@media(max-width:768px) {
  .trade-workspace { grid-template-columns:1fr; }
  .settings-workspace { grid-template-columns:1fr; }
  .sidebar-toggle { display:inline-flex; }
  .topbar { height:96px; min-height:96px; padding:12px 16px; gap:8px; flex-wrap:wrap; align-content:center; }
  .main-content { padding-top:120px; }
  .topbar-right { width:100%; gap:8px; }
  .topbar-right>span:last-child { display:none; }
  .topbar-actions { flex-wrap:wrap; gap:8px; }
  .price-grid { grid-template-columns:1fr; }
  .price-cell { border-right:0; border-bottom:1px solid #d8e3db; }
  .price-cell:last-child { border-bottom:0; }
  .sltp-labels,.sltp-details { gap:12px; flex-wrap:wrap; }
}
@media(max-width:600px) { .landing-nav { flex-wrap:wrap; gap:12px; } .landing-nav-cta { display:flex; gap:8px; } .hero { padding-top:170px; } }