/* selfemployed.mt — dark theme, emerald accent (distinct from agency gold). Loaded after app.css;
   re-skins shared components via token override. */
:root{
  --surface:#0c0f0e; --white:#151a18; --ink:#ffffff; --ink-2:#d3ded9; --muted:#95a09b; --faint:#66716c;
  --border:rgba(255,255,255,.09); --hairline:rgba(255,255,255,.14);
  --primary:#10b981; --primary-deep:#0e9f6e;
  --t-blue:rgba(16,185,129,.14); --t-green:rgba(16,185,129,.18); --t-violet:rgba(139,92,246,.18);
  --t-amber:rgba(245,179,1,.16); --t-red:rgba(239,68,68,.16);
  --green-deep:#34d399; --violet-deep:#c4b5fd; --warning:#fbbf24; --danger:#f87171;
  --shadow:0 6px 20px rgba(0,0,0,.45); --shadow-lg:0 16px 44px rgba(0,0,0,.6);
}
html,body{overflow-x:hidden}
body,.app,.app--chrome{ background:#0c0f0e; color:#fff; }
.screen__title,.section-h,.brand__name{ color:#fff; }
.muted{color:var(--muted)} .faint{color:var(--faint)}
.hdr{ background:rgba(12,15,14,.92); border-bottom:1px solid var(--border); }
.card{ background:var(--white); border:1px solid var(--border); box-shadow:var(--shadow); }
.card--flat{ background:transparent; border:1px solid var(--border); box-shadow:none; }
.card--brand{ background:linear-gradient(135deg,#10b981,#0e9f6e); color:#08110d; border:none; }
.card--brand .btn--secondary{ background:#08110d !important; color:#34d399 !important; }
.btn--primary{ background:#10b981; color:#08110d; }
.btn--secondary{ background:var(--white); color:#fff; border:1px solid var(--hairline); }
.input{ background:#0f1513; border:1px solid var(--border); color:#fff; }
.input::placeholder{ color:#66716c }
select.input option{ background:#151a18; color:#fff }
.chip{ background:rgba(255,255,255,.06); color:#d3ded9; }
.pill{ background:var(--white); border:1px solid var(--border); color:#d3ded9; }
.pill.on{ background:#10b981; border-color:#10b981; color:#08110d; }
.nav{ background:rgba(12,15,14,.96); border-top:1px solid var(--border); }
.nav a{ color:var(--faint) } .nav a.on{ color:#34d399 }
.ring>span{ background:var(--white); color:#fff; }
a{ color:inherit }
/* landing */
.lp{ background:#0c0f0e; color:#fff; overflow-x:hidden; max-width:100% }
.lp-hero{ position:relative; padding:22px var(--pad) 30px; background:radial-gradient(120% 80% at 80% -10%,rgba(16,185,129,.16),transparent 55%),linear-gradient(180deg,#101613,#0c0f0e) }
.lp-nav{ display:flex; align-items:center; justify-content:space-between }
.lp-eyebrow{ font-size:10px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#34d399; margin-top:26px }
.lp-h1{ font-size:34px; font-weight:900; letter-spacing:-1.4px; line-height:1.04; margin:10px 0 0; overflow-wrap:anywhere }
.lp-h1 .g{ color:#34d399 }
.lp-sub{ font-size:14px; line-height:1.55; color:#c7d4cf; margin:12px 0 0; max-width:520px }
.lp-tag{ font-size:12px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:#95a09b }
.lp-feat{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:16px }
.lp-feat .card{ padding:13px }
.lp-ic{ width:34px;height:34px;border-radius:10px;background:rgba(16,185,129,.14);color:#34d399;display:grid;place-items:center;margin-bottom:8px }
.lp-foot{ padding:22px var(--pad) 30px; border-top:1px solid var(--border); color:#66716c; font-size:12px }