/* Schülerloft – isoliertes Stylesheet (alle Regeln unter body.sld-page) */
/* ===========================================================
   Schülerloft® — zentrales Stylesheet
   =========================================================== */
:root {
  --bg:#faf9f6;
  --bg-2:#f3f1ec;
  --ink:#1a1a1a;
  --ink-2:#2b2b2b;
  --muted:#6f6a61;
  --muted-2:#928d83;
  --line:rgba(26,26,26,.14);
  --line-soft:rgba(26,26,26,.08);
  --accent:#8a7a5c;
  --accent-deep:#6f6044;
  --dark:#2a251e;
  --dark-soft:#373127;
  --on-dark:#ece8df;
  --on-dark-mute:#9c968a;
  --gold:#c4b591;
  --maxw:1320px;
  --pad:clamp(22px,5vw,84px);
  --font:'Hanken Grotesk','Helvetica Neue',Helvetica,Arial,sans-serif;
}


body.sld-page * {box-sizing:border-box;margin:0;padding:0}

body.sld-page {-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}

body.sld-page {font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.6;font-weight:400;overflow-x:hidden}

body.sld-page ::selection {background:var(--accent);color:#fff}

body.sld-page a {color:inherit;text-decoration:none}

body.sld-page img {display:block;max-width:100%}


body.sld-page .wrap {max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}

body.sld-page .narrow {max-width:880px}


body.sld-page .eyebrow {font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-deep);display:flex;align-items:center;gap:14px}

body.sld-page .eyebrow::before {content:"";width:26px;height:1px;background:var(--accent);display:inline-block;flex:none}

body.sld-page .eyebrow.center {justify-content:center}

body.sld-page .eyebrow.plain::before {display:none}


body.sld-page h1, body.sld-page h2, body.sld-page h3 {font-weight:400;letter-spacing:-.022em;line-height:1.04;color:var(--ink)}

body.sld-page .display {font-size:clamp(2.6rem,6.4vw,5.7rem);font-weight:300;line-height:1.02;letter-spacing:-.03em;text-wrap:balance}

body.sld-page .h1 {font-size:clamp(2.4rem,5.2vw,4.4rem);font-weight:300;line-height:1.02;letter-spacing:-.03em;text-wrap:balance}

body.sld-page .h2 {font-size:clamp(1.9rem,3.7vw,3.25rem);font-weight:300;letter-spacing:-.028em;line-height:1.06;text-wrap:balance}

body.sld-page .h3 {font-size:clamp(1.3rem,2vw,1.7rem);font-weight:400;letter-spacing:-.02em;line-height:1.12}

body.sld-page .lead {font-size:clamp(1.06rem,1.45vw,1.32rem);line-height:1.62;color:var(--ink-2);font-weight:300}

body.sld-page p.body {color:var(--muted);font-size:1.02rem;line-height:1.72;font-weight:400}

body.sld-page .accent {color:var(--accent-deep)}


/* ---------- NAV ---------- */
body.sld-page header.nav {position:fixed;top:0;left:0;right:0;z-index:100;transition:background .5s ease,border-color .5s ease,backdrop-filter .5s ease;border-bottom:1px solid transparent}

body.sld-page header.nav.scrolled, body.sld-page header.nav.solid {background:rgba(250,249,246,.82);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line-soft)}

body.sld-page .nav-inner {max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:height .5s ease}

body.sld-page header.nav.scrolled .nav-inner {height:68px}

body.sld-page .brand {display:inline-flex;align-items:center;gap:11px;font-size:1.18rem;font-weight:600;letter-spacing:-.01em}

body.sld-page .brand sup {font-size:.5em;font-weight:500;top:-.85em;margin-left:1px}

body.sld-page .brand .mark {display:block;width:27px;height:27px;color:var(--ink);transition:transform .6s cubic-bezier(.22,.61,.36,1)}

body.sld-page .brand .mark svg {display:block;width:100%;height:100%}

body.sld-page .brand:hover .mark {transform:rotate(45deg)}

body.sld-page .nav-links {display:flex;align-items:center;gap:32px}

body.sld-page .nav-links>a, body.sld-page .dd-trigger {font-size:.93rem;color:var(--ink-2);position:relative;font-weight:400;padding:6px 0;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;cursor:pointer}

body.sld-page .nav-links>a::after, body.sld-page .dd-trigger::after {content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--accent);transition:width .35s cubic-bezier(.22,.61,.36,1)}

body.sld-page .nav-links>a:hover, body.sld-page .dd-trigger:hover {color:var(--ink)}

body.sld-page .nav-links>a:hover::after, body.sld-page .dd-trigger:hover::after, body.sld-page .nav-links>a.active::after {width:100%}

