/* ==========================================================================
   InstantPayout — "Clean light" public website layer (homepage, /app, legal).
   Loaded after each page's own styles. Light is the default theme; the dark
   toggle on the pages keeps working.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

[data-theme="light"]{
  --bg:#FFFFFF; --bg2:#F9FAFB; --card:#FFFFFF; --card2:#F9FAFB;
  --border:#EAECF0; --border2:#D0D5DD;
  --text:#101828; --text2:#344054; --muted:#667085;
  --primary:#1347FF; --primary-d:#0B35D9; --accent:#079455;
  --success:#079455; --warning:#DC6803; --danger:#D92D20;
  --shadow:rgba(16,24,40,.06); --shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --shadow-md:0 4px 12px -2px rgba(16,24,40,.08),0 2px 4px -2px rgba(16,24,40,.04);
  --shadow-lg:0 20px 40px -16px rgba(16,24,40,.14);
  --nav-bg:rgba(255,255,255,.9);
  --grid-color:transparent; --glow1:rgba(19,71,255,.06); --glow2:transparent;
  --r:14px; --rs:10px;
}
[data-theme="light"] body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.006em;color:var(--text)}
[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3,[data-theme="light"] .stit{letter-spacing:-.03em;color:var(--text)}
[data-theme="light"] h1{font-weight:800}
[data-theme="light"] ::selection{background:rgba(19,71,255,.14)}

/* Gradient headline text → solid, calmer */
[data-theme="light"] .gb,[data-theme="light"] .g{background:none!important;-webkit-text-fill-color:var(--primary)!important;color:var(--primary)!important}
[data-theme="light"] .gg{background:none!important;-webkit-text-fill-color:var(--accent)!important;color:var(--accent)!important}

/* Atmosphere: one faint blue wash, no grids or blobs */
[data-theme="light"] .hero-grid,[data-theme="light"] .gl2,[data-theme="light"] .gl3{display:none}
[data-theme="light"] .gl1{background:radial-gradient(circle,rgba(19,71,255,.07),transparent 65%)}

/* Nav */
[data-theme="light"] nav{background:var(--nav-bg);border-bottom:1px solid var(--border);box-shadow:none}
[data-theme="light"] .logo-icon,[data-theme="light"] .logo-ic{background:var(--primary);box-shadow:none}
[data-theme="light"] .logo-name{font-weight:800;letter-spacing:-.03em}
[data-theme="light"] .nav-desktop a{color:var(--text2);font-weight:500}
[data-theme="light"] .nav-desktop a:hover{background:#F2F4F7;color:var(--text)}
[data-theme="light"] .icon-btn,[data-theme="light"] .btn-theme{background:#fff;border:1px solid var(--border2);color:var(--text2)}

/* Buttons */
[data-theme="light"] .nav-cta,[data-theme="light"] .mnav .mcta,[data-theme="light"] .btn-p,[data-theme="light"] .btn-dl{
  background:var(--primary)!important;color:#fff!important;border:1px solid var(--primary);border-radius:10px;
  box-shadow:var(--shadow-sm)!important;transform:none!important}
[data-theme="light"] .nav-cta:hover,[data-theme="light"] .btn-p:hover,[data-theme="light"] .btn-dl:hover{background:var(--primary-d)!important;border-color:var(--primary-d)}
[data-theme="light"] .btn-s,[data-theme="light"] .btn-qr-toggle{background:#fff!important;color:var(--text2)!important;border:1px solid var(--border2)!important;border-radius:10px;box-shadow:var(--shadow-sm)!important}
[data-theme="light"] .btn-s:hover,[data-theme="light"] .btn-qr-toggle:hover{background:#F9FAFB!important;color:var(--text)!important}
[data-theme="light"] .btn-dl .dl-ico{background:rgba(255,255,255,.16)}

/* Eyebrow / labels */
[data-theme="light"] .eyebrow{background:#fff;border:1px solid var(--border2);color:var(--text2);box-shadow:var(--shadow-sm)}
[data-theme="light"] .slbl,[data-theme="light"] .sec-lbl{color:var(--primary);letter-spacing:.08em}
[data-theme="light"] .ssub,[data-theme="light"] .sec-sub,[data-theme="light"] .hsub,[data-theme="light"] .hero-sub{color:var(--muted)}

/* Cards — flat white, hairline border, no lift */
[data-theme="light"] .hc,[data-theme="light"] .dp,[data-theme="light"] .feat,[data-theme="light"] .stat,[data-theme="light"] .dual,[data-theme="light"] .feats,
[data-theme="light"] .feat-cell,[data-theme="light"] .benefit,[data-theme="light"] .i-step,[data-theme="light"] .release-card,[data-theme="light"] .u-card,[data-theme="light"] .qr-inner,[data-theme="light"] .sec-strip{
  background:#fff;border-color:var(--border);box-shadow:var(--shadow-sm)}
[data-theme="light"] .hc.pi,[data-theme="light"] .hc.po{background:#fff;border-color:var(--border)}
[data-theme="light"] .feat:hover,[data-theme="light"] .stat:hover,[data-theme="light"] .hc:hover,[data-theme="light"] .dp:hover,[data-theme="light"] .feat-cell:hover,[data-theme="light"] .benefit:hover{
  background:#fff;transform:none;box-shadow:var(--shadow-md);border-color:var(--border2)}
[data-theme="light"] .stat-n,[data-theme="light"] .b-num{font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:-.04em;color:var(--text)}
[data-theme="light"] .cta-wrap{background:#F9FAFB;border:1px solid var(--border)}
[data-theme="light"] .pill{background:#fff;border:1px solid var(--border2);color:var(--text2)}

/* Section bands */
[data-theme="light"] section[style*="background:var(--bg2)"]{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}

/* Footer */
[data-theme="light"] footer{background:#F9FAFB;border-top:1px solid var(--border)}
