#hero{min-height:100dvh;background:linear-gradient(170deg,#f5f5f7 0%,#ffffff 60%);display:flex;flex-direction:column;position:relative;overflow:hidden}

.hero-aurora{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.hero-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:1}

.hero-body{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:2.5rem;
  padding:130px 2.5rem 5rem;
  max-width:1180px;
  margin:0 auto;
  width:100%;
  position:relative;
  z-index:1
}
.hero-copy{
  flex:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  max-width:720px;
}
.hero-tag{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);margin-bottom:2rem;
}
h1.hero-title{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:clamp(2.4rem,3.8vw,4.8rem);
  line-height:1.1;
  color:var(--ink);
  margin-bottom:1.75rem;
  letter-spacing:-.055em;
}
.hero-ti{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:0}
.hero-sub{
  font-size:1.05rem;color:var(--muted);line-height:1.75;
  max-width:520px;margin-bottom:2.75rem;
}
.hero-sub a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px;transition:text-decoration-color .2s}
.hero-sub a:hover{text-decoration-color:rgba(255,255,255,.8)}
.hero-sub--mobile{display:none}
.hero-ihr{display:inline}
.hero-actions{
  display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;
}
.hero-asterisk-bg{position:absolute;right:0;top:0;transform:translate(50%,-50%);width:min(2200px,160vw);pointer-events:none;z-index:0;opacity:.03}
.hero-asterisk-bg img{width:100%;height:auto;display:block}

.marquee-wrap{background:var(--pale);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.75rem 0;overflow:hidden;white-space:nowrap}
.marquee-track{display:inline-flex;animation:ticker 38s linear infinite}
.mi{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:0 2.25rem}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

#statement{background:#fff;padding:12rem 0}
.stmt-text{
  font-family:'Space Grotesk',sans-serif;
  font-weight:300;
  font-size:clamp(2.25rem,3.5vw,3.25rem);
  line-height:1.18;
  letter-spacing:-.04em;
  color:var(--ink);
  max-width:980px;
  margin-bottom:4rem
}
.stmt-text strong{font-weight:700}
.stmt-text em{font-style:normal;background:#1d1d1f;color:#fff;padding:0 .22em;border-radius:.18em}
.stmt-cols{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;max-width:760px}
.stmt-col p{font-size:1rem;color:var(--muted);line-height:1.85}
.stmt-col a{color:var(--muted);font-weight:700}

#leistungen{padding:6rem 0}
.section-h2{margin-bottom:.5rem}
.sec-eyebrow{display:flex;align-items:center;gap:1rem;margin-bottom:3rem}
.sec-rule{flex:1;height:1px;background:var(--border);max-width:40px}
.sec-eyebrow-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;gap:1.5rem}

.card{position:relative;border-radius:var(--r);overflow:hidden;transition:transform .28s,border-color .25s;border:none}
a.card:hover{transform:translateY(-5px)}
.card-body{padding:2.25rem;height:100%;display:flex;flex-direction:column;gap:.75rem}
.card-body h3{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:1.15rem;line-height:1.25;letter-spacing:-.025em}
.card-body p{font-size:.88rem;line-height:1.7;flex:1}
.card-tools{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.875rem}
.tool{font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:5px}

.span-3{grid-column:span 3}
.span-4{grid-column:span 4}
.span-2{grid-column:span 2}