body.sld-page .nav-links>a.active {color:var(--ink)}

body.sld-page .dd-caret {font-size:.7em;transition:transform .35s ease;display:inline-block;margin-top:1px}

body.sld-page .nav-item {position:relative}

body.sld-page .nav-item:hover .dd-caret {transform:rotate(90deg)}

body.sld-page .dd-menu {position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:248px;background:var(--bg);border:1px solid var(--line-soft);padding:10px;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s;box-shadow:0 28px 64px -28px rgba(0,0,0,.28)}

body.sld-page .nav-item:hover .dd-menu, body.sld-page .nav-item.open .dd-menu {opacity:1;visibility:visible;transform:translateX(-50%) translateY(2px)}

body.sld-page .dd-menu a {display:block;padding:11px 14px;font-size:.92rem;color:var(--ink-2);transition:background .25s ease,color .25s ease}

body.sld-page .dd-menu a::after {display:none}

body.sld-page .dd-menu a:hover {background:var(--bg-2);color:var(--ink)}

body.sld-page .dd-menu a.lead-link {color:var(--ink);font-weight:500;border-bottom:1px solid var(--line-soft);margin-bottom:6px}

body.sld-page .dd-menu .dd-group {display:block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);font-weight:600;padding:12px 14px 5px}

body.sld-page .mobile-menu .mm-group {display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);font-weight:600;margin-top:16px}

body.sld-page .nav-cta {font-size:.9rem;font-weight:500;letter-spacing:.01em;border:1px solid var(--ink);color:var(--ink);padding:11px 22px;border-radius:999px;display:inline-flex;align-items:center;gap:9px;transition:background .4s ease,color .4s ease,border-color .4s ease;white-space:nowrap}

body.sld-page .nav-cta:hover {background:var(--ink);color:var(--bg)}

body.sld-page .nav-cta .arr {transition:transform .4s ease}

body.sld-page .nav-cta:hover .arr {transform:translateX(4px)}

body.sld-page .menu-btn {display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:8px}

body.sld-page .menu-btn span {width:24px;height:1.5px;background:var(--ink);display:block;transition:.3s}


/* ---------- BUTTONS / LINKS ---------- */
body.sld-page .btn-primary {display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:var(--bg);padding:17px 30px;border-radius:999px;font-size:1rem;font-weight:500;letter-spacing:.005em;transition:transform .45s cubic-bezier(.22,.61,.36,1),background .4s ease;border:none;cursor:pointer}

body.sld-page .btn-primary .arr {transition:transform .45s cubic-bezier(.22,.61,.36,1)}

body.sld-page .btn-primary:hover {background:var(--accent-deep)}

body.sld-page .btn-primary:hover .arr {transform:translateX(6px)}

body.sld-page .btn-ghost {display:inline-flex;align-items:center;gap:12px;border:1px solid var(--ink);color:var(--ink);padding:16px 29px;border-radius:999px;font-size:1rem;font-weight:500;transition:background .4s ease,color .4s ease}

body.sld-page .btn-ghost:hover {background:var(--ink);color:var(--bg)}

body.sld-page .btn-note {font-size:.82rem;color:var(--muted-2);letter-spacing:.02em}

body.sld-page .link-arrow {display:inline-flex;align-items:center;gap:11px;font-size:1rem;font-weight:500;color:var(--ink);padding-bottom:5px;border-bottom:1px solid var(--ink);transition:gap .4s ease,color .4s ease,border-color .4s ease}

body.sld-page .link-arrow:hover {gap:18px;color:var(--accent-deep);border-color:var(--accent)}


/* ---------- HERO (home) ---------- */
body.sld-page .hero {min-height:100vh;display:flex;flex-direction:column;padding-top:clamp(140px,16vh,200px);position:relative}

body.sld-page .hero-main {flex:1;display:grid;grid-template-columns:1.05fr .92fr;gap:clamp(44px,6vw,96px);align-items:center;padding-bottom:clamp(40px,5vw,60px)}

body.sld-page .hero h1 {font-size:clamp(2.3rem,3.7vw,4rem);margin:28px 0 0;max-width:18ch}

body.sld-page .hero-lead {margin-top:30px;max-width:42ch;color:var(--ink-2)}

body.sld-page .hero-creds {margin-top:22px;font-size:.9rem;color:var(--muted);letter-spacing:.005em;line-height:1.6;max-width:40ch}

body.sld-page .hero-creds b {color:var(--ink-2);font-weight:600}

body.sld-page .hero-actions {display:flex;align-items:center;gap:26px;margin-top:42px;flex-wrap:wrap}

