/* ============================================================
   Klariano Sichtbarkeits-Monitor — Editorial Premium
   Brand: Cream #faf6ea · Green #00a65a · Ink #0d1411 · Caramel #c9a96e
   Type: Geist (sans) · Geist Mono (data) · Instrument Serif (accents)
   ============================================================ */
:root{
  --cream:#faf6ea;
  --cream-2:#f4eeda;
  --card:#ffffff;
  --ink:#0d1411;
  --ink-2:#3a4540;
  --ink-3:#6b756f;
  --ink-4:#a6ada7;
  --body:#47514a;
  --muted:#8a8f88;
  --green:#00a65a;
  --green-ink:#0a3a22;
  --green-lt:#2fb877;
  --green-soft:#d7ecd9;
  --green-wash:rgba(0,166,90,.09);
  --caramel:#c9a96e;
  --caramel-deep:#7a5c28;
  --caramel-wash:rgba(201,169,110,.15);
  --red:#c95a5a;
  --red-deep:#8a3a3a;
  --red-wash:rgba(201,90,90,.12);
  --border:#e9e2ce;
  --border-soft:#f1ebdb;
  --hairline:rgba(13,20,17,.08);
  --font-sans:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  /* Fliesstext-Schrift statt Mono überall (ausser Footer) */
  --font-mono:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono-real:'Geist Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --font-serif:'Instrument Serif',ui-serif,Georgia,serif;
  --radius:16px;
  --maxw:1200px;
  --sh-card:0 1px 2px rgba(13,20,17,.04),0 20px 44px -28px rgba(13,20,17,.18);
  --sh-float:0 1px 2px rgba(13,20,17,.05),0 36px 80px -40px rgba(13,20,17,.3),0 16px 40px -24px rgba(0,166,90,.1);
  --sh-mini:0 1px 2px rgba(13,20,17,.05),0 16px 36px -20px rgba(13,20,17,.28);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-sans);
  font-feature-settings:"ss01","ss02","cv11";
  background:var(--cream);
  color:var(--body);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
h1,h2,h3{color:var(--ink);font-weight:500;line-height:1.08;letter-spacing:-0.03em}
em{font-style:normal;font-family:inherit;font-weight:inherit;letter-spacing:inherit}
p{max-width:60ch;font-size:17px;line-height:1.6}
a{color:var(--green);text-decoration:none}
a:hover{color:var(--green-ink)}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.h2-nowrap{white-space:nowrap;text-wrap:nowrap}
@media (max-width:640px){.h2-nowrap{white-space:normal;font-size:clamp(30.8px,8.25vw,44px)!important}.audit-h2{font-size:clamp(36px,5.04vw,60px)!important}.ch-h2{font-size:clamp(39.6px,5.5vw,66px)!important}}
/* responsive line breaks: balance headings, flow body, desktop-only hard breaks */
h2,h3{text-wrap:balance}
.cta__h{text-wrap:initial}
p,.lead,.sub{text-wrap:pretty}
.sub-line2{display:inline}
br.br-d{display:inline}
br.br-m{display:none}
@media (max-width:640px){br.br-d{display:none}br.br-m{display:inline}}
::selection{background:#0a3a22;color:#faf6ea}

/* labels & numbers */
.mono,.microtrust,.copyright{font-family:var(--font-mono)}
.eyebrow{
  font-family:var(--font-mono);font-size:0.7rem;font-weight:500;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--caramel-deep);margin-bottom:18px;display:block;
}

/* buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--ink);color:var(--cream);font-family:inherit;font-size:15px;font-weight:500;
  border:1px solid var(--ink);border-radius:999px;padding:14px 22px;cursor:pointer;white-space:nowrap;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 6px 18px -8px rgba(0,0,0,.4);
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.btn:hover{background:var(--green-ink);border-color:var(--green-ink);color:var(--cream);transform:translateY(-1px)}
.btn:active{transform:translateY(1px)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--border);box-shadow:none}
.btn-ghost:hover{background:#fff;color:var(--ink);border-color:var(--ink-4)}
.btn-sm{padding:9px 18px;font-size:0.88rem}
input[type=text],input[type=email]{
  font-family:inherit;font-size:0.98rem;color:var(--ink);
  background:#fff;border:1px solid var(--border);border-radius:999px;
  padding:13px 18px;width:100%;transition:border-color .18s ease,box-shadow .18s ease;
}
input::placeholder{color:var(--muted)}
input:focus{outline:none;border-color:var(--green-lt);box-shadow:0 0 0 3px rgba(47,184,119,.16)}

/* ---------- nav (Home-Style) ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;
  transition:background-color .25s ease,backdrop-filter .25s ease,padding .25s ease,border-color .25s ease;
  will-change:backdrop-filter,background-color;transform:translateZ(0);
  -webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);
}
.nav--scrolled{
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  background:rgba(250,246,234,.78);border-bottom:1px solid var(--border-soft);padding:10px 0;
}
.nav__inner{max-width:var(--maxw);margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.nav__links{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:14px;color:var(--ink-2)}
.nav__links a{color:var(--ink-2);transition:color .18s ease}
.nav__links a:hover{color:var(--ink)}
.nav__cta{display:flex;gap:8px;align-items:center}

/* ===== MOBILE MENU (burger + slide-in panel) ===== */
.nav__burger{display:none;position:relative;width:42px;height:42px;padding:0;margin:0;background:transparent;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.nav__burger span{position:absolute;right:10px;height:2px;border-radius:2px;background:var(--ink);transition:transform .28s ease,width .28s ease,top .28s ease,opacity .2s ease}
.nav__burger span:nth-child(1){top:16px;width:22px}
.nav__burger span:nth-child(2){top:24px;width:14px}
.nav__burger span:nth-child(3){display:none}
.nav__burger[aria-expanded="true"] span:nth-child(1){top:20px;width:22px;transform:rotate(45deg)}
.nav__burger[aria-expanded="true"] span:nth-child(2){top:20px;width:22px;transform:rotate(-45deg)}
.mobmenu{position:fixed;inset:0;z-index:300;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}
.mobmenu[data-open="true"]{visibility:visible;opacity:1}
.mobmenu__scrim{position:absolute;inset:0;background:rgba(13,20,17,.42)}
.mobmenu__panel{position:absolute;top:0;right:0;height:100%;width:100%;background:var(--cream);display:flex;flex-direction:column;padding:13px 32px 32px;overflow-y:auto;scrollbar-width:none;transform:translateX(100%);transition:transform .34s cubic-bezier(.22,.61,.36,1)}
.mobmenu__panel::-webkit-scrollbar{display:none}
@media (max-width:600px){.mobmenu__panel{padding:13px 20px 32px}}
.mobmenu[data-open="true"] .mobmenu__panel{transform:translateX(0)}
.mobmenu__head{display:flex;align-items:center;justify-content:space-between;min-height:42px;margin-bottom:0}
.mobmenu__close{position:relative;width:42px;height:42px;margin:0;border:0;background:transparent;font-size:0;line-height:1;color:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mobmenu__close::before,.mobmenu__close::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:2px;border-radius:2px;background:var(--ink)}
.mobmenu__close::before{transform:translate(-50%,-50%) rotate(45deg)}
.mobmenu__close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.mobmenu__links{display:flex;flex-direction:column}
.mobmenu__cols{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;gap:0;margin-top:0}
.mobmenu__cols .footer__col-h{font-size:19px}
.mobmenu__cols .footer__legal a{font-size:21px}
.mobmenu__cols .footer__legal{gap:16px}
.mobmenu__links a{font-size:21px;font-weight:500;letter-spacing:-0.02em;color:var(--ink);padding:15px 0;border-bottom:1px solid var(--border-soft)}
.mobmenu__links a:hover{color:var(--ink)}
.mobmenu__foot{margin-top:0;padding-top:0;display:flex;flex-direction:column;gap:0}
.mobmenu__foot .footer__contact{font-size:21.6px;color:var(--ink-2);padding:15px 0;border-bottom:1px solid var(--border-soft)}
.mobmenu__ctas{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.mobmenu__ctas .btn{width:100%;justify-content:center}
.logo{display:inline-flex;align-items:center;font-family:var(--font-sans);font-weight:600;font-size:22px;letter-spacing:-0.02em;color:var(--ink);text-decoration:none}
.logo:hover{color:var(--ink)}
.badge-free{display:inline-flex;align-items:center;vertical-align:middle;margin-left:7px;padding:2px 8px;border-radius:999px;background:var(--green-soft,#d7ecd9);color:var(--green-ink,#0a3a22);font-family:var(--font-sans);font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.01em}
.footer__col-h .badge-free{position:relative;top:-1px}

/* ---------- buttons (Home-Style modifiers) ---------- */
.btn--lg{padding:14px 22px;font-size:15px}
.btn--primary{background:var(--ink);color:var(--cream);border:1px solid var(--ink);border-radius:999px;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 6px 18px -8px rgba(0,0,0,.4)}
.btn--primary:hover{background:var(--green-ink);border-color:var(--green-ink);transform:translateY(-1px);color:var(--cream)}
.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--border);border-radius:999px;box-shadow:none}
.btn--ghost:hover{border-color:var(--ink);background:rgba(13,20,17,.03);color:var(--ink)}
.btn__arrow{transition:transform .2s}
.btn:hover .btn__arrow{transform:translateX(3px)}
.btn__dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(0,166,90,.2);animation:btnpulse 2s infinite}
@keyframes btnpulse{0%,100%{opacity:1}50%{opacity:.4}}
/* nav/footer buttons match Home's compact size */
.nav .btn,.footer .btn{padding:9px 16px;font-size:14px;font-weight:500}
/* mobile: footer CTAs grow to match the other pages */
@media (max-width:600px){
  .footer__ctas{width:100%;flex-wrap:nowrap;justify-content:center;gap:10px}
  .footer__ctas .btn{flex:1 1 0;min-width:0;justify-content:center;padding:16px 18px;font-size:15px}
}

/* ---------- section rhythm ---------- */
.section{padding:104px 0}
.section-tight{padding:72px 0}
.center{text-align:center;margin-left:auto;margin-right:auto}
.center p{margin-left:auto;margin-right:auto}
.lead{font-size:17px;line-height:1.6;color:var(--ink-2)}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:156px 0 120px;overflow:hidden}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(62% 40% at 50% 68%,rgba(0,166,90,.13),transparent 68%),
    radial-gradient(30% 24% at 78% 60%,rgba(201,169,110,.1),transparent 70%);
}
.hero .wrap{position:relative}
.hero h1{font-size:clamp(3.15rem,6.57vw,4.91rem);margin-bottom:24px;text-wrap:balance}
.cm-wap{width:1.15em;height:1.15em;object-fit:contain;vertical-align:-0.22em;margin-right:7px;flex:none}
.cm-tip .tn .cm-wap{width:16px;height:16px;vertical-align:-3px}
#cm-list .cm-row .rn{display:inline-flex;align-items:center}
#cm-list .cm-row .rn .cm-wap{width:17px;height:17px;vertical-align:middle}
#cm-d-name{display:inline-flex;align-items:center}
#cm-d-name .cm-wap{width:20px;height:20px}
.hero .sub{font-size:19px;line-height:1.5;margin-bottom:34px;color:var(--ink-2)}
.sub .br-m{display:none}
@media (max-width:640px){.sub .br-m{display:inline}.sub .br-d{display:none}}
.microtrust{font-size:0.78rem;color:var(--ink-3);margin-top:18px;display:flex;gap:18px;flex-wrap:wrap;letter-spacing:0.01em}
.microtrust span{display:inline-flex;align-items:center;gap:7px}
.microtrust .dot{display:none}
.dot{width:5px;height:5px;border-radius:50%;background:var(--green-lt);display:inline-block;flex:none}
.hero-center{display:flex;flex-direction:column;align-items:center;text-align:center}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center}
.hero>.wrap{width:100%}
.hero-center .sub{max-width:52ch;margin-left:auto;margin-right:auto}
.hero-center .microtrust{justify-content:center}

/* rotating engine name */
.rot{display:inline-block;white-space:nowrap;margin-left:.26em;transition:opacity .18s ease,transform .18s ease}
@media (max-width:640px){
  .hero h1{line-height:1.12;font-size:clamp(2.52rem,5.26vw,3.93rem)}
}
.rot.out{opacity:0;transform:translateY(6px)}
.rot .ri{display:inline-block;vertical-align:0;margin-right:.24em;line-height:0}
.rot .ri svg{width:.72em;height:.72em;border-radius:.16em;display:block}