.card-dark{background:var(--ink)}
.card-dark h3{color:#fff}
.card-dark p{color:rgba(255,255,255,.52)}
.card-dark .tool{background:rgba(255,255,255,.18);color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.25)}
.card-dark .card-img,.card-mid .card-img,.card-white .card-img{width:100%;height:170px;object-fit:cover;border-radius:10px;margin-bottom:.5rem;opacity:.75;filter:grayscale(.7)}
.card-mid{background:var(--mid)}
.card-mid h3{color:#fff}
.card-mid p{color:rgba(255,255,255,.5)}
.card-mid .tool{background:rgba(255,255,255,.08);color:rgba(255,255,255,.75)}
.card-white{background:#fafafa}
.card.card-white{border:1px solid rgba(0,0,0,.06);transition:transform .28s,border-color .25s}
a.card.card-white:hover{border-color:rgba(0,0,0,.4)}
.card-white h3{color:var(--ink)}
.card-white p{color:var(--muted)}
.card-white .tool{background:rgba(0,0,0,.06);color:#444}
.card-pale{background:var(--pale);border:1px solid var(--border)}
.card-pale h3{color:var(--ink)}
.card-pale p{color:var(--muted)}
.card-pale .tool{background:rgba(0,0,0,.06);color:#555}
.card-blue{background:var(--ink)}
.card-blue h3{color:#fff}
.card-blue p{color:rgba(255,255,255,.65)}
.card-blue .tool{background:rgba(255,255,255,.12);color:#fff}

#haltung{position:relative;padding:6rem 0;background:var(--pale);overflow:hidden;border-top:1px solid var(--border)}
#haltung .card{background:rgba(250,250,250,.5)}
html.dark #haltung .card{background:rgba(25,25,25,.5)}
.haltung-bg{position:absolute;inset:0;background:url('https://cdn.cybr.de/img/bg/sternenhimmel.webp') center/cover no-repeat;opacity:.04}
.haltung-content{position:relative;z-index:1}
.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem}
.haltung-h2{margin-bottom:2.5rem}
.haltung-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3rem 2.5rem}
.haltung-pr{border-top:1.5px solid var(--border);padding-top:2.5rem;display:flex;flex-direction:column;gap:.75rem}
.haltung-pr h3{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:1.25rem;letter-spacing:-.025em;color:var(--ink)}
.haltung-pr p{font-size:.92rem;color:var(--muted);line-height:1.85;flex:1}

#ki{padding:6rem 0}
.ki-grid{display:grid;grid-template-columns:minmax(0,526px) minmax(0,526px);grid-template-areas:"live text" "live cta";column-gap:6rem;row-gap:1rem;align-items:start}
.ki-live{grid-area:live}
.ki-text{grid-area:text}
.ki-cta{grid-area:cta;align-self:start;justify-self:start}
.ki-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem}
.ki-grid-h2{color:var(--ink);text-align:left;margin-bottom:1.25rem;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1;letter-spacing:-.04em}
.ki-desc{color:var(--muted);line-height:1.8;margin-top:1rem;max-width:520px}
.ki-intro{color:var(--muted);line-height:1.85;margin-bottom:1rem;font-size:1rem}
.ki-list{display:flex;flex-direction:column;gap:1rem}
.ki-item{display:flex;align-items:flex-start;gap:1rem}
.ki-dot{width:5px;height:5px;border-radius:50%;background:var(--border);flex-shrink:0;margin-top:.6rem}
.ki-item span{color:var(--muted);font-size:.92rem;line-height:1.65}
.ki-ill{border:1px solid var(--border);border-radius:16px;background:#fafafa;overflow:hidden}
.ki-ill-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg)}
.ki-ill-head-left{display:flex;align-items:center;gap:.5rem}
.ki-ill-head-icon{width:26px;height:26px;border-radius:7px;background:rgba(37,99,235,.1);display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}
.ki-ill-head-title{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.84rem;color:var(--ink)}
.ki-ill-head-status{display:flex;align-items:center;gap:.35rem}
.ki-ill-status-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0}
.ki-ill-status-text{font-size:.72rem;font-weight:600;color:#22c55e;letter-spacing:.04em}
.ki-ill-body{display:grid;grid-template-columns:1fr auto auto auto 1fr;align-items:center;padding:1.5rem 1.25rem;gap:.625rem}
.ki-ill-col-label{font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}
.ki-ill-col--right .ki-ill-col-label{text-align:right}
.ki-ill-items{display:flex;flex-direction:column;gap:.35rem}
.ki-ill-item{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:.3rem .6rem;white-space:nowrap}
.ki-ill-col--right .ki-ill-item{flex-direction:row-reverse}
.ki-ill-item-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.ki-ill-item-dot--in{background:rgba(37,99,235,.7)}
.ki-ill-item-dot--out{background:rgba(34,197,94,.7)}
.ki-ill-arr{color:var(--muted);opacity:.3;flex-shrink:0}
.ki-ill-mid{display:flex;flex-direction:column;align-items:center;gap:.375rem}
.ki-ill-mid-node{width:46px;height:46px;border-radius:50%;background:rgba(37,99,235,.09);border:2px solid rgba(37,99,235,.22);display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}
.ki-ill-mid-label{font-size:.63rem;font-weight:600;color:var(--muted);text-align:center;white-space:nowrap}
html.dark .ki-ill{background:#111}
html.dark .ki-ill-head{background:#1a1a1a}
html.dark .ki-ill-item{background:#1a1a1a}
html.dark .ki-ill-mid-node{background:rgba(37,99,235,.15);border-color:rgba(37,99,235,.3)}
.ki-live{border:1px solid var(--border);border-radius:16px;background:#fff;overflow:hidden}
.ki-btn-short{display:none}
.ki-live-asterisk{width:18px;opacity:.12;flex-shrink:0}
.ki-live-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:#fafafa}
.ki-live-head-left{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .5rem;flex:1;min-width:0}
.ki-live-icon{width:26px;height:26px;border-radius:7px;background:rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center;color:var(--ink);flex-shrink:0}
.ki-live-title{font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:.73rem;color:var(--ink);letter-spacing:.005em}
.ki-live-status{display:flex;align-items:center;gap:.35rem}
.ki-live-ping{position:relative;width:7px;height:7px;flex-shrink:0}
.ki-live-ping-dot{position:absolute;inset:1.5px;border-radius:50%;background:#22c55e}
.ki-live-ping-ring{position:absolute;inset:0;border-radius:50%;background:#22c55e;animation:ping 1.4s ease-out infinite;opacity:0}
@keyframes ping{0%{transform:scale(1);opacity:.55}100%{transform:scale(2.2);opacity:0}}
.ki-live-status-txt{font-size:.72rem;font-weight:600;color:#22c55e;letter-spacing:.04em}
.ki-live-log{padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.4rem;background:#fff}
.ki-live-entry{display:flex;align-items:center;gap:.625rem;padding:.45rem .7rem;border-radius:8px;background:#fafafa;border:1px solid var(--border)}
.ki-live-entry--running.mentry--llama{border-color:rgba(6,104,225,.35);background:rgba(6,104,225,.07)}
.ki-live-entry--running.mentry--gpt{border-color:rgba(0,0,0,.18);background:rgba(0,0,0,.05)}
.ki-live-entry--running.mentry--claude{border-color:rgba(217,119,87,.35);background:rgba(217,119,87,.07)}
.ki-live-entry--running.mentry--mistral{border-color:rgba(255,80,0,.35);background:rgba(255,80,0,.07)}
html.dark .ki-live-entry--running.mentry--llama{border-color:rgba(6,104,225,.4);background:rgba(6,104,225,.12)}
html.dark .ki-live-entry--running.mentry--gpt{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.05)}
html.dark .ki-live-entry--running.mentry--claude{border-color:rgba(217,119,87,.4);background:rgba(217,119,87,.12)}
html.dark .ki-live-entry--running.mentry--mistral{border-color:rgba(255,80,0,.4);background:rgba(255,80,0,.12)}
.ki-live-entry-icon{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(34,197,94,.12);color:#22c55e}
.ki-live-entry--running.mentry--llama .ki-live-entry-icon{background:rgba(6,104,225,.1);color:#0668E1}
.ki-live-entry--running.mentry--gpt .ki-live-entry-icon{background:rgba(0,0,0,.07);color:#1a1a1a}
.ki-live-entry--running.mentry--claude .ki-live-entry-icon{background:rgba(217,119,87,.1);color:#D97757}
.ki-live-entry--running.mentry--mistral .ki-live-entry-icon{background:rgba(255,80,0,.1);color:#FF5000}
html.dark .ki-live-entry--running.mentry--gpt .ki-live-entry-icon{background:rgba(255,255,255,.07);color:#e0e0e0}
.ki-live-spin{display:flex;align-items:center;justify-content:center;animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ki-live-entry-text{flex:1;min-width:0;font-size:.78rem;color:var(--ink)}
.ki-live-entry-time{font-size:.7rem;color:var(--muted);flex-shrink:0;font-variant-numeric:tabular-nums}
.ki-live-mtag{font-size:.63rem;font-weight:600;padding:.1rem .4rem;border-radius:4px;white-space:nowrap;flex-shrink:0;letter-spacing:.01em}
.ki-live-mtag--local{background:rgba(34,197,94,.1);color:#16a34a}
.ki-live-mtag--eu{background:rgba(99,102,241,.1);color:#6366f1}
.ki-live-mtag--cloud{background:rgba(251,146,60,.1);color:#ea580c}
html.dark .ki-live-mtag--local{background:rgba(34,197,94,.13);color:#4ade80}
html.dark .ki-live-mtag--eu{background:rgba(99,102,241,.13);color:#a5b4fc}
html.dark .ki-live-mtag--cloud{background:rgba(251,146,60,.13);color:#fb923c}
.ki-live-footer{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .5rem;border-top:1px solid var(--border);padding:.75rem 1.25rem;background:#fff}
.ki-live-model-badge{font-family:'Space Grotesk',sans-serif;font-size:.72rem;font-weight:700;border:1px solid;border-radius:5px;padding:.15rem .45rem;letter-spacing:.01em;transition:color .4s,background .4s,border-color .4s}
.ki-live-model-badge.mbadge--llama{color:#0668E1;background:rgba(6,104,225,.08);border-color:rgba(6,104,225,.22)}
.ki-live-model-badge.mbadge--gpt{color:#1a1a1a;background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.14)}
.ki-live-model-badge.mbadge--claude{color:#D97757;background:rgba(217,119,87,.08);border-color:rgba(217,119,87,.25)}
.ki-live-model-badge.mbadge--mistral{color:#FF5000;background:rgba(255,80,0,.08);border-color:rgba(255,80,0,.22)}
html.dark .ki-live-model-badge.mbadge--gpt{color:#e0e0e0;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.ki-live-model-sep{font-size:.72rem;color:var(--muted);opacity:.4;line-height:1}
.ki-live-model-item{font-size:.72rem;color:var(--muted)}
html.dark .ki-live{background:#191919}
html.dark .ki-live-asterisk{filter:invert(1)}
html.dark .ki-live-head{background:#121212}
html.dark .ki-live-log{background:#191919}
html.dark .ki-live-footer{background:#121212}
html.dark .ki-live-icon{background:rgba(255,255,255,.08)}
html.dark .ki-live-entry{background:#121212}
.kt-cursor{display:inline-block;width:7px;height:.85em;background:#f8f8f2;vertical-align:middle;margin-left:2px;animation:blink .9s step-end infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.ki-stats{display:flex;gap:1.1rem;margin-top:1.5rem}
.ki-stat{flex:1;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:1rem;text-align:center}
.ki-stat-val{display:block;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.4rem;color:var(--ink);margin-bottom:.25rem;letter-spacing:-.03em}
.ki-stat-lbl{font-size:.68rem;color:var(--muted);letter-spacing:.04em}

#startups{padding:6rem 0}
.startup-card{display:flex;flex-direction:column;gap:0;max-width:1100px;margin:0 auto}
.startup-eyebrow-row{margin-bottom:1.25rem}
.startup-eyebrow-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.startup-card h2{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:clamp(2.25rem,3.5vw,3.25rem);color:var(--ink);margin-bottom:1.25rem;letter-spacing:-.045em;text-align:left}
.startup-card h2 em{font-style:normal;background:var(--ink);color:var(--pale);padding:0 .22em;border-radius:.18em}
.startup-mid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:stretch}
.startup-card p{color:var(--muted);line-height:1.85;margin-bottom:1.1rem}
.startup-card .btn-dark{margin-top:1rem}
.startup-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-content:stretch}
.startup-feat-card{background:#fafafa;border:1px solid var(--border);border-radius:12px;padding:1rem;transition:border-color .2s}
a.startup-feat-card:hover{border-color:var(--ink)}
html.dark .startup-feat-card{background:#121212;border-color:rgba(255,255,255,.08)}
.startup-feat-title{display:block;color:var(--ink);font-size:.875rem;font-weight:600;margin-bottom:.25rem}
.startup-feat-desc{display:block;color:var(--muted);font-size:.8rem;line-height:1.5}
.startup-cta-mobile{display:none}

@media(max-width:1024px){
  .bento{grid-template-columns:1fr}
  .span-3,.span-4,.span-2{grid-column:span 1}
  .ki-grid{grid-template-columns:1fr;grid-template-areas:"text" "live" "cta";gap:3.5rem}
  .startup-mid{grid-template-columns:1fr;gap:2.5rem}
  .startup-feat-grid{grid-template-columns:1fr 1fr}
  .stmt-cols{grid-template-columns:1fr}
  .principles{grid-template-columns:1fr;gap:2rem}
  .haltung-grid{grid-template-columns:1fr;gap:2rem}
  .startup-cta-desktop{display:none}
  .startup-cta-mobile{display:inline-flex}
  .startup-card .startup-cta-mobile{margin-top:2rem}
}
@media(max-width:900px){
  h1.hero-title{font-size:clamp(2.4rem,7vw,4.5rem)}
  .hero-sub--desktop{display:none}
  .hero-sub--mobile{display:block}
  .hero-ihr{display:none}
  .ki-grid{gap:3rem}
  .startup-card .btn-dark{justify-content:center}
}
@media(max-width:430px){
  h1.hero-title{font-size:clamp(1.9rem,9.9vw,2.4rem)}
}
@media(max-width:680px){
  #kontakt,#ki,#haltung,#startups{padding:4.5rem 0}
  #leistungen{padding:4.5rem 0;border-top:0}
  .card-body{padding:1.75rem}
  .card-img{display:none}
  .ki-stats{flex-wrap:wrap}
  .ki-stat{flex:0 0 calc(50% - .6rem)}
  .ki-btn-long{display:none}
  .ki-btn-short{display:inline}
  .mbadge-pre{display:none}
  .ki-grid .btn-outline{white-space:normal;height:auto;min-height:35px;padding:.55rem 2.2rem;line-height:1.4;text-align:center;justify-content:center;width:100%}
  .startup-card h2{font-size:clamp(1.8rem,6vw,2.4rem)}
  .startup-cta-desktop{display:none}
  .startup-cta-mobile{display:inline-flex}
  .startup-card .startup-cta-mobile{margin-top:2rem}
  #haltung .mt-2-5{text-align:center}
  #haltung .mt-2-5 .btn{width:100%;justify-content:center}
}