/* Tema: Tailwind UI esintili */
:root { --bg: #ffffff; --bg-alt: #f8fafc; --surface: #ffffff; --surface-2: #f1f5f9; --text: #0f172a; --muted: #64748b; --border: #e2e8f0;
  --primary: #4f46e5; --primary-2: #0ea5e9; --radius: 12px; --radius-sm: 8px; --radius-btn: 8px;
  --shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px -1px rgba(0,0,0,.08); --shadow-lg: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);
  --head-weight: 700; --head-spacing: -0.025em; }
[data-mode="dark"] { --bg: #0f172a; --bg-alt: #111827; --surface: #1e293b; --surface-2: #334155; --text: #f1f5f9; --muted: #94a3b8; --border: #334155; --primary: #818cf8; --primary-2: #38bdf8; --on-primary: #0f172a; }
.theme-tailwind .btn { font-weight: 600; font-size: .875rem; }
.theme-tailwind .btn-primary { box-shadow: 0 1px 2px rgba(0,0,0,.1); }
.theme-tailwind .btn-primary:hover { transform: none; box-shadow: 0 1px 2px rgba(0,0,0,.1); filter: brightness(1.1); }
.theme-tailwind .btn-outline { box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.theme-tailwind .eyebrow { background: none; border: 1px solid var(--border); color: var(--muted); text-transform: none; letter-spacing: 0; font-weight: 500; border-radius: 999px; }
.theme-tailwind .eyebrow .dot { background: var(--success); box-shadow: none; }
.theme-tailwind .hero h1 { font-weight: 800; letter-spacing: -0.04em; }
.theme-tailwind .hero h1 span { background: none; color: var(--primary); -webkit-text-fill-color: currentColor; }
.theme-tailwind .blob { display: none; }
.theme-tailwind .hero-bg::before { content: ""; position: absolute; inset: -40% 0 auto; height: 520px; background: linear-gradient(90deg, #ff80b5, #9089fc); opacity: .2; filter: blur(80px); transform: rotate(-12deg); clip-path: polygon(74% 44%, 100% 61%, 97% 26%, 85% 0, 80% 2%, 72% 32%, 60% 62%, 52% 68%, 47% 58%, 45% 34%, 27% 76%, 0 64%, 17% 100%, 27% 76%, 76% 97%, 74% 44%); }
.theme-tailwind .grid-bg { opacity: .35; }
.theme-tailwind .feature, .theme-tailwind .pkg, .theme-tailwind .step { box-shadow: var(--shadow); }
.theme-tailwind .feature:hover, .theme-tailwind .pkg:hover { transform: none; }
.theme-tailwind .feature-icon { background: var(--primary); color: #fff; border-radius: 8px; width: 40px; height: 40px; }
.theme-tailwind .pkg--featured { border: 0; box-shadow: 0 0 0 2px var(--primary), var(--shadow-lg); }
.theme-tailwind .pkg-badge { background: var(--primary); }
.theme-tailwind .section-head .eyebrow { border: 0; color: var(--primary); font-weight: 600; }
.theme-tailwind .stat strong { background: none; color: var(--text); -webkit-text-fill-color: currentColor; }
.theme-tailwind .cta-box { background: #0f172a; border-radius: 24px; }
[data-mode="dark"] .theme-tailwind .cta-box { background: var(--primary); }
.theme-tailwind .cta-box::after { background: radial-gradient(circle, rgba(129,140,248,.6), transparent 70%); width: 500px; height: 500px; }
.theme-tailwind .brand-mark { border-radius: 8px; background: var(--primary); }
.theme-tailwind input:not([type=checkbox]):not([type=radio]), .theme-tailwind select, .theme-tailwind textarea { border-width: 1px; box-shadow: 0 1px 2px rgba(0,0,0,.04); background: var(--surface); }