/* Motyw SaaS: fiolet i róż, pigułki z gradientem, miękkie cienie, 16px radius. */
:root[data-theme="saas"] {
  --bg: #ffffff; --bg-2: #F5F3FF; --fg: #0F172A; --muted: #475569; --border: #e9e5f8;
  --accent: #6D28D9; --accent-fg: #fff; --accent-text: #5b21b6; --accent-soft: rgba(109,40,217,.12);
  --radius: 16px; --radius-s: 999px; --shadow: 0 1px 2px rgba(15,23,42,.05), 0 12px 32px rgba(109,40,217,.12);
}
:root[data-theme="saas"] .hero { background: radial-gradient(ellipse at 20% 20%, rgba(109,40,217,.12), transparent 50%), radial-gradient(ellipse at 90% 80%, rgba(219,39,119,.12), transparent 50%); }
:root[data-theme="saas"] .hero-photo-cutout { background: radial-gradient(circle at 50% 35%, #dcc9fb 0%, #f0e9fe 70%, transparent 71%); }
:root[data-theme="saas"] h1 { background: linear-gradient(90deg, #0F172A 0%, #6D28D9 70%, #DB2777 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="saas"] .btn-primary { background: linear-gradient(90deg, #6D28D9, #DB2777); border: 0; }
:root[data-theme="saas"] .stat-v { background: linear-gradient(90deg, #6D28D9, #DB2777); -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="saas"] .why-item, :root[data-theme="saas"] .how-item, :root[data-theme="saas"] .case, :root[data-theme="saas"] .stat { box-shadow: var(--shadow); border-color: transparent; }
:root[data-theme="saas"] .tag { background: linear-gradient(90deg, rgba(109,40,217,.12), rgba(219,39,119,.12)); }
:root[data-theme="saas"] .demo-root button { border-radius: 999px; }
:root[data-theme="saas"] .demo { --accent-text: #5b21b6; }
.plan { display: grid; gap: 1rem; }
@media (min-width: 900px) { .plan { grid-template-columns: 1fr 2fr; } }
.plan-feat { display: flex; flex-wrap: wrap; gap: .4rem; }
.plan-feat label { display: inline-flex; gap: .35rem; align-items: center; font-size: .88rem; padding: .3rem .7rem; border: 1px solid var(--border); border-radius: 999px; background: var(--bg); cursor: pointer; }
.plan-feat label:has(input:checked) { border-color: #6D28D9; background: var(--accent-soft); }
.plan-week { background: var(--bg-2); border-radius: 12px; padding: .9rem 1rem; margin-bottom: .6rem; }
.plan-week h5 { margin: 0 0 .4rem; font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; color: #6D28D9; }
.plan-week ul { margin: 0; padding-left: 1.1rem; font-size: .92rem; }
.plan-events { font-family: var(--mono); font-size: .78rem; color: var(--muted); margin: .3rem 0 0; }
.plan select { font: inherit; padding: .5rem .7rem; border-radius: 10px; border: 1px solid var(--border); width: 100%; margin-bottom: .75rem; }