body.sld-page .hero-actions .btn-primary {flex-shrink:0}

body.sld-page .hero-actions .btn-note {max-width:18ch}

body.sld-page .hero-visual {position:relative}

body.sld-page .hero-portrait {aspect-ratio:4/5;width:100%}

body.sld-page .cred-list {font-size:.96rem;color:var(--ink-2);font-weight:400}

body.sld-page .cred-list b {font-weight:600}


/* ---------- PAGE HERO (subpages) ---------- */
body.sld-page .page-hero {padding-top:clamp(130px,15vw,190px);padding-bottom:clamp(36px,5vw,64px)}

body.sld-page .page-hero .eyebrow {margin-bottom:30px}

body.sld-page .page-hero .intro {max-width:60ch;margin-top:30px}

body.sld-page .page-hero .meta-line {margin-top:30px;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}


/* ---------- STATS ---------- */
body.sld-page .stats {display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}

body.sld-page .stats.bordered {border-bottom:1px solid var(--line)}

body.sld-page .stat {padding:34px 28px 40px;border-right:1px solid var(--line-soft);position:relative}

body.sld-page .stat:last-child {border-right:none}

body.sld-page .stat .num {font-size:clamp(2.6rem,4.6vw,4rem);font-weight:300;letter-spacing:-.04em;line-height:1;color:var(--ink)}

body.sld-page .stat .num .plus {color:var(--accent);font-size:.6em;vertical-align:super;margin-left:2px}

body.sld-page .stat .lab {margin-top:14px;font-size:.86rem;color:var(--muted);letter-spacing:.01em;max-width:18ch}


/* ---------- SECTIONS ---------- */
body.sld-page section {position:relative}

body.sld-page .sec {padding:clamp(72px,9.5vw,138px) 0}

body.sld-page .sec-sm {padding:clamp(56px,7vw,96px) 0}

body.sld-page .sec.tint {background:#fff;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}

body.sld-page .sec.tint2 {background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

body.sld-page .sec-head {margin-bottom:clamp(40px,5vw,64px)}

body.sld-page .sec-head .h2 {margin-top:24px}

body.sld-page .sec-head.split-head {display:flex;justify-content:space-between;align-items:flex-end;gap:36px;flex-wrap:wrap}

body.sld-page .sec-head.split-head .body {max-width:58ch;padding-bottom:6px}


/* ---------- SPLIT ---------- */
body.sld-page .split {display:grid;grid-template-columns:.74fr 1.26fr;gap:clamp(40px,6vw,92px);align-items:center}

body.sld-page .split.rev {grid-template-columns:1.18fr .82fr}

body.sld-page .split.even {grid-template-columns:1fr 1fr}

body.sld-page .split-copy .body {max-width:60ch}

body.sld-page .split-copy h2 {margin:26px 0 28px}

body.sld-page .split-copy .body+.body {margin-top:18px}

body.sld-page .split-copy .more {margin-top:34px}


/* ---------- CASE STUDY ---------- */
body.sld-page .cases {margin-top:6px}

body.sld-page .case-tabs {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}

body.sld-page .case-tab {font-family:inherit;font-size:.82rem;font-weight:500;letter-spacing:.01em;color:var(--ink-2);background:none;border:1px solid var(--line);border-radius:999px;padding:9px 18px;cursor:pointer;transition:background .3s ease,color .3s ease,border-color .3s ease}

body.sld-page .case-tab:hover {border-color:var(--ink);color:var(--ink)}

body.sld-page .case-tab.is-active {background:var(--ink);color:var(--bg);border-color:var(--ink)}

body.sld-page .case {display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:22px}

body.sld-page .case[hidden] {display:none}

body.sld-page .case-step {padding:32px 30px 36px;border-right:1px solid var(--line-soft)}

body.sld-page .case-step:last-child {border-right:none}

body.sld-page .case-k {display:flex;align-items:center;gap:11px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-bottom:16px}

body.sld-page .case-k::before {content:attr(data-n);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);font-size:.72rem;color:var(--ink);font-weight:500}

body.sld-page .case-step p {font-size:1rem;line-height:1.58;color:var(--ink-2)}

body.sld-page .case-step.is-result .case-k {color:var(--accent-deep)}

body.sld-page .case-step.is-result .case-k::before {border-color:var(--accent);color:var(--accent-deep)}

body.sld-page .case-step.is-result p {color:var(--ink)}

body.sld-page .case-note {margin-top:18px;font-size:.82rem;color:var(--muted-2);font-style:italic}

@media (max-width:760px) {
body.sld-page .case {grid-template-columns:1fr}
body.sld-page .case-step {border-right:none;border-bottom:1px solid var(--line-soft)}
body.sld-page .case-step:last-child {border-bottom:none}

}


/* ---------- IMAGE PLACEHOLDER ---------- */
body.sld-page .ph {position:relative;width:100%;background:var(--bg-2);border:1px solid var(--line);overflow:hidden}

body.sld-page .ph::before {content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(135deg,transparent 0 13px,rgba(26,26,26,.045) 13px 14px)}

body.sld-page .ph img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.9) contrast(1.02) brightness(.99)}

