/* Layout: eine dunkle Nachtfläche wie das Logo; der leuchtende Ring ist das wiederkehrende Motiv, eine helle Band-Sektion für Einrichtungen. */
:root{
  --night:#060E1C;
  --deep:#0B1729;
  --panel:#0F1F36;
  --line:#1E3350;
  --ink:#EAF2F7;
  --mute:#A3B6C8;
  --mint:#3BE3A6;
  --mint-deep:#1FB984;
  --mint-ink:#04261A;
  --paper:#F2F6F5;
  --paper-ink:#0B1729;
  --paper-mute:#4A5A6B;
  --paper-line:#D3DEDB;
  --f-display:"Lexend","Segoe UI",system-ui,sans-serif;
  --f-body:"Atkinson Hyperlegible","Segoe UI",Verdana,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --s-hero:clamp(2.6rem,6.4vw,5rem);
  --s-h2:clamp(1.9rem,3.6vw,2.9rem);
  --s-h3:1.3rem;
  --s-body:1.125rem;
  --wrap:1180px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--night);color:var(--ink);font-family:var(--f-body);font-size:var(--s-body);line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--night)}
a{color:var(--mint)}
a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--f-display);font-weight:300;letter-spacing:-.015em;text-wrap:balance;margin:0}
h2{font-size:var(--s-h2);line-height:1.12}
h3{font-size:var(--s-h3);font-weight:500;line-height:1.3}
p{margin:0}
.eyebrow{font-family:var(--f-mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
.lead{font-size:1.25rem;color:var(--mute);max-width:60ch}

/* Wortmarke nach dem Logo */
.mark{display:inline-flex;align-items:baseline;font-family:var(--f-display);font-weight:200;font-size:1.7rem;letter-spacing:.02em;color:var(--ink);text-decoration:none;line-height:1;position:relative}
.mark .ai{position:relative;font-weight:500;color:var(--mint);padding:0 .06em}
.mark .ai::before{content:"";position:absolute;left:50%;top:50%;width:1.55em;height:1.55em;transform:translate(-50%,-46%);border-radius:50%;border:1px solid rgba(59,227,166,.55);box-shadow:0 0 14px rgba(59,227,166,.45),inset 0 0 10px rgba(59,227,166,.18)}

/* Kopfzeile */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(6,14,28,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px}
.nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.nav a{color:var(--mute);text-decoration:none;font-size:1rem}
.nav a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;font-family:var(--f-display);font-weight:500;font-size:1.02rem;text-decoration:none;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn-mint{background:var(--mint);color:var(--mint-ink);box-shadow:0 0 0 0 rgba(59,227,166,0)}
.btn-mint:hover{box-shadow:0 0 28px rgba(59,227,166,.45);transform:translateY(-1px)}
.btn-ghost{color:var(--ink);border-color:var(--line);background:transparent}
.btn-ghost:hover{border-color:var(--mint)}
.nav .btn{min-height:42px;padding:0 18px;font-size:.95rem;color:var(--mint-ink)}
@media (max-width:860px){.nav a:not(.btn){display:none}}

/* Hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(60% 70% at 78% 40%,rgba(59,227,166,.10),transparent 60%),
  radial-gradient(40% 50% at 10% 0%,rgba(46,90,160,.18),transparent 70%);pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;padding-block:clamp(56px,9vw,110px)}
.hero h1{font-size:var(--s-hero);line-height:1.02;font-weight:200}
.hero h1 b{font-weight:500;color:var(--mint)}
.hero-copy{display:flex;flex-direction:column;gap:26px;min-width:0}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid var(--line);padding-top:22px;margin-top:6px}
.facts div{display:flex;flex-direction:column;gap:2px}
.facts b{font-family:var(--f-display);font-weight:500;font-size:1.05rem}
.facts span{color:var(--mute);font-size:.98rem;line-height:1.45}

/* Telefon im Ring */
.stage{position:relative;display:grid;place-items:center;min-height:540px}
.ring{position:absolute;width:min(470px,92%);aspect-ratio:1;max-width:100%;border-radius:50%;border:1px solid rgba(59,227,166,.5);box-shadow:0 0 60px rgba(59,227,166,.25),inset 0 0 60px rgba(59,227,166,.10);animation:breathe 6s ease-in-out infinite}
.ring.r2{width:min(560px,110%);border-color:rgba(59,227,166,.12);box-shadow:none;animation-delay:-3s}
@keyframes breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.025);opacity:.8}}
.phone{position:relative;width:290px;max-width:100%;border-radius:42px;background:linear-gradient(180deg,#132744,#0B1729);border:1px solid rgba(59,227,166,.45);padding:12px;box-shadow:0 0 0 1px rgba(59,227,166,.08),0 0 60px rgba(59,227,166,.22),0 30px 80px rgba(0,0,0,.6)}
.shot{display:block;width:100%;height:auto;border-radius:32px}
.screen{border-radius:30px;background:#F4F8F7;color:#0B1729;padding:22px 16px 18px;display:flex;flex-direction:column;gap:12px;min-height:480px}
.screen .hd{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-display);font-size:.8rem;color:#4A5A6B}
.screen .hd .mk{font-weight:300;letter-spacing:.04em;color:#0B1729}
.screen .hd .mk em{font-style:normal;font-weight:600;color:#14986C}
.bub{max-width:88%;padding:11px 14px;border-radius:18px;font-size:.98rem;line-height:1.35;animation:pop .6s ease both}
.bub.me{align-self:flex-end;background:#0B1729;color:#EAF2F7;border-bottom-right-radius:6px}
.bub.ai{align-self:flex-start;background:#DDF3EA;color:#0B3A2A;border-bottom-left-radius:6px;font-weight:700}
.bub small{display:block;font-family:var(--f-mono);font-weight:400;font-size:.68rem;letter-spacing:.08em;color:#2E7A5C;margin-bottom:3px}
.bub:nth-of-type(2){animation-delay:.15s}.bub:nth-of-type(3){animation-delay:.3s}.bub:nth-of-type(4){animation-delay:.45s}
@keyframes pop{from{transform:translateY(8px);opacity:.35}to{transform:none;opacity:1}}
.mic{margin-top:auto;align-self:center;width:92px;height:92px;border-radius:50%;background:#14986C;display:grid;place-items:center;box-shadow:0 0 0 10px rgba(20,152,108,.14),0 10px 24px rgba(20,152,108,.35)}
.wave{display:flex;gap:4px;align-items:center;justify-content:center;height:18px}
.wave i{width:3px;border-radius:2px;background:#14986C;animation:wv 1.2s ease-in-out infinite}
.wave i:nth-child(1){height:6px}.wave i:nth-child(2){height:14px;animation-delay:.1s}.wave i:nth-child(3){height:18px;animation-delay:.2s}.wave i:nth-child(4){height:10px;animation-delay:.3s}.wave i:nth-child(5){height:15px;animation-delay:.4s}.wave i:nth-child(6){height:7px;animation-delay:.5s}
@keyframes wv{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.45)}}

/* Sektionen */
section{scroll-margin-top:80px}
.sec{padding-block:clamp(64px,9vw,110px)}
.sec-head{display:flex;flex-direction:column;gap:16px;max-width:760px;margin-bottom:48px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.issues{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.issue{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding-block:22px;border-bottom:1px solid var(--line)}
.issue b{font-family:var(--f-display);font-weight:500;font-size:1.15rem}
.issue span{color:var(--mute)}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:34px}
.stat{border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--deep)}
.stat .n{font-family:var(--f-display);font-weight:200;font-size:2.6rem;line-height:1;color:var(--mint);font-variant-numeric:tabular-nums}
.stat p{color:var(--mute);margin-top:10px;font-size:1rem;line-height:1.45}
.src{font-family:var(--f-mono);font-size:.74rem;color:var(--mute);margin-top:14px;letter-spacing:.02em}

/* Dialoge */
.dialogs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dlg{border:1px solid var(--line);border-radius:22px;background:var(--deep);padding:24px;display:flex;flex-direction:column;gap:12px}
.dlg .q{color:var(--mute)}
.dlg .a{font-family:var(--f-display);font-size:1.35rem;font-weight:400;color:var(--ink)}
.dlg .a::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);margin-right:10px;vertical-align:middle}
.dlg .why{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);font-size:.95rem;color:var(--mute)}

/* Funktionen */
.feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.f{background:var(--night);padding:28px 24px;display:flex;flex-direction:column;gap:12px;min-width:0}
.f svg{width:30px;height:30px;stroke:var(--mint);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.f p{color:var(--mute);font-size:1rem;line-height:1.5}

/* Helles Band für Einrichtungen */
.band{background:var(--paper);color:var(--paper-ink)}
.band .eyebrow{color:#0F7E58}
.band .lead{color:var(--paper-mute)}
.offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.offer{background:#FFFFFF;border:1px solid var(--paper-line);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:12px}
.offer .tag{align-self:flex-start;font-family:var(--f-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:#0B3A2A;background:#D6F2E6;border-radius:999px;padding:4px 10px}
.offer p{color:var(--paper-mute)}
.offer ul{margin:4px 0 0;padding-left:20px;color:var(--paper-mute);display:flex;flex-direction:column;gap:6px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:56px;counter-reset:st}
.step{border-top:2px solid var(--paper-ink);padding-top:18px;display:flex;flex-direction:column;gap:8px}
.step .num{font-family:var(--f-mono);font-size:.85rem;color:#0F7E58}
.step p{color:var(--paper-mute);font-size:1rem}
.band-cta{margin-top:56px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;background:var(--paper-ink);color:var(--ink);border-radius:26px;padding:32px clamp(22px,4vw,44px)}
.band-cta p{color:var(--mute);max-width:52ch}

/* Familie */
.family{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.fam-card{border:1px solid var(--line);border-radius:26px;background:var(--deep);padding:26px;display:flex;flex-direction:column;gap:14px}
.fam-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--panel)}
.dot{width:12px;height:12px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);flex-shrink:0}
.dot.off{background:transparent;border:1.5px solid var(--mute);box-shadow:none}
.fam-row span{flex:1;min-width:0}
.fam-row em{font-style:normal;font-family:var(--f-mono);font-size:.8rem;color:var(--mute)}

/* Vertrauen */
.trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.tr{padding:26px 28px 26px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px}
.tr:nth-child(odd){border-right:1px solid var(--line)}
.tr:nth-child(even){padding-left:28px}
.tr svg{width:28px;height:28px;stroke:var(--mint);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tr p{color:var(--mute);margin-top:6px}

/* Fahrplan */
.road{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.road::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:linear-gradient(90deg,var(--mint),var(--line) 40%)}
.ms{position:relative;padding-top:38px;display:flex;flex-direction:column;gap:8px}
.ms::before{content:"";position:absolute;top:2px;left:0;width:16px;height:16px;border-radius:50%;background:var(--night);border:1.5px solid var(--line)}
.ms.now::before{background:var(--mint);border-color:var(--mint);box-shadow:0 0 14px var(--mint)}
.ms .when{font-family:var(--f-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mint)}
.ms p{color:var(--mute);font-size:1rem}


/* Geschichte */
.story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px}
.chap{border-top:1px solid var(--mint);padding-top:20px;display:flex;flex-direction:column;gap:12px}
.chap .num{font-family:var(--f-mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.chap p{color:var(--mute)}
.chap .say{color:var(--ink);font-family:var(--f-display);font-weight:300;font-size:1.1rem;border-left:0;background:var(--deep);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.story-end{margin:44px 0 40px;font-family:var(--f-display);font-weight:300;font-size:1.45rem;line-height:1.4;max-width:46ch;color:var(--ink)}
@media (max-width:980px){.story{grid-template-columns:minmax(0,1fr)}}

/* Team */
.team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.person{border:1px solid var(--line);border-radius:22px;padding:28px;background:var(--deep);display:grid;grid-template-columns:68px minmax(0,1fr);gap:20px;align-items:start}
.av{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-size:1.5rem;font-weight:300;color:var(--mint);border:1px solid rgba(59,227,166,.5);box-shadow:inset 0 0 18px rgba(59,227,166,.15)}
.person .role{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);margin-top:4px}
.person p{color:var(--mute);margin-top:10px}
.ph{background:rgba(243,201,105,.16);color:#F3D88E;border-radius:4px;padding:0 4px}

/* Kontakt */
.contact{position:relative;overflow:hidden;border-top:1px solid var(--line)}
.contact::before{content:"";position:absolute;right:-180px;top:50%;width:560px;height:560px;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(59,227,166,.35);box-shadow:0 0 80px rgba(59,227,166,.15),inset 0 0 80px rgba(59,227,166,.08);pointer-events:none}
.contact .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.cbox{border:1px solid var(--line);border-radius:24px;background:rgba(11,23,41,.85);padding:28px;display:flex;flex-direction:column;gap:18px}
.cline{display:flex;flex-direction:column;gap:4px}
.cline .k{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.cline .v{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--f-display);font-size:1.25rem;user-select:all}
.copy{font-family:var(--f-body);font-size:.85rem;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;user-select:none}
.copy:hover{border-color:var(--mint)}

footer{border-top:1px solid var(--line)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:28px;color:var(--mute);font-size:.95rem}
footer nav{display:flex;gap:22px}
footer a{color:var(--mute);text-decoration:none}
footer a:hover{color:var(--ink)}
.legal{border-top:1px solid var(--line);padding-block:56px}
.legal h2{font-family:var(--f-display);font-weight:300;font-size:1.6rem;margin-bottom:20px}
.legal .cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;color:var(--mute);line-height:1.6}
.legal h3{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:500;margin-bottom:6px}
.legal p{color:var(--ink)}
@media (max-width:760px){.legal .cols{grid-template-columns:minmax(0,1fr)}}

@media (max-width:980px){
  .hero .wrap,.split,.family,.contact .wrap{grid-template-columns:minmax(0,1fr)}
  .stage{min-height:500px}
  .dialogs,.offers{grid-template-columns:minmax(0,1fr)}
  .feat{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps,.road{grid-template-columns:repeat(2,minmax(0,1fr))}
  .road::before{display:none}
  .team{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .facts,.stats,.trust{grid-template-columns:minmax(0,1fr)}
  .tr,.tr:nth-child(even){padding:22px 0;border-right:0}
  .tr:nth-child(odd){border-right:0}
  .feat,.steps,.road{grid-template-columns:minmax(0,1fr)}
  .issue{grid-template-columns:minmax(0,1fr);gap:6px}
  .person{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* Mehrseitige Version: Navigation, Seitenköpfe, Zielgruppen, Fragen, Platzhalter */
.nav a[aria-current="page"]{color:var(--ink);box-shadow:0 2px 0 var(--mint)}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-family:var(--f-display);font-size:.95rem}
.menu summary::-webkit-details-marker{display:none}
.menu summary svg{width:18px;height:18px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round}
.menu[open] summary{border-color:var(--mint)}
.menu .panel{position:absolute;right:0;top:calc(100% + 10px);min-width:250px;background:var(--deep);border:1px solid var(--line);border-radius:18px;padding:10px;display:flex;flex-direction:column;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.menu .panel a{color:var(--ink);text-decoration:none;padding:12px 14px;border-radius:12px;font-size:1.05rem}
.menu .panel a:hover,.menu .panel a[aria-current="page"]{background:var(--panel);color:var(--mint)}
@media (max-width:860px){.menu{display:block}.nav{gap:12px}}

.pagehead{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.pagehead::after{content:"";position:absolute;right:-160px;top:-140px;width:460px;height:460px;border-radius:50%;border:1px solid rgba(59,227,166,.4);box-shadow:0 0 70px rgba(59,227,166,.18),inset 0 0 60px rgba(59,227,166,.08);pointer-events:none}
.pagehead .wrap{position:relative;z-index:1;padding-block:clamp(56px,8vw,96px);display:flex;flex-direction:column;gap:20px;max-width:var(--wrap)}
.pagehead h1{font-size:clamp(2.3rem,5vw,3.8rem);line-height:1.06;font-weight:200;max-width:20ch}
.pagehead h1 b{font-weight:500;color:var(--mint)}
.crumbs{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.crumbs a{color:var(--mute);text-decoration:none}
.crumbs a:hover{color:var(--mint)}

.aud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.audc{position:relative;border:1px solid var(--line);border-radius:24px;background:var(--deep);padding:30px 28px;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--ink);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;overflow:hidden}
.audc:hover{border-color:var(--mint);transform:translateY(-2px);box-shadow:0 0 40px rgba(59,227,166,.12)}
.audc .k{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}
.audc h3{font-size:1.5rem;font-weight:400}
.audc p{color:var(--mute)}
.audc .go{margin-top:auto;padding-top:10px;font-family:var(--f-display);font-weight:500;color:var(--mint);display:inline-flex;align-items:center;gap:8px}
.audc .go svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.imgph{border:1.5px dashed rgba(243,201,105,.6);background:rgba(243,201,105,.06);border-radius:22px;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;text-align:center;color:#F3D88E}
.imgph svg{width:34px;height:34px;stroke:#F3D88E;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.imgph b{font-family:var(--f-display);font-weight:500;font-size:1.05rem}
.imgph span{font-size:.95rem;color:#E9D7A4;max-width:40ch}
.band .imgph{background:#FFF8E4;border-color:#D9B451;color:#7A5A06}
.band .imgph svg{stroke:#9A7410}
.band .imgph span{color:#7A5A06}
.imgph.tall{min-height:420px}
.imgph.av{width:68px;height:68px;min-height:0;padding:0;border-radius:50%;gap:0}
.imgph.av svg{width:22px;height:22px}

.media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.media.rev > :first-child{order:2}
.checks{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.checks li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;color:var(--mute)}
.checks li b{color:var(--ink);font-weight:700}
.checks svg{width:22px;height:22px;stroke:var(--mint);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}

.howto{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hs{border:1px solid var(--line);border-radius:22px;padding:26px 24px;background:var(--deep);display:flex;flex-direction:column;gap:10px}
.hs .n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-weight:500;color:var(--mint-ink);background:var(--mint);box-shadow:0 0 18px rgba(59,227,166,.35)}
.hs p{color:var(--mute);font-size:1rem}

.devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.dv{background:var(--night);padding:26px 24px;display:flex;flex-direction:column;gap:8px}
.dv .k{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.dv p{color:var(--mute);font-size:1rem}

.voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.voice{border:1.5px dashed rgba(243,201,105,.5);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:14px;color:#E9D7A4}
.voice q{font-family:var(--f-display);font-weight:300;font-size:1.15rem;line-height:1.45;color:#F3D88E;quotes:"„" "“"}
.voice span{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}

.faq{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-family:var(--f-display);font-size:1.25rem;font-weight:400}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:linear-gradient(var(--mint),var(--mint)) center/12px 2px no-repeat,linear-gradient(var(--mint),var(--mint)) center/2px 12px no-repeat}
.faq details[open] summary::after{background:linear-gradient(var(--mint),var(--mint)) center/12px 2px no-repeat;border-color:var(--mint)}
.faq summary:hover{color:var(--mint)}
.faq .ans{padding:0 0 26px;color:var(--mute);max-width:75ch;display:flex;flex-direction:column;gap:12px}
.faq-group{margin-top:56px}
.faq-group:first-child{margin-top:0}
.faq-group > .eyebrow{display:block;margin-bottom:12px}

.cta-strip{border:1px solid var(--line);border-radius:26px;background:linear-gradient(120deg,rgba(59,227,166,.10),transparent 55%),var(--deep);padding:36px clamp(22px,4vw,48px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.cta-strip h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.cta-strip p{color:var(--mute);margin-top:8px;max-width:56ch}
.cta-strip .acts{display:flex;gap:12px;flex-wrap:wrap}

.diff{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:56px;align-items:start;border-top:1px solid var(--line);padding-top:48px}
.diff ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}
.diff li{display:flex;flex-direction:column;gap:4px}
.diff li b{font-family:var(--f-display);font-weight:500;font-size:1.1rem}
.diff li span{color:var(--mute);font-size:1rem}

.legalpage .wrap{max-width:860px}
.legalpage h2{font-size:1.5rem;font-weight:400;margin:40px 0 12px}
.legalpage h2:first-child{margin-top:0}
.legalpage p{color:var(--mute);margin-bottom:12px}
.legalpage p b{color:var(--ink)}

footer .wrap{align-items:flex-start}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px;width:100%;padding-block:48px 28px}
.fgrid .mark{font-size:1.5rem}
.fgrid p{color:var(--mute);margin-top:14px;max-width:34ch;font-size:1rem}
.fcol{display:flex;flex-direction:column;gap:10px}
.fcol .k{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}
.fcol a{color:var(--ink);text-decoration:none;font-size:1rem}
.fcol a:hover{color:var(--mint)}
.fbase{width:100%;border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--mute);font-size:.92rem}

.testnote{background:#F3D88E;color:#2A2000;font-family:var(--f-mono);font-size:.8rem;letter-spacing:.04em;text-align:center;padding:8px 16px}

@media (max-width:980px){
  .aud,.voices,.devices{grid-template-columns:minmax(0,1fr)}
  .media,.diff{grid-template-columns:minmax(0,1fr)}
  .media.rev > :first-child{order:0}
  .howto{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fgrid{grid-template-columns:1fr 1fr}
  .fgrid > :first-child{grid-column:1/-1}
}
@media (max-width:620px){
  .howto,.diff ul{grid-template-columns:minmax(0,1fr)}
  .fgrid{grid-template-columns:minmax(0,1fr)}
  .faq summary{font-size:1.1rem}
}
.imgph.av b,.imgph.av span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.nav .menu .panel a{display:block}
.menu .panel a[aria-current="page"]{box-shadow:none}
.person{grid-template-columns:112px minmax(0,1fr);align-items:center}
.portrait{width:112px;height:112px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 1px rgba(59,227,166,.55),0 0 0 6px rgba(59,227,166,.08),0 0 26px rgba(59,227,166,.25)}
@media (max-width:620px){.person{grid-template-columns:minmax(0,1fr);justify-items:start}}
.phone-wrap{position:relative;display:grid;place-items:center;padding:30px 0}
.phone-wrap .ring{width:min(400px,95%);animation:none}
.phone.sm{width:260px}
.phone.sm .shot{border-radius:30px}
@media (max-width:620px){.phone.sm{width:230px}}
.photo{display:block;width:100%;height:auto;border-radius:24px;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.45)}