/* Clinical white, deep workflow navy, and a clear sky-blue plan section. */
html #produkt,html #team{--ink:#042240;--muted:#475569;--card:#f1f8fb;--surface:#fff;--line:rgba(4,34,64,.14);--wash:rgba(1,193,247,.08);background:#fff;color:#042240}
html #produkt em,html #team em{color:#007ac1}
html #ablauf{--ink:#e5f6fe;--muted:#b6cfdf;--card:rgba(229,246,254,.05);--surface:#0b304f;--line:rgba(229,246,254,.2);--wash:rgba(1,193,247,.1);background:radial-gradient(ellipse at 90% 20%,rgba(1,193,247,.16),transparent 65%),#042240;color:#e5f6fe}
html #ablauf em{color:#01c1f7}
html #daten{--ink:#e5f6fe;--muted:#c1d9e6;--card:rgba(229,246,254,.04);--surface:#124661;--line:rgba(229,246,254,.2);background:#0d3c56;color:#e5f6fe}
html #daten em{color:#bcefff}
html #tarife{--ink:#042240;--muted:#405568;--card:rgba(255,255,255,.8);--surface:#fff;--line:rgba(4,34,64,.16);--wash:rgba(1,193,247,.08);background:radial-gradient(ellipse at 0 20%,rgba(1,193,247,.2),transparent 65%),#ddf1fa;color:#042240}
html #tarife em{color:#007ac1}
html #tarife .plan.featured{background:linear-gradient(145deg,rgba(1,193,247,.12),transparent 65%),#fff;box-shadow:0 14px 45px rgba(0,122,193,.08)}

html #produkt,html #team,html #tarife{--cyan:#007ac1;--blue:#007ac1}

#ablauf .how-video-card{max-width:1000px;margin:48px auto 0;padding:24px;border-radius:22px}#ablauf .how-video-card figcaption{padding:3px 5px 24px}#ablauf .how-video-card .eyebrow{margin-bottom:13px}#ablauf .how-video-card h3{font-size:28px;margin-bottom:12px}#ablauf .how-video-card p{font-size:16px}#ablauf .how-video-card video{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:#042240;border-radius:12px}@media(max-width:600px){#ablauf .how-video-card{padding:14px;margin-top:32px}#ablauf .how-video-card h3{font-size:25px}}

/* Separate workflow video section and all original product screenshots. */
html #so-funktioniert-es{--ink:#042240;--muted:#475569;--line:rgba(4,34,64,.15);--card:rgba(255,255,255,.7);background:radial-gradient(ellipse at 100% 0,rgba(1,193,247,.13),transparent 70%),#edf7fc;color:#042240}#so-funktioniert-es .section-head{margin:0 auto 38px;text-align:center}#so-funktioniert-es .eyebrow{justify-content:center}#so-funktioniert-es .how-video-card{max-width:1000px;margin:auto;padding:16px;border-radius:24px}#so-funktioniert-es video{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;border-radius:13px;background:#042240}
#praxis .practice-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;margin-top:48px}#praxis .practice-screens .product-shot{padding:20px}#praxis .practice-screens img{width:100%;height:auto;max-height:480px;object-fit:contain}#praxis .practice-screens figcaption{font-size:14px;line-height:1.6;padding:20px 4px 6px;color:var(--muted)}#praxis .practice-screens strong{display:block;color:var(--ink);font-size:18px;font-weight:500;margin-bottom:8px}#praxis .practice-screens figcaption span{display:block}
#hilfe .handbook-shot{grid-column:1/-1;width:min(100%,900px);margin:10px auto 0;padding:20px}#hilfe .handbook-shot figcaption{font-size:13px;line-height:1.6;color:var(--muted);padding:15px 4px 3px}
@media(max-width:850px){#praxis .practice-screens{grid-template-columns:1fr;max-width:600px;margin:35px auto 0}#praxis .practice-screens img{max-height:520px}#so-funktioniert-es .how-video-card{padding:10px}}

/* Section 03: each feature is paired with its own original screenshot. */
#praxis .practice-rows{display:grid;gap:28px;margin-top:38px}
#praxis .practice-row{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(28px,5vw,70px);padding:clamp(25px,4vw,48px);border:1px solid var(--line);border-radius:24px;background:var(--card)}
#praxis .practice-row-copy{min-width:0}
#praxis .practice-row-copy .eyebrow{margin-bottom:18px}
#praxis .practice-row h3{font-size:clamp(27px,3vw,36px);line-height:1.2;letter-spacing:-.03em;margin-bottom:23px}
#praxis .practice-row p{font-size:17px;line-height:1.75;max-width:560px}
#praxis .practice-row p+p{margin-top:20px}
#praxis .practice-row-image{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:0}
#praxis .practice-row-image img{display:block;width:auto;max-width:100%;height:auto;max-height:440px;object-fit:contain;border-radius:9px}
#praxis .practice-row-image figcaption{font-size:12px;line-height:1.6;text-align:center;color:var(--muted);margin-top:17px}
#praxis .practice-dashboard-image img{max-height:510px}
#praxis .practice-language-image img{width:100%;max-height:none}
#praxis .practice-row-reverse .practice-row-copy{grid-column:2;grid-row:1}
#praxis .practice-row-reverse .practice-row-image{grid-column:1;grid-row:1}
#praxis .practice-specialties{padding:0;margin:24px 0 0;display:flex;gap:9px;flex-wrap:wrap;list-style:none}
#praxis .practice-specialties li,#praxis .practice-language-tags span{font-size:13px;line-height:1.5;border:1px solid var(--line);border-radius:30px;padding:7px 12px;background:var(--wash);color:var(--ink)}
#praxis .practice-language-tags{display:flex;gap:9px;flex-wrap:wrap;margin:23px 0}
#praxis .practice-row p.practice-row-note{font-size:14px}
@media(max-width:750px){#praxis .practice-row{grid-template-columns:1fr;gap:25px;padding:24px}#praxis .practice-row-reverse .practice-row-copy,#praxis .practice-row-reverse .practice-row-image{grid-column:auto;grid-row:auto}#praxis .practice-row p{font-size:16px}#praxis .practice-row-image{padding:16px}#praxis .practice-row-image img{max-height:420px}#praxis .practice-dashboard-image img{max-height:480px}}