/* ---------- hero demo window ---------- */
.demo-stage{position:relative;width:100%;max-width:880px;margin-top:60px}
.demo-stage::before{
  content:"";position:absolute;inset:-36px -48px -48px;pointer-events:none;border-radius:40px;
  background:
    radial-gradient(rgba(13,20,17,.055) 1px,transparent 1.2px);
  background-size:15px 15px;
  mask-image:radial-gradient(75% 82% at 50% 46%,#000 42%,transparent 78%);
  -webkit-mask-image:radial-gradient(75% 82% at 50% 46%,#000 42%,transparent 78%);
}
.demo-sheet{position:absolute;left:26px;right:26px;top:26px;bottom:-16px;background:#ffffff;border:1px solid #efe8d3;border-radius:22px;opacity:.55;box-shadow:0 24px 50px -30px rgba(13,20,17,.35)}
.demo{position:relative;z-index:1;background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--sh-float);text-align:left;overflow:hidden}
.demo-bar{display:flex;align-items:center;gap:11px;padding:13px 20px;border-bottom:1px solid var(--border-soft);background:linear-gradient(180deg,#fffefb,#fcf9f0)}
.demo-mark{flex:none;width:24px;height:24px;border-radius:7px;background:var(--green);color:#fff;font-weight:600;font-size:0.78rem;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.demo-name{font-family:var(--font-mono);font-size:0.7rem;font-weight:500;letter-spacing:0.11em;text-transform:uppercase;color:var(--ink-2)}
.demo-pills{margin-left:auto;display:flex;gap:8px}
.dpill{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:0.68rem;font-weight:500;letter-spacing:0.04em;color:var(--ink-3);background:#fff;border:1px solid var(--border);border-radius:999px;padding:5px 11px;white-space:nowrap}
.livedot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 3px rgba(0,166,90,.15);animation:pulse 2.4s ease infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(0,166,90,.15)}50%{box-shadow:0 0 0 5px rgba(0,166,90,.07)}}
.demo-inner{padding:22px 26px 26px}
.demo-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap-reverse}
.demo-head{display:flex;align-items:center;justify-content:flex-end;gap:9px;font-family:var(--font-mono);font-size:0.72rem;font-weight:500;letter-spacing:0.02em;line-height:1.4;color:var(--ink-3);text-align:right;max-width:250px}
.demo-head svg{width:14px;height:14px;flex:none}
.demo-tabs{display:inline-flex;gap:4px;flex-wrap:wrap;background:var(--cream);border:1px solid var(--border-soft);border-radius:13px;padding:4px}
.dtab{position:relative;overflow:hidden;font-family:inherit;font-size:0.87rem;font-weight:500;color:var(--ink-3);background:transparent;border:none;border-radius:9px;padding:8px 15px 9px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.dtab:hover{color:var(--ink)}
.dtab.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(13,20,17,.08),0 4px 12px -4px rgba(13,20,17,.14);cursor:default}
.dtab .di{display:inline-flex;line-height:0}
.dtab .di svg{width:15px;height:15px;border-radius:4px}
.dprog{position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:2px;background:rgba(10,58,34,.14);overflow:hidden;opacity:0;pointer-events:none}
.dtab.on .dprog{opacity:1}
.dprog i{position:absolute;inset:0;transform-origin:left;background:var(--green-ink);border-radius:2px;transform:scaleX(0)}
.dtab.on.run .dprog i{animation:kl-prog var(--dwell,4200ms) linear both}
.dtab .dtmk{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}
.dtab .dtmk svg{width:9px;height:9px}
.dtab .dtmk.yes{background:rgba(0,166,90,.16);animation:kl-stamp .3s cubic-bezier(.2,.9,.3,1.4) both}
.dtab .dtmk.no{background:rgba(201,90,90,.16);animation:kl-stamp .3s cubic-bezier(.2,.9,.3,1.4) both}
.dtmk__dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;animation:kl-pulse 2s ease infinite}
.dtmk__dash{width:9px;height:2.5px;border-radius:2px;background:rgba(10,58,34,.2);display:inline-block}
.demo-q{font-size:1rem;font-weight:500;color:var(--cream);background:linear-gradient(165deg,#1d2924,#0a100d);border:1px solid rgba(255,255,255,.07);border-radius:16px 16px 16px 5px;padding:11px 19px 12px;display:inline-block;margin-top:20px;line-height:1.5;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 30px -16px rgba(13,20,17,.6);transition:opacity .16s ease}
.demo-q.qout{opacity:0}
.demo-answerzone{min-height:190px;padding-right:0;transition:opacity .2s ease}
.demo-answerzone.fade{opacity:0}
.demo-responder{display:flex;align-items:center;gap:9px;margin-top:20px}
.dr-icon{display:inline-flex;background:#fff;border:1px solid var(--border-soft);border-radius:7px;padding:4px;box-shadow:0 1px 3px rgba(13,20,17,.06)}
.dr-icon svg{width:16px;height:16px;border-radius:4px;display:block}
.dr-name{font-size:0.88rem;font-weight:600;color:var(--ink);letter-spacing:-0.01em}
.dr-note{font-size:0.72rem;color:var(--ink-4)}
.demo-a{margin-top:2px;transition:opacity .16s ease}
.demo-a.out{opacity:0}
.demo-a .atext{font-size:0.96rem;color:var(--ink-2);line-height:1.7;margin:10px 0 0;max-width:58ch}
.dcaret{display:inline-block;width:7px;height:14px;border-radius:2px;background:var(--green);margin-left:2px;vertical-align:-2px;animation:kl-blink .9s steps(1) infinite}
.dthink{display:inline-flex;gap:5px;margin-top:16px;padding:6px 2px}
.dthink i{width:7px;height:7px;border-radius:50%;background:var(--ink-4);display:inline-block;animation:kl-think 1.1s ease-in-out infinite}
.dthink i:nth-child(2){animation-delay:.15s}
.dthink i:nth-child(3){animation-delay:.3s}
.mention{color:var(--ink);font-weight:600;white-space:nowrap;text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:1px;text-underline-offset:3px}
.demo-a .astate{display:inline-flex;align-items:center;gap:9px;margin-top:16px;font-size:0.83rem;font-weight:600;letter-spacing:-0.005em;padding:9px 15px 9px 11px;border-radius:999px;animation:kl-stamp .4s cubic-bezier(.2,.9,.3,1.4) both}
.demo-a .astate .ic{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}
.demo-a .astate .ic svg{width:9px;height:9px}
.demo-a .astate.yes{color:#0a8f4e;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,166,90,.4)}
.demo-a .astate.yes .ic{background:rgba(0,166,90,.16)}
.demo-a .astate.no{color:#c25b5b;background:#fff;box-shadow:inset 0 0 0 1px rgba(201,90,90,.42);animation-delay:.12s}
.demo-a .astate.no .ic{background:rgba(201,90,90,.16)}
.demo-a .dchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;max-width:540px;animation:kl-fadeup .35s ease both}
.demo-a .dchip{font-size:0.85rem;font-weight:500;background:transparent;border:1px solid var(--border);color:var(--ink);padding:6px 14px;border-radius:999px}
.demo-a .dchip.ask{font-weight:600;background:#fff;color:var(--caramel-deep);border:1.5px dashed var(--caramel)}

/* hero demo tally */
.demo-tally{position:absolute;right:-16px;bottom:-30px;z-index:3;width:256px;box-sizing:border-box;background:linear-gradient(165deg,#18231d 0%,#0d1411 55%,#0a100d 100%);border:1px solid rgba(255,255,255,.07);border-radius:17px;padding:15px 19px 8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -24px rgba(13,20,17,.65),0 12px 28px -16px rgba(13,20,17,.5),0 0 40px -18px rgba(0,166,90,.35);animation:kl-fadeup .5s .2s ease both}
.demo-tally::before{content:"";position:absolute;left:0;right:0;top:0;height:64px;border-radius:17px 17px 0 0;background:radial-gradient(80% 100% at 22% 0%,rgba(0,166,90,.16),transparent 70%);pointer-events:none}
.dt-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid rgba(250,246,234,.09)}
.dt-row:first-child{border-top:none}
.dt-ic{display:inline-flex;background:#fff;border-radius:5px;padding:3px}
.dt-ic svg{width:14px;height:14px;border-radius:3px;display:block;transition:opacity .3s ease,filter .3s ease}
.dt-row.dim .dt-ic svg{opacity:.4;filter:grayscale(1)}
.dt-name{flex:1;font-size:0.8rem;font-weight:500;color:rgba(250,246,234,.85);letter-spacing:-0.01em}
.dt-mark{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}
.dt-mark svg{width:9px;height:9px}
.dt-mark.yes{background:rgba(0,166,90,.2);animation:kl-stamp .3s cubic-bezier(.2,.9,.3,1.4) both}
.dt-mark.no{background:rgba(201,90,90,.2);animation:kl-stamp .3s cubic-bezier(.2,.9,.3,1.4) both}
.dt-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;animation:kl-pulse 2s ease infinite}
.dt-dash{width:10px;height:2.5px;border-radius:2px;background:rgba(250,246,234,.28);display:inline-block}
@keyframes kl-blink{0%,55%{opacity:1}56%,100%{opacity:0}}
@keyframes kl-stamp{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}
@keyframes kl-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes kl-think{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-3.5px);opacity:1}}
@keyframes kl-fadeup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes kl-pulse{0%,100%{box-shadow:0 0 0 2.5px rgba(0,166,90,.16)}50%{box-shadow:0 0 0 5px rgba(0,166,90,.06)}}
@media (max-width:820px){
  .demo-answerzone{padding-right:0;min-height:0}
  .demo-head{max-width:none;justify-content:flex-start;text-align:left}
}
@media (max-width:560px){
  .demo-a .astate{white-space:normal;max-width:100%}
}

/* ---------- ticker ---------- */
.ticker-sec{overflow:hidden;position:relative}
.ticker-clip{position:relative;overflow:hidden;margin-top:40px}
.ticker{display:flex;gap:12px;width:max-content;animation:tick 72s linear infinite;margin-top:14px}
.ticker-clip .ticker:first-child{margin-top:0}
.ticker.rev{animation:tick2 80s linear infinite}
.ticker.t3{animation:tick 88s linear infinite}
.ticker:hover,.ticker.rev:hover{animation-play-state:paused}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes tick2{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.tchip{flex:none;background:transparent;border:1px solid var(--border);border-radius:999px;padding:11px 19px;font-size:0.92rem;color:var(--ink-3);white-space:nowrap}
.tchip b{color:var(--ink);font-weight:500}
.tdot{display:inline-block;width:0;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(0,166,90,.2);margin-right:0;opacity:0;vertical-align:1px;transition:width .3s ease,margin .3s ease,opacity .3s ease}
.tchip.live .tdot{width:6px;margin-right:9px;opacity:1;animation:btnpulse 2s infinite}
a.tchip:hover .tdot,a.tchip:focus-visible .tdot{opacity:.3;filter:blur(2.5px)}
a.tchip{position:relative;text-decoration:none;display:inline-block;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}
a.tchip:hover,a.tchip:focus-visible{border-color:var(--ink);background:transparent;color:transparent;box-shadow:none;text-shadow:0 0 7px rgba(13,20,17,.22)}
a.tchip:hover b,a.tchip:focus-visible b{color:transparent;text-shadow:0 0 7px rgba(13,20,17,.26)}
.tp{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;opacity:0;color:var(--ink);text-shadow:none;font-weight:500;font-size:0.88rem;transition:opacity .15s ease;pointer-events:none;white-space:nowrap}
.tp::after{content:"\2192"}
a.tchip:hover .tp,a.tchip:focus-visible .tp{opacity:1}
.ticker-clip::before,.ticker-clip::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.ticker-clip::before{left:0;background:linear-gradient(90deg,var(--cream),transparent)}
.ticker-clip::after{right:0;background:linear-gradient(270deg,var(--cream),transparent)}

/* ---------- statement (black + green fade) ---------- */
.statement-sec{
  position:relative;
  overflow:hidden;
  background:var(--ink);
  background-image:
    radial-gradient(38% 40% at 84% 116%,rgba(0,166,90,.14),transparent 70%);
}
.st-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 55% at 50% -8%,rgba(0,166,90,.30),transparent 62%);opacity:.72}
.st-dots{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.07) 1px,transparent 0);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 100% 90% at 50% 0%,#000 18%,transparent 76%);mask-image:radial-gradient(ellipse 100% 90% at 50% 0%,#000 18%,transparent 76%)}
.statement-sec .statement{position:relative;background:none;border-radius:0;padding:0;margin:0;text-align:center}
.statement h2{color:var(--cream);font-size:clamp(32px,4.4vw,53px);font-weight:500;line-height:1.08;letter-spacing:-0.03em;max-width:none;margin:0 auto 18px;text-wrap:balance}
.statement h2 .st-l1,.statement h2 .st-l2{display:inline-block}
.statement h2 .st-l2,.statement h2 .st-l2 em{color:#faf6ea8c}
.statement h2 em{font-style:normal;font-weight:inherit;letter-spacing:inherit;position:relative;display:inline-block}
.st-strike{position:absolute;left:-1.5%;right:-1.5%;top:55%;height:.052em;border-radius:99px;background:rgba(250,246,234,.66);transform:scaleX(0);transform-origin:left center}
@media (max-width:560px){.statement h2{font-size:clamp(28.6px,7.7vw,42.9px)}.statement .st-ready{font-size:1.125rem}}
.statement p,.st-p{color:rgba(250,246,234,.72);font-size:17px;line-height:1.6;margin:0 auto;max-width:54ch}
.st-stat{position:relative;overflow:hidden;margin:46px auto 0;max-width:640px;text-align:center;background:linear-gradient(165deg,#18231d 0%,#0d1411 55%,#0a100d 100%);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:clamp(26px,4.5vw,36px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -24px rgba(13,20,17,.65),0 12px 28px -16px rgba(13,20,17,.5),0 0 44px -18px rgba(0,166,90,.35)}
.st-glow2{position:absolute;left:0;right:0;top:0;height:70px;border-radius:20px 20px 0 0;background:radial-gradient(80% 100% at 50% 0%,rgba(0,166,90,.15),transparent 70%);pointer-events:none}
.st-num{position:relative;display:block;font-weight:400;font-size:clamp(2.6rem,4.6vw,3.6rem);color:#faf6ea;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
.st-quote{position:relative;display:block;margin:16px auto 0;color:rgba(250,246,234,.7);font-size:.97rem;line-height:1.65;max-width:46ch}
.st-src{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;margin:18px auto 0;padding-top:14px;border-top:1px solid rgba(250,246,234,.1);font-size:0.76rem;font-weight:500;letter-spacing:0.02em;color:rgba(250,246,234,.45)}
.st-src i{width:5px;height:5px;border-radius:50%;background:#2fb877;display:inline-block;flex:none}
.statement .st-ready{margin-top:44px;color:#faf6ea;font-weight:500;font-size:1.25rem;line-height:1.4}

/* statement entrance animations (scroll-gated via .anim/.in) */
@keyframes st-riseH{from{opacity:0;transform:translateY(18px);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes st-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes st-riseSm{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes st-panel{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}
@keyframes st-strike{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes st-glow{from{opacity:.55}to{opacity:1}}
.statement-sec.anim .st-l1,
.statement-sec.anim .st-l2,
.statement-sec.anim .st-p,
.statement-sec.anim .st-stat,
.statement-sec.anim .st-quote,
.statement-sec.anim .st-src{opacity:0}
.statement-sec.anim.in .st-l1{animation:st-riseH .7s cubic-bezier(.2,.7,.2,1) 0s both}
.statement-sec.anim.in .st-l2{animation:st-riseH .7s cubic-bezier(.2,.7,.2,1) .14s both}
.statement-sec.anim.in .st-p{animation:st-rise .7s cubic-bezier(.2,.7,.2,1) .3s both}
.statement-sec.anim.in .st-stat{animation:st-panel .8s cubic-bezier(.2,.7,.2,1) .5s both}
.statement-sec.anim.in .st-quote{animation:st-riseSm .6s cubic-bezier(.2,.7,.2,1) 1s both}
.statement-sec.anim.in .st-src{animation:st-riseSm .6s cubic-bezier(.2,.7,.2,1) 1.15s both}
.statement-sec.anim.in .st-strike{animation:st-strike .5s cubic-bezier(.2,.7,.2,1) 1.1s both}
.statement-sec.anim.in .st-glow{animation:st-glow 6.5s ease-in-out 1s infinite alternate}

/* ---------- report (Was KI sagt) ---------- */
.report{max-width:780px;margin:56px auto 0;background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--sh-float);overflow:hidden}
.rep-cap{display:flex;align-items:center;gap:8px;padding:16px 28px;font-family:var(--font-mono);font-size:0.72rem;font-weight:500;letter-spacing:0.03em;color:var(--ink-3);border-bottom:1px solid var(--border-soft);background:#fff}
.rep-cap svg{width:14px;height:14px;flex:none}
.rep-head{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;padding:22px 28px;background:linear-gradient(180deg,#fffefb,#faf6ea);border-bottom:1px solid var(--border)}
.rep-q{flex:1;min-width:230px;font-size:1.02rem;font-weight:500;color:var(--cream);background:linear-gradient(165deg,#1d2924,#0a100d);border:1px solid rgba(255,255,255,.07);border-radius:16px 16px 16px 5px;padding:12px 20px 13px;line-height:1.5;letter-spacing:-0.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 30px -16px rgba(13,20,17,.55)}
.rep-sum{display:inline-flex;align-items:center;gap:8px;font-size:0.8rem;font-weight:600;letter-spacing:-0.005em;padding:6px 14px 6px 7px;border-radius:999px;background:#fff;color:#0a8f4e;box-shadow:inset 0 0 0 1px rgba(0,166,90,.4);flex:none}
.rep-sum .ic{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:rgba(0,166,90,.16)}
.rep-sum .ic svg{width:9px;height:9px}
.rep-row{position:relative;display:flex;flex-direction:column;gap:9px;padding:20px 28px;border-bottom:1px solid var(--border-soft);transition:background .15s ease}
.rep-row:hover{background:#fdfbf4}
.rep-body .rep-row:last-child{border-bottom:0}
.rep-row::before{display:none}
.rep-row.miss{background:transparent}
.rep-line{display:flex;align-items:center;gap:11px}
.rep-name{font-size:0.94rem;font-weight:600;color:var(--ink);flex:1;letter-spacing:-0.01em}
.rep-quote{font-size:0.97rem;color:var(--ink-2);line-height:1.7;max-width:none;margin:0}
.mention2{color:var(--ink);font-weight:600;white-space:nowrap;text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:1px;text-underline-offset:3px}
.dmiss{display:inline-block;border:1.5px dashed #d3a2a2;color:var(--red-deep);font-size:0.8rem;font-weight:500;padding:2px 10px;border-radius:999px;margin-left:6px;white-space:nowrap;background:rgba(201,90,90,.05)}
.tone{display:inline-flex;align-items:center;gap:8px;font-size:0.8rem;font-weight:600;letter-spacing:-0.005em;padding:6px 14px 6px 7px;border-radius:999px;flex:none;background:#fff}
.tone .ic{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}
.tone .ic svg{width:9px;height:9px}
.tone.pos{color:#0a8f4e;box-shadow:inset 0 0 0 1px rgba(0,166,90,.4)}
.tone.pos .ic{background:rgba(0,166,90,.16)}
.tone.neu{color:var(--caramel-deep);box-shadow:inset 0 0 0 1px rgba(201,169,110,.42)}
.tone.neu .ic{background:rgba(201,169,110,.22)}
.tone.neg{color:#c25b5b;box-shadow:inset 0 0 0 1px rgba(201,90,90,.42)}
.tone.neg .ic{background:rgba(201,90,90,.16)}
.eng-slot{display:inline-flex;line-height:0;flex:none;background:#fff;border:1px solid var(--border-soft);border-radius:8px;padding:5px;box-shadow:0 1px 3px rgba(13,20,17,.06)}
.eng-slot svg{width:20px;height:20px;border-radius:5px}
.eng-slot.sm{padding:4px;border-radius:7px}
.eng-slot.sm svg{width:16px;height:16px;border-radius:4px}
.eng-slot.xs{padding:0;border:none;background:none;box-shadow:none}
.eng-slot.xs svg{width:15px;height:15px;border-radius:4px}

/* entrance: describe */
#describe .report{opacity:0;transform:translateY(18px)}
#describe.in .report{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
#describe .rep-row{opacity:0;transform:translateY(10px)}
#describe.in .rep-row{opacity:1;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1),background .15s ease}
#describe.in .rep-body .rep-row:nth-child(1){transition-delay:.25s}
#describe.in .rep-body .rep-row:nth-child(2){transition-delay:.4s}
#describe.in .rep-body .rep-row:nth-child(3){transition-delay:.55s}
#describe.in .rep-body .rep-row:nth-child(4){transition-delay:.7s}
#describe .tone,#describe .rep-sum{opacity:0;transform:scale(.75)}
#describe.in .tone,#describe.in .rep-sum{animation:stamp .4s cubic-bezier(.2,.9,.3,1.4) forwards}
#describe.in .rep-body .rep-row:nth-child(1) .tone{animation-delay:.75s}
#describe.in .rep-body .rep-row:nth-child(2) .tone{animation-delay:.9s}
#describe.in .rep-body .rep-row:nth-child(3) .tone{animation-delay:1.05s}
#describe.in .rep-body .rep-row:nth-child(4) .tone{animation-delay:1.2s}
#describe.in .rep-sum{animation-delay:1.45s}

/* ---------- feature bento ---------- */
.gap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:56px}
.gap{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:30px 30px 26px;box-shadow:var(--sh-card);transition:box-shadow .25s ease,transform .25s ease}
.gap:hover{box-shadow:var(--sh-mini);transform:translateY(-2px)}
.gap h3{font-size:1.13rem;margin-bottom:8px;letter-spacing:-0.02em}
.feat-grid>.gap h3{font-size:1.63rem}
.gap p{font-size:0.95rem;color:var(--ink-3)}
.feat-grid{grid-template-columns:repeat(6,1fr)}
.feat-grid>.gap{grid-column:span 2}
.feat-grid>.gap.half{grid-column:span 3}
.feat-grid>.gap.wide{grid-column:1/-1;display:flex;align-items:center;gap:40px}
.feat-grid>.gap.wide .wide-txt{flex:1;min-width:0}
.feat-grid>.gap.wide .gscene{flex:1;margin-top:0;max-width:440px}
.feat-grid>.gap.kwide{grid-column:span 4;display:flex;align-items:center;gap:40px}
.feat-grid>.gap.kwide .gscene{flex:1;margin-top:0;max-width:340px}
.feat-grid>.gap.kwide .wide-txt{flex:1;min-width:0}

/* scene: the little product stages */
.gscene{
  position:relative;margin-top:22px;height:198px;border-radius:14px;overflow:hidden;
  background:
    radial-gradient(rgba(13,20,17,.05) 1px,transparent 1.1px),
    linear-gradient(135deg,#f9f5e8,#f0e9d4);
  background-size:13px 13px,cover;
  border:1px solid var(--border-soft);
  padding:16px;
}
.gscene::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.mini{position:relative;background:#fff;border:1px solid var(--border);border-radius:13px;padding:13px 15px;box-shadow:var(--sh-mini);z-index:1}
.mini.back{position:absolute;background:#fff;opacity:.5;box-shadow:0 14px 30px -18px rgba(13,20,17,.3);z-index:0}
.bk1{width:78%;height:64%;right:6px;bottom:10px;transform:rotate(2.6deg)}
.bk2{width:82%;height:58%;left:8px;bottom:8px;transform:rotate(-3deg)}
.mini-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--font-mono);font-size:0.66rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:9px}
.mini-top b{font-family:var(--font-sans);font-size:1.02rem;color:var(--ink);font-weight:600;letter-spacing:-0.02em;text-transform:none}
.mini-axis{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:0.62rem;color:var(--ink-4);margin-top:6px}
.fchip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-family:var(--font-mono);font-size:0.72rem;font-weight:500;color:var(--ink);box-shadow:0 12px 26px -12px rgba(13,20,17,.35);right:12px;top:12px;white-space:nowrap}
.fchip.up{color:var(--green-ink)}
.fchip.up svg{color:#0a3a22}
.fchip.pos{color:var(--green-ink);background:#ecf8f1}

/* scene: line chart */
.m-chart{max-width:270px}
.m-chart svg{width:100%;height:64px;display:block}
.mini-leg{display:flex;gap:14px;margin-top:8px;font-size:0.68rem;color:var(--ink-3);font-family:var(--font-mono)}
.mini-leg span{display:inline-flex;align-items:center;gap:6px}
.ldot{width:8px;height:8px;border-radius:3px;display:inline-block;flex:none}
.ldot.g{background:#0a3a22}
.ldot.n{background:var(--ink-4)}
.tipcard{
  position:absolute;z-index:3;right:16px;bottom:16px;background:var(--ink);color:#fff;
  border-radius:11px;padding:10px 13px;box-shadow:0 18px 40px -16px rgba(13,20,17,.55);
  font-size:0.74rem;min-width:150px;
}
.tipcard::before{content:"";position:absolute;left:-5px;top:50%;width:10px;height:10px;background:var(--ink);transform:translateY(-50%) rotate(45deg);border-radius:2px}
.tc-date{font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:6px}
.tc-row{display:flex;align-items:center;gap:7px;padding:2px 0;color:rgba(255,255,255,.85)}
.tc-row b{margin-left:auto;font-family:var(--font-mono);font-weight:500;color:#fff}

/* scene: sources */
.m-src{max-width:250px}
.srow2{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid var(--border-soft)}
.srow2:last-child{border-bottom:none}
.favimg{width:15px;height:15px;border-radius:4px;flex:none;display:block}
.favdot{width:10px;height:10px;border-radius:3px;background:#0a3a22;flex:none}
.favdot.f2{background:rgba(10,58,34,.62)}
.favdot.f3{background:var(--caramel)}
.sdom{flex:1;font-size:0.84rem;color:var(--ink);font-weight:500;letter-spacing:-0.01em}
.spill{font-family:var(--font-mono);font-size:0.72rem;font-weight:500;background:var(--cream-2);border-radius:6px;padding:2px 8px;color:var(--ink-2)}

/* scene: systems grid */
.m-sys{max-width:280px;padding:8px;margin:1px auto 0}
.sys-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sys-tile{display:flex;flex-direction:column;align-items:center;gap:5px;background:#fff;border:1px solid var(--border-soft);border-radius:10px;padding:7px 6px;text-align:center}
.sys-tile .eng-slot{border:none;box-shadow:none;padding:0;background:none}
.sys-tile .eng-slot svg{width:20px;height:20px;border-radius:5px}
.sys-tile .syname{font-size:0.66rem;font-weight:500;color:var(--ink);line-height:1;letter-spacing:-0.01em}
.syok{width:15px;height:15px;border-radius:50%;background:rgba(0,166,90,.16);position:relative;flex:none}
.syok::after{content:"";position:absolute;left:4px;top:4.4px;width:6px;height:3.4px;border-left:1.8px solid var(--green-ink);border-bottom:1.8px solid var(--green-ink);transform:rotate(-45deg)}
.sys-tile.off{opacity:.55}
.sys-tile.off .eng-slot svg{filter:grayscale(1);opacity:.75}
.sys-tile.off .syname{color:var(--ink-3);font-weight:400}
.sywait{width:15px;height:15px;border-radius:50%;background:var(--cream-2);position:relative;flex:none}
.sywait::after{content:"";position:absolute;left:4.5px;top:7px;width:6px;height:1.8px;border-radius:2px;background:var(--ink-4)}

/* scene: question */
.m-q{max-width:260px;margin-top:10px}
.qtxt{font-size:0.9rem;font-weight:500;color:var(--ink);line-height:1.45;letter-spacing:-0.01em}
.qtags{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.qt{font-style:normal;font-family:var(--font-mono);font-size:0.62rem;font-weight:500;letter-spacing:0.03em;padding:3px 9px;border-radius:999px}
.qt.g{background:rgba(10,58,34,.1);color:var(--green-ink)}
.qt.c{background:var(--caramel-wash);color:var(--caramel-deep)}
.qmeter{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--border-soft)}
.qm-lbl{font-family:var(--font-mono);font-size:0.6rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-4);flex:none}
.qm-bar{flex:1;height:5px;border-radius:3px;background:var(--cream-2);overflow:hidden}
.qm-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,rgba(10,58,34,.62),#0a3a22)}
.qm-val{font-family:var(--font-mono);font-size:0.68rem;font-weight:500;color:var(--green-ink);flex:none}

/* scene: visitors */
.m-visit{max-width:265px}
.vrow{display:flex;align-items:center;gap:8px;padding:5.5px 0}
.vname{flex:none;width:72px;font-size:0.78rem;color:var(--ink-2);letter-spacing:-0.01em}
.vbar{flex:1;height:7px;border-radius:4px;background:var(--cream-2);overflow:hidden}
.vbar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,rgba(10,58,34,.62),#0a3a22);width:0;transition:width .8s cubic-bezier(.2,.7,.2,1)}
.vnum{font-family:var(--font-mono);font-size:0.74rem;font-weight:500;color:var(--ink);min-width:20px;text-align:right}

/* dark-box treatment (matches hero tally) for systems + visitors cards */
.m-sys,.m-visit{overflow:hidden;background:linear-gradient(165deg,#18231d 0%,#0d1411 55%,#0a100d 100%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 48px -22px rgba(13,20,17,.62),0 0 42px -20px rgba(0,166,90,.3)}
.m-sys::before,.m-visit::before{content:"";position:absolute;left:0;right:0;top:0;height:58px;border-radius:inherit;background:radial-gradient(80% 100% at 24% 0%,rgba(0,166,90,.18),transparent 70%);pointer-events:none;z-index:0}
.m-sys>*,.m-visit>*{position:relative;z-index:1}
/* systems grid on dark */
.m-sys .sys-tile{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09)}
.m-sys .sys-tile .syname{color:rgba(250,246,234,.9)}
.m-sys .sys-tile.off{opacity:.6}
.m-sys .sys-tile.off .syname{color:rgba(250,246,234,.6)}
.m-sys .syok{background:rgba(0,166,90,.24)}
.m-sys .syok::after{border-left-color:#3ee08c;border-bottom-color:#3ee08c}
.m-sys .sywait{background:rgba(250,246,234,.12)}
.m-sys .sywait::after{background:rgba(250,246,234,.55)}
/* visitors bars on dark */
.m-visit .mini-top{color:rgba(250,246,234,.6)}
.m-visit .mini-top b{color:var(--cream)}
.m-visit .vname{color:rgba(250,246,234,.82)}
.m-visit .vbar{background:rgba(250,246,234,.1)}
.m-visit .vbar i{background:#faf6ea}
.m-visit .vnum{color:var(--cream)}

/* scene: ranking */
.m-rank{max-width:285px;padding:9px 10px}
.rrow{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px}
.rrow.me{background:rgba(10,58,34,.08);box-shadow:inset 0 0 0 1px rgba(10,58,34,.14)}
.rk{flex:none;width:14px;font-family:var(--font-mono);font-size:0.68rem;color:var(--ink-4);font-weight:500;text-align:center}
.rrow.me .rk{color:var(--green-ink)}
.ravat{flex:none;width:20px;height:20px;border-radius:6px;background:var(--cream-2);color:var(--ink-3);font-size:0.62rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0}
.ravat.g{background:#0a3a22;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.ravat.c{background:var(--caramel-wash);color:var(--caramel-deep)}
.rname{flex:1;font-size:0.79rem;color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.01em}
.rrow.me .rname{font-weight:600}
.rbar{flex:none;width:48px;height:6px;border-radius:4px;background:var(--cream-2);overflow:hidden}
.rbar i{display:block;height:100%;border-radius:4px;background:#0a3a22;width:0;transition:width .8s cubic-bezier(.2,.7,.2,1)}
.rrow:not(.me) .rbar i{background:#cfd4cb}
.rpct{flex:none;font-family:var(--font-mono);font-size:0.7rem;font-weight:500;color:var(--ink);min-width:32px;text-align:right}

/* feat6 charts in dunkelgrüner Skala */
#feat6 path[stroke="#00a65a"]{stroke:#0a3a22}
#feat6 circle[fill="#00a65a"]{fill:#0a3a22}

#feat6 .gap-grid{gap:28px}
#feat6 .gscene{padding:22px}
#feat6 .feat-grid>.gap.wide,#feat6 .feat-grid>.gap.kwide{gap:52px}
/* feat6 entrance */
#feat6 .gap{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
#feat6 .gap.rin{opacity:1;transform:none;transition:opacity .55s ease,transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease}
.fchip{opacity:0;transform:translateY(6px) scale(.85)}
#feat6.in .fchip{animation:stamp .45s cubic-bezier(.2,.9,.3,1.4) .75s forwards}
.tipcard{opacity:0;transform:translateY(8px) scale(.92);transform-origin:bottom right}
#feat6.in .tipcard{animation:stamp .5s cubic-bezier(.2,.9,.3,1.4) 1.05s forwards}
@keyframes stamp{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}

/* ---------- canton stats ---------- */
.cm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.cm-stat{position:relative;background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 18px 0;overflow:hidden;box-shadow:var(--sh-card)}
.cs-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.cm-stat .lbl{font-family:var(--font-sans);font-size:0.78rem;font-weight:500;letter-spacing:0;color:var(--ink-3);white-space:nowrap}
.cs-delta{font-family:var(--font-mono);font-size:0.66rem;font-weight:500;color:var(--green-ink);background:rgba(0,166,90,.1);border-radius:999px;padding:2px 8px;flex:none}
.cm-stat .val{font-size:1.9rem;font-weight:600;color:var(--ink);letter-spacing:-0.03em;line-height:1.1;margin-top:8px;font-variant-numeric:tabular-nums}
.cs-spark path[stroke]{stroke:var(--green-ink)}
.cs-spark{display:block;width:calc(100% + 36px);height:44px;margin:6px -18px 0}

/* ---------- canton map ---------- */
.cm-grid{display:grid;grid-template-columns:1.45fr auto 1fr;gap:20px;align-items:stretch;margin-top:20px}
.cm-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:20px 20px 16px;box-shadow:var(--sh-float)}
.cm-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.cm-title{font-family:var(--font-sans);font-size:0.9rem;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.cm-reset{font-family:inherit;font-size:0.78rem;font-weight:500;color:var(--green-ink);background:rgba(0,166,90,.1);border:none;border-radius:999px;padding:6px 13px;cursor:pointer;transition:background .15s ease}
.cm-reset:hover{background:rgba(0,166,90,.18)}
.cm-map{position:relative;width:100%}
.cm-map svg{width:100%;height:auto;display:block}
.cm-canton{stroke:#fff;stroke-width:0.8;cursor:pointer;transition:opacity .45s ease,filter .25s ease,transform .45s ease}
.cm-map.dimmed .cm-canton{opacity:.32}
.cm-map.dimmed .cm-canton.focus{opacity:1;filter:drop-shadow(0 6px 14px rgba(13,20,17,.28))}
.cm-map.entering .cm-canton{opacity:0;transform:scale(.985);transform-origin:center;transform-box:fill-box}
.cm-tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;border-radius:11px;padding:10px 13px;font-size:0.78rem;opacity:0;transition:opacity .12s ease;z-index:5;min-width:150px;box-shadow:0 16px 36px -14px rgba(13,20,17,.55)}
.cm-tip .tn{font-weight:600;font-size:0.86rem;margin-bottom:4px;letter-spacing:-0.01em}
.cm-tip .tr{display:flex;justify-content:space-between;gap:12px;color:rgba(255,255,255,.65)}
.cm-tip .tr b{color:#fff;font-weight:500;font-family:var(--font-mono);font-size:0.74rem}
.cm-tip .tbar{height:4px;border-radius:3px;background:rgba(255,255,255,.16);margin-top:8px;overflow:hidden}
.cm-tip .tbar i{display:block;height:100%;border-radius:3px;background:#faf6ea}
.cm-tip .tclick{margin-top:8px;font-family:var(--font-sans);font-size:0.7rem;letter-spacing:0;color:rgba(255,255,255,.5)}
.cm-legend{display:flex;align-items:center;gap:12px;margin-top:14px;font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.04em;color:var(--ink-3)}
.cm-legend .grad{flex:1;height:7px;border-radius:4px;background:linear-gradient(90deg,rgba(10,58,34,.26),rgba(10,58,34,.44),rgba(10,58,34,.62),rgba(10,58,34,.78),rgba(10,58,34,.9),#0a3a22)}
.cm-side{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px 24px;box-shadow:var(--sh-card)}
#cm-panel-list:not([hidden]){display:flex;flex-direction:column;height:100%}
#cm-list{flex:1;display:flex;flex-direction:column}
.cm-side-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.cm-side-head>span:first-child{font-family:var(--font-sans);font-size:0.9rem;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.cm-side-sub{font-size:0.72rem;color:var(--ink-4)}
.cm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 10px;border-bottom:1px solid var(--border-soft);cursor:pointer;border-radius:10px;margin:0 -10px;flex:1 1 auto;min-height:46px;transition:background .15s ease}
.cm-row:last-child{border-bottom:none}
.cm-row:hover{background:#faf7ee}
.cm-row .rn{font-size:0.95rem;color:var(--ink);font-weight:500;letter-spacing:-0.01em}
.cm-row:hover .rn{color:var(--green-ink)}
.cm-vis{min-width:52px;text-align:center;font-family:var(--font-mono);font-weight:500;padding:4px 10px;border-radius:7px;font-size:0.74rem}
.cm-back{font-family:inherit;font-size:1rem;color:var(--ink);background:var(--cream-2);border:none;border-radius:9px;width:30px;height:30px;cursor:pointer;flex:none;transition:background .15s ease}
.cm-back:hover{background:#e8e4d5}
#cm-panel-detail .cm-side-head{gap:10px;justify-content:flex-start}
#cm-panel-detail .cm-side-head span:nth-child(2){flex:1;font-size:1rem;font-weight:600;color:var(--ink);text-transform:none;letter-spacing:-0.01em;font-family:var(--font-sans)}
.cm-d-score{font-family:var(--font-mono);font-size:0.78rem;font-weight:600;padding:4px 11px;border-radius:8px}
.cm-d-rows{padding-top:8px}
.cm-d-row{padding:11px 0;border-bottom:1px solid var(--border-soft)}
.cm-d-row:last-child{border-bottom:none}
.cm-d-top{display:flex;justify-content:space-between;font-size:0.86rem;color:var(--ink-3);margin-bottom:8px}
.cm-d-top b{color:var(--ink);font-weight:500;font-family:var(--font-mono);font-size:0.8rem}
.cm-d-track{height:6px;border-radius:4px;background:var(--cream-2);overflow:hidden}
.cm-d-track i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,rgba(10,58,34,.62),#0a3a22);width:0;transition:width .7s cubic-bezier(.2,.7,.2,1)}

/* ---------- swiss badge ---------- */
.ch-badge{display:inline-flex;width:36px;height:36px;border-radius:10px;background:#D52B1E;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 24px -10px rgba(213,43,30,.5)}
.ch-badge svg{width:18px;height:18px}

/* ---------- audit ---------- */
.audit-grid{display:grid;grid-template-columns:1fr .95fr;gap:64px;align-items:center}
.audit-card{
  background:var(--card);border:1px solid var(--border);border-radius:22px;padding:24px 28px;
  box-shadow:var(--sh-float);display:flex;flex-direction:column;gap:0;
  opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);
}
.audit-card.in{opacity:1;transform:none}
.audit-top{display:flex;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}
.ringwrap{position:relative;flex:none;width:70px;height:70px}
.ringwrap svg{width:70px;height:70px;transform:rotate(-90deg);display:block}
.ringtxt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ringtxt .rv{font-family:var(--font-mono);font-size:1.3rem;font-weight:600;color:var(--ink);line-height:1;letter-spacing:-0.02em}
.ringtxt .rm{display:none}
.aring{transition:stroke-dasharray 1.1s cubic-bezier(.2,.7,.2,1)}
.audit-card.in .aring{stroke-dasharray:74 100}
.audit-id{flex:1;min-width:140px}
.audit-id .t{font-weight:600;color:var(--ink);font-size:1.04rem;letter-spacing:-0.015em}
.audit-id .u{font-family:var(--font-mono);font-size:0.74rem;color:var(--ink-3);margin-top:3px}
.audit-pills{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.apill{font-family:var(--font-mono);font-size:0.68rem;font-weight:500;letter-spacing:0.02em;padding:4px 11px;border-radius:999px;white-space:nowrap;opacity:0;transform:scale(.75)}
.apill.ok{background:rgba(0,166,90,.11);color:var(--green-ink);box-shadow:inset 0 0 0 1px rgba(0,166,90,.16)}
.apill.crit{background:var(--red-wash);color:var(--red-deep);box-shadow:inset 0 0 0 1px rgba(201,90,90,.2)}
.audit-card.in .apill{animation:stamp .4s cubic-bezier(.2,.9,.3,1.4) forwards}
.audit-card.in .apill.ok{animation-delay:1.15s}
.audit-card.in .apill.crit{animation-delay:1.3s}
.audit-rows{padding-top:14px}
.arow{display:flex;align-items:center;gap:14px;padding:10px 10px;border-radius:11px;margin:0 -10px;cursor:default;transition:background .15s ease;outline:none}
.arow:hover,.arow:focus-visible{background:#faf7ee}
.arow .al{flex:none;width:168px;font-size:0.9rem;color:var(--ink-2);letter-spacing:-0.01em}
.arow .atrack{flex:1;height:8px;border-radius:5px;background:var(--cream-2);overflow:hidden}
.arow .atrack i{display:block;height:100%;border-radius:5px;transition:width .9s cubic-bezier(.2,.7,.2,1)}
.arow:hover .atrack i{filter:brightness(1.07)}
.arow:nth-child(1) .atrack i{transition-delay:.15s}
.arow:nth-child(2) .atrack i{transition-delay:.3s}
.arow:nth-child(3) .atrack i{transition-delay:.45s}
.arow:nth-child(4) .atrack i{transition-delay:.6s}
.arow .av{flex:none;min-width:32px;text-align:right;font-family:var(--font-mono);font-size:0.86rem;font-weight:600;font-variant-numeric:tabular-nums}
.ahint{margin-top:12px;padding-top:14px;border-top:1px solid var(--border-soft);font-size:0.84rem;color:var(--ink-3);min-height:1.5em}

/* ---------- reviews (Home-Style, identical spacing) ---------- */
.reviews{padding:104px 0 100px;overflow:hidden}
.reviews__head{text-align:center;margin-bottom:56px}
.reviews__head .section__h2{margin:0}
.section__h2 .h2__alt{font-family:var(--font-sans);font-style:normal;font-weight:500;letter-spacing:-0.025em;color:var(--ink-2)}
.stars{display:inline-flex;gap:1px}
.reviews__marquee{
  -webkit-mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);
  mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);
  overflow:hidden;padding:8px 0;
}
.reviews__marquee__row{display:flex;gap:20px;animation:marquee 480s linear infinite;width:max-content;align-items:stretch}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.rcard{
  background:rgba(255,255,255,0.55);border:1px solid var(--border);border-radius:var(--radius);
  padding:28px 26px;display:flex;flex-direction:column;gap:20px;transition:all 0.2s;
  width:auto;min-width:280px;max-width:440px;flex-shrink:0;
}
.rcard:hover{background:rgba(255,255,255,0.85);border-color:var(--ink-3);transform:translateY(-2px)}
.rcard__top{display:flex;align-items:center;justify-content:space-between}
.rcard__head{display:flex;align-items:center;gap:13px}
.rcard__head-text{display:flex;flex-direction:column;gap:7px;min-width:0}
.rcard__body{font-size:17px;line-height:1.55;color:var(--ink);margin:0;text-wrap:pretty;flex:0 1 auto}
.rcard__meta{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--border-soft);margin-top:auto}
.rcard__avatar{
  width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--cream);
  display:flex;align-items:center;justify-content:center;font-weight:600;font-size:17px;
  letter-spacing:-0.02em;flex-shrink:0;
}
.rcard__name{font-size:17px;font-weight:600;letter-spacing:-0.01em}
.rcard__date{font-size:13px;font-weight:500;color:var(--ink-3)}
.rcard__more{
  display:none;background:none;border:0;padding:6px 0 0;margin-top:4px;font:inherit;
  font-size:14px;font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:3px;
  cursor:pointer;align-self:flex-start;-webkit-tap-highlight-color:transparent;
}
@media (max-width:900px){
  .rcard{width:300px}
  .rcard--clamped .rcard__body{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .rcard--clamped.rcard--expanded .rcard__body{display:block;overflow:visible}
  .rcard--clamped .rcard__more{display:inline-block}
}
.reviews__head .section__h2{font-size:clamp(36px,5vw,60px)}

/* ---------- logo marquee (client strip) ---------- */
.marquee{padding:80px 0;overflow:hidden}
.marquee .wrap{max-width:788px}
.marquee__track{
  -webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);
  mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);
  overflow:hidden;
}
.marquee__row{
  display:flex;align-items:center;gap:96px;
  animation:logomarquee 52s linear infinite;
  width:max-content;
}
@keyframes logomarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.clientlogo{
  color:var(--ink-2);opacity:.8;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  transition:opacity .2s,color .2s;
}
.clientlogo:hover{opacity:1;color:var(--ink)}
.clientlogo svg{display:block;width:100%;height:100%}
.clientlogo[data-logo="imovel"]{height:38px;width:calc(38px*(1000/350))}
.clientlogo[data-logo="thp"]{height:72px;width:72px}
.clientlogo[data-logo="younity"]{height:30px;width:calc(30px*(94/29))}
.clientlogo[data-logo="findyourflow"]{height:30px;width:calc(30px*(2340/443))}
.clientlogo[data-logo="bischoff"]{height:28px;width:calc(28px*(1247/313))}
.clientlogo[data-logo="footvolley"]{height:64px;width:calc(64px*(1440/2520))}
.clientlogo[data-logo="belegaerzte"]{height:48px;width:calc(48px*(300/150))}
.clientlogo[data-logo="safecore"]{height:48px;width:calc(48px*(450/173))}
.clientlogo[data-logo="athlon"]{height:48px;width:calc(48px*(408/152))}
@media (max-width:860px){.marquee{padding:60px 0}.marquee__row{gap:64px}
.marquee .wrap{max-width:none}
.clientlogo[data-logo="imovel"]{height:28px;width:calc(28px*(1000/350))}
.clientlogo[data-logo="thp"]{height:52px;width:52px}
.clientlogo[data-logo="younity"]{height:22px;width:calc(22px*(94/29))}
.clientlogo[data-logo="findyourflow"]{height:22px;width:calc(22px*(2340/443))}
.clientlogo[data-logo="bischoff"]{height:21px;width:calc(21px*(1247/313))}
.clientlogo[data-logo="footvolley"]{height:46px;width:calc(46px*(1440/2520))}
.clientlogo[data-logo="belegaerzte"]{height:35px;width:calc(35px*(300/150))}
.clientlogo[data-logo="safecore"]{height:35px;width:calc(35px*(450/173))}
.clientlogo[data-logo="athlon"]{height:35px;width:calc(35px*(408/152))}
}
@media (prefers-reduced-motion:reduce){.marquee__row{animation:none}}

/* ---------- faq (Home-Style) ---------- */
.faq{padding:120px 0;border-top:1px solid var(--border-soft)}
.faq__inner{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}
.faq__head{position:sticky;top:100px}
.section__h2{font-size:clamp(36px,5vw,60px);line-height:1.02;letter-spacing:-0.03em;font-weight:500;color:var(--ink);margin:0 0 20px;text-wrap:balance}
.faq__h2{font-size:clamp(36px,4.5vw,54px);margin-bottom:20px}
.section__sub{font-size:18px;color:var(--ink-2);line-height:1.5;max-width:600px;margin:0}
.link{color:var(--ink);border-bottom:1px solid var(--border)}
.link:hover{border-color:var(--ink)}
.faq__list{display:flex;flex-direction:column;border-top:1px solid var(--border)}
.faq__item{all:unset;cursor:pointer;box-sizing:border-box;display:block;width:100%;padding:24px 0;border-bottom:1px solid var(--border);transition:padding .2s}
.faq__row{display:grid;grid-template-columns:40px 1fr 32px;gap:0;align-items:center}
.faq__num{display:inline-flex;align-items:center;justify-content:flex-start;min-height:1em}
.faq__q{font-size:19px;font-weight:500;letter-spacing:-0.01em;color:var(--ink)}
.faq__toggle{font-size:22px;color:var(--ink-3);font-weight:300;text-align:right}
.faq__item--open .faq__toggle{color:var(--ink)}
.faq__a-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;padding-left:56px}
.faq__item--open .faq__a-wrap{grid-template-rows:1fr}
.faq__a-inner{overflow:hidden}
.faq__a{margin:12px 0 0;color:var(--ink-2);font-size:16px;line-height:1.6;max-width:620px}

/* ---------- cta (Home-Style) ---------- */
.cta{padding:120px 0 240px}
.cta__card{position:relative;background:var(--ink);color:var(--cream);border-radius:24px;padding:96px 32px;text-align:center;overflow:hidden;border:1px solid var(--ink)}
.cta__glow{position:absolute;left:50%;top:-30%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,166,90,.35),transparent 60%);filter:blur(40px);pointer-events:none}
.dotgrid{position:absolute;inset:0;pointer-events:none}
.dotgrid--cta{background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.09) 1px,transparent 0);background-size:22px 22px;mask-image:radial-gradient(ellipse 100% 100% at 50% 0%,black 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 100% 100% at 50% 0%,black 20%,transparent 80%)}
.cta__inner{position:relative;z-index:2;max-width:1000px;margin:0 auto}
.cta__h{font-size:clamp(3.18rem,6.61vw,4.94rem);line-height:1.08;letter-spacing:-0.03em;font-weight:500;margin:0 0 20px;color:var(--cream)}
.cta__l1,.cta__l2{display:block;white-space:nowrap}
.cta__l2{color:rgba(250,246,234,.55)}
.cta__l2 .rot{margin-left:0;color:var(--cream)}
@media (max-width:640px){
  .cta__h{font-size:clamp(23.76px,6.84vw,79.2px);line-height:1.12}
  .cta__l1,.cta__l2{white-space:normal}
}
.cta__h .h2__alt{font-family:var(--font-sans);font-style:normal;font-weight:500;letter-spacing:-0.035em;color:rgba(250,246,234,.55)}
.cta__sub{font-size:18px;color:rgba(250,246,234,.7);margin:0 auto 40px;max-width:480px;line-height:1.5}
.cta__action{display:flex;justify-content:center}
.cta .btn--primary{background:transparent;border-color:rgba(250,246,234,.35);color:var(--cream)}
.cta .btn--primary:hover{background:transparent;border-color:rgba(250,246,234,.7);color:var(--cream);transform:translateY(-1px)}
.cta__micro{justify-content:center;margin-top:26px;color:rgba(250,246,234,.55)}
.cta__micro .dot{background:var(--green-lt)}
.cta-br{display:none}

/* ---------- final cta (black + green fade) ---------- */
.final{
  position:relative;overflow:hidden;
  background:var(--ink);border:1px solid var(--ink);border-radius:28px;padding:72px 48px;text-align:center;margin:0 24px;
}
.final::before{
  content:"";position:absolute;left:50%;top:-30%;transform:translateX(-50%);
  width:600px;height:600px;pointer-events:none;
  background:radial-gradient(circle,rgba(0,166,90,.35),transparent 60%);
  filter:blur(40px);
}
.final>*{position:relative;z-index:2}
.final h2{color:var(--cream);font-size:clamp(1.8rem,3.4vw,2.7rem);margin-bottom:16px;text-wrap:balance}
.final h2 em{color:var(--green)}
.final p{color:rgba(250,246,234,.7);margin:0 auto 32px;font-size:1.08rem}
.final .btn{background:var(--cream);color:var(--ink);border-color:var(--cream);box-shadow:0 16px 36px -16px rgba(0,0,0,.4)}
.final .btn:hover{background:#fff;color:var(--ink);border-color:#fff}
.final .microtrust{justify-content:center;color:rgba(250,246,234,.55)}
.final .microtrust .dot{background:var(--green-lt)}

/* ---------- footer (Home-Style) ---------- */
.footer{padding:60px 0 40px;border-top:1px solid var(--border-soft)}
.footer__inner{max-width:var(--maxw);margin:0 auto;padding:0 32px}
@media (max-width:600px){.wrap,.nav__inner,.footer__inner{padding:0 20px}}
.footer__top{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:40px 48px;padding-bottom:48px;border-bottom:1px solid var(--border);align-items:start}
.footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.footer__col{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.footer__col-h{font-family:var(--font-sans);font-weight:600;font-size:22px;letter-spacing:-0.02em;color:var(--ink)}
.footer__contact{font-size:16px;color:var(--ink);text-decoration:none;letter-spacing:-0.005em}
.footer__contact:hover{color:var(--green-ink)}
.footer__ctas{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}
.footer__ctas .btn{flex:1 1 auto;justify-content:center}
.footer__right{display:flex;flex-direction:column;align-items:flex-start;gap:20px;justify-self:end}
.footer__legal{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.footer__legal a{font-size:15px;color:var(--ink-2);text-decoration:none;transition:color .15s}
.footer__legal a:hover{color:var(--ink)}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-family:var(--font-sans);font-size:11px;color:var(--ink-3);letter-spacing:0.08em;gap:24px}
.footer__sms{display:block;height:67px;width:auto}
.footer__sms-link{display:inline-block;line-height:0;transition:opacity .18s ease}
.footer__sms-link:hover{opacity:.7}

/* ---------- entrances ---------- */
.reveal{opacity:0;transform:translateY(14px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards}
.reveal:nth-child(2){animation-delay:.12s}
@keyframes rise{to{opacity:1;transform:none}}
/* scroll-triggered heading fade-in */
.reveal-h{opacity:0;transform:translateY(16px);filter:blur(6px)}
.reveal-h.hin{animation:st-riseH .75s cubic-bezier(.2,.7,.2,1) both}

/* ---------- responsive ---------- */
@media (max-width:1020px){
  .feat-grid{grid-template-columns:repeat(2,1fr)}
  .feat-grid>.gap,.feat-grid>.gap.half{grid-column:auto}
  .feat-grid>.gap.wide,.feat-grid>.gap.kwide{grid-column:1/-1}
}
@media (max-width:860px){
  .nav__links{display:none}
  .nav__burger{display:flex}
  .section{padding:72px 0}
  .reviews{padding-top:72px}
  .section-tight{padding:56px 0}
  .hero{min-height:100svh;padding:124px 0 92px;justify-content:center}
  .hero .sub{max-width:none}
  .nav .nav-cta{display:none}
  .brand-tag{display:none}
  .demo-pills .dpill:last-child{display:none}
  .gap-grid{grid-template-columns:1fr;gap:16px;margin-top:40px}
  .cm-grid{grid-template-columns:1fr;gap:20px}
  .cm-card,.cm-legend,.cm-side{grid-column:1}
  .cm-stats{grid-template-columns:repeat(2,1fr);gap:12px}
  .audit-grid{grid-template-columns:1fr;gap:24px}
  .final{padding:56px 26px;margin:0}
  .footer__top{grid-template-columns:1fr;gap:40px}
  .footer__right{align-items:flex-start;justify-self:start}
  .faq{padding:120px 0}
  .sub-line2{display:block;margin-top:0.7em}
  .faq__inner{grid-template-columns:1fr;gap:40px}
  .faq__head{position:static}
  .cta{padding:0 0 120px}
  .cta__card{padding:64px 22px}
  .cta-br{display:inline}
}
@media (max-width:640px){
  .feat-grid>.gap.wide{flex-direction:column;align-items:stretch;gap:0}
  #feat6 .feat-grid>.gap.wide,#feat6 .feat-grid>.gap.kwide{gap:0}
  .feat-grid>.gap.wide .gscene,.feat-grid>.gap.kwide .gscene{max-width:none;margin-top:20px}
  .feat-grid>.gap.wide.rev{flex-direction:column-reverse}
  .feat-grid>.gap.kwide{flex-direction:column-reverse;align-items:stretch;gap:0}
  .demo-inner{padding:16px 16px 20px}
  .demo-a{min-height:150px}
  .demo-bar{padding:11px 14px}
}
@media (max-width:560px){
  .arow .al{width:120px;font-size:0.84rem}
  .cm-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
  .sys-grid{grid-template-columns:repeat(3,1fr)}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{animation:none;opacity:1;transform:none}
  .rot{transition:none}
  .ticker,.ticker.rev,.ticker.t3{animation:none;flex-wrap:wrap;width:auto}
  .livedot{animation:none}
  .demo-a,.demo-q{transition:none}
  #describe .report,#describe .rep-row{opacity:1;transform:none;transition:none}
  #describe .tone,#describe .rep-sum{opacity:1;transform:none;animation:none!important}
  #feat6 .gap{opacity:1;transform:none;transition:none}
  .fchip,.tipcard{opacity:1;transform:none}
  #feat6.in .fchip,#feat6.in .tipcard{animation:none}
  .vbar i,.rbar i,.cm-d-track i,.arow .atrack i,.aring{transition:none}
  .cm-canton{transition:none}
  .audit-card{opacity:1;transform:none;transition:none}
  .apill{opacity:1;transform:none}
  .audit-card.in .apill{animation:none}
  .gap:hover{transform:none}
}

/* dark visibility chart */
.gs-dark{display:flex;flex-direction:column;gap:6px;background:radial-gradient(circle at 80% 0%,rgba(59,210,135,0.26),transparent 65%),#0d1411;border:1px solid rgba(59,210,135,0.22)}
.gs-dark::after{box-shadow:none}
.dk-top{display:flex;justify-content:space-between;align-items:center}
.dk-title{font-family:var(--font-sans);font-size:1.33rem;font-weight:600;color:#faf6ea;letter-spacing:-0.02em}
.dk-right{display:flex;align-items:center;gap:10px}
.dk-right b{font-family:var(--font-sans);font-size:1.28rem;font-weight:700;color:#faf6ea;letter-spacing:-0.02em}
.dk-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#e6f6ec;color:#0a2e1a;font-family:var(--font-mono);font-size:0.7rem;font-weight:700}
.dk-svg{width:100%;flex:1;min-height:0;display:block;overflow:visible}
.dk-axis{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:0.62rem;color:rgba(250,246,234,0.45)}
.dk-leg{display:flex;justify-content:center;gap:16px;font-family:var(--font-mono);font-size:0.68rem;color:rgba(250,246,234,0.75)}
.dk-leg span{display:inline-flex;align-items:center;gap:6px}
.ldot.dkg{background:#faf6ea}
.ldot.dkn{background:#faf6ea8c}
.gs-dark .tipcard{background:rgba(22,29,25,0.96);border:1px solid rgba(255,255,255,0.09);bottom:auto;top:46px;right:56px}
.gs-dark .tipcard::before{display:none}
.dk-line{stroke-dasharray:1;stroke-dashoffset:1}
.dk-area,.dk-dash{opacity:0}
span.dk-dot{opacity:0;transition:opacity .6s ease 1.6s}
#feat6.in span.dk-dot{opacity:1}
#feat6.in .dk-line{animation:dkDraw 1.5s cubic-bezier(.33,0,.2,1) .3s forwards}
#feat6.in .dk-dash{animation:dkFade .9s ease .8s forwards}
#feat6.in .dk-area{animation:dkFade 1s ease 1.1s forwards}
@keyframes dkDraw{to{stroke-dashoffset:0}}
@keyframes dkFade{to{opacity:1}}
@media (prefers-reduced-motion:reduce){.dk-line{stroke-dashoffset:0;animation:none!important}.dk-area,.dk-dash{opacity:1;animation:none!important}span.dk-dot{opacity:1}}

.gap.plain{background:transparent;border-color:transparent;box-shadow:none}
.gap.plain:hover{box-shadow:none;transform:none}

.gap.wide.plain .gscene{max-width:520px;height:260px}


.gap.wide.plain .gscene{height:340px}
.gap.wide.plain .wide-txt h3{font-size:1.96em}
.gap.wide.plain .wide-txt p{font-size:1.12em}
.zv-btn{margin-top:26px}
.gs-dark .tipcard{top:124px;right:70px}
@media (max-width:640px){.gap.wide.plain .gscene{max-width:none;height:340px}.gap.wide.plain .wide-txt h3{font-size:1.8em}.gap.wide.plain .wide-txt p{font-size:1.15em}.zv-btn{margin-top:18px}}

.zv-btn{height:auto;padding:9px 16px;font-size:14px}

.dk-plot{position:relative;flex:1;min-height:0}
.dk-plot .dk-svg{position:absolute;inset:0;height:100%;flex:none}
span.dk-dot{position:absolute;top:7.8%;right:0;width:12px;height:12px;border-radius:50%;background:#faf6ea;box-shadow:0 0 0 5px rgba(250,246,234,0.28);transform:translate(50%,-50%);animation:dkPulse 2s ease infinite}
@keyframes dkPulse{0%,100%{box-shadow:0 0 0 5px rgba(250,246,234,0.28)}50%{box-shadow:0 0 0 10px rgba(250,246,234,0.1)}}
@media (prefers-reduced-motion:reduce){span.dk-dot{animation:none}}

.gs-dark{overflow:hidden}
.gs-dark:has(>.src-badge),.gs-dark:has(>.dot-halo){overflow:visible}
.gs-dark::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(60% 55% at 50% -8%,rgba(0,166,90,.45),transparent 62%);pointer-events:none}
.gs-dark>*:not(.tipcard):not(.src-badge):not(.dot-halo){position:relative}

@media (max-width:640px){.gap.wide.plain .gscene{height:340px!important;max-width:none!important}}

/* mobile: plot darf nie kollabieren, feste Höhe statt flex */
.dk-plot{min-height:140px}
@media (max-width:640px){.gs-dark{display:flex!important;flex-direction:column!important}.dk-plot{flex:1 1 auto;min-height:200px}}

@media (max-width:640px){.gap.wide.plain .gscene{margin-top:8px}}

/* dark source list */
.gs-src{overflow:visible;justify-content:flex-start}
.gap.wide.plain .gscene.gs-src{height:auto;min-height:0}
@media (max-width:900px){.gap.wide.plain .gscene.gs-src{height:auto!important;min-height:0}}
.src-rows{display:flex;flex-direction:column}
.srcrow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(250,246,234,.08)}
.srcrow:last-child{border-bottom:none}
.src-ic{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.src-ic img{display:block}
.src-w{font-family:Georgia,serif;font-size:15px;font-weight:700;font-style:italic;color:#faf6ea}
.src-blick{font-family:Georgia,serif;font-size:8px;font-weight:700;letter-spacing:.4px;color:#fff}
.src-name{font-size:13.5px;font-weight:600;color:#faf6ea;white-space:nowrap}
.src-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:rgba(250,246,234,.07);border:1px solid rgba(250,246,234,.12);font-size:10.5px;font-weight:500;color:rgba(250,246,234,.75);white-space:nowrap}
.src-tag.own{background:rgba(59,210,135,.14);border-color:rgba(59,210,135,.4);color:#3bd287}
.src-right{margin-left:auto;display:inline-flex;align-items:center;gap:7px}
.src-count{min-width:26px;height:24px;padding:0 7px;border-radius:8px;background:#faf6ea;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#0d1411}
.src-erw{font-size:11.5px;font-weight:500;color:#faf6ea}
.src-nodata{margin-left:auto;display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(250,246,234,.06);font-size:10.5px;color:rgba(250,246,234,.35);white-space:nowrap}
.srcrow.dim .src-ic{opacity:.45}
.srcrow.dim .src-name{color:rgba(250,246,234,.35)}
.srcrow.dim .src-tag{color:rgba(250,246,234,.4)}
.src-badge{position:absolute;top:-13px;right:16px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:999px;background:#e6f6ec;box-shadow:0 14px 34px rgba(0,0,0,.35);font-family:var(--font-mono);font-size:11px;font-weight:700;color:#0a2e1a}
.srcrow,.src-badge{opacity:0}
.srcrow{transform:translateY(12px)}
.src-badge{transform:scale(.85) translateY(8px)}
#feat6.in .srcrow{animation:srcRow .55s cubic-bezier(.2,.7,.3,1) forwards}
#feat6.in .srcrow:nth-child(1){animation-delay:.15s}
#feat6.in .srcrow:nth-child(2){animation-delay:.29s}
#feat6.in .srcrow:nth-child(3){animation-delay:.43s}
#feat6.in .srcrow:nth-child(4){animation-delay:.57s}
#feat6.in .srcrow:nth-child(5){animation-delay:.71s}
#feat6.in .src-badge{animation:srcBadge .5s cubic-bezier(.2,.8,.3,1.15) 1.05s forwards}
@keyframes srcRow{to{opacity:1;transform:none}}
@keyframes srcBadge{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.srcrow,.src-badge{opacity:1;transform:none;animation:none!important}}
@media (max-width:480px){.gs-src .src-tag{display:none}.src-erw{display:none}}

.gap.wide.plain .gscene:not(.gs-dark){display:flex;flex-direction:column;justify-content:center}
.gap.wide.plain .gscene:not(.gs-dark) .mini.back{top:50%;transform:translateY(-50%) rotate(2.6deg)}

.src-pulse{width:8px;height:8px;border-radius:50%;background:#3bd287;box-shadow:0 0 0 4px rgba(59,210,135,.28);animation:srcPulse 2s ease infinite}
@keyframes srcPulse{0%,100%{box-shadow:0 0 0 4px rgba(59,210,135,.28)}50%{box-shadow:0 0 0 7px rgba(59,210,135,.1)}}
@media (prefers-reduced-motion:reduce){.src-pulse{animation:none}}
.src-fill{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}

.src-ok{width:16px;height:16px;border-radius:50%;background:rgba(0,166,90,.24);position:relative;flex:none;display:inline-block}
.src-ok::after{content:"";position:absolute;left:4.2px;top:4.6px;width:6.6px;height:3.8px;border-left:1.9px solid #3ee08c;border-bottom:1.9px solid #3ee08c;transform:rotate(-45deg)}

/* KI-Systeme: grösser + Entrance */
.gap.wide.plain .gscene .m-sys{transform:scale(1.2)}
.m-sys .sys-tile{opacity:0;transform:translateY(10px) scale(.92)}
#feat6.in .m-sys .sys-tile{animation:sysTile .5s cubic-bezier(.2,.7,.3,1.2) forwards}
#feat6.in .m-sys .sys-tile:nth-child(1){animation-delay:.15s}
#feat6.in .m-sys .sys-tile:nth-child(2){animation-delay:.27s}
#feat6.in .m-sys .sys-tile:nth-child(3){animation-delay:.39s}
#feat6.in .m-sys .sys-tile:nth-child(4){animation-delay:.51s}
#feat6.in .m-sys .sys-tile:nth-child(5){animation-delay:.63s}
#feat6.in .m-sys .sys-tile:nth-child(6){animation-delay:.75s}
@keyframes sysTile{to{opacity:1;transform:none}}
.m-sys .syok{opacity:0;transform:scale(.5)}
#feat6.in .m-sys .syok{animation:sysOk .35s cubic-bezier(.2,.9,.3,1.4) forwards}
#feat6.in .m-sys .sys-tile:nth-child(1) .syok{animation-delay:.75s}
#feat6.in .m-sys .sys-tile:nth-child(2) .syok{animation-delay:.87s}
#feat6.in .m-sys .sys-tile:nth-child(3) .syok{animation-delay:.99s}
#feat6.in .m-sys .sys-tile:nth-child(4) .syok{animation-delay:1.11s}
@keyframes sysOk{to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.m-sys .sys-tile,.m-sys .syok{opacity:1;transform:none;animation:none!important}.gap.wide.plain .gscene .m-sys{transform:scale(1.2)}}

/* dark prompt table */
.gs-pr{justify-content:center}
.pr-head{display:flex;align-items:center;gap:14px;padding:0 0 8px;border-bottom:1px solid rgba(250,246,234,.12);font-size:11px;color:rgba(250,246,234,.5)}
.pr-head .ph-p{flex:1}
.pr-head .ph-v{display:inline-flex;align-items:center;gap:4px}
.pr-rows{display:flex;flex-direction:column}
.prow{display:flex;align-items:center;gap:14px;padding:8px 0;border-bottom:1px solid rgba(250,246,234,.08)}
.prow:last-child{border-bottom:none;padding-bottom:0}
.pr-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.pr-q{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pr-name{font-size:13.5px;font-weight:600;color:#faf6ea}
.pr-hot{padding:2px 9px;border-radius:999px;background:rgba(227,93,106,.2);border:1px solid rgba(227,93,106,.5);box-shadow:0 0 14px rgba(227,93,106,.3);font-size:10px;font-weight:600;color:#ff8a94}
.pr-tags{display:flex;gap:6px;flex-wrap:wrap}
.pr-tag{padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:500}
.pr-tag.vol{background:rgba(59,210,135,.14);border:1px solid rgba(59,210,135,.4);color:#7fe6b2}
.pr-tag.buy{background:rgba(163,158,255,.14);border:1px solid rgba(163,158,255,.4);color:#bcb8ff}
.pr-trend{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11.5px;font-weight:600;min-width:44px;justify-content:flex-end}
.pr-trend.up{color:#3bd287}
.pr-trend.dn{color:#e35d6a}
.pr-vol{font-size:13px;font-weight:700;color:#faf6ea;min-width:44px;text-align:right;font-variant-numeric:tabular-nums}
.prow{opacity:0;transform:translateY(12px)}
#feat6.in .prow{animation:srcRow .55s cubic-bezier(.2,.7,.3,1) forwards}
#feat6.in .prow:nth-child(1){animation-delay:.15s}
#feat6.in .prow:nth-child(2){animation-delay:.27s}
#feat6.in .prow:nth-child(3){animation-delay:.39s}
#feat6.in .prow:nth-child(4){animation-delay:.51s}
#feat6.in .prow:nth-child(5){animation-delay:.63s}
#feat6.in .prow:nth-child(6){animation-delay:.75s}
@media (prefers-reduced-motion:reduce){.prow{opacity:1;transform:none;animation:none!important}}


/* prompt table: fit panel */
.gap.wide.plain .gscene.gs-pr{height:auto;min-height:340px}
@media (max-width:640px){.gap.wide.plain .gscene.gs-pr{height:auto!important;min-height:340px}}
.pr-tag,.pr-hot{white-space:nowrap}
.pr-name{line-height:1.35}
.prow{padding:7px 0}
.pr-tag.inf{background:rgba(96,176,255,.14);border:1px solid rgba(96,176,255,.4);color:#9fd0ff}

/* prompt search visualization (template: dunkel + verlauf) */
.gap.wide.plain .gscene.gs-prq{height:auto;min-height:340px;background:none;border:none;box-shadow:none;padding:0;overflow:visible;display:flex;flex-direction:column;justify-content:flex-start}
.gs-prq::after{display:none}
.prq-card{position:relative;z-index:2;border-radius:18px;background:radial-gradient(circle at 80% 0%,rgba(59,210,135,0.26),transparent 65%),#101713;border:1px solid rgba(59,210,135,0.22);box-shadow:0 18px 44px rgba(0,0,0,0.4);padding:18px 20px 15px}
.prq-type{display:flex;align-items:center;min-height:26px}
#prq-typed{font-size:19px;font-weight:500;color:#faf6ea}
.prq-caret{width:2px;height:21px;background:#faf6ea;margin-left:3px;animation:prqBlink 1.1s step-end infinite}
@keyframes prqBlink{0%,55%{opacity:1}60%,100%{opacity:0}}
.prq-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.prq-modes{display:flex;align-items:center;gap:3px;padding:4px;border-radius:10px;background:rgba(250,246,234,0.06)}
.prq-mode{width:32px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;opacity:.35}
.prq-mode.on{background:rgba(250,246,234,0.14);opacity:1}
.prq-actions{display:flex;align-items:center;gap:12px}
.prq-toggle{width:36px;height:21px;border-radius:999px;background:rgba(250,246,234,0.12);position:relative;flex:none}
.prq-toggle i{position:absolute;top:2.5px;left:2.5px;width:16px;height:16px;border-radius:50%;background:rgba(250,246,234,0.45)}
.prq-tlbl{font-size:12.5px;color:rgba(250,246,234,0.85);white-space:nowrap}
.prq-go,a.prq-go{text-decoration:none}.prq-go{display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:999px;background:var(--beige,#faf6ea);color:var(--ink,#0d1411);border:1px solid var(--beige,#faf6ea);font-size:13px;font-weight:600;box-shadow:0 1px 0 rgba(255,255,255,0.6) inset,0 8px 24px -10px rgba(0,0,0,0.5);white-space:nowrap}
.prq-list{position:relative;z-index:1;margin:-12px 12px 0;border-radius:0 0 16px 16px;background:#0d1411;border:1px solid rgba(250,246,234,0.09);border-top:none;box-shadow:0 18px 44px rgba(0,0,0,0.35);padding:24px 16px 10px}
.prq-lbl{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:rgba(250,246,234,0.45);padding:2px 4px 10px}
.prq-lbl .ph-v{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:rgba(250,246,234,0.5)}
.gs-prq .prow{border-bottom:none;border-radius:10px;padding:8px 10px;margin-bottom:2px}
.gs-prq .prow:first-child{background:rgba(250,246,234,0.07)}
.gs-prq .prow:last-child{padding-bottom:8px}
@media (max-width:640px){.gap.wide.plain .gscene.gs-prq{height:auto!important;min-height:340px}}
@media (max-width:480px){.prq-tlbl{display:none}}
a.prq-go:hover{background:#fff;border-color:#fff;color:var(--ink,#0d1411);transform:translateY(-1px)}
.prq-go{transition:background .2s,transform .2s,border-color .2s}

/* prompt rows: exact template typography */
#prq-typed{font-size:18px;font-weight:500}
.prq-caret{height:20px;width:2px}
.prq-type{min-height:26px}
.prq-lbl{font-size:12px;padding:2px 6px 10px}
.gs-prq .pr-name{font-size:12.5px;font-weight:400;color:rgba(250,246,234,0.92);line-height:1.3}
.gs-prq .pr-name b{font-weight:700}
.gs-prq .pr-vol{font-size:12px;font-weight:500;color:rgba(250,246,234,0.55);min-width:44px}
.gs-prq .prow{gap:14px;padding:10px 12px;border-radius:12px;margin-bottom:4px}
.gs-prq .prow:first-child{background:rgba(250,246,234,0.07)}


/* KI-Traffic table (Besucher aus KI) */
.gs-kt{justify-content:center;gap:0}
.kt-title{font-size:16px;font-weight:600;color:#faf6ea;margin-bottom:12px}
.kt-head,.kt-row{display:grid;grid-template-columns:78px minmax(56px,1fr) 46px 38px;gap:7px;align-items:center}
.kt-head{padding:0 0 8px;border-bottom:1px solid rgba(250,246,234,.12);font-size:10px;color:rgba(250,246,234,.5)}
.kt-head .kt-sess{display:inline-flex;align-items:center;gap:3px}
.kt-row{padding:9px 0;border-bottom:1px solid rgba(250,246,234,.07)}
.kt-row:last-child{border-bottom:none}
.kt-n{font-size:11px;color:rgba(250,246,234,.45)}
.kt-agent{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:#faf6ea;white-space:nowrap}
.kt-ic{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}
.kt-imp{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;white-space:nowrap;color:#faf6ea;font-weight:600;font-variant-numeric:tabular-nums}
.kt-imp b.up{color:#3bd287;font-weight:600}
.kt-sess{display:inline-flex;align-items:center;gap:7px;min-width:0}
.kt-track{flex:1;height:6px;border-radius:99px;background:rgba(250,246,234,.1);overflow:hidden;min-width:24px}
.kt-track i{display:block;height:100%;border-radius:99px;background:#faf6ea;transform:scaleX(0);transform-origin:left}
.kt-sess b{font-size:11px;font-weight:600;color:#faf6ea;font-variant-numeric:tabular-nums}
.kt-gr{font-size:10.5px;font-weight:600;white-space:nowrap}
.kt-gr.up{color:#3bd287}
.kt-gr.dn{color:#e35d6a}
.kt-r{font-size:11.5px;font-weight:700;color:#faf6ea;text-align:right;font-variant-numeric:tabular-nums}
.kt-row{opacity:0;transform:translateY(10px)}
.gs-kt.kt-in .kt-row{animation:srcRow .5s cubic-bezier(.2,.7,.3,1) forwards}
.gs-kt.kt-in .kt-row:nth-of-type(1){animation-delay:.15s}
.gs-kt.kt-in .kt-row:nth-of-type(2){animation-delay:.27s}
.gs-kt.kt-in .kt-row:nth-of-type(3){animation-delay:.39s}
.gs-kt.kt-in .kt-row:nth-of-type(4){animation-delay:.51s}
.gs-kt.kt-in .kt-row:nth-of-type(5){animation-delay:.63s}
.gs-kt.kt-in .kt-row:nth-of-type(6){animation-delay:.75s}
.gs-kt.kt-in .kt-track i{animation:ktBar 1s cubic-bezier(.25,.7,.3,1) forwards}
.gs-kt.kt-in .kt-row:nth-of-type(1) .kt-track i{animation-delay:.45s}
.gs-kt.kt-in .kt-row:nth-of-type(2) .kt-track i{animation-delay:.57s}
.gs-kt.kt-in .kt-row:nth-of-type(3) .kt-track i{animation-delay:.69s}
.gs-kt.kt-in .kt-row:nth-of-type(4) .kt-track i{animation-delay:.81s}
.gs-kt.kt-in .kt-row:nth-of-type(5) .kt-track i{animation-delay:.93s}
.gs-kt.kt-in .kt-row:nth-of-type(6) .kt-track i{animation-delay:1.05s}
@keyframes ktBar{to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.kt-row{opacity:1;transform:none;animation:none!important}.kt-track i{transform:scaleX(1);animation:none!important}}
.kt-imp{display:none}
@media (min-width:1100px){.kt-imp{display:inline-flex}.kt-head .kt-imp{display:block}.kt-head,.kt-row{grid-template-columns:86px 76px minmax(70px,1fr) 50px 46px;gap:8px}}
.gap.wide.plain .gscene.gs-kt{height:auto;min-height:340px}
@media (max-width:640px){.gap.wide.plain .gscene.gs-kt{height:auto!important;min-height:340px}}
.kt-agent .eng-slot{padding:0;border:none;background:none;box-shadow:none}
.kt-agent .eng-slot svg{width:22px;height:22px;border-radius:50%}

/* Wettbewerber-Ranking (Konkurrenz im Vergleich) */
.gs-wr{justify-content:center;gap:0}
.wr-row{display:grid;grid-template-columns:32px minmax(96px,auto) minmax(36px,1fr) 44px 30px;gap:8px;align-items:center;padding:12px 10px;border-bottom:1px solid rgba(250,246,234,.07)}
.wr-row:last-child{border-bottom:none}
.wr-row.me{background:rgba(250,246,234,.08);border:1.5px solid rgba(250,246,234,.5);box-shadow:0 0 26px rgba(250,246,234,.14);border-radius:14px;margin-bottom:6px}
.wr-ic{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex:none}
.wr-name{font-size:12px;color:rgba(250,246,234,.88);white-space:nowrap}
.wr-name.b{font-weight:700;color:#faf6ea}
.wr-track{height:7px;border-radius:99px;background:rgba(250,246,234,.14);overflow:hidden}
.wr-track i{display:block;height:100%;border-radius:99px;background:#faf6ea;transform:scaleX(0);transform-origin:left}
.wr-track i.g{background:#faf6ea}
.wr-pct{font-size:12px;font-weight:700;color:#faf6ea;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.wr-rk{font-size:10.5px;color:rgba(250,246,234,.45);text-align:right;font-variant-numeric:tabular-nums}
.wr-row{opacity:0;transform:translateY(10px)}
.gs-wr.wr-in .wr-row{animation:srcRow .5s cubic-bezier(.2,.7,.3,1) forwards}
.gs-wr.wr-in .wr-row:nth-of-type(1){animation-delay:.15s}
.gs-wr.wr-in .wr-row:nth-of-type(2){animation-delay:.27s}
.gs-wr.wr-in .wr-row:nth-of-type(3){animation-delay:.39s}
.gs-wr.wr-in .wr-track i{animation:ktBar 1s cubic-bezier(.25,.7,.3,1) forwards}
.gs-wr.wr-in .wr-row:nth-of-type(1) .wr-track i{animation-delay:.45s}
.gs-wr.wr-in .wr-row:nth-of-type(2) .wr-track i{animation-delay:.57s}
.gs-wr.wr-in .wr-row:nth-of-type(3) .wr-track i{animation-delay:.69s}
@media (prefers-reduced-motion:reduce){.wr-row{opacity:1;transform:none;animation:none!important}.wr-track i{transform:scaleX(1);animation:none!important}}
.gap.wide.plain .gscene.gs-wr{height:auto;min-height:0}
.gs-wr{justify-content:flex-start}
@media (max-width:900px){.gap.wide.plain .gscene.gs-wr{height:auto!important;min-height:0}}

/* Sichtbarkeitsanalyse: dark GEO-audit card */
.ga-card{position:relative;border-radius:22px;background:radial-gradient(circle at 80% 0%,rgba(59,210,135,0.26),transparent 65%),#0d1411;border:1px solid rgba(59,210,135,0.22);box-shadow:0 24px 60px rgba(0,0,0,0.4);padding:26px 28px 28px;overflow:hidden}
.ga-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(60% 55% at 50% -8%,rgba(0,166,90,.45),transparent 62%);pointer-events:none}
.ga-card>*{position:relative}
.ga-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.ga-t{font-size:21.6px;font-weight:600;color:#faf6ea}
.ga-u{font-size:12.5px;color:rgba(250,246,234,.45);margin-top:3px}
.ga-pills{display:flex;gap:8px;flex-wrap:wrap}
.ga-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:500;white-space:nowrap}
.ga-pill.ok{background:rgba(59,210,135,.16);border:1px solid rgba(59,210,135,.4);color:#7fe6b2}
.ga-pill.crit{background:rgba(227,93,106,.16);border:1px solid rgba(227,93,106,.45);color:#ff98a1}
.ga-body{display:flex;align-items:center;gap:28px;margin-top:22px;flex-wrap:wrap}
.ga-gauge{position:relative;width:180px;height:180px;flex:none;margin:0 auto}
.ga-gauge svg{width:100%;height:100%;display:block}
.ga-ctr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.ga-num{font-size:23px;font-weight:700;color:#faf6ea;line-height:1;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.ga-zl{font-size:11.5px;color:rgba(250,246,234,.5)}
.ga-zpill{padding:3px 11px;border-radius:999px;background:rgba(59,210,135,.18);border:1px solid rgba(59,210,135,.4);font-size:11px;font-weight:600;color:#7fe6b2}
.ga-rows{flex:1;min-width:200px;display:flex;flex-direction:column;gap:14px}
.ga-rt{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.ga-rt span{font-size:13px;color:rgba(250,246,234,.9)}
.ga-rt b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.ga-track{display:block;height:7px;border-radius:99px;background:rgba(250,246,234,.12);overflow:hidden}
.ga-track i{display:block;height:100%;border-radius:99px;transform:scaleX(0);transform-origin:left}
.ga-track i.g{background:#faf6ea;box-shadow:0 0 12px rgba(250,246,234,.35)}
.ga-track i.b{background:#faf6ea;box-shadow:0 0 12px rgba(250,246,234,.35)}
.ga-track i.a{background:#faf6ea;box-shadow:0 0 12px rgba(250,246,234,.35)}
.ga-track i.r{background:#faf6ea;box-shadow:0 0 12px rgba(250,246,234,.35)}
.ga-arc{stroke-dashoffset:82}
.ga-card.in .ga-arc{animation:gaArc 1.6s cubic-bezier(.3,.5,.2,1) .3s forwards}
@keyframes gaArc{to{stroke-dashoffset:0}}
.ga-dot{position:absolute;left:89.3%;top:47.7%;width:12px;height:12px;border-radius:50%;background:#faf6ea;box-shadow:0 0 0 5px rgba(250,246,234,0.28);transform:translate(-50%,-50%);opacity:0;animation:dkPulse 2s ease-in-out infinite}
.ga-card.in .ga-dot{opacity:1;transition:opacity .5s ease 1.9s}
.ga-row{opacity:0;transform:translateY(10px)}
.ga-card.in .ga-row{animation:srcRow .5s cubic-bezier(.2,.7,.3,1) forwards}
.ga-card.in .ga-row:nth-of-type(1){animation-delay:.35s}
.ga-card.in .ga-row:nth-of-type(2){animation-delay:.47s}
.ga-card.in .ga-row:nth-of-type(3){animation-delay:.59s}
.ga-card.in .ga-row:nth-of-type(4){animation-delay:.71s}
.ga-card.in .ga-row:nth-of-type(5){animation-delay:.83s}
.ga-card.in .ga-track i{animation:ktBar 1s cubic-bezier(.25,.7,.3,1) forwards}
.ga-card.in .ga-row:nth-of-type(1) .ga-track i{animation-delay:.55s}
.ga-card.in .ga-row:nth-of-type(2) .ga-track i{animation-delay:.67s}
.ga-card.in .ga-row:nth-of-type(3) .ga-track i{animation-delay:.79s}
.ga-card.in .ga-row:nth-of-type(4) .ga-track i{animation-delay:.91s}
.ga-card.in .ga-row:nth-of-type(5) .ga-track i{animation-delay:1.03s}
@media (prefers-reduced-motion:reduce){.ga-arc{stroke-dashoffset:0;animation:none!important}.ga-dot{opacity:1;animation:none!important}.ga-row{opacity:1;transform:none;animation:none!important}.ga-track i{transform:scaleX(1);animation:none!important}}
@media (max-width:560px){.ga-body{gap:18px}.ga-gauge{width:160px;height:160px}}
.ga-stat{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:#faf6ea;white-space:nowrap}
.ga-stat.crit{color:#ff8a94}
.ga-x{width:16px;height:16px;border-radius:50%;background:rgba(227,93,106,.2);position:relative;flex:none;display:inline-block}
.ga-x::before,.ga-x::after{content:"";position:absolute;left:4.6px;top:7.2px;width:6.8px;height:1.9px;border-radius:2px;background:#ff8a94}
.ga-x::before{transform:rotate(45deg)}
.ga-x::after{transform:rotate(-45deg)}

/* vary green glow direction per panel (hero stays) */
.gs-dark:has(.dk-top){background:radial-gradient(circle at 18% 0%,rgba(59,210,135,0.26),transparent 65%),#0d1411}
.gs-dark:has(.dk-top)::before{background:radial-gradient(60% 55% at 22% -8%,rgba(0,166,90,.45),transparent 62%)}
.m-sys::before{background:radial-gradient(80% 100% at 76% 0%,rgba(0,166,90,.18),transparent 70%)}
.prq-card{background:radial-gradient(circle at 50% 120%,rgba(59,210,135,0.3),transparent 68%),#101713}
.gs-kt{background:radial-gradient(circle at 82% 100%,rgba(59,210,135,0.26),transparent 65%),#0d1411}
.gs-kt::before{background:radial-gradient(60% 55% at 78% 108%,rgba(0,166,90,.45),transparent 62%)}
.gs-wr{background:radial-gradient(circle at 15% 100%,rgba(59,210,135,0.26),transparent 65%),#0d1411}
.gs-wr::before{background:radial-gradient(60% 55% at 18% 108%,rgba(0,166,90,.45),transparent 62%)}
.ga-card{background:radial-gradient(circle at 100% 45%,rgba(59,210,135,0.26),transparent 65%),#0d1411}
.ga-card::before{background:radial-gradient(55% 60% at 108% 45%,rgba(0,166,90,.45),transparent 62%)}

/* KI-Systeme: full dark panel like the others (no inner beige box) */
.gs-sys{display:flex;align-items:center;justify-content:center;background:none;border:none}
.gs-sys::before{display:none}
.gs-sys .m-sys{background:none;border:none;box-shadow:none;padding:0;overflow:visible;max-width:none;margin:0}
.gs-sys .m-sys::before{display:none}
.gap.wide.plain .gscene.gs-sys .m-sys{transform:none;width:100%;max-width:420px}
@media (prefers-reduced-motion:reduce){.gap.wide.plain .gscene.gs-sys .m-sys{transform:none}}


/* KI-Systeme grid: larger, fills panel */
.gs-sys .sys-grid{gap:3px}
.gs-sys .sys-tile{padding:14px 10px;gap:9px;border-radius:12px}
.gs-sys .sys-tile .eng-slot svg{width:26px;height:26px;border-radius:6px}
.gs-sys .syname{font-size:0.8rem}
.gs-sys .syok,.gs-sys .sywait{width:18px;height:18px}
.gs-sys .syok::after{left:5px;top:5.6px;width:7.4px;height:4.2px}
/* hero-style outer green glow on all visualization panels */
.gs-dark,.prq-card,.ga-card{box-shadow:0 0 40px -14px rgba(59,210,135,.45)}
.prq-list{box-shadow:none}

/* KI-Systeme: transparent on beige */
.gs-dark.gs-sys{box-shadow:none;background:none}
.gs-sys .m-sys .kt-title,.gs-sys .kt-title{color:var(--ink)}

/* KI-Systeme: dark tiles with green gradient, floating on beige */
.gs-sys .m-sys .sys-tile{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,rgba(0,166,90,.28),transparent 62%),#0d1411;border-color:rgba(59,210,135,.22);box-shadow:0 0 40px -14px rgba(59,210,135,.45)}
.gs-sys .m-sys .sys-tile .syname{color:rgba(250,246,234,.9)}
.gs-sys .m-sys .sys-tile.off .syname{color:rgba(250,246,234,.6)}
.gs-sys .m-sys .syok{background:rgba(0,166,90,.24)}
.gs-sys .m-sys .syok::after{border-left-color:#3ee08c;border-bottom-color:#3ee08c}
.gs-sys .m-sys .sywait{background:rgba(250,246,234,.12)}
.gs-sys .m-sys .sywait::after{background:rgba(250,246,234,.55)}

/* feat6: gleichmässige, responsive Abstände zwischen den 6 Visualisierungen und zu den Buttons */
@media (max-width:860px){#feat6 .gap-grid{gap:44px;margin-top:44px}}
@media (max-width:640px){
  #feat6 .gap-grid{gap:44px}
  #feat6 .feat-grid>.gap.wide,#feat6 .feat-grid>.gap.wide.rev,#feat6 .feat-grid>.gap.kwide{gap:0!important}
  /* einheitlich: Text oben, Visualisierung 24px darunter — bei allen 6 Blöcken */
  #feat6 .gap.wide.plain .gscene,#feat6 .gap.wide.plain.rev .gscene{flex:none;margin:24px 0 0!important}
  #feat6 .gap.wide.plain .gscene.gs-prq,#feat6 .gap.wide.plain .gscene.gs-kt,#feat6 .gap.wide.plain .gscene.gs-wr{min-height:0!important}
  #feat6 .gap.wide.plain .gscene.gs-prq{justify-content:flex-start}
  #feat6 .gap.wide.plain .wide-txt .zv-btn{margin-top:24px!important}
}

/* mobile: Fragen- und KI-Systeme-Grafik gleich breit wie die anderen Panels, gleicher Abstand zum Button */
@media (max-width:640px){
#feat6 .gscene.gs-prq,#feat6 .gscene.gs-sys{padding:0!important;margin:24px 0 0!important}
#feat6 .gs-prq .prq-card{width:100%;max-width:none;box-sizing:border-box}
#feat6 .gs-prq .prq-list{width:auto;max-width:none}
#feat6 .gs-sys .m-sys{width:100%;max-width:none;padding:0;transform:none}
#feat6 .gscene.gs-sys{height:auto!important;min-height:0!important}
}

/* mobile: kein horizontaler Scroll */
html,body{overflow-x:clip}
@supports not (overflow-x:clip){html,body{overflow-x:hidden}}

/* feat6: früherer Bruchpunkt — Blöcke stapeln schon ab 900px, gleiche Abstände wie mobil */
@media (max-width:900px){
.feat-grid>.gap.wide{flex-direction:column;align-items:stretch;gap:0}
.feat-grid>.gap.wide.rev{flex-direction:column-reverse}
.feat-grid>.gap.wide .gscene,.feat-grid>.gap.kwide .gscene{max-width:none}
#feat6 .feat-grid>.gap.wide,#feat6 .feat-grid>.gap.wide.rev,#feat6 .feat-grid>.gap.kwide{gap:0!important}
#feat6 .gap-grid{gap:44px}
#feat6 .gap.wide.plain .gscene,#feat6 .gap.wide.plain.rev .gscene{flex:none;margin:24px 0 0!important}
#feat6 .gap.wide.plain .gscene.gs-prq,#feat6 .gap.wide.plain .gscene.gs-kt,#feat6 .gap.wide.plain .gscene.gs-wr{height:auto;min-height:0!important}
#feat6 .gscene.gs-prq,#feat6 .gscene.gs-sys{padding:0!important;margin:24px 0 0!important}
#feat6 .gscene.gs-sys{height:auto!important;min-height:0!important}
#feat6 .gs-prq .prq-card{width:100%;max-width:none;box-sizing:border-box}
#feat6 .gs-prq .prq-list{width:auto;max-width:none}
#feat6 .gs-sys .m-sys{width:100%;max-width:none;padding:0;transform:none}
#feat6 .gap.wide.plain .wide-txt .zv-btn{margin-top:24px!important}
}

/* Fluchtlinie: transparente Wrapper (Fragen, KI-Systeme) ohne Innenpadding, Inhalt bis an die Panelkante */
#feat6 .gscene.gs-prq,#feat6 .gscene.gs-sys{padding:0}
.gap.wide.plain .gscene.gs-sys .m-sys{max-width:none;width:100%}

/* feat6: Blöcke bis an die normale Fluchtlinie (wrap-Kante) + luftigere Abstände für gestaffelte Animationen */
#feat6 .gap.plain{padding:0;border-radius:0}
#feat6 .gap-grid{gap:120px;margin-top:72px}
@media (max-width:900px){#feat6 .gap-grid{gap:88px;margin-top:56px}}
@media (max-width:640px){#feat6 .gap-grid{gap:72px}}
#feat6.in .m-sys .sys-tile:nth-child(5) .syok{animation-delay:1.23s}
#feat6.in .m-sys .sys-tile:nth-child(6) .syok{animation-delay:1.35s}

/* mobile: Feature-/Analyse-Buttons in Grösse des dunklen Hero-Buttons (website-erstellen) */
@media (max-width:900px){
.zv-btn{height:auto;width:auto;align-self:flex-start;justify-content:center;padding:14px 22px;font-size:15px}
}

/* mobile: 10% mehr Abstand unter den Buttons */
@media (max-width:900px){
#feat6 .gap.wide.plain .gscene,#feat6 .gap.wide.plain.rev .gscene,#feat6 .gscene.gs-prq,#feat6 .gscene.gs-sys{margin-top:31.7px!important}
.audit-grid{gap:31.7px}
}

/* ab Umbruch: luftigere Feature-Sektion */
@media (max-width:900px){
#feat6 .gap-grid{gap:192px;margin-top:128px}
#feat6 .center p{margin-top:14px}
#feat6.section{padding:96px 0 72px}
}

/* prq: Suchkarte jetzt unten — Liste dockt oben an */
.gs-prq .prq-list{margin:0 12px -12px;border-radius:16px 16px 0 0;border-top:1px solid rgba(250,246,234,0.09);border-bottom:none;padding-bottom:22px}
.gs-prq .prq-list .prow:last-child{padding-bottom:12px}

/* mobile: KI-Traffic — mehr Platz für Agent-Namen, Balken schmaler, klare Spalten-Abstände */
@media (max-width:900px){
.gs-kt .kt-head,.gs-kt .kt-row{grid-template-columns:96px minmax(0,1fr) 42px 34px;gap:12px}
.gs-kt .kt-agent{min-width:0}
.gs-kt .kt-agent .kt-name,.gs-kt .kt-agent span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gs-kt .kt-track{flex:0 1 auto;width:clamp(36px,100%,78px)}
.gs-kt .kt-sess{gap:10px;justify-content:flex-start}
.gs-kt .kt-head,.gs-kt .kt-row{padding-right:14px}
.gs-kt .kt-title{padding-right:14px}
}

/* Analyse-Sektion: dunkel mit Verlauf, wie die Gartner-Sektion */
.audit-sec{position:relative;overflow:hidden;background:var(--ink);background-image:radial-gradient(38% 40% at 84% 116%,rgba(0,166,90,.14),transparent 70%)}
.audit-sec .wrap{position:relative}
.audit-sec .audit-h2{color:var(--cream)}
.audit-sec .audit-grid>div:first-child p{color:rgba(250,246,234,.72)}
.audit-sec .btn{background:var(--cream);color:var(--ink);border-color:var(--cream);box-shadow:0 16px 36px -16px rgba(0,0,0,.4)}
.audit-sec .btn:hover{background:#fff;color:var(--ink);border-color:#fff}
.audit-sec .dot-halo{background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:15px 15px}
.audit-sec .ga-card{box-shadow:0 0 40px -14px rgba(59,210,135,.45),0 24px 60px rgba(0,0,0,.35)}

/* Karten-Sektion: dunkel mit Verlauf, wie die Gartner-Sektion */
.cm-sec.section{padding:104px 0;margin:96px 0 32px}
.cm-sec{position:relative;overflow:hidden;background:var(--ink);background-image:radial-gradient(38% 40% at 84% 116%,rgba(0,166,90,.14),transparent 70%)}
.cm-sec .wrap{position:relative}
.cm-sec h2{color:var(--cream)}
.cm-sec .center p{color:rgba(250,246,234,.72)}
.cm-sec .cm-stat{background:transparent;border:none;box-shadow:none;padding:10px 14px 0}
.cm-sec .cm-stats{margin:56px auto 0;gap:14px;max-width:768px}
.cm-sec .cm-stat .lbl{font-size:0.79rem}
.cm-sec .cm-stat .val{font-size:1.26rem;margin-top:4px}
.cm-sec .cs-spark{height:31px;width:calc(100% + 28px);margin:4px -14px 0}
.cm-sec .cm-stat .lbl{color:rgba(250,246,234,.6)}
.cm-sec .cm-stat .val{color:#faf6ea}
.cm-sec .cs-delta{color:rgba(250,246,234,.35);background:rgba(250,246,234,.06);font-size:0.64rem;padding:2px 7px}
.cm-sec .cs-spark path[stroke]{stroke:#faf6ea}
.cm-sec .cs-spark stop{stop-color:#faf6ea}
.cm-sec .cs-spark stop:first-child{stop-opacity:.32}
.cm-sec .cm-card,.cm-sec .cm-side{background:transparent;border:none;box-shadow:none}
.cm-sec .cm-title,.cm-sec .cm-side-head>span:first-child{font-size:1.55rem}
.cm-sec .cm-title,.cm-sec .cm-side-head>span:first-child,.cm-sec #cm-panel-detail .cm-side-head span:nth-child(2){color:#faf6ea}
.cm-sec .cm-grid{margin-top:56px}
.cm-sec .cm-row{border-radius:0;margin:0}
.cm-sec .cm-row:hover{border-radius:0}
.cm-sec .cm-canton{stroke:var(--ink);stroke-width:0.5}
.cm-sec .cm-map.dimmed .cm-canton.focus{filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.cm-sec .cm-legend{color:rgba(250,246,234,.55);flex-direction:column;justify-content:stretch;margin:0;align-self:stretch;padding:60px 0 22px}
.cm-sec .cm-legend .grad{flex:1 1 auto;width:1.5px;max-width:none;height:auto;min-height:0;background:linear-gradient(to bottom,#faf6ea,#faf6ea8c)}
@media (max-width:900px){.cm-sec .cm-legend{flex-direction:row;padding:0;justify-content:center}.cm-sec .cm-legend .grad{width:auto;height:1.5px;flex:0 1 300px;max-width:55%;background:linear-gradient(90deg,#faf6ea8c,#faf6ea)}}
@media (max-width:640px){
.cm-sec.section{padding:72px 0;margin:64px 0 24px}
.cm-sec .cm-title,.cm-sec .cm-side-head>span:first-child{font-size:1.41rem}
.cm-sec .cm-stat .lbl{font-size:0.71rem}
.cm-sec .cm-stat .val{font-size:1.13rem}
.cm-sec .cs-spark{height:28px}
.cm-sec .cs-delta{font-size:0.58rem}
.cm-sec .cm-stats{max-width:80%;margin-inline:auto}
}
.cm-sec .cm-reset{color:#faf6ea;background:rgba(250,246,234,.12)}
.cm-sec .cm-reset:hover{background:rgba(250,246,234,.2)}
.cm-sec .cm-tip{background:rgba(22,29,25,.97);border:1px solid rgba(255,255,255,.12)}
.cm-sec .cm-vis{background:none!important;padding:0;border-radius:0;color:#faf6ea!important;font-size:1.15rem;font-weight:700;letter-spacing:-0.02em}
.cm-sec .cm-d-score{background:none!important;padding:0;border-radius:0;color:#faf6ea!important;font-size:1.28rem;font-weight:700;letter-spacing:-0.02em}
.cm-sec .cm-row{border-bottom-color:rgba(255,255,255,.08)}
.cm-sec .cm-row:hover{background:rgba(250,246,234,.06)}
.cm-sec .cm-row .rn{color:rgba(250,246,234,.85)}
.cm-sec .cm-row:hover .rn{color:#faf6ea}
.cm-sec .cm-back{color:#faf6ea;background:rgba(250,246,234,.1)}
.cm-sec .cm-back:hover{background:rgba(250,246,234,.18)}
.cm-sec .cm-side-sub{color:rgba(250,246,234,.5)}
.cm-sec .cm-d-top{color:rgba(250,246,234,.65)}
.cm-sec .cm-d-top b{color:#faf6ea}
.cm-sec .cm-d-row{border-bottom-color:rgba(255,255,255,.08)}
.cm-sec .cm-d-track{background:rgba(250,246,234,.12)}
.cm-sec .cm-d-track i{background:#faf6ea}

/* Punkte-Halo hinter den Feature-Grafiken + Analyse-Karte — genau wie im Hero */
#feat6 .gscene,.audit-grid .ga-card{overflow:visible}
.gs-dark:has(>.src-badge),.gs-dark:has(>.dot-halo){overflow:visible}
.dot-halo{position:absolute;inset:-42px -48px;pointer-events:none;z-index:-1;border-radius:40px;
  background:radial-gradient(rgba(13,20,17,.06) 1px,transparent 1.2px);background-size:15px 15px;
  -webkit-mask-image:radial-gradient(80% 86% at 50% 50%,#000 38%,transparent 82%);
  mask-image:radial-gradient(80% 86% at 50% 50%,#000 38%,transparent 82%)}