<style id="ui-v2-landing">
/* ── INVOICEBRIDGE LANDING V2 — panel ile birebir aynı koyu aurora tema ── */
:root, [data-theme="dark"], [data-theme="light"] {
  --bg:#070B0E !important; --surface:rgba(13,19,23,.92) !important;
  --border:rgba(255,255,255,.08) !important;
  --text:#EDF2F0 !important; --muted:#97A5A1 !important;
  --accent:#5EEAD4 !important; --accent-strong:#2DD4BF !important;
  --patina:#5EEAD4 !important; --patina-deep:#115E56 !important;
  --warn:#FBBF24 !important; --pop:#0C1317 !important;
  --gold:#5EEAD4 !important; --champagne:#EDF2F0 !important; --ink-gold:#03251E !important;
  --code-bg:#0B1013 !important; --code-text:#D6E2DF !important; --code-c:#5E726C !important; --code-k:#5EEAD4 !important;
  --nav-bg:rgba(7,11,14,.85) !important;
  --card-shadow:0 12px 44px rgba(0,0,0,.42) !important;
  --card-shadow-hover:0 18px 52px rgba(0,0,0,.5) !important;
  --inset-hi:rgba(94,234,212,.05) !important;
  --pdf-bg:#0D1317 !important;
  --grad:linear-gradient(135deg,#34D399 0%,#22D3EE 100%);
}
html { color-scheme:dark !important; }
body {
  background:
    radial-gradient(1100px 560px at 88% -12%, rgba(34,211,238,.10), transparent 60%),
    radial-gradient(950px 520px at -8% 12%, rgba(94,234,212,.08), transparent 55%),
    #070B0E !important;
  color:#EDF2F0 !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  letter-spacing:-.01em;
}
/* Aurora blob'lar — panel ile aynı (hafif) */
body::before, body::after { content:''; position:fixed; border-radius:50%; filter:blur(120px); z-index:-1; pointer-events:none; }
body::before { width:560px; height:560px; background:rgba(34,211,238,.08); top:-200px; right:-140px; animation:aura1 26s ease-in-out infinite alternate; }
body::after  { width:480px; height:480px; background:rgba(94,234,212,.07); bottom:-180px; left:-140px; animation:aura2 34s ease-in-out infinite alternate; }
@keyframes aura1 { to { transform:translate(-90px,80px) scale(1.18); } }
@keyframes aura2 { to { transform:translate(120px,-70px) scale(1.12); } }

nav { background:rgba(7,11,14,.85) !important; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:0 8px 32px rgba(0,0,0,.35); }
.brand { letter-spacing:-.02em; }

/* Kartlar — opak koyu, panel ile aynı */
.card, .step, .faq-item, .plan, [class*="card"] {
  background:rgba(13,19,23,.92) !important;
  border:1px solid rgba(255,255,255,.08) !important; border-radius:16px !important;
  box-shadow:0 12px 44px rgba(0,0,0,.42) !important;
  transition:border-color .18s, transform .18s, box-shadow .18s;
}
.card:hover, .step:hover, .faq-item:hover, [class*="card"]:hover { border-color:rgba(94,234,212,.38) !important; transform:translateY(-2px); box-shadow:0 18px 52px rgba(0,0,0,.5), 0 0 0 1px rgba(94,234,212,.08) !important; }
.card .icon { background:rgba(94,234,212,.10) !important; border-color:rgba(94,234,212,.25) !important; }

/* HERO — sade, okunaklı: beyaz başlık + teal vurgu (gradient clip YOK) */
.hero h1 {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  font-size:clamp(2.2rem,4.5vw,3.4rem) !important; font-weight:750 !important;
  color:#EDF2F0 !important; line-height:1.15 !important; letter-spacing:-.02em !important;
  background:none !important;
  -webkit-background-clip:initial !important; background-clip:initial !important;
  -webkit-text-fill-color:currentColor !important;
}
.hero h1 em { font-style:normal; color:#5EEAD4 !important; font-weight:750 !important;
  background:none !important; -webkit-background-clip:initial !important; background-clip:initial !important;
  -webkit-text-fill-color:currentColor !important; animation:none !important; text-shadow:0 0 28px rgba(94,234,212,.25) !important; }
.hero p { color:#97A5A1 !important; }

/* Butonlar — panel ile aynı gradient */
.btn-green, .btn.btn-green, .btn:not(.btn-ghost) {
  background:linear-gradient(135deg,#34D399 0%,#22D3EE 100%) !important;
  border:1px solid transparent !important; color:#03251E !important; font-weight:600;
}
.btn-green:hover, .btn.btn-green:hover { filter:brightness(1.08); box-shadow:0 6px 22px rgba(34,211,238,.35); transform:translateY(-1px); }
.btn-ghost, .btn.btn-ghost { border:1px solid rgba(255,255,255,.08) !important; color:#EDF2F0 !important; background:transparent !important; }
.btn-ghost:hover { background:rgba(255,255,255,.06) !important; }

/* Kod + playground — koyu */
.code-wrap, pre.code, .pg-out, textarea.pg-json, .playground, .code-tabs { background:#0B1013 !important; border-color:rgba(255,255,255,.08) !important; border-radius:12px !important; }
.code-tabs button { color:#97A5A1 !important; }
.code-tabs button.active { color:#5EEAD4 !important; }
.pg-pdf { background:#0D1317 !important; }

/* Bölüm başlıkları */
h2 { letter-spacing:-.02em; color:#EDF2F0 !important; }
section h2::first-letter { color:#5EEAD4; }

/* Switch + input */
.switch input:checked + .slider { background:linear-gradient(135deg,#34D399,#22D3EE) !important; }
input, textarea, select { background:rgba(255,255,255,.045) !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:10px; color:#EDF2F0 !important; }
input:focus, textarea:focus { border-color:#5EEAD4 !important; box-shadow:0 0 0 3px rgba(94,234,212,.16) !important; outline:none; }

/* Footer + metinler */
footer { border-top:1px solid rgba(255,255,255,.08) !important; color:#97A5A1 !important; }
p, li, .hint, td { color:#97A5A1 !important; }
h1, h2, h3, h4, .brand, .nav-links a { color:#EDF2F0 !important; }

/* Scrollbar — panel ile aynı */
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-thumb { background:rgba(94,234,212,.18); border-radius:8px; }
::-webkit-scrollbar-thumb:hover { background:rgba(94,234,212,.32); }
</style>
