html{color-scheme:light dark;scroll-behavior:smooth}
html,body{margin:0;padding:0;background:light-dark(#EEF0F1,#0A1012)}
*{box-sizing:border-box}
a{color:light-dark(#2F6A70,#86C3C4);text-decoration:none}
a:hover{color:light-dark(#1D4F52,#B5E0E0)}
::selection{background:#BDDEDC;color:#0E2023}
.h0:hover{color:light-dark(#2F6A70,#86C3C4) !important}.h1:hover{color:light-dark(#0E2023,#E6EFEE) !important}.h2:hover{background:light-dark(#2F6A70,#8CC6C8) !important;color:light-dark(#FFFFFF,#062021) !important}.h3:hover{border-color:light-dark(#3E767C,#73B2B5) !important}.h4:hover{filter:brightness(.88) !important}.h5:hover{border-color:light-dark(#3E767C,#73B2B5) !important;color:light-dark(#0E2023,#E6EFEE) !important}.h6:hover{color:inherit !important}.h7:hover{filter:brightness(1.08) !important}.h8:hover{background:light-dark(#F6F7F8,#131E20) !important;color:inherit !important}.h9:hover{background:light-dark(#CFE3E2,#17383A) !important;color:inherit !important}.h10:hover{background:#BDDEDC !important;color:#12383A !important}.h11:hover{background:rgba(242,248,247,.1) !important;color:#F2F8F7 !important}
[data-show][hidden],[data-phase][hidden]{display:none!important}

/* platform chain: calm monochrome screenshots with a light teal tint, full colour on hover (28.09.2026) */
.pl-shot{position:relative;overflow:hidden;isolation:isolate}
.pl-shot::before,.pl-shot::after{content:"";position:absolute;inset:0;transition:opacity .5s ease;pointer-events:none}
.pl-shot::before{background:#808080;mix-blend-mode:saturation}
.pl-shot::after{background:light-dark(#DCEBEB,#6F9497);mix-blend-mode:multiply}
a:hover .pl-shot::before,a:focus-visible .pl-shot::before,a:hover .pl-shot::after,a:focus-visible .pl-shot::after{opacity:0}
@media (prefers-reduced-motion:reduce){.pl-shot::before,.pl-shot::after{transition:none}}

/* footer as sitemap (28.09.2026): intro left, six columns in a 3 x 2 grid, quiet rules, teal accents */
.ft-main{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(40px,6vw,112px);align-items:start}
.ft-intro{display:grid;gap:22px;justify-items:start;position:sticky;top:96px}
.ft-addr{margin:0;font-size:15px;line-height:1.65;color:light-dark(#43555A,#A9BABA)}
.ft-reach{margin:0;display:grid;gap:4px;font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.01em;color:light-dark(#56676B,#8B9FA0)}
.ft-reach a{color:light-dark(#0E2023,#E6EFEE);text-decoration:none}
.ft-reach a:hover{color:light-dark(#2F6A70,#86C3C4)}
.ft-cta{display:inline-flex;align-items:center;gap:10px;margin-top:6px;padding:12px 18px 12px 20px;border-radius:999px;
  background:light-dark(#0E2023,#E6EFEE);color:light-dark(#FFFFFF,#0A1012);font-size:14.5px;font-weight:500;text-decoration:none;
  transition:background-color .25s ease}
.ft-cta span{transition:transform .25s ease}
.ft-cta:hover{background:light-dark(#2F6A70,#86C3C4)}
.ft-cta:hover span{transform:translateX(3px)}
.ft-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,4vw,60px) clamp(24px,3vw,48px)}
.ft-head{display:block;margin:0 0 10px;padding-bottom:12px;border-bottom:1px solid light-dark(rgba(14,32,35,.14),rgba(230,239,238,.12));
  font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:light-dark(#2F6A70,#86C3C4)}
.ft-head span{margin-right:8px;color:light-dark(#8A9A9D,#6D8284);letter-spacing:.04em}
.ft-col ul{list-style:none;margin:0;padding:0}
.ft-col a{position:relative;display:inline-block;padding:6px 0;font-size:14.5px;line-height:1.35;color:light-dark(#43555A,#A9BABA);text-decoration:none;transition:color .2s ease}
.ft-col a::after{content:"→";position:absolute;left:100%;top:6px;margin-left:6px;opacity:0;transform:translateX(-4px);transition:opacity .2s ease,transform .2s ease;color:light-dark(#2F6A70,#86C3C4)}
.ft-col a:hover,.ft-col a:focus-visible{color:light-dark(#0E2023,#E6EFEE)}
.ft-col a:hover::after,.ft-col a:focus-visible::after{opacity:1;transform:none}
.ft-tag{justify-self:stretch;display:grid;gap:12px;margin-top:clamp(18px,3vw,40px)}
.ft-tag-k{margin:0;padding-bottom:12px;border-bottom:1px solid light-dark(rgba(14,32,35,.14),rgba(230,239,238,.12));font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:light-dark(#2F6A70,#86C3C4)}
.ft-tag-h{margin:4px 0 0;max-width:17ch;font-stretch:80%;font-weight:680;font-size:clamp(22px,2.1vw,30px);line-height:1.04;letter-spacing:-.015em;color:light-dark(#0E2023,#E6EFEE);text-wrap:balance}
.ft-tag-t{margin:0;max-width:36ch;font-size:14px;line-height:1.55;color:light-dark(#56676B,#8B9FA0);text-wrap:pretty}
.ft-bar{max-width:1320px;margin:clamp(48px,6vw,88px) auto 0;padding-top:20px;border-top:1px solid light-dark(rgba(14,32,35,.12),rgba(230,239,238,.1));
  display:flex;flex-wrap:wrap;gap:10px 28px;align-items:baseline;font-family:'IBM Plex Mono',monospace;font-size:11px;color:light-dark(#56676B,#8B9FA0)}
.ft-bar span:nth-child(2){flex:1}
.ft-top{color:inherit;text-decoration:none}
.ft-top:hover{color:light-dark(#0E2023,#E6EFEE)}
@media (max-width:1000px){
  .ft-main{grid-template-columns:minmax(0,1fr)}
  .ft-intro{position:static;grid-template-columns:repeat(2,auto);justify-content:start;align-items:end;column-gap:48px}
  .ft-cta,.ft-tag{grid-column:1 / -1}
  .ft-tag-h{max-width:22ch}
}
@media (max-width:640px){
  .ft-intro{grid-template-columns:minmax(0,1fr)}
  .ft-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}
  .ft-col a::after{display:none}
  .ft-head span{display:none}
  .ft-bar{flex-direction:column;gap:8px}
  .ft-bar span:nth-child(2){flex:none}
}
@media (prefers-reduced-motion:reduce){.ft-cta,.ft-cta span,.ft-col a,.ft-col a::after{transition:none}}

/* Rostify landing v4 — appended to rostify.css. Scope: .v4 sections, the chapter rail and the index map. */
.v4{
  --ink:light-dark(#0E2023,#E6EFEE);--ink2:light-dark(#43555A,#A9BABA);--mute:light-dark(#56676B,#8B9FA0);
  --teal:light-dark(#2F6A70,#86C3C4);--btn:light-dark(#3E767C,#73B2B5);--btn-ink:light-dark(#FFFFFF,#062021);
  --deep:light-dark(#1F4F53,#17383A);--paper:light-dark(#FFFFFF,#10191B);--bg:light-dark(#EEF0F1,#0A1012);
  --rule:light-dark(rgba(14,32,35,.12),rgba(230,239,238,.1));--rule2:light-dark(rgba(14,32,35,.3),rgba(230,239,238,.28));
  --magenta:#D946EF;--mono:'IBM Plex Mono',ui-monospace,monospace;
  position:relative;padding:clamp(56px,7vw,100px) clamp(16px,4vw,56px);color:var(--ink);scroll-margin-top:64px}
.v4--paper{background:var(--paper)}
.v4--bg{background:var(--bg)}
.v4--deep{background:#1F4F53;color:#F2F8F7;--ink:#F2F8F7;--ink2:#C9DBDB;--mute:#9FC0C0;--teal:#9FD3D2;--rule:rgba(242,248,247,.14);--rule2:rgba(242,248,247,.34);--paper:rgba(255,255,255,.06)}
.v4-wrap{max-width:1320px;margin:0 auto}
.v4 a{color:inherit}
.v4 p{text-wrap:pretty}

/* chapter label with the mini mark (the lit cell = this chapter) */
.v4-ch{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--teal)}
.v4-mini{width:22px;height:22px;flex:none}
.v4-mini path{fill:light-dark(rgba(14,32,35,.16),rgba(230,239,238,.16))}
.v4-mini path.on{fill:var(--teal)}
.v4--deep .v4-mini path{fill:rgba(242,248,247,.18)}
.v4--deep .v4-mini path.on{fill:#9FD3D2}

/* section head: chapter · headline · lede */
.v4-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(22px,4vw,72px);align-items:end;margin-bottom:clamp(30px,4vw,56px)}
.v4-head .v4-ch{margin-bottom:clamp(14px,1.8vw,22px)}
.v4 h2{margin:0;font-stretch:78%;font-weight:700;font-size:clamp(40px,5.4vw,84px);line-height:.92;letter-spacing:-.022em;text-wrap:balance}
.v4-lede{margin:0;max-width:52ch;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:var(--ink2)}
.v4-lede.v4-lede--end{padding-bottom:6px}

/* figure with markers */
.v4-fig{margin:0 auto;max-width:1120px;border-radius:16px;border:1px solid var(--rule);background:var(--paper);overflow:hidden;box-shadow:0 30px 60px -40px rgba(14,32,35,.35)}
.v4--deep .v4-fig{background:#0F2A2E;border-color:rgba(242,248,247,.14)}
.v4-fig-img{position:relative}
.v4-fig-img img{display:block;width:100%;height:auto}
.v4-mk{position:absolute;transform:translate(-50%,-50%);width:clamp(18px,1.8vw,26px);height:clamp(18px,1.8vw,26px);border-radius:50%;background:#0E2023;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:clamp(10px,.85vw,12px);font-weight:600;box-shadow:0 0 0 3px rgba(255,255,255,.92),0 8px 18px -6px rgba(0,0,0,.5)}
.v4-fig figcaption{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;align-items:baseline;padding:13px 18px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;color:var(--mute)}
.v4-fig figcaption b{font-weight:600;color:var(--ink)}
.v4-notes{list-style:none;margin:20px auto 0;max-width:1120px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px 28px}
.v4-notes li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:var(--ink2)}
.v4-num{flex:none;width:22px;height:22px;border-radius:50%;background:var(--ink);color:light-dark(#fff,#0A1012);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:600}
.v4--deep .v4-num{background:#F2F8F7;color:#0E2023}

/* links row under a chapter: "→ Monthly roster · Rest limits" */
.v4-more{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:clamp(24px,3vw,40px);padding-top:18px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:12.5px;letter-spacing:.02em}
.v4-more a{display:inline-flex;gap:8px;align-items:center;text-decoration:none;color:var(--ink)}
.v4-more a span{color:var(--teal)}
.v4-more a:hover{text-decoration:underline;text-underline-offset:4px}
.v4-more.v4-more--in{margin-top:18px;padding-top:0;border-top:0}   /* link inside a block (OJT, 29.09.2026) */

/* buttons */
.v4-btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 24px;border-radius:999px;background:var(--btn);color:var(--btn-ink);font-size:15.5px;font-weight:600;text-decoration:none}
.v4-btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--rule2)}
.v4--deep .v4-btn{background:#F2F8F7;color:#0E2023}
.v4--deep .v4-btn--ghost{background:transparent;color:#F2F8F7;border-color:rgba(242,248,247,.4)}

/* reveal on scroll */
.v4-r{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.v4-r.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.v4-r{opacity:1;transform:none;transition:none}}

/* ------------------------------------------------ 00b proof / founder */
.v4-proof{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,5vw,96px);align-items:start}
.v4-proof .v4-lede{color:#C9DBDB;max-width:48ch}
.v4-sig{margin:22px 0 0;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:#9FD3D2}
.v4-sig-role{display:block;margin:6px 0 0 1.35em;color:#C9DEDD;opacity:.78}  /* 30.09.2026: second line under the founder signature */
.v4-tested{margin:clamp(22px,3vw,36px) 0 0}
.v4-tested .v4-ledger-k{margin-bottom:10px}
.v4-tested ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.v4-tested li{padding:7px 13px;border:1px solid rgba(242,248,247,.32);border-radius:999px;font-size:13.5px;line-height:1.2;color:#F2F8F7}
.v4-tl{list-style:none;margin:clamp(28px,3vw,44px) 0 0;padding:0;border-top:1px solid var(--rule)}
.v4-tl li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid var(--rule);font-size:15.5px;line-height:1.45;color:#DCE8E8}
.v4-tl b{font-family:var(--mono);font-weight:600;font-size:15px;letter-spacing:.02em;color:#F2F8F7}
.v4-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 clamp(36px,5vw,64px);padding:0;list-style:none}
.v4-facts li{border-top:2px solid rgba(242,248,247,.5);padding-top:12px}
.v4-facts b{display:block;font-stretch:78%;font-weight:700;font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.02em;color:#F2F8F7}
.v4-facts span{display:block;margin-top:8px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#9FC0C0}
.v4-ledger{margin:0;padding:0;list-style:none;border-top:1px solid var(--rule)}
.v4-ledger li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr) 64px;gap:16px;padding:13px 0;border-bottom:1px solid var(--rule);font-size:14.5px;line-height:1.45;color:#C9DBDB;align-items:baseline}
.v4-ledger li b{font-weight:600;color:#F2F8F7;font-size:15px}
.v4-ledger li span:last-child{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:#9FD3D2;text-align:right}
.v4-ledger-k{margin:0 0 14px;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#9FD3D2}

/* ------------------------------------------------ 01 chain + map */
.v4-chain{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--rule2)}
.v4-chain li{position:relative;display:flex;padding:18px 18px 0 0}
.v4-chain li+li{border-left:1px solid var(--rule);padding-left:18px}
.v4-chain li::before{content:'';position:absolute;left:0;top:-1px;width:44px;height:2px;background:var(--ink)}
.v4-chain li+li::before{left:18px}
.v4-chain a{display:flex;flex-direction:column;width:100%;text-decoration:none;color:inherit}   /* 29.09.2026: images aligned at the bottom (Jörn) */
.v4-chain .v4-step{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--teal)}
.v4-chain .v4-step em{font-style:normal;color:var(--mute);font-weight:500;margin-left:8px}
.v4-chain h3{margin:8px 0 6px;font-stretch:84%;font-weight:700;font-size:22px;letter-spacing:-.01em}
.v4-chain p{margin:0 0 16px;font-size:14.5px;line-height:1.45;color:var(--ink2)}
.v4-shot{display:block;margin-top:auto;aspect-ratio:16/10;border-radius:10px;border:1px solid var(--rule);background-repeat:no-repeat;background-color:var(--paper);filter:saturate(.15) contrast(.95);transition:filter .35s}
.v4-chain a:hover .v4-shot{filter:none}
.v4-chain .v4-shot{aspect-ratio:auto;height:clamp(110px,9.8vw,150px)}   /* one height for all five, whatever the column width */
.v4-gates{margin:clamp(28px,3vw,44px) 0 0;padding:0;list-style:none;border-top:1px solid var(--rule)}
.v4-gates li{display:grid;grid-template-columns:22px minmax(0,1fr) 44px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--rule)}
.v4-gates li a{text-decoration:none;color:inherit;font-size:15px;line-height:1.45;color:var(--ink2)}
.v4-gates li a b{color:var(--ink);font-weight:600}
.v4-gates li .v4-ref{font-family:var(--mono);font-size:12px;color:var(--teal);text-align:right}
.v4-gates li:hover a b{text-decoration:underline;text-underline-offset:4px}

.v4-map{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,96px);align-items:center;margin-top:clamp(56px,7vw,110px);padding-top:clamp(40px,5vw,72px);border-top:1px solid var(--rule)}
.v4-mark{width:min(100%,460px);aspect-ratio:1;justify-self:center}
.v4-mark svg{width:100%;height:100%;display:block;overflow:visible}
.v4-mark path{fill:light-dark(#BFDCDB,#274B4E);transition:fill .25s,transform .35s;cursor:pointer;transform-box:fill-box;transform-origin:center}
.v4-mark path[data-cell="1"]{fill:light-dark(#C9E4E5,#22474A)}.v4-mark path[data-cell="2"],.v4-mark path[data-cell="4"]{fill:light-dark(#B9DADB,#254D50)}.v4-mark path[data-cell="3"],.v4-mark path[data-cell="5"],.v4-mark path[data-cell="7"]{fill:light-dark(#A9D0D2,#295457)}.v4-mark path[data-cell="6"],.v4-mark path[data-cell="8"]{fill:light-dark(#9AC6C8,#2D5B5E)}.v4-mark path[data-cell="9"]{fill:light-dark(#8CBCBE,#316265)}
.v4-mark path:hover,.v4-mark path.hover{fill:var(--teal);transform:scale(1.03)}
.v4-mark path.on,.v4-mark path.on[data-cell]{fill:light-dark(#1F4F53,#E6EFEE)}
.v4-index{list-style:none;margin:clamp(20px,2vw,28px) 0 0;padding:0;border-top:1px solid var(--rule2);columns:2;column-gap:36px}
.v4-index li{break-inside:avoid;border-bottom:1px solid var(--rule)}
.v4-index a{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;gap:10px;align-items:baseline;padding:11px 0;text-decoration:none;color:var(--ink);font-size:16px;font-weight:500}
.v4-index a span:first-child{font-family:var(--mono);font-size:12px;color:var(--teal)}
.v4-index a span:last-child{color:var(--mute);opacity:0;transition:opacity .2s}
.v4-index a:hover span:last-child,.v4-index li.hover a span:last-child,.v4-index li.on a span:last-child{opacity:1}
.v4-index li.on a{color:var(--teal)}

/* ------------------------------------------------ 02 rules */
.v4-rules{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,72px);align-items:start;margin-top:clamp(48px,6vw,88px);padding-top:clamp(32px,4vw,56px);border-top:1px solid var(--rule)}
.v4-rules h3{margin:12px 0 10px;font-stretch:80%;font-weight:700;font-size:clamp(26px,2.8vw,40px);line-height:1;letter-spacing:-.015em}
.v4-rules p{margin:0;font-size:15.5px;line-height:1.55;color:var(--ink2);max-width:46ch}
.v4-rules ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;border-top:1px solid var(--rule)}
.v4-rules ol li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--rule);font-size:14.5px;color:var(--ink2)}
.v4-rules ol code{font-family:var(--mono);font-size:11.5px;font-weight:600;color:var(--teal);padding-top:2px;min-width:22px}
.v4-rules .v4-and{grid-column:1/-1;font-size:14px;color:var(--ink2);padding-top:14px;border:0}
.v4-rules .v4-and b{color:var(--ink);font-weight:600}
.v4-scn{margin-top:clamp(48px,6vw,88px)}

/* ------------------------------------------------ 03 stats */
.v4-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px;margin:0;padding:0;list-style:none}
.v4-stats li{border-top:1px solid var(--rule2);padding-top:14px}
.v4-stats b{display:block;font-stretch:78%;font-weight:700;font-size:clamp(36px,3.6vw,60px);line-height:.95;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}
.v4-stats span{display:block;margin-top:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);max-width:24ch}
.v4-foot{margin:18px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--mute)}
.v4-engine{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,72px);align-items:start;margin-top:clamp(48px,6vw,88px);padding-top:clamp(32px,4vw,56px);border-top:1px solid var(--rule)}
.v4-engine h3{margin:10px 0 10px;font-stretch:80%;font-weight:700;font-size:clamp(26px,2.8vw,40px);line-height:1;letter-spacing:-.015em}
.v4-engine p{margin:0;font-size:15.5px;line-height:1.55;color:var(--ink2);max-width:48ch}

/* ------------------------------------------------ 04 OJT */
.v4-ojt{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,72px);align-items:center;margin-top:clamp(48px,6vw,88px);padding-top:clamp(32px,4vw,56px);border-top:1px solid var(--rule)}
.v4-ojt h3{margin:10px 0 10px;font-stretch:80%;font-weight:700;font-size:clamp(26px,2.8vw,40px);line-height:1;letter-spacing:-.015em}
.v4-ojt p{margin:0;font-size:15.5px;line-height:1.55;color:var(--ink2);max-width:46ch}
.v4-slots{border-radius:14px;border:1px solid var(--rule);background:var(--paper);overflow:hidden}
.v4-slots div{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:12.5px}
.v4-slots div:last-child{border-bottom:0;color:var(--mute);grid-template-columns:1fr}
.v4-slots i{font-style:normal;display:inline-block;padding:4px 8px;border-radius:6px;background:light-dark(#E4ECF8,#22344A);color:light-dark(#2E4F86,#B9CDEE);font-weight:600}
.v4-slots em{font-style:normal;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.04em}
.v4-slots em.t{background:light-dark(#BFDCDB,#2A5558);color:var(--ink)}
.v4-slots em.s{border:1px dashed var(--rule2);color:var(--ink)}
.v4--deep .v4-slots{background:rgba(255,255,255,.06);border-color:rgba(242,248,247,.16)}
.v4--deep .v4-slots div{border-color:rgba(242,248,247,.12)}
.v4--deep .v4-slots i{background:rgba(242,248,247,.14);color:#F2F8F7}
.v4--deep .v4-slots em.t{background:#9FD3D2;color:#0E2023}
.v4--deep .v4-slots em.s{border-color:rgba(242,248,247,.5);color:#F2F8F7}

/* ------------------------------------------------ 06 briefing record */
.v4-rec{border-radius:16px;border:1px solid var(--rule);background:var(--paper);padding:clamp(18px,2.4vw,30px);max-width:880px}
.v4-rec-top{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--mute)}
.v4-rec-top b{display:inline-block;padding:5px 9px;border-radius:6px;background:light-dark(#FBE2E2,#4A1F2A);color:light-dark(#A3282E,#F29AB0);font-weight:600}
.v4-rec h3{margin:18px 0 4px;font-stretch:84%;font-weight:700;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.01em}
.v4-rec .v4-meta{margin:0 0 18px;font-family:var(--mono);font-size:12px;color:var(--mute)}
.v4-bar{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:12px}
.v4-bar i{flex:1;height:8px;border-radius:4px;background:var(--rule);overflow:hidden;font-style:normal}
.v4-bar i b{display:block;height:100%;width:0;background:var(--teal);transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.v4-bar.in i b{width:var(--w)}
.v4-unb{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-family:var(--mono);font-size:12px;color:var(--mute)}
.v4-unb span{padding:3px 8px;border-radius:6px;background:light-dark(#FFF1B8,#4A3E12);color:light-dark(#6B4E00,#FFE58A);font-weight:600}

/* ------------------------------------------------ 07 crew */
.v4-crew{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:start}
.v4-crew-side{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:22px;align-items:start}
.v4-phone{position:relative;margin:0;max-width:200px}
.v4-phone img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 40px 80px -40px rgba(14,32,35,.5)}
.v4-feat{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule2)}
.v4-feat li{padding:13px 0;border-bottom:1px solid var(--rule)}
.v4-feat h3{margin:0 0 3px;font-size:16px;font-weight:600;letter-spacing:-.005em}
.v4-feat p{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink2)}

/* ------------------------------------------------ 08 rooms */
.v4-rooms{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,72px);align-items:start}
.v4-first{border-top:2px solid var(--ink);padding-top:16px}
.v4-first p{margin:10px 0 0;font-size:15.5px;line-height:1.55;color:var(--ink2);max-width:44ch}
.v4-ind{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule2)}
.v4-ind li{border-bottom:1px solid var(--rule)}
.v4-ind a{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;gap:16px;align-items:baseline;padding:14px 0;text-decoration:none;color:inherit}
.v4-ind a>span:first-child{font-family:var(--mono);font-size:12px;color:var(--teal)}
.v4-ind a b{display:block;font-size:17px;font-weight:600;letter-spacing:-.005em}
.v4-ind a p{margin:4px 0 0;font-size:14.5px;line-height:1.45;color:var(--ink2)}
.v4-ind a>span:last-child{color:var(--mute);opacity:0;transition:opacity .2s;font-size:18px}
.v4-ind a:hover>span:last-child{opacity:1}
.v4-ind li.v4-inv{background:light-dark(#E7F0F0,#122A2D);margin-top:14px;border-radius:12px;padding:0 16px;border-bottom:0}
.v4-ind li.v4-inv a>span:last-child{opacity:1;color:var(--teal)}

/* ------------------------------------------------ 09 spec */
.v4-spec{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,72px);align-items:start}
.v4-tbl{margin:0;border-top:1px solid var(--rule2);columns:2;column-gap:40px}
.v4-tbl div{break-inside:avoid;display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:11px 0;border-bottom:1px solid var(--rule)}
.v4-tbl dt{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);padding-top:3px}
.v4-tbl dd{margin:0;font-size:14px;line-height:1.5;color:var(--ink)}
.v4-roles{margin:0}
.v4-roles p{margin:14px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink2)}

/* ------------------------------------------------ 10 contact */
.v4-contact{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,96px);align-items:start}
.v4-contact .v4-lede{color:#C9DBDB}
.v4-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3vw,36px)}
.v4-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.v4-steps li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--rule);font-size:15.5px;line-height:1.5;color:#C9DBDB}
.v4-steps b{color:#F2F8F7;font-weight:600}
.v4-dl{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:#9FC0C0}
.v4-dl a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#F2F8F7;border:1px solid rgba(242,248,247,.4);border-radius:999px;padding:8px 14px}
.v4-dl a:hover{background:rgba(242,248,247,.1)}
.v4-cline{margin:clamp(28px,3vw,40px) 0 0;display:flex;flex-wrap:wrap;gap:10px 28px;font-family:var(--mono);font-size:12.5px;color:#DCE8E8}
.v4-cline a{text-decoration:none;color:inherit}

/* ------------------------------------------------ chapter rail (desktop) */
.v4-rail{position:fixed;left:6px;top:50%;transform:translateY(-50%);z-index:30;display:none;flex-direction:column;align-items:center;gap:10px;padding:8px 6px 10px;border-radius:999px;background:light-dark(rgba(255,255,255,.8),rgba(16,25,27,.74));border:1px solid light-dark(rgba(14,32,35,.1),rgba(230,239,238,.12));box-shadow:0 12px 30px -18px rgba(14,32,35,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .4s,background-color .3s}
.v4-rail.show{opacity:1}
.v4-rail svg{width:30px;height:30px;display:block}
.v4-rail path{fill:light-dark(rgba(14,32,35,.22),rgba(230,239,238,.22));cursor:pointer;transition:fill .25s}
.v4-rail path.on{fill:light-dark(#1F4F53,#E6EFEE)}
.v4-rail path:hover{fill:light-dark(#2F6A70,#86C3C4)}
.v4-rail--inv{background:rgba(15,42,46,.74);border-color:rgba(242,248,247,.16)}
.v4-rail--inv path{fill:rgba(242,248,247,.3)}
.v4-rail--inv path.on{fill:#F2F8F7}
.v4-rail--inv path:hover{fill:#9FD3D2}
.v4-rail--inv .v4-rail-l{color:#DCE8E8}
.v4-rail-l{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:light-dark(#43555A,#A9BABA);white-space:nowrap;max-height:180px;overflow:hidden}
.v4-rail-l:empty{display:none}
@media (min-width:1200px){.v4-rail{display:flex}}
@media (min-width:1360px){.v4-rail{left:10px}.v4-rail svg{width:32px;height:32px}}

/* ------------------------------------------------ responsive */
@media (max-width:1100px){
  .v4-chain{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v4-chain li:nth-child(4){border-left:0;padding-left:0}
  .v4-chain li:nth-child(4)::before{left:0}
  .v4-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .v4-head,.v4-proof,.v4-map,.v4-rules,.v4-engine,.v4-ojt,.v4-crew,.v4-rooms,.v4-spec,.v4-contact{grid-template-columns:minmax(0,1fr)}
  .v4-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v4-tbl,.v4-index{columns:1}
  .v4-ledger li{grid-template-columns:minmax(0,1fr);gap:4px}
  .v4-ledger li span:last-child{text-align:left}
  .v4-crew-side{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .v4-chain{grid-template-columns:minmax(0,1fr)}
  .v4-chain .v4-shot{height:auto;aspect-ratio:16/10}
  .v4-chain li{border-left:0;padding-left:0}
  .v4-chain li::before{left:0}
  .v4-rules ol{grid-template-columns:minmax(0,1fr)}
  .v4-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v4-tbl div{grid-template-columns:minmax(0,1fr);gap:2px}
}

/* 30.09.2026: map heading "Nine fields. Nine chapters. A good plan." — one sentence per line, the slogan in the tagline colour */
.v4-map-h span{display:block}
.v4-map-h span:last-child:not(:first-child){color:light-dark(#2F6A70,#86C3C4)}

/* 30.09.2026 (Jörn, variant A): sky and tower as a quiet backdrop of the proof band — top right, grey WebP (7 KB) tinted in the
   band colour by the luminosity blend, 30 % opacity, fading out towards the text. The band is dark in both colour schemes. */
#proof{position:relative;isolation:isolate;overflow:hidden}
#proof::before{content:"";position:absolute;right:0;top:0;width:min(1100px,78%);height:clamp(420px,46vw,680px);z-index:-1;pointer-events:none;background:url(../images/proof-tower.webp) 100% 0/cover no-repeat;mix-blend-mode:luminosity;opacity:.3;-webkit-mask-image:radial-gradient(110% 95% at 100% 0,#000 30%,transparent 72%);mask-image:radial-gradient(110% 95% at 100% 0,#000 30%,transparent 72%)}
@media (max-width:760px){#proof::before{width:100%;height:520px;opacity:.26}}
@media print{#proof::before{display:none}}

/* 01.10.2026: own 404 page (template error) */
.er-hero{padding-top:clamp(72px,10vw,150px);padding-bottom:clamp(72px,10vw,150px)}
.er-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(36px,6vw,110px);align-items:end}
.er-h1{margin:14px 0 0;font-stretch:78%;font-weight:700;font-size:clamp(44px,6vw,92px);line-height:.92;letter-spacing:-.022em;text-wrap:balance;max-width:13ch}
.er-lede{margin-top:22px}
.er .v4-btn:not(.v4-btn--ghost){color:var(--btn-ink)}
.er .v4-btn--ghost{color:var(--ink)}
.er-links{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule2)}
.er-links a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:baseline;padding:15px 2px;border-bottom:1px solid var(--rule);color:var(--ink);text-decoration:none}
.er-links b{font-weight:600;font-size:17px}
.er-links span{font-family:var(--mono);font-size:12px;color:var(--mute)}
.er-links i{font-style:normal;color:var(--teal);transition:transform .2s}
.er-links a:hover b,.er-links a:focus-visible b{color:var(--teal)}
.er-links a:hover i{transform:translateX(3px)}
@media (max-width:900px){.er-grid{grid-template-columns:minmax(0,1fr);align-items:start}}
@media (max-width:420px){.er-links span{display:none}}

/* 30.09.2026: platform menu, layout A (tableau) – rail with the mark, four chapter columns, "More" strip */
.mn{--ink:light-dark(#0E2023,#E6EFEE);--ink2:light-dark(#43555A,#A9BABA);--mute:light-dark(#6A7B7E,#8B9FA0);--teal:light-dark(#2F6A70,#86C3C4);
  --btn:light-dark(#3E767C,#73B2B5);--btn-ink:light-dark(#FFFFFF,#062021);--rule:light-dark(rgba(14,32,35,.10),rgba(230,239,238,.09));
  --rule2:light-dark(rgba(14,32,35,.22),rgba(230,239,238,.2));--hov:light-dark(#EEF4F4,#16272A);
  max-width:1440px;margin:0 auto;display:grid;grid-template-columns:300px minmax(0,1fr);color:var(--ink)}
.mn a{text-decoration:none;color:inherit}
.mn-rail{display:flex;flex-direction:column;gap:18px;padding:36px 36px 30px;background:light-dark(#F3F5F6,#0D1618);border-right:1px solid var(--rule)}
.mn-map{width:216px}
.mn-note{margin:4px 0 0;max-width:24ch;font-size:14px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
.mn-cta{margin-top:auto;display:grid;gap:10px}
.mn-btn,.mn-ghost{display:flex;align-items:center;justify-content:space-between;gap:10px;height:46px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:600;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.mn .mn-btn{background:var(--btn);color:var(--btn-ink)}
.mn .mn-btn:hover{background:light-dark(#2F6A70,#8CC6C8)}
.mn-ghost{border:1px solid var(--rule2)}
.mn .mn-ghost:hover{border-color:var(--btn);color:var(--teal)}
.mn-main{display:grid;grid-template-rows:1fr auto;padding:34px 40px 0}
.mn-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 36px;align-content:start}
.mn-grp{position:relative}
.mn-col .mn-grp+.mn-grp{margin-top:30px}
.mn-gh{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--rule2)}
.mn-no{font-stretch:78%;font-weight:700;font-size:30px;line-height:.9;letter-spacing:-.02em;color:var(--teal);font-variant-numeric:tabular-nums;white-space:nowrap}
.mn-t{font-stretch:125%;font-weight:600;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.mn-c,.mn-x,.mn-tg,.mn-dup,.mn-bar{display:none}
.mn-items{display:grid}
.mn-it{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 -10px;padding:9px 10px;border-radius:10px;font-size:15.5px;line-height:1.3;
  transition:background-color .18s ease,color .18s ease}
.mn-it i{flex:none;font-style:normal;color:var(--teal);opacity:0;transform:translateX(-4px);transition:opacity .18s ease,transform .18s ease}
.mn .mn-it:hover,.mn .mn-it:focus-visible{background:var(--hov);color:var(--teal)}
.mn-it:hover i,.mn-it:focus-visible i{opacity:1;transform:none}
.mn-more{display:flex;align-items:center;flex-wrap:wrap;gap:10px 26px;margin:30px -40px 0;padding:18px 40px;border-top:1px solid var(--rule)}
.mn-more-h{display:flex;align-items:baseline;gap:12px;margin:0 6px 0 0}
.mn-more .mn-no{font-size:20px}
.mn-more-links{display:contents}
.mn-more-links a{font-size:14.5px;color:var(--ink2);transition:color .18s ease}
.mn .mn-more-links a:hover,.mn .mn-more-links a:focus-visible{color:var(--teal)}
.mn-map a[data-map].mn-hl{box-shadow:inset 0 0 0 2px light-dark(#FFFFFF,#0E2023);filter:saturate(1.35) brightness(.9)}
@media (max-width:1360px){
  .mn{grid-template-columns:280px minmax(0,1fr)}
  .mn-rail{padding:32px 32px 28px}
  .mn-main{padding:32px 32px 0}
  .mn-cols{gap:0 28px}
  .mn-more{margin:28px -32px 0;padding:18px 32px;gap:10px 22px}
}
@media (max-width:1100px){
  .mn{grid-template-columns:minmax(0,1fr)}
  .mn-map a{font-size:0!important;padding:0!important}
  .mn-rail{flex-direction:row;align-items:center;gap:24px;padding:22px 32px;border-right:0;border-bottom:1px solid var(--rule)}
  .mn-map{width:96px;flex:none}
  .mn-note{margin:0}
  .mn-cta{margin:0 0 0 auto;grid-auto-flow:column}
  .mn-main{padding:28px 32px 0}
  .mn-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 36px}
  .mn-more{margin:30px -32px 0;padding:18px 32px}
}
@media (max-width:760px){
  .mn-rail{gap:14px;padding:16px}
  .mn-map{width:56px}
  .mn-map a{font-size:0!important;padding:0!important}
  .mn-note{font-size:13px;line-height:1.45}
  .mn-cta{display:none}
  .mn-main{padding:0 16px;grid-template-rows:auto}
  .mn-cols{display:block}
  .mn-col .mn-grp+.mn-grp{margin-top:0}
  .mn-grp{border-bottom:1px solid var(--rule)}
  .mn-gh{display:grid;grid-template-columns:70px minmax(0,1fr) auto 22px;align-items:center;gap:0;margin:0;padding:16px 0;border:0}
  .mn-no{font-size:24px}
  .mn-gh .mn-t{font-stretch:88%;font-weight:650;font-size:19px;letter-spacing:0;text-transform:none;white-space:normal}
  .mn-c{display:block;margin-right:10px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--mute)}
  .mn-x{display:block;position:relative;width:22px;height:22px;border-radius:50%;border:1px solid var(--rule2)}
  .mn-x::before,.mn-x::after{content:"";position:absolute;left:5px;right:5px;top:9.5px;height:1.5px;background:var(--ink)}
  .mn-x::after{transform:rotate(90deg)}
  .mn-grp.open .mn-x{background:var(--ink);border-color:var(--ink)}
  .mn-grp.open .mn-x::before{background:light-dark(#FFFFFF,#0E2023)}
  .mn-grp.open .mn-x::after{display:none}
  .mn-tg{display:block;position:absolute;left:0;right:0;top:0;height:57px;padding:0;border:0;background:none;cursor:pointer}
  .mn-tg:focus-visible{outline:2px solid var(--teal);outline-offset:-2px;border-radius:8px}
  .mn-items{display:none;padding:0 0 12px 70px}
  .mn-grp.open .mn-items{display:grid}
  .mn-it{margin:0;padding:10px 0;border-top:1px solid var(--rule);border-radius:0;font-size:16px}
  .mn-it i{display:none}
  .mn .mn-it:hover,.mn .mn-it:focus-visible{background:none}
  .mn-more{display:block;margin:0;padding:20px 0 4px;border:0}
  .mn-more-h .mn-no,.mn-more-h .mn-t{font-family:'IBM Plex Mono',monospace;font-stretch:100%;font-size:11.5px;font-weight:600;letter-spacing:.1em;line-height:1.2}
  .mn-more-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
  .mn-more-links a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--rule2);font-size:14px;color:var(--ink)}
  .mn .mn-more-links a.mn-dup{display:inline-flex}
  .mn-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;bottom:0;z-index:2;margin:22px -16px 0;padding:12px 16px 14px;
    background:light-dark(rgba(255,255,255,.94),rgba(16,25,27,.94));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--rule)}
  .mn-bar .mn-btn,.mn-bar .mn-ghost{justify-content:center}
}
@media (prefers-reduced-motion:reduce){.mn *{transition:none!important}}