/* CreatorPulse Website
   Layout: dunkle Bühne, ein rotes Signal. Die Pulslinie läuft durch den Hero in eine Panel-Vorschau;
   alle Sektionen stehen in einer 1160px-Spalte. */
:root{
  --ink:#09090a;          /* Seitengrund, fast schwarz mit warmem Stich */
  --ink-2:#121113;        /* erhöhte Fläche */
  --ink-3:#1b191c;        /* Karten / Fenster */
  --line:#2a2629;         /* Haarlinien */
  --fg:#f4f1f1;           /* Haupttext */
  --fg-dim:#a39b9c;       /* Nebentext */
  --red:#ff4d43;          /* Markenrot aus dem Logo-Verlauf */
  --red-deep:#a3120e;     /* Verlaufsende */
  --red-glow:rgba(255,77,67,.18);
  --ok:#3ecf8e;
  --warn:#f5b84a;
  --f-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --f-body:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --wrap:1160px;
  --r:14px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--fg);font:16px/1.65 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--f-display);font-weight:700;line-height:1.05;letter-spacing:-.025em;text-wrap:balance;margin:0}
p{margin:0}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.eyebrow{font:500 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.btn{display:inline-flex;align-items:center;gap:.6em;padding:.85em 1.4em;border-radius:999px;font:600 15px/1 var(--f-body);text-decoration:none;border:1px solid transparent;transition:transform .15s ease,background .15s ease,border-color .15s ease;cursor:pointer;background:none;color:var(--fg)}
.btn-red{background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;box-shadow:0 8px 30px -8px var(--red-glow),0 0 0 1px rgba(255,255,255,.06) inset}
.btn-red:hover{transform:translateY(-2px)}
.btn-ghost{border-color:var(--line);color:var(--fg)}
.btn-ghost:hover{border-color:var(--fg-dim)}

/* Navigation */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(9,9,10,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 20px/1 var(--f-display);letter-spacing:-.02em}
.logo svg{width:34px;height:34px;flex:none}
.logo b{color:var(--red);font-weight:700}
.nav-links{display:flex;gap:28px;font-size:14.5px;color:var(--fg-dim)}
.nav-links a{text-decoration:none}
.nav-links a:hover{color:var(--fg)}
.nav .btn{padding:.7em 1.15em;font-size:14px}
@media (max-width:900px){.nav-links{display:none}}

/* Hero */
.hero{position:relative;padding-block:clamp(56px,9vw,110px) clamp(48px,7vw,90px);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:70vw;height:70vw;max-width:900px;max-height:900px;background:radial-gradient(closest-side,rgba(255,77,67,.20),transparent 70%);z-index:-1}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.hero-grid>*{min-width:0}
.hero h1{font-size:clamp(42px,6.6vw,84px);font-weight:800;margin-block:18px 22px}
.hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--red),#ff8a7a 50%,var(--red));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:clamp(17px,1.6vw,19px);color:var(--fg-dim);max-width:34em}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:28px;font:400 13px/1.4 var(--f-mono);color:var(--fg-dim)}
.hero-meta span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:8px;vertical-align:middle}
.pulse-line{position:absolute;left:0;right:0;top:58%;height:120px;z-index:-1;opacity:.55;pointer-events:none}
.pulse-line path{fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2400;stroke-dashoffset:0;animation:trace 6s linear infinite}
@keyframes trace{from{stroke-dashoffset:2400}to{stroke-dashoffset:0}}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.pulse-line{display:none}}

