/* Shared Devontra design system; exact mother-site SVG patterns and ornaments. */
.family-chapter{position:relative;isolation:isolate}.family-chapter .family-gradient-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)}
.gradient-scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.gradient-orb{position:absolute;display:block;width:640px;height:640px;border-radius:50%;will-change:transform;filter:blur(12px)}.orb-emerald{right:-210px;top:-250px;background:radial-gradient(circle,rgba(16,185,129,.32),rgba(16,185,129,.13) 35%,transparent 69%);animation:emerald-drift 18s ease-in-out infinite alternate}.orb-indigo{left:-180px;bottom:-350px;width:780px;height:780px;background:radial-gradient(circle,rgba(1,193,247,.34),rgba(1,193,247,.13) 38%,transparent 70%);animation:indigo-drift 24s ease-in-out infinite alternate}.gradient-ring{position:absolute;right:-120px;top:20%;width:470px;height:470px;border-radius:50%;background:conic-gradient(from 0deg,transparent,#01C1F7,transparent 40%,#10B981,transparent 85%);mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#042240 calc(100% - 1px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#042240 calc(100% - 1px));opacity:.42;animation:ring-turn 50s linear infinite}.gradient-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.3;transform:translateZ(0)}.gradient-lines path{stroke-width:1}.gradient-lines .travel-line{stroke-width:2.5;stroke-dasharray:100 1500;animation:line-travel 14s linear infinite;opacity:.8}.scene-1 .orb-emerald{left:-330px;right:auto;top:10%;animation-delay:-8s}.scene-1 .orb-indigo{left:auto;right:-220px;bottom:-260px;animation-delay:-12s}.scene-1 .gradient-lines{transform:scaleX(-1);opacity:.23}.scene-1 .gradient-ring{right:auto;left:-240px;top:-80px}.scene-2 .orb-emerald{right:15%;top:-420px;width:850px;height:850px;animation-delay:-5s}.scene-2 .orb-indigo{left:35%;bottom:-500px;width:1000px;height:1000px;animation-delay:-17s}.scene-2 .gradient-ring{top:35%;right:10%;width:650px;height:650px;opacity:.2}.scene-2 .gradient-lines{transform:rotate(180deg);opacity:.25}@keyframes emerald-drift{from{transform:translate3d(0,0,0) scale(.9)}to{transform:translate3d(-70px,65px,0) scale(1.12)}}@keyframes indigo-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(90px,-60px,0) scale(.92)}}@keyframes ring-turn{to{transform:rotate(360deg)}}@keyframes line-travel{from{stroke-dashoffset:1600}to{stroke-dashoffset:0}}
.family-chapter .family-gradient-scene{z-index:-1}.family-chapter .gradient-lines{opacity:.42}.family-chapter .services-scene .gradient-lines{opacity:.34}.family-chapter .gradient-ring{opacity:.4}.family-chapter.accent-scene:before{display:none}.family-chapter .gradient-orb{opacity:.5}.family-chapter[data-family-tone=paper] .gradient-lines,.family-chapter[data-family-tone=light] .gradient-lines{opacity:.22}.family-chapter[data-family-tone=paper] .gradient-orb,.family-chapter[data-family-tone=light] .gradient-orb{opacity:.3}

body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3{font-weight:500}em{font-family:Georgia,serif;font-weight:400}.family-chapter .family-gradient-scene *{animation-play-state:paused}.family-chapter.family-in-view .family-gradient-scene *{animation-play-state:running}
html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter{--ink:#e5f6fe;--muted:#afc6d8;--cyan:#01c1f7;--blue:#007ac1;--line:rgba(163,207,232,.2);--surface:#0a2e4d;--card:rgba(229,246,254,.045);--wash:rgba(1,193,247,.09);--family-heading-accent:#bcefff;--family-card:linear-gradient(155deg,rgba(1,193,247,.14),rgba(229,246,254,.04) 65%);color:var(--ink)}
html[data-theme=light] body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter{--ink:#042240;--muted:#475569;--line:rgba(4,34,64,.15);--surface:#fff;--card:rgba(255,255,255,.72);--family-heading-accent:#007ac1;--family-card:linear-gradient(145deg,rgba(1,193,247,.07),transparent 60%),#fff;color:var(--ink)}
html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter[data-family-tone=base]{background:radial-gradient(ellipse at 50% 25%,rgba(1,193,247,.12),transparent 70%),var(--bg)}
html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter[data-family-tone=paper]{--ink:#042240;--muted:#4c5864;--cyan:#007ac1;--blue:#007ac1;--line:rgba(4,34,64,.16);--surface:#fff;--card:rgba(255,255,255,.8);--wash:rgba(1,193,247,.08);--family-heading-accent:#007ac1;--family-card:linear-gradient(145deg,rgba(1,193,247,.055),transparent 60%),#fff;background:radial-gradient(ellipse at 95% 0,rgba(1,193,247,.14),transparent 65%),#f4f2eb;color:var(--ink)}
html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter[data-family-tone=light]{--ink:#042240;--muted:#405568;--cyan:#007ac1;--blue:#007ac1;--line:rgba(4,34,64,.16);--surface:#fff;--card:rgba(255,255,255,.8);--wash:rgba(1,193,247,.08);--family-heading-accent:#007ac1;--family-card:linear-gradient(145deg,rgba(1,193,247,.055),transparent 60%),#fff;background:radial-gradient(ellipse at 95% 0,rgba(1,193,247,.14),transparent 65%),#e1f3fa;color:var(--ink)}
html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter[data-family-tone=blue]{--ink:#e5f6fe;--muted:#d4eefb;--cyan:#bcefff;--blue:#bcefff;--line:rgba(229,246,254,.25);--surface:#042240;--card:rgba(4,34,64,.3);--wash:rgba(229,246,254,.08);--family-heading-accent:#bcefff;--family-card:linear-gradient(155deg,rgba(1,193,247,.15),rgba(4,34,64,.28) 65%);background:radial-gradient(ellipse at 95% 0,rgba(1,193,247,.35),transparent 65%),#07537e;color:var(--ink)}
html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter h2{font-size:clamp(34px,4vw,58px);line-height:1.2;letter-spacing:-.035em;font-weight:500}html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter h2 em,html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter h1 em{color:var(--family-heading-accent)}html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.14em;font-weight:600;color:var(--muted)}html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter :is(.section-head>p,.hero-subline){font-size:18px;line-height:1.75;color:var(--muted)}
html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter :is(.feature-item,.plan,.team-chat,.privacy-panel,.document-feature,.product-contact-form,.audience-card){border:1px solid rgba(1,193,247,.32);border-radius:24px;background:var(--family-card);box-shadow:0 12px 45px rgba(1,193,247,.06);color:var(--ink);transition:transform .35s,box-shadow .35s,border-color .35s}html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter :is(.feature-item,.plan,.audience-card):hover{transform:translateY(-5px);border-color:rgba(1,193,247,.65);box-shadow:0 18px 55px rgba(1,193,247,.13)}html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter :is(.feature-item,.plan,.audience-card) p{color:var(--muted)}html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter :is(.feature-item,.plan,.audience-card) h3{color:var(--ink)}
html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter .btn{background:linear-gradient(110deg,#01c1f7,#007ac1);color:#042240;border-color:transparent;border-radius:8px;box-shadow:none}html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter .btn:hover{background:linear-gradient(110deg,#40d5ff,#1597da);box-shadow:0 12px 35px rgba(1,193,247,.2)}html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter .btn.secondary{background:var(--card);border-color:var(--line);color:var(--ink)}html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter .btn.secondary:hover{background:var(--wash)}
html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter .plan.featured{--ink:#e5f6fe;--muted:#bed7e7;--line:rgba(229,246,254,.23);--cyan:#bcefff;background:radial-gradient(ellipse at 100% 0,rgba(1,193,247,.22),transparent 65%),#042240;border-color:rgba(1,193,247,.6);color:#e5f6fe}html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter .plan.featured :is(h3,.plan-price){color:#e5f6fe}html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter .cta-panel{background:radial-gradient(ellipse at 100% 0,rgba(1,193,247,.2),transparent 65%),var(--card);border:1px solid rgba(1,193,247,.35);border-radius:28px}html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter :is(input:not([type=checkbox]),textarea){color:var(--ink)}
@media(max-width:750px){html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter h2{font-size:clamp(31px,7.4vw,43px)}html body :is(#start,#produkt,#funktionen,#team,#ablauf,#tarife,#fragen,#faq,#branchen,#video,#kundenkarte,#praxis,#daten,#hilfe,#so-funktioniert-es,#kontakt,.family-chapter).family-chapter .section-head>p{font-size:17px}.family-chapter .gradient-orb{width:460px;height:460px;opacity:.3}.family-chapter .orb-indigo{width:580px;height:580px}.family-chapter .gradient-ring{width:340px;height:340px;opacity:.26}.family-chapter .gradient-lines{opacity:.28}}
@media(prefers-reduced-motion:reduce){.family-chapter .gradient-scene *{animation:none!important;will-change:auto}.family-chapter .feature-item,.family-chapter .plan,.family-chapter .audience-card{transition:none!important}}