body.sld-page .ph:has(img)::before {background-image:none}

body.sld-page .ph:has(img)::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(181,87,46,.10),rgba(42,37,33,.16));mix-blend-mode:multiply;pointer-events:none}

body.sld-page .ph .ph-cap {position:absolute;left:18px;bottom:16px;font-family:'Courier New',monospace;font-size:11.5px;letter-spacing:.04em;color:var(--muted-2);background:var(--bg);padding:5px 10px;border:1px solid var(--line)}

body.sld-page .ph .ph-mark {position:absolute;top:18px;right:18px;font-family:'Courier New',monospace;font-size:11px;color:var(--muted-2)}

body.sld-page .ph.portrait {aspect-ratio:4/5}

body.sld-page .ph.wide {aspect-ratio:5/4}

body.sld-page .ph.square {aspect-ratio:1/1}

body.sld-page .ph.tall {aspect-ratio:3/4}


body.sld-page .prog-cat {display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:clamp(36px,4vw,54px) 0 16px}

body.sld-page .prog-cat-label {font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);font-weight:600}

body.sld-page .prog-cat-note {font-size:.9rem;color:var(--muted);max-width:48ch}

/* ---------- PROGRAMME LIST ---------- */
body.sld-page .prog-list {border-top:1px solid var(--line)}

body.sld-page .prog {display:grid;grid-template-columns:64px 180px 1fr 44px;gap:clamp(16px,3vw,44px);align-items:center;padding:34px 12px;border-bottom:1px solid var(--line);position:relative;transition:padding .5s cubic-bezier(.22,.61,.36,1),background .5s ease}

body.sld-page .prog::before {content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink);transition:width .5s cubic-bezier(.22,.61,.36,1)}

body.sld-page .prog:hover {background:#fff;padding-left:28px;padding-right:24px}

body.sld-page .prog:hover::before {width:3px}

body.sld-page .prog .idx {font-size:.9rem;color:var(--muted-2);font-weight:500;letter-spacing:.04em}

body.sld-page .prog .tag {font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);font-weight:600}

body.sld-page .prog .pmain {display:block}

body.sld-page .prog .ptitle {display:block;font-size:clamp(1.45rem,2.4vw,2.05rem);font-weight:300;letter-spacing:-.02em;line-height:1.08}

body.sld-page .prog .pdesc {display:block;font-size:.96rem;color:var(--muted);margin-top:11px;max-width:62ch;font-weight:400}

body.sld-page .prog .pgo {width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;justify-self:end;transition:background .4s ease,border-color .4s ease,transform .4s ease;color:var(--ink)}

body.sld-page .prog:hover .pgo {background:var(--ink);border-color:var(--ink);color:var(--bg);transform:rotate(-45deg)}


/* ---------- FEATURE GRID (was enthalten ist) ---------- */
body.sld-page .feature-grid {display:grid;grid-template-columns:1fr 1fr;align-items:stretch;border-top:1px solid var(--line)}

body.sld-page .feature {display:flex;flex-direction:column;align-items:flex-start;padding:40px 44px 44px 0;border-bottom:1px solid var(--line)}

body.sld-page .feature:nth-child(odd) {padding-right:60px}

body.sld-page .feature:nth-child(even) {padding-left:60px;border-left:1px solid var(--line)}

body.sld-page .feature .tag {font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);font-weight:600}

body.sld-page .feature h3 {margin:16px 0 14px;text-wrap:balance}

body.sld-page .feature p {color:var(--muted);font-size:.99rem;line-height:1.68}


/* ---------- PHASES ---------- */
body.sld-page .phases {border-top:1px solid var(--line)}

body.sld-page .phase {display:grid;grid-template-columns:120px 1fr 130px;gap:clamp(20px,3vw,48px);align-items:start;padding:36px 0;border-bottom:1px solid var(--line)}

body.sld-page .phase .pnum {font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);font-weight:600;padding-top:6px}

body.sld-page .phase h3 {margin-bottom:12px}

body.sld-page .phase p {color:var(--muted);font-size:.99rem;line-height:1.66;max-width:60ch}