/* Panel-Vorschau im Hero */
.panel{background:var(--ink-3);border:1px solid var(--line);border-radius:18px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.03) inset,0 0 80px -20px var(--red-glow);overflow:hidden;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);transition:transform .5s ease}
.panel:hover{transform:none}
@media (max-width:900px){.panel{transform:none}}
.panel-top{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--ink-2)}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.dots i:first-child{background:var(--red)}
.tabs{display:flex;gap:4px;font:500 12px/1 var(--f-mono);color:var(--fg-dim);overflow:hidden}
.tabs span{padding:6px 10px;border-radius:7px;white-space:nowrap}
.tabs .on{background:var(--ink-3);color:var(--fg)}
.panel-body{padding:18px;display:grid;gap:14px}
.model-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.model-chip{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px}
.avatar{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--red),var(--red-deep));display:grid;place-items:center;font:700 13px/1 var(--f-display);color:#fff}
.week-label{font:500 12px/1 var(--f-mono);color:var(--fg-dim)}
.slot{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:11px 12px;border-radius:11px;background:var(--ink-2);border:1px solid var(--line);font-size:13.5px}
.slot time{font:500 12.5px/1.2 var(--f-mono);color:var(--fg-dim);font-variant-numeric:tabular-nums}
.slot strong{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slot small{color:var(--fg-dim);font-size:12px}
.slot>div{min-width:0}
.pill{font:500 11px/1 var(--f-mono);padding:5px 8px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}
.pill.ok{color:var(--ok)}.pill.plan{color:var(--warn)}.pill.live{color:var(--red);background:var(--red-glow)}
.panel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stat{padding:12px;border-radius:11px;border:1px solid var(--line)}
.stat b{display:block;font:700 20px/1.1 var(--f-display);font-variant-numeric:tabular-nums}
.stat span{font-size:11.5px;color:var(--fg-dim)}
.spark{height:26px;width:100%;margin-top:6px}
.spark path{fill:none;stroke:var(--red);stroke-width:1.6}
.spark .area{fill:var(--red-glow);stroke:none}

/* Plattform-Leiste */
.strip{border-block:1px solid var(--line);background:var(--ink-2)}
.strip .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;padding-block:22px}
.strip p{font:500 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}
.plats{display:flex;flex-wrap:wrap;gap:10px 28px;font:600 15px/1 var(--f-display);color:var(--fg)}
.plats span{opacity:.85}
.plats small{font:500 11px/1 var(--f-mono);color:var(--fg-dim);margin-left:6px;letter-spacing:.04em}

/* Sektionen */
section{padding-block:clamp(72px,10vw,128px)}
.sec-head{display:grid;gap:16px;max-width:44rem;margin-bottom:clamp(36px,5vw,56px)}
.sec-head h2{font-size:clamp(32px,4.4vw,54px)}
.sec-head p{color:var(--fg-dim);font-size:17.5px}

