/* Shared styling for reviewed, not-yet-indexed CentaurNexus landing-page previews. */
.lp-hero{background:var(--dark-gradient);padding-top:calc(var(--header-h) + clamp(34px,7vh,84px))}
.lp-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:clamp(32px,6vw,90px);align-items:center}
.lp-hero-grid--copy{grid-template-columns:minmax(0,900px);justify-content:start}
.lp-hero-grid--copy .lp-hero-copy h1{max-width:19ch}
.lp-hero-grid--copy .lp-hero-copy p{max-width:72ch}
.lp-hero-copy h1{font-size:clamp(34px,4.1vw,56px);letter-spacing:-.035em;margin:8px 0 22px;max-width:15ch}
.lp-hero-copy p{font-size:clamp(17px,1.8vw,21px);max-width:58ch}
.lp-screen-frame{position:relative;overflow:hidden;border:1px solid rgba(212,255,0,.34);border-radius:22px;background:#06191d;box-shadow:0 28px 70px rgba(0,0,0,.36)}
.lp-screen-frame img{display:block;width:100%;height:390px;object-fit:cover;object-position:50% 8%;opacity:.96}
.lp-screen-frame:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(3,16,19,.74));pointer-events:none}
.lp-screen-label{position:absolute;z-index:1;left:18px;bottom:17px;display:inline-flex;gap:8px;align-items:center;color:#eff8f8;font-size:13px;font-weight:750}.lp-screen-label i{display:block;width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 15px rgba(212,255,0,.8)}
.lp-screen-caption{position:absolute;z-index:1;right:18px;top:16px;padding:8px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(7,27,31,.76);color:rgba(255,255,255,.84);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.lp-route{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.lp-route-step{border:1px solid var(--line);border-radius:16px;padding:23px 21px;background:var(--card);box-shadow:var(--shadow)}
.lp-route-step span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(26,79,84,.1);color:var(--petrol);font-size:12px;font-weight:800;margin-bottom:15px}.lp-route-step h3{font-size:17px;margin-bottom:8px}.lp-route-step p{font-size:14px;color:var(--muted);line-height:1.5}
.lp-highlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:clamp(28px,6vw,80px);align-items:center}.lp-highlight.reverse{grid-template-columns:minmax(320px,.85fr) minmax(0,1fr)}.lp-highlight.reverse .lp-highlight-copy{order:-1}
.lp-highlight-copy h2{font-size:clamp(25px,2.8vw,38px);letter-spacing:-.03em;max-width:18ch;margin:8px 0 16px}.lp-highlight-copy p{font-size:17px;line-height:1.58;color:var(--muted);max-width:56ch}
.lp-points{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.lp-points li{position:relative;padding-left:22px;color:var(--ink);font-size:15px;line-height:1.5}.lp-points li:before{content:"";position:absolute;left:0;top:.53em;width:9px;height:9px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 4px rgba(212,255,0,.13)}
.lp-product-shot{overflow:hidden;min-height:370px;border:1px solid var(--line);border-radius:18px;background:#e9f0f1;box-shadow:var(--shadow)}.lp-product-shot img{display:block;width:100%;height:370px;object-fit:cover;object-position:50% 10%}
.lp-human{display:grid;grid-template-columns:minmax(0,.98fr) minmax(320px,.82fr);overflow:hidden;border:1px solid rgba(212,255,0,.36);border-radius:22px;background:var(--dark-card-gradient);box-shadow:0 25px 60px rgba(0,0,0,.18)}.lp-human img{width:100%;height:100%;min-height:390px;object-fit:cover;object-position:center}.lp-human-copy{padding:clamp(28px,5vw,58px);align-self:center;color:#f5fbfb}.lp-human-copy h2{font-size:clamp(25px,2.7vw,36px);letter-spacing:-.025em;margin:8px 0 16px;color:#fff}.lp-human-copy p{color:rgba(237,248,248,.82);font-size:17px;line-height:1.6}.lp-human-copy .eyebrow{color:#d4ff00}.lp-human-copy .btn{margin-top:24px}
.lp-callout{border:1px solid var(--line);border-radius:18px;padding:clamp(24px,4vw,42px);background:linear-gradient(135deg,rgba(26,79,84,.08),rgba(255,255,255,.88));display:flex;align-items:center;justify-content:space-between;gap:24px}.lp-callout h2{font-size:clamp(24px,2.5vw,34px);max-width:24ch}.lp-callout p{max-width:58ch;color:var(--muted);margin-top:10px}
.lp-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lp-resource{display:block;text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--card);box-shadow:var(--shadow);transition:.2s transform,.2s border-color}.lp-resource:hover{transform:translateY(-3px);border-color:var(--petrol-lite)}.lp-resource small{display:block;color:var(--petrol-lite);font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.lp-resource strong{display:block;color:var(--ink);font-size:17px;line-height:1.3}.lp-resource span{display:block;color:var(--muted);font-size:14px;line-height:1.5;margin-top:9px}
.lp-hero+.lp-feature-band{margin-top:0}
.lp-feature-band{padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(28px,4vw,48px);background:#f3f7f7;border-bottom:1px solid var(--line)}
.lp-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lp-feature-card{min-height:150px;padding:21px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.lp-feature-card--visual{overflow:hidden;padding:0}
.lp-feature-card--visual>img{display:block;width:100%;height:145px;object-fit:cover;object-position:50% 8%;border-bottom:1px solid var(--line);background:#e9f0f1}
.lp-feature-card-body{padding:18px 19px 20px}
.lp-feature-card small{display:block;margin-bottom:8px;color:var(--petrol-lite);font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.lp-feature-card h2{margin:0 0 8px;color:var(--ink);font-size:20px;letter-spacing:-.015em}
.lp-feature-card p{color:var(--muted);font-size:14px;line-height:1.5}
.lp-highlight figcaption{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.45}
.lp-highlight figcaption strong{color:var(--ink)}
.lp-highlight figure{margin:0}
.lp-evidence-note{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.45}
.lp-screen-frame .lp-evidence-note{position:absolute;z-index:2;right:18px;bottom:17px;max-width:42%;margin:0;color:rgba(239,248,248,.78);text-align:right}
.lp-preview-note{display:none}
.lp-hero~.sec .sec-head h2{font-size:clamp(28px,3.4vw,46px);letter-spacing:-.03em}
.lp-workday-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lp-workday-card{position:relative;overflow:hidden;padding:24px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.lp-workday-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--neon)}
.lp-workday-card small{display:block;margin-bottom:9px;color:var(--petrol-lite);font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.lp-workday-card h3{font-size:18px;line-height:1.3;margin:0 0 9px}
/* Die Kachel ist IMMER hell, auch in einem dunklen Abschnitt. v4-theme.css faerbt
   mit .dark h1,.dark h2,.dark h3,.dark h4{color:#fff} pauschal jede Ueberschrift im
   dunklen Abschnitt weiss - und traf damit auch die in der weissen Kachel. Ergebnis:
   weiss auf weiss, Kontrast 1.00, der Feature-Name unsichtbar. Hoehere Spezifitaet
   (0,2,1 gegen 0,1,1) holt ihn zurueck, unabhaengig von der Ladereihenfolge. */
.dark .lp-workday-card h3,.dark .lp-workday-card h4{color:var(--ink)}.lp-workday-card p{color:var(--muted);font-size:14px;line-height:1.55}
.lp-workday-card strong{color:var(--ink)}
.lp-browser-panel{display:grid;grid-template-columns:minmax(0,.78fr) minmax(360px,1.22fr);gap:clamp(28px,6vw,72px);align-items:center;padding:clamp(26px,5vw,54px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#f7fbfb,#eef5f5);box-shadow:var(--shadow)}
.lp-browser-copy h2{font-size:clamp(25px,2.8vw,38px);letter-spacing:-.03em;max-width:18ch;margin:8px 0 16px}.lp-browser-copy p{font-size:17px;line-height:1.58;color:var(--muted)}
.lp-browser-window{overflow:hidden;border:1px solid rgba(20,63,68,.18);border-radius:18px;background:#fff;box-shadow:0 20px 44px rgba(8,33,38,.14)}
.lp-browser-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--dark-panel-border);background:var(--dark-card-gradient);color:#fff;font-weight:800}.lp-browser-head b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--neon);color:#0a2228;font-size:12px}.lp-browser-head span{font-size:14px}
.lp-browser-url{padding:10px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-browser-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}.lp-browser-action{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fbfb}.lp-browser-action strong{display:block;color:var(--ink);font-size:13px}.lp-browser-action span{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.4}
.lp-faq{display:grid;gap:12px;max-width:920px;margin:0 auto}.lp-faq details{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.lp-faq summary{cursor:pointer;list-style:none;padding:19px 50px 19px 20px;color:var(--ink);font-weight:800;position:relative}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq summary:after{content:"+";position:absolute;right:20px;top:15px;color:var(--petrol);font-size:25px;font-weight:500}.lp-faq details[open] summary:after{content:"–"}.lp-faq details p{padding:0 20px 20px;color:var(--muted);font-size:15px;line-height:1.6}
.lp-hero~.sec.dark{background:var(--dark-gradient)}
.lp-hero.dark .lp-hero-copy p,.sec.dark .sec-head p,.sec.dark .lp-highlight-copy p,.sec.dark .lp-highlight figcaption{color:rgba(241,248,248,.9)}
.lp-hero~.sec:not(.dark)::before{background:rgba(248,250,252,.96)}
.lp-hero~.sec:not(.dark) .sec-head,.lp-hero~.sec:not(.dark) .lp-highlight-copy{padding:clamp(22px,3vw,34px);border:1px solid rgba(197,211,214,.82);border-radius:20px;background:#f8fafc;box-shadow:0 14px 38px rgba(15,23,42,.08)}
.lp-hero~.sec:not(.dark) .lp-highlight figcaption{display:inline-block;padding:8px 11px;border:1px solid rgba(197,211,214,.7);border-radius:9px;background:#f8fafc;color:var(--muted)}
@media(max-width:1040px){.lp-workday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.lp-hero-grid,.lp-highlight,.lp-highlight.reverse,.lp-human,.lp-browser-panel{grid-template-columns:1fr}.lp-highlight.reverse .lp-highlight-copy{order:initial}.lp-hero-copy h1{max-width:15ch}.lp-route,.lp-resource-grid{grid-template-columns:1fr}.lp-callout{display:block}.lp-callout .btn{margin-top:20px}.lp-screen-frame img{height:300px}.lp-product-shot,.lp-product-shot img{min-height:0;height:290px}.lp-human img{min-height:260px;height:260px}}
@media(max-width:980px){.lp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.lp-feature-grid,.lp-workday-grid,.lp-browser-actions{grid-template-columns:1fr}.lp-hero-copy h1{font-size:clamp(32px,10vw,42px)}.lp-hero~.sec .sec-head h2{font-size:clamp(26px,8vw,36px)}}
@media(max-width:380px){.hero-cta{width:100%}.hero-cta .btn{flex:1 1 100%;width:100%;min-width:0;padding-inline:18px;white-space:normal;text-align:center}}

/* Kacheln mit Frage, Name und Erklaerung (Werkzeugseiten in vier Sprachen).
   Die Fragen sind unterschiedlich lang, deshalb begann der Werkzeugname in jeder Kachel auf
   einer anderen Hoehe. Mit subgrid erben Kachel und Kachelkoerper die drei Zeilen des
   Aussenrasters; damit richtet sich jedes Band ueber die ganze Reihe hinweg aus.
   Nur fuer diese Rasterklasse - die Bildkacheln der uebrigen Landingpages haben einen anderen
   Aufbau und bleiben unberuehrt. */
@supports (grid-template-rows: subgrid) {
  .lp-feature-grid--ausgerichtet{grid-auto-rows:auto}
  .lp-feature-grid--ausgerichtet .lp-feature-card{grid-row:span 3;display:grid;grid-template-rows:subgrid;padding:0}
  .lp-feature-grid--ausgerichtet .lp-feature-card-body{grid-row:1 / -1;display:grid;grid-template-rows:subgrid;padding:21px}
  .lp-feature-grid--ausgerichtet .lp-feature-card .eyebrow{align-self:start}
  .lp-feature-grid--ausgerichtet .lp-feature-card h3{align-self:start;margin:10px 0 8px}
  .lp-feature-grid--ausgerichtet .lp-feature-card p{align-self:start;margin:0}
}