body.sld-page .phase .pweeks {font-size:.84rem;color:var(--accent-deep);font-weight:500;letter-spacing:.02em;text-align:right;padding-top:6px}


/* ---------- PRICING ---------- */
body.sld-page .pricing {display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,5vw,72px);align-items:center;padding:clamp(44px,5vw,64px);background:var(--dark);color:var(--on-dark)}

body.sld-page .pricing .big {font-size:clamp(3rem,7vw,5.5rem);font-weight:300;letter-spacing:-.04em;line-height:1;color:#fff}

body.sld-page .pricing .pnote {margin-top:18px;color:var(--on-dark-mute);font-size:.95rem;max-width:34ch}

body.sld-page .pricing .pbody p {color:var(--on-dark-mute);font-size:1rem;line-height:1.7}

body.sld-page .pricing .pbody p+p {margin-top:16px}

body.sld-page .pricing .pavail {margin-top:24px;font-size:.9rem;color:var(--gold)}

body.sld-page .pricing .btn-primary {margin-top:30px;background:#fff;color:var(--ink)}

body.sld-page .pricing .btn-primary:hover {background:var(--gold)}


/* ---------- QUALIFICATIONS ---------- */
body.sld-page .quals {display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(40px,5vw,80px)}

body.sld-page .qual {display:flex;gap:20px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line)}

body.sld-page .qual .qn {font-size:.82rem;color:var(--muted-2);font-weight:600;letter-spacing:.05em;min-width:26px}

body.sld-page .qual .qt {font-size:1rem;color:var(--ink-2);line-height:1.5}

body.sld-page .qual .qt b {font-weight:600;color:var(--ink)}


/* ---------- DIFFERENTIATORS (3 cards) ---------- */
body.sld-page .diffs {display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px)}

body.sld-page .diff .ph {margin-bottom:26px}

body.sld-page .diff .tag {font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);font-weight:600}

body.sld-page .diff h3 {margin:14px 0 14px}

body.sld-page .diff p {color:var(--muted);font-size:.97rem;line-height:1.66}


/* ---------- ECOSYSTEM ---------- */
body.sld-page .eco {border-top:1px solid var(--line)}

body.sld-page .eco-item {display:grid;grid-template-columns:40px 1fr;gap:20px;align-items:baseline;padding:28px 0;border-bottom:1px solid var(--line)}

body.sld-page .eco-item .ar {color:var(--accent);font-size:1.1rem}

body.sld-page .eco-item h3 {font-size:1.2rem;font-weight:500;margin-bottom:8px}

body.sld-page .eco-item p {color:var(--muted);font-size:.96rem;line-height:1.6}

body.sld-page .eco-item a {color:var(--accent-deep);border-bottom:1px solid var(--line)}


/* ---------- JOURNAL ---------- */
body.sld-page .journal-list {border-top:1px solid var(--line)}

body.sld-page .jentry {display:grid;grid-template-columns:200px 1fr 44px;gap:clamp(20px,3vw,48px);align-items:center;padding:38px 12px;border-bottom:1px solid var(--line);transition:padding .5s cubic-bezier(.22,.61,.36,1),background .5s ease}