/* Einblick: Slideshow mit echten Screenshots */
.show{display:grid;gap:22px}
.show-tabs{display:flex;gap:6px;flex-wrap:wrap}
.show-tab{position:relative;overflow:hidden;font:600 14px/1 var(--f-body);color:var(--fg-dim);padding:.75em 1.1em;border-radius:999px;border:1px solid var(--line);background:var(--ink-2);cursor:pointer;transition:color .15s ease,border-color .15s ease}
.show-tab:hover{color:var(--fg)}
.show-tab[aria-selected="true"]{color:var(--fg);border-color:rgba(255,77,67,.55);background:var(--ink-3)}
.show-tab .bar{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--red);transform-origin:left;transform:scaleX(0)}
.show-tab[aria-selected="true"] .bar{transform:scaleX(var(--p,0))}
.stage{position:relative;border-radius:18px;border:1px solid var(--line);background:var(--ink-2);box-shadow:0 50px 100px -40px rgba(0,0,0,.9),0 0 120px -40px var(--red-glow);overflow:hidden}
.stage-top{display:flex;align-items:center;gap:14px;padding:11px 16px;border-bottom:1px solid var(--line);background:var(--ink-3)}
.url{flex:1;max-width:420px;margin-inline:auto;font:500 12px/1 var(--f-mono);color:var(--fg-dim);background:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px 12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slides{position:relative;aspect-ratio:16/10;background:#0f0f0f}
.slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .6s ease,transform .8s ease,visibility 0s linear .6s}
.slide.on{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease,transform .8s ease,visibility 0s}
.slide>img{width:100%;height:100%;object-fit:cover;object-position:top center}
.slide.phones{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,56px);background:radial-gradient(60% 80% at 50% 100%,rgba(255,77,67,.16),transparent 70%),#0d0c0e}
.phone{position:relative;height:86%;width:auto;min-width:0;overflow:hidden;aspect-ratio:390/844;border-radius:clamp(18px,3vw,34px);padding:clamp(4px,.7vw,8px);background:#1c1b1e;border:1px solid #2f2c30;box-shadow:0 30px 60px -20px rgba(0,0,0,.9)}
.phone:nth-child(2){transform:translateY(6%)}
.phone-screen{position:relative;width:100%;height:100%;border-radius:calc(clamp(18px,3vw,34px) - 6px);overflow:hidden;background:#000}
.phone-screen img{position:absolute;left:0;top:0;width:auto;height:100%;max-width:none}
.show-nav{position:absolute;top:50%;translate:0 -50%;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(9,9,10,.6);backdrop-filter:blur(8px);color:var(--fg);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .2s ease}
.show-nav svg{width:18px;height:18px}
.show-nav.prev{left:14px}.show-nav.next{right:14px}
.stage:hover .show-nav,.show-nav:focus-visible{opacity:1}
.show-cap{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:baseline;min-height:3.4em}
.show-cap b{font:700 20px/1.2 var(--f-display)}
.show-cap span{color:var(--fg-dim)}
.demo-note{font:400 12px/1.4 var(--f-mono);color:var(--fg-dim)}
@media (max-width:700px){

  .show-nav{display:none}
  .show-cap{grid-template-columns:1fr}

}
@media (hover:none){.show-nav{opacity:1}}

/* Zielgruppen */
.aud{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.aud-card{border:1px solid var(--line);border-radius:18px;padding:clamp(26px,3.5vw,40px);background:var(--ink-2);display:grid;gap:16px;align-content:start;min-width:0}
.aud-card:first-child{background:radial-gradient(120% 120% at 0% 0%,rgba(255,77,67,.14),transparent 55%),var(--ink-2);border-color:rgba(255,77,67,.4)}
.aud-tag{font:500 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.aud-card h3{font-size:clamp(24px,2.6vw,30px)}
.aud-card>p:not(.aud-tag){color:var(--fg-dim)}
.aud-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
.aud-card li{display:flex;gap:10px}
.aud-card li::before{content:"";flex:none;width:7px;height:7px;margin-top:9px;border-radius:2px;background:var(--red);transform:rotate(45deg)}
.aud-card .btn{justify-self:start;margin-top:6px}
@media (max-width:820px){.aud{grid-template-columns:1fr}}

/* Funktionen (Bento) */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.card{grid-column:span 2;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:12px;min-width:0;transition:border-color .2s ease,transform .2s ease}
.card:hover{border-color:rgba(255,77,67,.45);transform:translateY(-3px)}
.card.wide{grid-column:span 3}
.card h3{font-size:22px;letter-spacing:-.015em}
.card p{color:var(--fg-dim);font-size:15px}
.card .new{align-self:flex-start;font:500 10.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red);border:1px solid rgba(255,77,67,.45);border-radius:999px;padding:4px 8px}
.ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--red-glow);color:var(--red)}
.ico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}
.tags span{font:500 11.5px/1 var(--f-mono);padding:6px 9px;border-radius:7px;background:var(--ink-3);color:var(--fg-dim);border:1px solid var(--line)}
@media (max-width:980px){.card,.card.wide{grid-column:span 3}}
@media (max-width:640px){.bento{grid-template-columns:1fr}.card,.card.wide{grid-column:auto}}

/* Fan-Analyse (Highlight) */
.fans{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(32px,5vw,64px);align-items:center}
.fans>*{min-width:0}
.fans-copy{display:grid;gap:18px}
.fans-copy h2{font-size:clamp(32px,4.4vw,54px)}
.fans-copy>p:not(.eyebrow):not(.demo-note){color:var(--fg-dim);font-size:17px}
.fans-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:15px;color:var(--fg-dim)}
.fans-copy li{position:relative;padding-left:20px}
.fans-copy li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:2px;background:var(--red);transform:rotate(45deg)}
.fans-copy li b{color:var(--fg);font-weight:600}
.fans-vis{display:grid;gap:14px;justify-items:start}
.fans-switch{display:inline-flex;padding:4px;border-radius:999px;border:1px solid var(--line);background:var(--ink-2)}
.fans-switch button{font:600 14px/1 var(--f-body);color:var(--fg-dim);background:none;border:0;border-radius:999px;padding:.7em 1.1em;cursor:pointer}
.fans-switch button[aria-selected="true"]{background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff}
/* Ausschnitt: nur die Diagramm-Karte aus dem Screenshot (links 13,5 %, oben 29,2 %, Breite 73 %, Höhe 52,6 %) */
.crop{position:relative;width:100%;aspect-ratio:2.22;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:#121212;box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 100px -40px var(--red-glow)}
.crop img{position:absolute;width:137%;max-width:none;height:auto;left:-18.5%;top:-55.5%;opacity:0;transition:opacity .45s ease}
.crop img.on{opacity:1}
@media (max-width:900px){.fans{grid-template-columns:1fr}}

/* Rollen */
.roles{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(32px,5vw,72px);align-items:center}
.roles>*{min-width:0}
.roles-copy{display:grid;gap:18px}
.roles-copy h2{font-size:clamp(32px,4.4vw,54px)}
.roles-copy p{color:var(--fg-dim);font-size:17px}
.table-box{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--ink-2)}
table{width:100%;border-collapse:collapse;font-size:14px;min-width:480px}
th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line)}
tr:last-child td{border-bottom:0}
th{font:500 11.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);background:var(--ink-3)}
td:not(:first-child),th:not(:first-child){text-align:center}
.y{color:var(--red);font-weight:700}
.ck{width:18px;height:18px;vertical-align:middle}
.n{color:#4a4446}
.p{font:500 11.5px/1 var(--f-mono);color:var(--warn)}
@media (max-width:900px){.roles{grid-template-columns:1fr}}

/* Self-Hosted */
.host{background:linear-gradient(180deg,var(--ink-2),var(--ink));border-block:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.step{position:relative;padding:28px 26px 26px;border-radius:var(--r);border:1px solid var(--line);background:var(--ink);display:grid;gap:10px;align-content:start;min-width:0}
.step::before{counter-increment:s;content:counter(s,decimal-leading-zero);font:500 13px/1 var(--f-mono);color:var(--red)}
.step h3{font-size:21px}
.step p{color:var(--fg-dim);font-size:15px}
code{font:500 13px/1.5 var(--f-mono);background:var(--ink-3);border:1px solid var(--line);padding:2px 7px;border-radius:6px;color:var(--fg);word-break:break-word}
.host-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.fact{padding-top:16px;border-top:1px solid var(--line);display:grid;gap:6px}
.fact b{font:600 16px/1.3 var(--f-display)}
.fact span{color:var(--fg-dim);font-size:14px}
@media (max-width:900px){.steps{grid-template-columns:1fr}.host-facts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.host-facts{grid-template-columns:1fr}}

/* Pläne */
.license{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
.lic-badge{justify-self:start;font:500 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--red),var(--red-deep));padding:6px 10px;border-radius:999px}
.lic{border:1px solid var(--line);border-radius:18px;padding:32px;display:grid;gap:16px;align-content:start;background:var(--ink-2);min-width:0}
.lic.main{background:radial-gradient(120% 120% at 100% 0%,rgba(255,77,67,.16),transparent 55%),var(--ink-2);border-color:rgba(255,77,67,.4)}
.lic h3{font-size:28px}
.lic .sub{color:var(--fg-dim)}
.lic ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
.lic li{display:flex;gap:10px}
.lic li::before{content:"";flex:none;width:16px;height:16px;margin-top:4px;border-radius:50%;background:var(--red-glow);box-shadow:inset 0 0 0 4px var(--ink-2),inset 0 0 0 9px var(--red)}
.lic .btn{justify-self:start;margin-top:6px}
@media (max-width:980px){.license{grid-template-columns:1fr}}

/* Kontakt */
.contact{position:relative;overflow:hidden;border-radius:24px;padding:clamp(36px,6vw,72px);background:linear-gradient(135deg,#1a0a0a,var(--ink-2) 60%);border:1px solid rgba(255,77,67,.35);display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.contact>*{min-width:0}
.contact::after{content:"";position:absolute;right:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,77,67,.28),transparent);pointer-events:none}
.contact h2{font-size:clamp(32px,4.6vw,58px);margin-top:16px}
.contact p{color:var(--fg-dim);font-size:17px;margin-top:16px;max-width:30em}
.mailbox{position:relative;z-index:1;display:grid;gap:14px;background:rgba(9,9,10,.6);border:1px solid var(--line);border-radius:16px;padding:22px}
.mailbox label{font:500 11.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}
.mail{font:600 clamp(18px,2.2vw,24px)/1.2 var(--f-display);color:var(--fg);user-select:all;word-break:break-all}
.mail-actions{display:flex;flex-wrap:wrap;gap:10px}
.mail-actions .btn{padding:.75em 1.2em;font-size:14px}
.copied{font:500 12px/1 var(--f-mono);color:var(--ok);min-height:1em}
@media (max-width:820px){.contact{grid-template-columns:1fr}}

/* Footer */
footer{padding-block:48px 40px;border-top:1px solid var(--line);margin-top:clamp(72px,10vw,128px)}
footer .wrap{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:center}
.powered{font:500 13px/1.4 var(--f-mono);color:var(--fg-dim)}
.powered b{color:var(--fg);font-weight:500}
.powered i{font-style:normal;color:var(--red)}
.foot-links{display:flex;gap:22px;font-size:14px;color:var(--fg-dim)}
.foot-links a{text-decoration:none}.foot-links a:hover{color:var(--fg)}

/* Einblenden */
@media (prefers-reduced-motion:no-preference){
  .rise{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
  .d1{animation-delay:.08s}.d2{animation-delay:.18s}.d3{animation-delay:.28s}.d4{animation-delay:.4s}
  @keyframes rise{from{opacity:.001;transform:translateY(18px)}to{opacity:1;transform:none}}
  .live-dot{animation:beat 1.6s ease-in-out infinite}
  @keyframes beat{0%,100%{box-shadow:0 0 0 0 rgba(255,77,67,.6)}50%{box-shadow:0 0 0 6px rgba(255,77,67,0)}}
}
@media (prefers-reduced-motion:reduce){.pulse-line path{animation:none}.panel{transform:none}.slide,.slide.on{transition:none;transform:none}}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:6px;vertical-align:middle}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}