body.sld-page .jentry:hover {background:#fff;padding-left:24px;padding-right:24px}

body.sld-page .jentry .jmeta {font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-weight:500;line-height:1.6}

body.sld-page .jentry .jmeta .cat {color:var(--accent-deep);display:block}

body.sld-page .jentry h3 {font-size:clamp(1.3rem,2vw,1.85rem);font-weight:300;letter-spacing:-.02em;line-height:1.12}

body.sld-page .jentry .jex {color:var(--muted);font-size:.96rem;margin-top:10px;max-width:64ch}

body.sld-page .jentry .pgo {width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;justify-self:end;transition:background .4s ease,border-color .4s ease,transform .4s ease}

body.sld-page .jentry:hover .pgo {background:var(--ink);border-color:var(--ink);color:var(--bg);transform:rotate(-45deg)}


/* ---------- BIANKA DARK BLOCK ---------- */
body.sld-page .dark-sec {background:var(--dark);color:var(--on-dark)}

body.sld-page .dark-sec .eyebrow {color:var(--gold)}

body.sld-page .dark-sec .eyebrow::before {background:var(--accent)}

body.sld-page .dark-sec h1, body.sld-page .dark-sec h2, body.sld-page .dark-sec h3 {color:var(--on-dark)}

body.sld-page .dark-sec .quote {color:var(--on-dark)}

body.sld-page .dark-sec .quote-attr {color:var(--on-dark-mute)}

body.sld-page .dark-sec .slider-controls {border-top-color:rgba(255,255,255,.16)}

body.sld-page .dark-sec .s-count {color:var(--on-dark-mute)}

body.sld-page .dark-sec .s-count .cur {color:var(--on-dark)}

body.sld-page .dark-sec .s-progress {background:rgba(255,255,255,.16)}

body.sld-page .dark-sec .s-progress .bar {background:var(--gold)}

body.sld-page .dark-sec .s-btn {border-color:rgba(255,255,255,.24);color:var(--on-dark)}

body.sld-page .dark-sec .s-btn:hover {background:var(--on-dark);border-color:var(--on-dark);color:var(--dark)}

body.sld-page .dark-sec .body {color:var(--on-dark-mute)}

body.sld-page .dark-sec .link-arrow {color:var(--on-dark);border-color:var(--on-dark)}

body.sld-page .dark-sec .link-arrow:hover {color:#fff;border-color:var(--accent)}

body.sld-page .dark-sec .ph {background:var(--dark-soft);border-color:rgba(255,255,255,.12)}

body.sld-page .dark-sec .ph::before {background-image:repeating-linear-gradient(135deg,transparent 0 13px,rgba(255,255,255,.04) 13px 14px)}

body.sld-page .dark-sec .ph .ph-cap {background:var(--dark);border-color:rgba(255,255,255,.14);color:var(--on-dark-mute)}

body.sld-page .dark-sec .ph .ph-mark {color:var(--on-dark-mute)}

body.sld-page .cred-row {display:flex;flex-wrap:wrap;gap:0;margin-top:38px;border-top:1px solid rgba(255,255,255,.14)}

body.sld-page .cred-item {flex:1 1 50%;padding:20px 24px 20px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.95rem;color:var(--on-dark)}

body.sld-page .cred-item span {display:block;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-weight:600}


/* ---------- PULL QUOTE ---------- */
body.sld-page .pullquote {padding:clamp(70px,10vw,140px) 0}

body.sld-page .pullquote blockquote {font-size:clamp(1.5rem,3.2vw,2.7rem);font-weight:300;line-height:1.26;letter-spacing:-.02em;text-wrap:balance;max-width:26ch;margin:0 auto;text-align:center}

body.sld-page .pullquote .mark {color:var(--accent)}

body.sld-page .pullquote .attr {margin-top:34px;text-align:center;font-size:.92rem;color:var(--muted);letter-spacing:.04em}


/* ---------- TESTIMONIAL ---------- */
body.sld-page .quote-sec {padding:clamp(90px,13vw,180px) 0}

body.sld-page .quote {font-size:clamp(1.7rem,3.6vw,3.1rem);font-weight:300;line-height:1.22;letter-spacing:-.022em;text-wrap:balance;max-width:24ch}

body.sld-page .quote .mark {color:var(--accent);font-weight:300}

body.sld-page .quote-attr {margin-top:38px;display:flex;align-items:center;gap:16px;font-size:.92rem;color:var(--muted)}

body.sld-page .quote-attr::before {content:"";width:40px;height:1px;background:var(--accent);flex:none}


/* slider */
body.sld-page .slider {margin-top:54px}

body.sld-page .slides {position:relative;overflow:hidden}

body.sld-page .track {display:flex;align-items:flex-start;transition:transform .7s cubic-bezier(.22,.61,.36,1)}

body.sld-page .slide {flex:0 0 100%;width:100%}

body.sld-page .slide .quote {max-width:42ch}

body.sld-page .slider-controls {display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:64px;padding-top:30px;border-top:1px solid var(--line)}

body.sld-page .slider-meta {display:flex;align-items:center;gap:24px;flex:1;max-width:340px}

body.sld-page .s-count {font-size:.86rem;letter-spacing:.14em;color:var(--muted);font-weight:500;white-space:nowrap}

body.sld-page .s-count .cur {color:var(--ink)}

body.sld-page .s-progress {position:relative;flex:1;height:1px;background:var(--line)}

body.sld-page .s-progress .bar {position:absolute;left:0;top:0;height:1px;width:100%;background:var(--accent-deep);transform:scaleX(.2);transform-origin:left;transition:transform .6s cubic-bezier(.22,.61,.36,1)}

body.sld-page .slider-nav {display:flex;gap:12px}

body.sld-page .s-btn {width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.05rem;color:var(--ink);transition:background .4s ease,color .4s ease,border-color .4s ease,transform .4s ease}

body.sld-page .s-btn:hover {background:var(--ink);border-color:var(--ink);color:var(--bg)}

body.sld-page .s-btn:active {transform:scale(.94)}


/* ---------- CTA ---------- */
body.sld-page .cta {background:var(--bg-2);border-top:1px solid var(--line);text-align:center}

body.sld-page .cta .wrap {padding-top:clamp(90px,12vw,150px);padding-bottom:clamp(90px,12vw,150px);display:flex;flex-direction:column;align-items:center;gap:30px}

body.sld-page .cta h2 {max-width:20ch}

body.sld-page .cta .sub {font-size:.95rem;color:var(--muted);letter-spacing:.04em}

body.sld-page .cta-divider {display:inline-flex;align-items:center;gap:12px}

body.sld-page .cta-divider span {width:5px;height:5px;border-radius:50%;background:var(--accent)}


/* ---------- FORM ---------- */
body.sld-page .form-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:26px 32px}

body.sld-page .field {display:flex;flex-direction:column;gap:9px}

body.sld-page .field.full {grid-column:1/-1}

body.sld-page .field label {font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}

body.sld-page .field input, body.sld-page .field select, body.sld-page .field textarea {font-family:inherit;font-size:1rem;color:var(--ink);background:transparent;border:none;border-bottom:1px solid var(--line);padding:12px 2px;transition:border-color .3s ease}

body.sld-page .field textarea {resize:vertical;min-height:120px;line-height:1.6}

body.sld-page .field input:focus, body.sld-page .field select:focus, body.sld-page .field textarea:focus {outline:none;border-color:var(--ink)}

body.sld-page .field input::placeholder, body.sld-page .field textarea::placeholder {color:var(--muted-2)}

body.sld-page .form-actions {grid-column:1/-1;display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:10px}

body.sld-page .form-note {grid-column:1/-1;font-size:.84rem;color:var(--muted-2);line-height:1.6;margin-top:4px}

body.sld-page .form-ok {grid-column:1/-1;padding:22px 26px;background:var(--dark);color:var(--on-dark);font-size:.98rem;display:none}

body.sld-page .form-ok.show {display:block}

body.sld-page .contact-aside h3 {font-size:1.15rem;font-weight:500;margin-bottom:8px}

body.sld-page .contact-aside .ci {padding:22px 0;border-bottom:1px solid var(--line)}

body.sld-page .contact-aside .ci span {display:block;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:8px;font-weight:600}

body.sld-page .contact-aside .ci a, body.sld-page .contact-aside .ci p {color:var(--ink-2);font-size:1rem;line-height:1.6}


/* ---------- LEGAL PROSE ---------- */
body.sld-page .prose {max-width:74ch}

body.sld-page .prose h2 {font-size:1.5rem;font-weight:500;margin:46px 0 16px;letter-spacing:-.01em}

body.sld-page .prose h2:first-child {margin-top:0}

body.sld-page .prose h3 {font-size:1.1rem;font-weight:600;margin:28px 0 10px}

body.sld-page .prose p {color:var(--muted);font-size:1rem;line-height:1.75;margin-bottom:14px}

body.sld-page .prose p strong {color:var(--ink-2);font-weight:600}

body.sld-page .prose a {color:var(--accent-deep);border-bottom:1px solid var(--line)}


/* ---------- FOOTER ---------- */
body.sld-page footer.site {background:var(--dark);color:var(--on-dark);padding:clamp(64px,8vw,100px) 0 36px}

body.sld-page .foot-top {display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:64px;border-bottom:1px solid rgba(255,255,255,.12)}

body.sld-page .foot-brand .b {display:inline-flex;align-items:center;gap:13px;font-size:1.5rem;font-weight:600;letter-spacing:-.01em}

body.sld-page .foot-brand .b sup {font-size:.5em;top:-.9em}

body.sld-page .foot-brand .b .mark {display:block;width:34px;height:34px;color:var(--on-dark)}

body.sld-page .foot-brand .b .mark svg {display:block;width:100%;height:100%}

body.sld-page .foot-brand p {color:var(--on-dark-mute);font-size:.92rem;margin-top:16px;max-width:34ch;line-height:1.65}

body.sld-page .foot-col h4 {font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:20px}

body.sld-page .foot-col a, body.sld-page .foot-col p {display:block;color:var(--on-dark-mute);font-size:.94rem;margin-bottom:13px;transition:color .3s ease}

body.sld-page .foot-col a:hover {color:#fff}

body.sld-page .foot-bottom {display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:30px;font-size:.84rem;color:var(--on-dark-mute)}

body.sld-page .foot-bottom .legal {display:flex;gap:24px}

body.sld-page .foot-bottom .legal a:hover {color:#fff}


/* ---------- REVEAL ---------- */
body.sld-page .rv {opacity:0;transform:translateY(26px);transition:opacity 1.05s cubic-bezier(.22,.61,.36,1),transform 1.05s cubic-bezier(.22,.61,.36,1)}

body.sld-page .rv.in {opacity:1;transform:none}

body.sld-page .rv.d1 {transition-delay:.08s}
body.sld-page .rv.d2 {transition-delay:.16s}
body.sld-page .rv.d3 {transition-delay:.24s}
body.sld-page .rv.d4 {transition-delay:.32s}

@media (prefers-reduced-motion:reduce) {
body.sld-page .rv {opacity:1;transform:none;transition:none}

}


/* ---------- MOBILE MENU ---------- */
body.sld-page .mobile-menu {position:fixed;inset:0;z-index:99;background:var(--bg);transform:translateY(-100%);transition:transform .55s cubic-bezier(.76,0,.24,1);display:flex;flex-direction:column;justify-content:center;padding:90px var(--pad) 40px;gap:2px;overflow-y:auto}

body.sld-page .mobile-menu.open {transform:none}

body.sld-page .mobile-menu a {font-size:1.7rem;font-weight:300;letter-spacing:-.02em;padding:13px 0;border-bottom:1px solid var(--line-soft)}

body.sld-page .mobile-menu a.mm-sub {font-size:1.05rem;color:var(--muted);padding:10px 0 10px 18px;border-bottom:1px solid var(--line-soft)}

body.sld-page .mobile-menu .mm-cta {margin-top:28px;font-size:1.05rem;border-bottom:none;color:var(--accent-deep)}


/* ---------- RESPONSIVE ---------- */
@media (max-width:1180px) {

  body.sld-page .nav-links {gap:24px}


}

@media (max-width:1080px) {

  body.sld-page .foot-top {grid-template-columns:1fr 1fr}

  body.sld-page .foot-brand {grid-column:1/-1;margin-bottom:20px}

  body.sld-page .diffs {grid-template-columns:1fr;gap:48px;max-width:560px}

  body.sld-page .pricing {grid-template-columns:1fr;gap:30px}


}

@media (max-width:1024px) {

  body.sld-page .nav-links {display:none}

  body.sld-page .menu-btn {display:flex}

  body.sld-page .nav-cta {display:none}


}

@media (max-width:860px) {

  body.sld-page .hero-main {grid-template-columns:1fr;gap:36px;align-items:start}

  body.sld-page .hero-visual {max-width:420px}

  body.sld-page .hero-portrait {aspect-ratio:3/4}

  body.sld-page .split, body.sld-page .split.rev, body.sld-page .split.even {grid-template-columns:1fr;gap:40px}

  body.sld-page .split .ph-col {order:-1}

  body.sld-page .stats {grid-template-columns:1fr 1fr}

  body.sld-page .stat {border-bottom:1px solid var(--line-soft)}

  body.sld-page .stat:nth-child(2) {border-right:none}

  body.sld-page .prog {grid-template-columns:44px 1fr 40px;row-gap:6px}

  body.sld-page .prog .tag {grid-column:2}

  body.sld-page .prog .idx {align-self:start}

  body.sld-page .prog .pmain {grid-column:2}

  body.sld-page .prog .pgo {grid-row:1/3;align-self:center}

  body.sld-page .cred-item {flex:1 1 100%}

  body.sld-page .feature-grid {grid-template-columns:1fr}

  body.sld-page .feature, body.sld-page .feature:nth-child(odd), body.sld-page .feature:nth-child(even) {padding:32px 0;border-left:none}

  body.sld-page .feature:nth-child(even) {border-left:none}

  body.sld-page .phase {grid-template-columns:1fr;gap:8px;row-gap:8px}

  body.sld-page .phase .pweeks {text-align:left;color:var(--accent-deep)}

  body.sld-page .quals {grid-template-columns:1fr;gap:0}

  body.sld-page .jentry {grid-template-columns:1fr 40px;row-gap:10px}

  body.sld-page .jentry .jmeta {grid-column:1}

  body.sld-page .jentry .jmain {grid-column:1}

  body.sld-page .jentry .pgo {grid-row:1/3}

  body.sld-page .form-grid {grid-template-columns:1fr}

  body.sld-page .slider-controls {flex-wrap:wrap;gap:24px}

  body.sld-page .slider-meta {max-width:none;width:100%}


}

@media (max-width:560px) {

  body.sld-page .stats {grid-template-columns:1fr}

  body.sld-page .stat {border-right:none}


}



/* ---------- PLATZHALTER-BILDER (austauschbar) ---------- */
body.sld-page .ph img.is-ph {filter:none}

body.sld-page .ph:has(img.is-ph)::after {display:none}