/* ==================================================================
   COSVION REBOOK — DESIGN SYSTEM (gemeinsam für alle Seiten)
   1 Fonts · 2 Tokens · 3 Base · 4 Components · 5 Sections · 6 Legal · 7 Responsive
   ================================================================== */

/* --- 1. FONTS (selbst gehostet, SIL Open Font License) ------------ */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/bricolage-grotesque-400-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/manrope-400-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-mono-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

@font-face{font-family:'Mrs Saint Delafield';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/mrs-saint-delafield-latin.woff2) format('woff2');unicode-range:U+0000-00FF;}
/* --- 2. TOKENS ----------------------------------------------------- */
:root{
  --paper:#fbf6f2; --surface-1:#ffffff; --surface-2:#f5e9e2; --surface-3:#ecd9cf;
  --line:#e4d1c6; --line-strong:#d3b9ab;
  --ink:#1f1310; --ink-2:#4a3830; --ink-3:#6f5a4f; --ink-4:#735e52;
  --accent:#a8536b; --accent-deep:#8b3f56; --accent-2:#bd8250; --on-accent:#fff8f5;
  --ok:#2f6b50; --ok-bg:#e2efe8; --warn:#85601f; --warn-bg:#f6ebd6; --alert:#8f3a32; --alert-bg:#f6e3e0;
  --stage:#1a100d; --stage-2:#241713; --stage-line:rgba(251,246,242,.16);
  --stage-ink:#fbf6f2; --stage-ink-2:rgba(251,246,242,.74); --stage-ink-3:rgba(251,246,242,.6);
  --stage-accent:#e08aa2; --stage-accent-2:#dda469;
  --f-display:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;
  --f-body:'Manrope','Segoe UI',system-ui,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,monospace;
  --t-hero:clamp(2.3rem,4.6vw,4rem);
  --t-h2:clamp(1.85rem,3.3vw,2.9rem);
  --t-h3:clamp(1.12rem,1.5vw,1.3rem);
  --t-lead:clamp(1.02rem,1.25vw,1.16rem);
  --t-body:1rem; --t-sm:.92rem; --t-xs:.82rem; --t-label:.8rem; --t-mono:.78rem;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;
  --r-sm:8px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(31,19,16,.04),0 6px 16px -10px rgba(31,19,16,.16);
  --shadow-2:0 28px 60px -32px rgba(31,19,16,.4);
  --d-micro:180ms; --d-ui:380ms; --d-reveal:700ms;
  --e-out:cubic-bezier(.16,.8,.24,1); --e-inout:cubic-bezier(.65,0,.35,1);
  --wrap:1200px; --nav-h:68px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#151010; --surface-1:#1d1613; --surface-2:#271c18; --surface-3:#33241e;
    --line:#3a2a23; --line-strong:#4d382f;
    --ink:#f6ece6; --ink-2:#d8c5ba; --ink-3:#b8a398; --ink-4:#a08b80;
    --accent:#e08aa2; --accent-deep:#e7a2b5; --accent-2:#dda469; --on-accent:#1a0e10;
    --ok:#86c7a6; --ok-bg:#1e3229; --warn:#e3b86c; --warn-bg:#372c19; --alert:#e59a8f; --alert-bg:#38211e;
    --shadow-1:0 1px 2px rgba(0,0,0,.3),0 6px 16px -10px rgba(0,0,0,.6);
    --shadow-2:0 28px 60px -32px rgba(0,0,0,.75);
  }
}
:root[data-theme="dark"]{
  --paper:#151010; --surface-1:#1d1613; --surface-2:#271c18; --surface-3:#33241e;
  --line:#3a2a23; --line-strong:#4d382f;
  --ink:#f6ece6; --ink-2:#d8c5ba; --ink-3:#b8a398; --ink-4:#a08b80;
  --accent:#e08aa2; --accent-deep:#e7a2b5; --accent-2:#dda469; --on-accent:#1a0e10;
  --ok:#86c7a6; --ok-bg:#1e3229; --warn:#e3b86c; --warn-bg:#372c19; --alert:#e59a8f; --alert-bg:#38211e;
}

/* --- 3. BASE ------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:var(--t-body);line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:800;letter-spacing:-.025em;margin:0;text-wrap:balance;line-height:1.06;}
h2{font-size:var(--t-h2);}
h3{font-size:var(--t-h3);font-weight:700;letter-spacing:-.012em;line-height:1.25;}
p{margin:0;text-wrap:pretty;}
ul,ol{margin:0;padding:0;list-style:none;}
img,video{display:block;max-width:100%;height:auto;}
a{color:inherit;}
button{font:inherit;color:inherit;}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
.hero :focus-visible,.prod :focus-visible,.checks :focus-visible,.people :focus-visible,.final :focus-visible,.foot :focus-visible,.dock :focus-visible{outline-color:var(--stage-accent-2);}
a:not(.btn):focus-visible,summary:focus-visible{border-radius:4px;}
main section[id]{scroll-margin-top:calc(var(--nav-h) + 12px);}
::selection{background:var(--accent);color:var(--on-accent);}
[hidden]{display:none!important;}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(20px,5vw,40px);}
.section{padding-block:clamp(80px,10vw,140px);}
.rule-t{border-top:1px solid var(--line);}
.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:var(--r-sm);transition:top var(--d-micro);}
.skip:focus{top:12px;}

/* Eyebrow: bewusst nur an 3 Stellen im Einsatz */
.eyebrow{font-family:var(--f-mono);font-size:var(--t-mono);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);}
.lead{font-size:var(--t-lead);color:var(--ink-3);max-width:56ch;}
.sec-head{display:flex;flex-direction:column;gap:var(--s-4);max-width:680px;margin-bottom:clamp(40px,6vw,72px);}
.sec-head--center{margin-inline:auto;text-align:center;align-items:center;}

/* --- 4. COMPONENTS ------------------------------------------------- */
/* Bildmarke: offenes C mit Rückkehr-Punkt */
.brandmark{width:27px;height:27px;flex:none;}
.brandmark--sm{width:19px;height:19px;}
.brandmark__arc{fill:none;stroke:var(--accent);stroke-width:6.5;stroke-linecap:round;}
.brandmark__dot{fill:var(--accent-2);}
.foot .brandmark__arc{stroke:var(--accent-2);}
.foot .brandmark__dot{fill:var(--stage-ink);}

/* Kapitelzeile: Markenmotiv als Abschnitts-Auftakt */
.chapter{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:700;font-size:.98rem;letter-spacing:-.01em;color:var(--accent-deep);}
.chapter::after{content:"";height:1px;flex:1;background:var(--line);}
.sec-head .chapter,.team__body .chapter{margin-bottom:var(--s-2);}

.btn{--btn-bg:transparent;--btn-fg:var(--ink);--btn-bd:var(--line-strong);
  display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding-block:0;padding-inline:26px;
  border-radius:var(--r-pill);white-space:nowrap;text-align:center;line-height:1.2;
  background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bd);
  font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer;
  transition:background var(--d-micro),border-color var(--d-micro),color var(--d-micro),transform var(--d-micro) var(--e-out);}
.btn:active{transform:translateY(1px);}
.btn--primary{--btn-bg:var(--accent);--btn-fg:var(--on-accent);--btn-bd:var(--accent);}
.btn--primary:hover{--btn-bg:var(--accent-deep);--btn-bd:var(--accent-deep);}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn--primary:hover{--btn-bg:#eba0b4;--btn-bd:#eba0b4;}}
.btn--ghost{--btn-bg:transparent;--btn-fg:var(--ink);--btn-bd:var(--line-strong);}
.btn--ghost:hover{--btn-bd:var(--ink);}
.btn--onstage{--btn-fg:var(--stage-ink);--btn-bd:rgba(251,246,242,.42);--btn-bg:transparent;}
.btn--onstage:hover{--btn-bd:var(--stage-ink);}
.btn--sm{min-height:44px;padding-inline:20px;font-size:.88rem;}
.btn--block{width:100%;}
.btn:focus-visible{border-radius:var(--r-pill);}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;color:var(--accent-deep);border-bottom:1px solid currentColor;padding-bottom:2px;}
.link-arrow:hover{color:var(--ink);}

/* Status-Label: Satzschrift statt Mono-Versalien */
.tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-label);font-weight:700;line-height:1.2;padding:5px 10px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-3);white-space:nowrap;}
.tag--ok{background:var(--ok-bg);color:var(--ok);}
.tag--warn{background:var(--warn-bg);color:var(--warn);}
.tag--alert{background:var(--alert-bg);color:var(--alert);}
.tag--accent{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-deep);}
.dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;}

/* Bild-Platzhalter: gestaltet, mit festem Seitenverhältnis */
.ph{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;overflow:hidden;border-radius:var(--r-lg);
  background:
    repeating-linear-gradient(135deg,transparent 0 13px,color-mix(in srgb,var(--line-strong) 28%,transparent) 13px 14px),
    var(--surface-2);
  border:1px solid var(--line);}
.ph__label{margin:14px;padding:6px 11px;border-radius:var(--r-pill);background:var(--surface-1);font-size:var(--t-label);font-weight:700;color:var(--ink-3);box-shadow:var(--shadow-1);}
.ph--stage{background:repeating-linear-gradient(135deg,transparent 0 13px,rgba(251,246,242,.06) 13px 14px),var(--stage-2);border-color:var(--stage-line);}
.ph-text{background:color-mix(in srgb,var(--accent) 10%,transparent);border-bottom:1px dashed color-mix(in srgb,var(--accent) 55%,transparent);border-radius:3px;padding:0 3px;}

/* Video-Steuerung (WCAG 2.2.2) */
.media-toggle{position:absolute;z-index:4;width:40px;height:40px;border-radius:50%;border:1px solid rgba(251,246,242,.35);background:rgba(20,12,9,.55);color:#fbf6f2;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--d-micro),border-color var(--d-micro);}
.media-toggle:hover{background:rgba(20,12,9,.8);border-color:#fbf6f2;}
.media-toggle svg{width:14px;height:14px;}
.media-toggle .i-play{display:none;}
.media-toggle[aria-pressed="true"] .i-play{display:block;}
.media-toggle[aria-pressed="true"] .i-pause{display:none;}

/* Reveal (ruhig) */
.js [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity var(--d-reveal) var(--e-out),transform var(--d-reveal) var(--e-out);}
.js [data-reveal].in{opacity:1;transform:none;}

/* --- NAV ----------------------------------------------------------- */
.nav{position:sticky;top:0;z-index:60;height:var(--nav-h);background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:saturate(1.2) blur(14px);-webkit-backdrop-filter:saturate(1.2) blur(14px);border-bottom:1px solid var(--line);}
.nav__in{max-width:var(--wrap);margin-inline:auto;height:100%;padding-inline:clamp(20px,5vw,40px);display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);}
.brand{display:inline-flex;align-items:baseline;gap:6px;text-decoration:none;flex:none;line-height:1;}
.brand__word{font-family:var(--f-display);font-weight:800;font-size:1.28rem;letter-spacing:-.035em;}
.brand__word--light{font-weight:400;letter-spacing:-.02em;color:var(--accent-deep);}
.nav__links{display:flex;align-items:center;gap:clamp(18px,2.6vw,34px);}
.nav__links a{font-size:.93rem;font-weight:600;color:var(--ink-3);text-decoration:none;transition:color var(--d-micro);}
.nav__links a:hover{color:var(--ink);}
.nav__links a{position:relative;padding-block:6px;}
.nav__links a.on{color:var(--ink);}
.nav__links a.on::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--accent);}
.nav__right{display:flex;align-items:center;gap:var(--s-3);}
.nav__burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:none;border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;}
.nav__burger span{display:block;width:18px;height:1.5px;background:var(--ink);position:relative;transition:transform var(--d-ui) var(--e-out);}
.nav__burger span::before,.nav__burger span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--ink);transition:transform var(--d-ui) var(--e-out),opacity var(--d-micro);}
.nav__burger span::before{top:-6px;} .nav__burger span::after{top:6px;}
body.menu-open .nav__burger span{transform:rotate(45deg);}
body.menu-open .nav__burger span::before{transform:translateY(6px) rotate(-90deg);}
body.menu-open .nav__burger span::after{opacity:0;}
.menu{position:fixed;inset:var(--nav-h) 0 0;z-index:55;background:var(--paper);padding:var(--s-6) clamp(20px,5vw,40px) var(--s-8);display:flex;flex-direction:column;gap:var(--s-2);transform:translateY(-8px);opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--d-ui) var(--e-out),transform var(--d-ui) var(--e-out),visibility var(--d-ui);}
body.menu-open{overflow:hidden;}
body.menu-open .menu{opacity:1;transform:none;pointer-events:auto;visibility:visible;}
.menu a:not(.btn){font-family:var(--f-display);font-size:1.7rem;font-weight:700;letter-spacing:-.02em;text-decoration:none;padding-block:12px;border-bottom:1px solid var(--line);}
.menu .btn{margin-top:var(--s-5);}
/* Sprachumschalter */
.lang{font-family:var(--f-mono);font-size:.78rem;font-weight:600;letter-spacing:.08em;color:var(--ink-3);text-decoration:none;border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 9px;line-height:1;transition:color var(--d-micro),border-color var(--d-micro);}
.lang:hover{color:var(--accent-deep);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));}
.menu a.menu__lang{font-family:var(--f-mono);font-size:.9rem;font-weight:600;letter-spacing:.04em;color:var(--ink-3);border-bottom:0;padding-block:6px;margin-top:var(--s-4);}
.progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--accent);z-index:70;}

/* Risiko-Zeile unter den Hero-Buttons: nimmt die Angst vor dem Klick */
.hero__risk{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:var(--s-5);font-size:var(--t-sm);color:var(--stage-ink-2);}
.hero__risk span{display:inline-flex;align-items:center;gap:8px;}
.hero__risk span::before{content:"";width:12px;height:7px;border-left:2px solid var(--accent-2);border-bottom:2px solid var(--accent-2);transform:rotate(-45deg) translateY(-2px);}

/* Kundenleiste unter dem Hero – wächst mit jedem Studio */
.clients{background:var(--surface-2);border-bottom:1px solid var(--line);}
.clients__in{display:flex;align-items:center;gap:clamp(16px,3vw,40px);padding-block:18px;overflow:hidden;}
.clients__label{flex:none;font-family:var(--f-mono);font-size:var(--t-mono);font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-4);}
.clients__viewport{flex:1;min-width:0;overflow:hidden;}
/* Weiche Kanten nur, wenn die Leiste wirklich läuft – sonst frisst der Verlauf den Namen an */
.clients.is-scrolling .clients__viewport{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);}
.clients__track{display:flex;align-items:center;gap:clamp(24px,4vw,56px);width:max-content;}
.clients__n{font-family:var(--f-display);font-weight:700;font-size:clamp(1.05rem,1.5vw,1.28rem);
  letter-spacing:-.02em;color:var(--ink-2);white-space:nowrap;display:flex;align-items:center;gap:14px;}
.clients__n::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent-2);opacity:.75;}
.clients__track:not(.is-running) .clients__n:last-child::after{display:none;}
.clients__track.is-running{animation:clientsRun 38s linear infinite;}
.clients.is-paused .clients__track.is-running{animation-play-state:paused;}
.clients__stop{flex:none;}
.clients__viewport:hover .clients__track.is-running{animation-play-state:paused;}
@keyframes clientsRun{from{transform:translateX(-50%);}to{transform:translateX(0);}}
@media (prefers-reduced-motion:reduce){.clients__track.is-running{animation:none;}}

/* --- 5. SECTIONS --------------------------------------------------- */

/* HERO — Ihre nächsten vier Wochen */
.hero{position:relative;isolation:isolate;background:var(--stage);color:var(--stage-ink);overflow:hidden;}
.hero__glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(55% 70% at 86% 34%,rgba(224,138,162,.17),transparent 70%),
  radial-gradient(40% 55% at 4% 104%,rgba(221,164,105,.12),transparent 70%);}
.hero__in{max-width:var(--wrap);margin-inline:auto;padding:clamp(28px,4.5vh,72px) clamp(20px,5vw,40px) clamp(56px,9vh,108px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:clamp(32px,5vw,76px);align-items:center;}
.hero__copy{display:flex;flex-direction:column;gap:var(--s-5);}
.hero .eyebrow{color:var(--stage-accent-2);}
.hero h1{font-size:clamp(2.3rem,3.9vw,3.5rem);max-width:17ch;letter-spacing:-.035em;}
.hero__lead{font-size:var(--t-lead);color:var(--stage-ink-2);max-width:46ch;}
.hero__actions{display:flex;gap:var(--s-3);flex-wrap:wrap;}
.hero__actions .btn--primary{--btn-bg:var(--stage-accent);--btn-bd:var(--stage-accent);--btn-fg:#23100f;}
.hero__actions .btn--primary:hover{--btn-bg:#eba0b4;--btn-bd:#eba0b4;}
.hero__wa{align-self:flex-start;font-size:var(--t-sm);font-weight:700;color:var(--stage-ink);text-decoration:none;border-bottom:1px solid var(--stage-line);padding-bottom:2px;margin-top:calc(var(--s-2) * -1);}
.hero__wa:hover{border-bottom-color:var(--stage-accent);}
[data-thread-cta]{transition:background var(--d-micro),border-color var(--d-micro),color var(--d-micro),transform var(--d-micro) var(--e-out);}
[data-thread-cta].is-personal{animation:ctaIn .6s var(--e-out);}
@keyframes ctaIn{0%{transform:scale(.96);}60%{transform:scale(1.03);}100%{transform:none;}}

/* Stellschrauben: sitzen oben in der Tafel, Eingabe und Wirkung an einem Ort */
.tune{display:grid;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--stage-line);}
.tune__h{font-size:var(--t-xs);font-weight:700;color:var(--stage-accent-2);}
.tune__row{display:grid;gap:7px;}
.tune__row--k{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;}
.tune__l{font-size:var(--t-xs);font-weight:600;color:var(--stage-ink-3);}
.tune__chips{display:flex;flex-wrap:wrap;gap:6px;}
.tchip{min-height:36px;padding-inline:12px;border-radius:var(--r-pill);border:1px solid var(--stage-line);background:transparent;color:var(--stage-ink);font-size:.82rem;font-weight:600;cursor:pointer;transition:background var(--d-micro),color var(--d-micro),border-color var(--d-micro);}
.tchip:hover{border-color:rgba(251,246,242,.5);}
.tchip[aria-checked="true"]{background:var(--stage-ink);border-color:var(--stage-ink);color:var(--stage);}
.tchip:focus-visible{outline-color:var(--stage-accent-2);}
.tune__range{display:flex;align-items:center;gap:16px;}
.tune__range output{font-family:var(--f-display);font-weight:800;font-size:1.35rem;letter-spacing:-.03em;min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;}
.hero input[type=range]::-webkit-slider-runnable-track{background:rgba(251,246,242,.18);}
.hero input[type=range]::-moz-range-track{background:rgba(251,246,242,.18);}
.hero input[type=range]::-webkit-slider-thumb{background:var(--stage-accent);border-color:var(--stage);}
.hero input[type=range]::-moz-range-thumb{background:var(--stage-accent);border-color:var(--stage);}

/* Die Monatstafel */
.board{position:relative;min-width:0;display:flex;flex-direction:column;gap:14px;padding:clamp(18px,2vw,24px);border-radius:var(--r-xl);
  background:linear-gradient(180deg,rgba(42,27,22,.94),rgba(24,15,12,.97));border:1px solid var(--stage-line);
  box-shadow:0 44px 90px -42px rgba(0,0,0,.85);}
.board__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;}
.board__title{font-family:var(--f-display);font-weight:700;font-size:1.06rem;letter-spacing:-.015em;}
.board__legend{display:flex;gap:14px;font-size:.74rem;color:var(--stage-ink-3);}
.board__legend li{display:flex;align-items:center;gap:6px;}
.k{display:inline-block;width:9px;height:9px;border-radius:3px;}
.k--booked{background:rgba(251,246,242,.26);}
.k--free{box-shadow:inset 0 0 0 1.5px rgba(251,246,242,.32);}
.k--won{background:var(--stage-accent);}
.cal{display:grid;grid-template-columns:2.4rem repeat(6,minmax(0,1fr));gap:6px;font-size:.68rem;color:var(--stage-ink-3);}
html:not(.js) .cal{display:none;}
.cal__dh{text-align:center;font-family:var(--f-mono);letter-spacing:.06em;}
.cal__wk{font-family:var(--f-mono);align-self:center;white-space:nowrap;}
.cal__day{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px;border-radius:7px;background:rgba(251,246,242,.035);}
.slot{aspect-ratio:1;border-radius:3px;background:rgba(251,246,242,.24);}
.slot.is-free{background:transparent;box-shadow:inset 0 0 0 1px rgba(251,246,242,.28);}
.slot.is-won{background:var(--stage-accent);box-shadow:0 0 0 2px rgba(224,138,162,.2);}
.slot.pop{animation:slotPop .75s var(--e-out);}
@keyframes slotPop{0%{transform:scale(.2);box-shadow:0 0 0 0 rgba(224,138,162,.8);}55%{transform:scale(1.3);box-shadow:0 0 0 7px rgba(224,138,162,0);}100%{transform:none;}}

.assist__mark{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f0c6a0,#c86f88 60%,#6e2d40);flex:none;}
.assist__think{display:inline-flex;gap:3px;opacity:0;transition:opacity var(--d-micro);}
.assist__think i{width:4px;height:4px;border-radius:50%;background:var(--stage-ink-2);animation:think 1.1s var(--e-inout) infinite;}
.assist__think i:nth-child(2){animation-delay:.15s;} .assist__think i:nth-child(3){animation-delay:.3s;}
.board.is-thinking .assist__think{opacity:1;}
@keyframes think{0%,100%{opacity:.25;transform:translateY(0);}50%{opacity:1;transform:translateY(-2px);}}
.sugg{display:grid;gap:8px;padding:13px 15px 14px;border-radius:16px 16px 16px 5px;background:rgba(251,246,242,.055);border:1px solid var(--stage-line);}
.sugg__top{display:flex;align-items:center;gap:9px;font-size:var(--t-xs);font-weight:700;color:var(--stage-ink);}
.sugg__count{margin-left:auto;font-weight:600;color:var(--stage-ink-3);font-variant-numeric:tabular-nums;}
.sugg__batch{margin-left:auto;font-size:.76rem;font-weight:600;color:var(--stage-ink-3);white-space:nowrap;transition:color var(--d-ui);}
.sugg__batch.is-sent{color:#86c7a6;}
.sugg__meta{font-size:.78rem;color:var(--stage-ink-3);}
.sugg__msg{font-size:.92rem;line-height:1.5;color:var(--stage-ink);min-height:4.5em;}
.caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--stage-accent-2);animation:caret 1s steps(1) infinite;}
@keyframes caret{50%{opacity:0;}}
.sugg__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.assist__chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:700;border:1px solid var(--stage-line);color:var(--stage-ink-2);transition:background var(--d-ui) var(--e-out),color var(--d-ui),border-color var(--d-ui),opacity var(--d-ui);}
.assist__chip--primary{background:rgba(251,246,242,.1);color:var(--stage-ink);}
.assist__chip .ok,.assist__chip .t-done{display:none;}
.board.is-approved .assist__chip--primary{background:var(--stage-accent);border-color:var(--stage-accent);color:#23100f;}
.board.is-approved .assist__chip .ok,.board.is-approved .assist__chip .t-done{display:inline;}
.board.is-approved .assist__chip .t-idle{display:none;}
.board.is-approved .assist__chip--edit{opacity:.4;}
.board__sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;border-radius:14px;overflow:hidden;background:var(--stage-line);}
.board__sum div{background:#1e1411;padding:11px 14px 12px;}
.board__sum dt{font-size:.72rem;line-height:1.3;color:var(--stage-ink-3);}
.board__sum dd{margin:3px 0 0;font-family:var(--f-display);font-weight:800;font-size:clamp(1.3rem,2vw,1.62rem);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;}
.board__sum .is-hl dd{color:var(--stage-accent);}
.board__note{font-size:.72rem;line-height:1.45;color:var(--stage-ink-3);}

/* EIN TAG IM STUDIO — eigene Lichtwelt, unabhängig vom Farbschema */
.day{--day-ink:#1f1310;--day-ink-2:#6a4b3e;--day-accent:#a8536b;background:var(--paper);}
.day__intro{display:flex;flex-direction:column;gap:var(--s-4);padding-block:clamp(80px,10vw,140px) clamp(36px,5vw,64px);}
.day__intro h2{max-width:18ch;}
.day__intro .lead{max-width:58ch;}
.day__clock{display:none;}
.day__scenes{display:grid;gap:12px;}
.scene{--s-ink:#1f1310;--s-ink-2:#6a4b3e;--s-acc:#8b3f56;display:flex;flex-direction:column;gap:14px;padding:clamp(24px,4vw,44px);border-radius:var(--r-lg);background:var(--s-sky);color:var(--s-ink);}
.scene:nth-child(1){--s-sky:#f3e3d5;}
.scene:nth-child(2){--s-sky:#fff9f4;box-shadow:inset 0 0 0 1px #ecdcd0;}
.scene:nth-child(3){--s-sky:#e2a383;--s-ink-2:#4e2c1f;--s-acc:#6e2d40;}
.scene:nth-child(4){--s-sky:#1a100d;--s-ink:#fbf6f2;--s-ink-2:rgba(251,246,242,.66);--s-acc:#e08aa2;box-shadow:inset 0 0 0 1px rgba(251,246,242,.12);}
.scene__when{font-family:var(--f-mono);font-size:var(--t-mono);font-weight:600;letter-spacing:.06em;color:var(--s-ink-2);}
.scene__tag{display:block;font-family:var(--f-body);font-size:.8rem;font-weight:700;letter-spacing:0;margin-bottom:6px;}
.scene__before{font-size:var(--t-lead);color:var(--s-ink-2);max-width:46ch;}
.scene__before .scene__tag{color:var(--s-ink-2);}
.scene__after{font-size:clamp(1.45rem,2.9vw,2.35rem);line-height:1.15;letter-spacing:-.025em;max-width:24ch;color:var(--s-ink);}
.scene__after .scene__tag{color:var(--s-acc);}
.day__bridge{padding-block:clamp(48px,6vw,80px) clamp(80px,10vw,140px);font-family:var(--f-display);font-weight:700;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.3;letter-spacing:-.015em;max-width:30ch;}

/* Live: die Uhr läuft mit dem Scrollen (nur breit und ohne reduzierte Bewegung) */
.day--live .day__track{height:380vh;}
.day--live .day__stage{position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));display:flex;align-items:center;background:var(--sky,#f3e3d5);color:var(--day-ink);}
.day--live .day__grid{width:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center;}
.day--live .day__clock{display:flex;flex-direction:column;gap:20px;}
.day__time{font-family:var(--f-display);font-weight:800;font-size:clamp(4.4rem,10.5vw,9.6rem);line-height:.88;letter-spacing:-.055em;font-variant-numeric:tabular-nums;}
.day__rail{display:block;height:3px;border-radius:2px;background:color-mix(in srgb,var(--day-ink) 16%,transparent);overflow:hidden;max-width:26rem;}
.day__fill{display:block;height:100%;background:var(--day-accent);transform-origin:0 50%;transform:scaleX(var(--p,0));}
.day--live .day__scenes{position:relative;display:block;min-height:24rem;}
.day--live .scene{position:absolute;inset:50% 0 auto 0;padding:0;background:none;box-shadow:none;color:var(--day-ink);opacity:0;transform:translateY(calc(-50% - 14px));transition:opacity .22s ease-in,transform .3s ease-in;pointer-events:none;}
/* raus nach oben, rein von unten */
.day--live .scene.is-next{transform:translateY(calc(-50% + 26px));}
.day--live .scene.on{opacity:1;transform:translateY(-50%);pointer-events:auto;transition:opacity .6s var(--e-out) .2s,transform .8s var(--e-out) .2s;}
.day--live .scene:not(.on) ~ .scene.on,.day--live .scene.on{will-change:opacity,transform;}
.day--live .scene__t{display:none;}
.day--live .scene__when,.day--live .scene__before,.day--live .scene__before .scene__tag{color:var(--day-ink-2);}
.day--live .scene__after{color:var(--day-ink);font-size:clamp(1.7rem,3.2vw,2.8rem);}
.day--live .scene__after .scene__tag{color:var(--day-accent);}
.day--live.is-night{--day-ink:#fbf6f2;--day-ink-2:rgba(251,246,242,.68);--day-accent:#e08aa2;}

/* Roter Faden: Hinweise, die die Zahlen aus dem Hero aufgreifen */
.thread-note{position:relative;padding-left:20px;font-size:var(--t-sm);font-weight:600;color:var(--ink-2);max-width:62ch;}
.thread-note::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--accent-2);}
.thread-note b{color:var(--ink);}

/* PRODUKT */
.appframe{padding:clamp(14px,1.6vw,22px);border-radius:var(--r-xl);border:1px solid var(--line);
  background:radial-gradient(130% 120% at 100% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 62%),var(--surface-2);}
.app{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);overflow:hidden;}
.app__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:13px 18px;border-bottom:1px solid var(--line);background:var(--surface-2);}
.app__bar-l{display:flex;align-items:baseline;gap:5px;font-family:var(--f-display);font-weight:800;font-size:.98rem;letter-spacing:-.03em;}
.app__bar-l span{font-weight:400;color:var(--accent-deep);}
.app__bar-r{font-size:var(--t-label);font-weight:600;color:var(--ink-3);}
.app__stage{position:relative;min-height:400px;}
.panel{position:absolute;inset:0;padding:var(--s-5);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--d-ui) var(--e-out),transform var(--d-ui) var(--e-out),visibility var(--d-ui);}
.panel.on{opacity:1;visibility:visible;transform:none;}
.panel__h{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-4);}
.panel__title{font-weight:700;font-size:1rem;}
.list__row{display:flex;align-items:center;gap:12px;padding:12px 8px;border-top:1px solid var(--line);}
.list__row:first-child{border-top:0;}
.list__row.hl{background:color-mix(in srgb,var(--accent) 7%,transparent);border-radius:var(--r-sm);}
.av{width:34px;height:34px;border-radius:50%;background:var(--surface-2);color:var(--ink-3);display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:700;flex:none;}
.list__main{flex:1;min-width:0;}
.list__n{display:block;font-weight:700;font-size:.92rem;}
.list__d{display:block;font-size:var(--t-xs);color:var(--ink-3);}
.kv{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin:0;}
.kv__row{padding:12px 14px;border-top:1px solid var(--line);}
.kv__row:nth-child(-n+2){border-top:0;}
.kv__row:nth-child(odd){border-right:1px solid var(--line);}
.kv__row dt{font-size:var(--t-label);color:var(--ink-3);font-weight:600;margin:0 0 2px;}
.kv__row dd{margin:0;font-weight:700;font-size:.93rem;}
.hist{display:flex;flex-direction:column;margin-top:var(--s-4);}
.hist__i{display:grid;grid-template-columns:5.2rem 1fr auto;gap:12px;align-items:center;padding:9px 4px;border-top:1px solid var(--line);font-size:.88rem;}
.hist__d{font-size:var(--t-label);color:var(--ink-3);font-weight:600;}
.hist__gap{font-size:var(--t-label);color:var(--ink-3);}
.msg{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin-top:var(--s-2);}
.msg__h{display:flex;align-items:center;gap:9px;padding:10px 13px;background:var(--surface-2);border-bottom:1px solid var(--line);font-size:var(--t-xs);font-weight:600;color:var(--ink-3);}
.msg__b{padding:var(--s-4);background:var(--surface-1);}
.bubble{background:var(--surface-2);border-radius:14px 14px 14px 4px;padding:13px 15px;font-size:.92rem;line-height:1.55;max-width:94%;min-height:5.6em;}
.bubble__cta{display:table;margin-top:10px;padding:8px 14px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-size:.82rem;font-weight:700;}
.msg__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:12px;font-size:var(--t-xs);font-weight:600;color:var(--ink-3);}
.callout{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);font-size:.92rem;margin-top:var(--s-4);}
.callout b{font-weight:700;}
.result{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-top:var(--s-4);}
.result__c{padding:var(--s-4);border-radius:var(--r-md);background:var(--surface-2);}
.result__k{font-size:var(--t-label);font-weight:600;color:var(--ink-3);}
.result__v{font-family:var(--f-display);font-size:1.7rem;font-weight:800;letter-spacing:-.03em;margin-top:2px;}
.app-note{font-size:var(--t-xs);color:var(--ink-3);margin-top:var(--s-3);text-align:right;}
html:not(.js) .panel{position:static;opacity:1;visibility:visible;transform:none;}
.shots{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(56px,7vw,96px);}
.shots__mob{width:100%;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-1);}
.shots__cap{font-size:var(--t-sm);color:var(--ink-3);max-width:48ch;}
.shots__cap b{color:var(--ink);}

/* Band: getönter Abschnitt für Rhythmus zwischen den hellen Flächen */

/* BEHANDLUNGEN */
.disclaim{font-size:var(--t-xs);color:var(--ink-3);margin-top:var(--s-5);max-width:64ch;}

/* TEAM / KUNDE — dunkle Marken-Bühne */

/* TEAM / KUNDE */
.team__portrait{aspect-ratio:1;width:100%;max-width:330px;margin-inline:auto;border-radius:50%;object-fit:cover;
  border:1px solid var(--stage-line);box-shadow:var(--shadow-2);}

/* Die beiden anderen Gründer */
.crew{display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,52px);margin-top:clamp(36px,5vw,60px);
  padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--stage-line);}
.crew__m{display:flex;align-items:center;gap:14px;}
.crew__img{width:62px;height:62px;flex:none;border-radius:50%;object-fit:cover;border:1px solid var(--stage-line);}
.crew__n{display:block;font-weight:700;letter-spacing:-.01em;}
.crew__r{display:block;font-size:var(--t-sm);color:var(--stage-ink-3);}
.crew__d{display:block;margin-top:4px;font-size:var(--t-xs);color:var(--stage-ink-3);max-width:34ch;}
.team__text{color:var(--ink-3);font-size:var(--t-lead);max-width:52ch;}
.team__name{font-weight:800;}
.team__role{font-size:var(--t-sm);color:var(--ink-3);}
.client{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;margin-top:clamp(56px,7vw,96px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--line);}
.client__logo{width:clamp(140px,18vw,200px);aspect-ratio:3/2;border-radius:var(--r-md);}
.client__label{font-size:var(--t-sm);font-weight:700;color:var(--accent-deep);}
.client__name{font-family:var(--f-display);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:4px 0;}
.client__note{font-size:var(--t-sm);color:var(--ink-3);max-width:52ch;}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5);margin-top:var(--s-7);}
.metric__v{font-family:var(--f-display);font-size:clamp(2rem,3vw,2.6rem);font-weight:800;letter-spacing:-.03em;}
.metric__l{font-size:var(--t-sm);color:var(--ink-3);margin-top:4px;}
.quote{margin:var(--s-7) 0 0;max-width:820px;}
.quote blockquote{font-family:var(--f-display);font-weight:700;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.35;margin:0;}
.quote__by{display:flex;align-items:center;gap:12px;margin-top:var(--s-4);font-size:var(--t-sm);}

/* VERTRAUEN */
.plat{margin-top:clamp(48px,6vw,80px);display:flex;flex-direction:column;gap:14px;padding:clamp(20px,2.6vw,32px);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);}
.plat__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;}
.plat__label{font-size:var(--t-sm);font-weight:700;min-width:6.5rem;}
.plat__mod{display:inline-flex;align-items:center;padding:7px 13px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--surface-1);font-size:.88rem;font-weight:600;color:var(--ink-2);}
.plat__mod[data-state="live"]{border-color:var(--accent);color:var(--accent-deep);background:color-mix(in srgb,var(--accent) 7%,transparent);}

/* POTENZIAL */
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--s-5);}
.field__top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);}
.field__l{font-size:.95rem;font-weight:600;}
.field__v{font-family:var(--f-display);font-size:1.15rem;font-weight:800;color:var(--accent-deep);white-space:nowrap;}
.field__hint{font-size:var(--t-xs);color:var(--ink-3);}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:32px;background:transparent;cursor:pointer;}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--surface-3);}
input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--surface-3);}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);border:3px solid var(--surface-1);box-shadow:var(--shadow-1);margin-top:-9px;}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid var(--surface-1);}

/* PREISE */
.incl{margin-top:clamp(28px,4vw,44px);padding:clamp(24px,3vw,34px) clamp(24px,3.5vw,40px);
  background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);}
.incl__h{font-family:var(--f-mono);font-size:var(--t-mono);font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--accent-deep);margin-bottom:var(--s-4);}
.incl__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px clamp(24px,3vw,44px);}
.incl__list li{position:relative;padding-left:26px;color:var(--ink-2);font-size:var(--t-sm);}
.incl__list li::before{content:"";position:absolute;left:0;top:.42em;width:14px;height:8px;
  border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg);}
.incl__terms{margin-top:clamp(20px,2.5vw,28px);padding-top:clamp(18px,2vw,24px);border-top:1px solid var(--line);
  font-size:var(--t-sm);color:var(--ink-2);max-width:78ch;}
.incl__terms b{color:var(--ink);}

/* FRAGEN */

/* BUCHUNG */
.booking__note{font-size:var(--t-xs);color:var(--stage-ink-3);}
.booking__status{font-size:var(--t-sm);padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--stage-line);background:rgba(14,8,6,.45);color:var(--stage-ink-2);}
.booking__status b{color:var(--stage-ink);}
.booking__status a{color:var(--accent-2);}
.booking__alt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding-top:var(--s-4);border-top:1px solid var(--stage-line);font-size:var(--t-sm);color:var(--stage-ink-2);}
.booking__alt a{color:var(--stage-ink);font-weight:700;text-underline-offset:3px;}

/* ==================================================================
   UNTERE ABSCHNITTE — gleiche Sprache wie Hero und Tag:
   ein Objekt pro Abschnitt, Zahlen als Typografie, eigene Welt je Abschnitt
   ================================================================== */

/* Abbildungs-System: jeder Abschnitt ist eine nummerierte Abbildung */
.fig{display:flex;align-items:center;gap:12px;font-family:var(--f-mono);font-size:var(--t-mono);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);}
.fig__n{color:var(--accent-deep);padding-right:12px;border-right:1px solid var(--line-strong);}
.board__title .fig__n{font-family:var(--f-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--stage-accent-2);border-right-color:var(--stage-line);margin-right:12px;}
.prod .fig,.checks .fig,.people .fig,.final .fig{color:var(--stage-ink-3);}
.prod .fig__n,.checks .fig__n,.people .fig__n,.final .fig__n{color:var(--stage-accent-2);border-right-color:var(--stage-line);}
.sec-intro{display:flex;flex-direction:column;gap:var(--s-4);padding-block:clamp(88px,11vw,150px) clamp(40px,5vw,72px);}
.sec-intro h2,.day__intro h2{font-size:clamp(2rem,4.2vw,3.5rem);letter-spacing:-.035em;max-width:19ch;}
.sec-intro .lead{max-width:58ch;}
.prod,.checks,.people,.final{background:var(--stage);color:var(--stage-ink);}
.prod h2,.checks h2,.people h2,.final h2{color:var(--stage-ink);}
.prod .lead,.checks .lead,.people .lead,.final .lead{color:var(--stage-ink-2);}
.rhythm,.bill,.faqchat{background:var(--paper);}

/* Uhrzeit im Hero und im Tag */
.hero__now{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;font-size:var(--t-sm);line-height:1.35;color:var(--stage-ink);padding:8px 16px 8px 10px;border-radius:var(--r-pill);border:1px solid var(--stage-line);background:rgba(251,246,242,.04);max-width:100%;}
.hero__now svg{flex:none;width:18px;height:18px;color:var(--stage-accent-2);}
.hero__now b{font-family:var(--f-mono);font-weight:600;color:var(--stage-accent-2);font-variant-numeric:tabular-nums;}
.day__rail{position:relative;overflow:visible;}
.day__fill{border-radius:2px;}
.day__now{position:absolute;top:50%;left:calc(var(--now,0) * 100%);width:2px;height:16px;border-radius:1px;background:var(--day-ink);transform:translate(-50%,-50%);}
.day__now::after{content:attr(data-label);position:absolute;top:18px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--f-mono);font-size:.7rem;font-weight:600;letter-spacing:.04em;color:var(--day-ink-2);}
.scene__nowtag{display:inline-block;margin-left:10px;padding:2px 9px;border-radius:var(--r-pill);font-family:var(--f-body);font-size:.72rem;font-weight:700;letter-spacing:0;text-transform:none;background:var(--s-acc,var(--day-accent));color:#fff8f5;vertical-align:1px;}
.day--live .scene__nowtag{background:var(--day-accent);}

/* ABB. 3 · IHR MORGEN — Bühne mit Zähler, Schritte wechseln beim Scrollen */
.prod{padding-bottom:clamp(80px,10vw,140px);}
.prod__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;}
.prod__count{display:flex;align-items:baseline;font-family:var(--f-display);font-weight:800;font-size:clamp(3.4rem,7.5vw,6.6rem);line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums;}
.prod__of{font-size:.3em;letter-spacing:-.01em;color:var(--stage-ink-3);margin-left:8px;}
.prod__rail{display:block;height:3px;border-radius:2px;background:rgba(251,246,242,.14);max-width:24rem;margin-block:18px 22px;overflow:hidden;}
.prod__fill{display:block;height:100%;background:var(--stage-accent);transform-origin:0 50%;transform:scaleX(var(--p,.2));transition:transform .45s var(--e-out);}
.prod__steps{display:flex;flex-direction:column;gap:2px;}
.prod__step{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:12px;align-items:start;width:100%;padding:11px 0;border:0;background:none;text-align:left;cursor:pointer;color:var(--stage-ink);opacity:.4;transition:opacity var(--d-ui);}
.prod__step:hover{opacity:.72;}
.prod__step.on{opacity:1;}
.prod__step-n{font-family:var(--f-mono);font-size:.76rem;font-weight:600;color:var(--stage-accent-2);padding-top:5px;}
.prod__step-t{display:block;font-family:var(--f-display);font-weight:700;font-size:1.16rem;letter-spacing:-.015em;line-height:1.25;}
.prod__step-d{display:block;font-size:var(--t-sm);line-height:1.5;color:var(--stage-ink-2);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--e-out),opacity .35s,margin .35s;}
.prod__step.on .prod__step-d{max-height:6em;opacity:1;margin-top:6px;}
.prod .appframe{border-color:var(--stage-line);background:radial-gradient(120% 120% at 100% 0%,rgba(224,138,162,.16),transparent 62%),rgba(251,246,242,.04);}
.prod .app{color:var(--ink);}
.prod .app-note{color:var(--stage-ink-3);}
.prod.is-static .app__stage{min-height:0;}
.prod.is-static .panel{position:static;opacity:1;visibility:visible;transform:none;}
.prod .shots__mob{border-color:var(--stage-line);}
.prod .shots__cap{color:var(--stage-ink-2);}
.prod .shots__cap b{color:var(--stage-ink);}
.prod--live .prod__track{height:360vh;}
.prod--live .prod__stage{position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));display:flex;align-items:center;}
.prod--live .prod__grid{width:100%;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:center;}
.prod--live .app__stage{min-height:400px;}

/* ABB. 4 · IHR RHYTHMUS — ein Jahr als Ring */
.rhythm{padding-bottom:clamp(80px,10vw,140px);}
.rhythm__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:clamp(32px,6vw,96px);align-items:center;}
.rhythm__tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:30px;}
.lab__tab{min-height:40px;padding-inline:14px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:transparent;font-size:.86rem;font-weight:600;color:var(--ink-2);cursor:pointer;transition:background var(--d-micro),color var(--d-micro),border-color var(--d-micro);}
.lab__tab:hover{border-color:var(--ink);}
.lab__tab[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper);}
.rhythm__big{display:flex;align-items:flex-end;gap:16px;}
.rhythm__big b{font-family:var(--f-display);font-weight:800;font-size:clamp(5rem,11vw,9.4rem);line-height:.82;letter-spacing:-.06em;font-variant-numeric:tabular-nums;}
.rhythm__big span{font-family:var(--f-display);font-weight:700;font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.1;color:var(--ink-2);max-width:8ch;padding-bottom:.3em;}
.rhythm__worth{margin-top:18px;font-size:var(--t-lead);color:var(--ink-2);max-width:40ch;}
.rhythm__worth b{font-family:var(--f-display);font-weight:800;font-size:1.45em;letter-spacing:-.025em;color:var(--accent-deep);white-space:nowrap;}
.rhythm__switch{display:inline-flex;gap:2px;margin-top:26px;padding:4px;border-radius:var(--r-pill);border:1px solid var(--line-strong);}
.seg{min-height:38px;padding-inline:16px;border:0;border-radius:var(--r-pill);background:none;font-size:.86rem;font-weight:700;color:var(--ink-3);cursor:pointer;transition:background var(--d-micro),color var(--d-micro);}
.seg[aria-checked="true"]{background:var(--ink);color:var(--paper);}
.rhythm__lost{min-height:3.1em;margin-top:14px;font-size:var(--t-sm);color:var(--ink-2);max-width:46ch;}
.rhythm__lost b{color:var(--alert);}
.rhythm__msg{max-width:30rem;}
.ring{position:relative;margin:0;width:100%;max-width:520px;aspect-ratio:1;justify-self:end;}
.ring__svg{display:block;width:100%;height:100%;overflow:visible;}
.ring__track{fill:none;stroke:var(--line);stroke-width:2;}
.ring__tick{stroke:var(--line-strong);stroke-width:1.5;}
.ring__mon{font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.06em;fill:var(--ink-3);text-anchor:middle;dominant-baseline:middle;}
.ring__arc{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 1.4s var(--e-inout);}
.ring__v{fill:var(--accent);stroke:var(--paper);stroke-width:3;transition:fill .5s,opacity .5s,r .5s;}
.ring__v.is-lost{fill:var(--paper);stroke:var(--line-strong);stroke-width:2;stroke-dasharray:3 3;}
.ring__v.pop{animation:ringPop .6s var(--e-out) both;}
@keyframes ringPop{0%{opacity:0;transform:scale(.2);}60%{transform:scale(1.25);}100%{opacity:1;transform:none;}}
.ring__v{transform-box:fill-box;transform-origin:center;}
.ring__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;pointer-events:none;}
.ring__who{font-family:var(--f-display);font-weight:800;font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:-.03em;}
.ring__t{font-size:var(--t-sm);color:var(--ink-3);}
.flowline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(44px,5vw,72px);border-top:1px solid var(--line);}
.flowline li{position:relative;padding:18px 16px 0 0;}
.flowline li::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--paper);border:1.5px solid var(--accent);}
.flowline li:last-child::before{background:var(--accent);}
.flow__d{display:block;font-family:var(--f-mono);font-size:.72rem;font-weight:600;letter-spacing:.04em;color:var(--ink-3);}
.flow__t{display:block;margin-top:4px;font-weight:700;font-size:.92rem;line-height:1.35;max-width:20ch;}
.rhythm .disclaim{margin-top:30px;}

/* ABB. 5 · DIE PRÜFSTRECKE */
.checks{padding-bottom:clamp(80px,10vw,140px);}
.lane{padding:clamp(24px,3.5vw,48px);border-radius:var(--r-xl);border:1px solid var(--stage-line);background:linear-gradient(180deg,rgba(42,27,22,.72),rgba(24,15,12,.92));}
.lane__track{position:relative;padding-top:58px;}
.lane__line{position:absolute;left:9px;right:0;top:67px;height:2px;border-radius:2px;background:rgba(251,246,242,.12);overflow:hidden;}
.lane__prog{display:block;height:100%;background:var(--stage-accent);transform-origin:0 50%;transform:scaleX(var(--lp,0));transition:transform var(--lane-dur,.5s) linear;}
.gates{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.gate{display:flex;flex-direction:column;gap:6px;}
.gate__dot{position:relative;z-index:1;width:20px;height:20px;margin-bottom:12px;border-radius:50%;background:#1e1411;border:2px solid rgba(251,246,242,.3);transition:background .3s,border-color .3s,box-shadow .3s;}
.gate.is-ok .gate__dot{background:#86c7a6;border-color:#86c7a6;}
.gate.is-stop .gate__dot{background:#e59a8f;border-color:#e59a8f;box-shadow:0 0 0 7px rgba(229,154,143,.2);}
.gate__t{font-family:var(--f-display);font-weight:700;font-size:1.06rem;letter-spacing:-.01em;}
.gate__d{font-size:var(--t-xs);color:var(--stage-ink-3);max-width:22ch;}
.gate.is-stop .gate__t{color:#e59a8f;}
.packet{position:absolute;top:0;left:0;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:14px 14px 14px 4px;background:var(--stage-ink);color:var(--stage);font-size:.8rem;font-weight:700;white-space:nowrap;box-shadow:0 14px 30px -14px rgba(0,0,0,.7);transform:translateX(var(--px,0px));transition:transform var(--lane-dur,.5s) linear,background .3s;}
.packet__av{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--stage-accent);color:#23100f;font-size:.64rem;}
.packet.is-stop{background:#e59a8f;}
.packet.is-done{background:#86c7a6;}
.lane__result{min-height:3.3em;margin-top:30px;font-size:var(--t-lead);line-height:1.5;color:var(--stage-ink);max-width:62ch;}
.lane__result b{color:var(--stage-accent);}
.lane__controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px;padding-top:22px;border-top:1px solid var(--stage-line);}
.lane__h{width:100%;font-size:var(--t-xs);font-weight:700;color:var(--stage-ink-3);}
.toggles{display:flex;flex-wrap:wrap;gap:8px;flex:1;}
.tgl{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding-inline:12px 15px;border-radius:var(--r-pill);border:1px solid var(--stage-line);background:transparent;color:var(--stage-ink-2);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color var(--d-micro),color var(--d-micro);}
.tgl::before{content:"";flex:none;width:28px;height:16px;border-radius:99px;background:radial-gradient(circle at 8px 50%,#fbf6f2 5px,transparent 5.6px),rgba(251,246,242,.18);transition:background var(--d-ui);}
.tgl[aria-pressed="true"]{color:var(--stage-ink);border-color:rgba(229,154,143,.55);}
.tgl[aria-pressed="true"]::before{background:radial-gradient(circle at 20px 50%,#fbf6f2 5px,transparent 5.6px),#e59a8f;}
.lane__run{margin-left:auto;}
.rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,4vw,56px);margin-top:clamp(56px,7vw,96px);border-top:1px solid var(--stage-line);}
.rule{padding-block:22px 24px;border-bottom:1px solid var(--stage-line);}
.rule h3{margin-bottom:6px;font-size:1.05rem;color:var(--stage-ink);}
.rule p{font-size:var(--t-sm);color:var(--stage-ink-2);}
.checks .plat{background:rgba(251,246,242,.03);border-color:var(--stage-line);}
.checks .plat__label{color:var(--stage-ink);}
.checks .plat__mod{background:transparent;border-color:var(--stage-line);color:var(--stage-ink-2);}
.checks .plat__mod[data-state="live"]{border-color:var(--stage-accent);color:var(--stage-accent);background:rgba(224,138,162,.06);}

/* ABB. 6 · IHRE RECHNUNG — Regler + Kassenbon, darunter die Laufzeiten */
.bill{padding-bottom:clamp(80px,10vw,140px);}
.bill__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:clamp(32px,6vw,96px);align-items:start;}
.receipt{position:sticky;top:calc(var(--nav-h) + 24px);margin:0;filter:drop-shadow(0 30px 34px rgba(31,19,16,.2));}
.receipt__paper{position:relative;padding:30px 26px 34px;background:#fffdf9;color:#1f1310;font-family:var(--f-mono);font-size:.8rem;line-height:1.6;
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%;
  mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%;}
.receipt.is-printing .receipt__paper{animation:receiptOut 1.5s steps(14) both;}
@keyframes receiptOut{from{clip-path:inset(0 0 100% 0);}to{clip-path:inset(0 0 0 0);}}
.receipt__brand{text-align:center;font-weight:600;font-size:.95rem;letter-spacing:.16em;text-transform:uppercase;}
.receipt__sub{text-align:center;color:#6f5a4f;margin:2px 0 14px;padding-bottom:12px;border-bottom:1px dashed #d3b9ab;}
.receipt__rows,.receipt__total{margin:0;}
.receipt__rows div,.receipt__total div{display:flex;justify-content:space-between;gap:12px;padding-block:3px;}
.receipt dt{color:#4a3830;}
.receipt dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums;}
.receipt .is-plus dd{color:#2f6b50;font-weight:600;}
.receipt .is-minus dd{color:#8f3a32;}
.receipt__total{margin-top:12px;padding-top:12px;border-top:1px dashed #d3b9ab;}
.receipt__total div:first-child{align-items:baseline;}
.receipt__total div:first-child dt{font-weight:600;color:#1f1310;}
.receipt__total div:first-child dd{font-family:var(--f-display);font-weight:800;font-size:1.75rem;letter-spacing:-.03em;color:#2f6b50;}
.receipt.is-neg .receipt__total div:first-child dd{color:#8f3a32;}
.receipt__foot{margin-top:14px;font-size:.68rem;color:#6f5a4f;text-align:center;}
.receipt__code{display:block;width:100%;height:34px;margin-top:12px;}
.receipt__code rect{fill:#1f1310;}
.plans__wrap{margin-top:clamp(64px,8vw,112px);}
.plans__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 64px;align-items:end;margin-bottom:24px;}
.plans__h{font-size:clamp(1.5rem,2.6vw,2.2rem);letter-spacing:-.03em;}
.plans__lead{font-size:var(--t-sm);color:var(--ink-3);}
.plans__lead b{color:var(--ink);}
.plans{border-top:1px solid var(--ink);}
.plan{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr) 24px;gap:16px;align-items:center;width:100%;padding:20px 10px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);text-align:left;cursor:pointer;transition:background var(--d-micro);}
.plan:hover{background:color-mix(in srgb,var(--accent) 5%,transparent);}
.plan[aria-checked="true"]{background:color-mix(in srgb,var(--accent) 9%,transparent);}
.plan__n{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-family:var(--f-display);font-weight:800;font-size:1.22rem;letter-spacing:-.02em;}
.plan__badge{padding:3px 9px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-family:var(--f-body);font-size:.7rem;font-weight:700;letter-spacing:0;}
.plan__term{font-size:var(--t-sm);color:var(--ink-3);}
.plan__v{font-family:var(--f-display);font-weight:800;font-size:1.5rem;letter-spacing:-.03em;white-space:nowrap;}
.plan__v small{margin-left:3px;font-family:var(--f-body);font-size:.8rem;font-weight:600;letter-spacing:0;color:var(--ink-3);}
.plan__saldo{font-size:var(--t-sm);color:var(--ink-3);}
.plan__saldo b{font-family:var(--f-display);font-weight:800;font-size:1.1rem;color:var(--ok);}
.plan__saldo.is-neg b{color:var(--alert);}
.plan__radio{justify-self:end;width:20px;height:20px;border-radius:50%;border:2px solid var(--line-strong);}
.plan[aria-checked="true"] .plan__radio{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 42%,transparent 48%);}
.plans__cta{margin-top:30px;}

/* MENSCHEN */
.people{padding-block:clamp(88px,11vw,150px);}
.people__h{margin-top:18px;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;letter-spacing:-.015em;color:var(--stage-ink-2);max-width:none;}
.people__quote{margin:14px 0 0;}
.people__quote p{font-family:var(--f-display);font-weight:800;font-size:clamp(2.1rem,5.4vw,4.8rem);line-height:1.02;letter-spacing:-.04em;max-width:17ch;color:var(--stage-ink);}
.people__sig{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:22px;}
.sign{width:clamp(140px,16vw,200px);height:auto;overflow:visible;}
.sign__t{font-family:'Mrs Saint Delafield','Segoe Script',cursive;font-size:104px;fill:var(--stage-accent);stroke:var(--stage-accent);stroke-width:1;}
.js .sign__t{fill:transparent;stroke-dasharray:1100;stroke-dashoffset:1100;}
.js .sign.is-drawn .sign__t{animation:signDraw 2.6s var(--e-inout) forwards;}
@keyframes signDraw{70%{stroke-dashoffset:0;fill:transparent;}100%{stroke-dashoffset:0;fill:var(--stage-accent);}}
.people__who{display:flex;flex-direction:column;gap:2px;}
.team__name{font-weight:800;}
.team__role{font-size:var(--t-sm);color:var(--stage-ink-3);}
.people__grid{display:grid;grid-template-columns:120px minmax(0,1fr);gap:28px;align-items:start;max-width:880px;margin-top:clamp(40px,5vw,64px);padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--stage-line);}
.people .team__portrait{width:120px;height:120px;max-width:none;margin:0;border-radius:50%;object-fit:cover;aspect-ratio:1;border:1px solid var(--stage-line);box-shadow:none;}
.people .team__media{width:120px;max-width:none;margin:0;}
.people .team__play{right:-18px;bottom:-4px;padding:7px 12px 7px 9px;font-size:.78rem;}
.people .team__video{max-width:260px;margin:0;}
.people__body{display:flex;flex-direction:column;gap:18px;}
.people .team__text{color:var(--stage-ink-2);font-size:var(--t-lead);max-width:58ch;}
.people .link-arrow{color:var(--stage-ink);border-bottom-color:var(--stage-line);}
.people .link-arrow:hover{color:var(--stage-accent-2);border-bottom-color:var(--stage-accent-2);}
.people .client{border-top-color:var(--stage-line);}
.people .client__label{color:var(--stage-accent-2);}
.people .client__name{color:var(--stage-ink);}
.people .client__note,.people .metric__l{color:var(--stage-ink-2);}
.people .ph__label{background:var(--stage-2);color:var(--stage-ink-2);box-shadow:none;}
.people .quote blockquote{color:var(--stage-ink);}

/* FRAGEN als Verlauf */
.faqchat{padding-block:clamp(88px,11vw,150px);}
.faqchat__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start;}
.faqchat__head{position:sticky;top:calc(var(--nav-h) + 40px);display:flex;flex-direction:column;gap:var(--s-4);}
.faqchat__head h2{font-size:clamp(2rem,4.2vw,3.4rem);letter-spacing:-.035em;max-width:12ch;}
.chat{display:flex;flex-direction:column;gap:14px;padding:clamp(18px,2.4vw,28px);border-radius:var(--r-xl);background:var(--surface-2);border:1px solid var(--line);}
.chat__day{align-self:center;padding:4px 11px;border-radius:var(--r-pill);background:var(--surface-1);font-size:.72rem;font-weight:700;color:var(--ink-3);}
.qa{display:flex;flex-direction:column;gap:8px;}
.qa__q{align-self:flex-end;max-width:84%;padding:11px 15px;border-radius:17px 17px 4px 17px;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:.95rem;line-height:1.4;list-style:none;cursor:pointer;transition:transform var(--d-micro) var(--e-out),opacity var(--d-micro);}
.qa__q::-webkit-details-marker{display:none;}
.qa__q:hover{transform:translateY(-1px);}
.qa:not([open]) .qa__q{opacity:.9;}
.qa__a{align-self:flex-start;max-width:90%;padding:12px 15px 8px;border-radius:17px 17px 17px 4px;background:var(--surface-1);border:1px solid var(--line);font-size:.94rem;color:var(--ink-2);animation:qaIn .4s var(--e-out);}
.qa__by{display:block;margin-top:6px;font-size:.72rem;font-weight:600;color:var(--ink-3);text-align:right;}
.qa.is-typing .qa__a>*{display:none;}
.qa.is-typing .qa__a::before{content:"";display:block;width:34px;height:10px;background:radial-gradient(circle,var(--ink-3) 3px,transparent 3.6px) 0 50%/11px 10px repeat-x;animation:think 1s var(--e-inout) infinite;}
@keyframes qaIn{from{opacity:0;transform:translateY(6px);}}

/* ABSCHLUSS · IHR STUDIO-BERICHT */
.final{padding-block:clamp(88px,11vw,150px);}
.final__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:clamp(32px,6vw,96px);align-items:start;}
.final__copy{display:flex;flex-direction:column;gap:22px;}
.final h2{font-size:clamp(2.2rem,4.6vw,4rem);letter-spacing:-.04em;max-width:15ch;}
.final__lead{font-size:var(--t-lead);color:var(--stage-ink-2);max-width:48ch;}
.final__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;}
.final__actions .btn--primary{--btn-bg:var(--stage-accent);--btn-bd:var(--stage-accent);--btn-fg:#23100f;}
.final__actions .btn--primary:hover{--btn-bg:#eba0b4;--btn-bd:#eba0b4;}
.final__kicker{font-size:var(--t-sm);color:var(--stage-ink-3);}
.final__list{display:flex;flex-direction:column;gap:10px;}
.final__list li{display:flex;gap:10px;align-items:center;font-size:.95rem;color:var(--stage-ink-2);}
.final__list .dot{color:var(--stage-accent-2);}
.report{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(22px,3vw,34px);border-radius:6px;background:#fffdf9;color:#1f1310;box-shadow:0 50px 90px -40px rgba(0,0,0,.85);transform:rotate(-.8deg);}
.report__head{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e4d1c6;font-family:var(--f-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6f5a4f;}
.report__title{font-size:clamp(1.45rem,2.3vw,1.95rem);letter-spacing:-.03em;color:#1f1310;}
.report__rows li{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid #ecd9cf;font-size:.9rem;}
.report__rows .rf{font-family:var(--f-mono);font-size:.68rem;font-weight:600;letter-spacing:.04em;color:#8b3f56;}
.report__rows .rl{color:#4a3830;}
.report__rows .rv{font-family:var(--f-display);font-weight:800;letter-spacing:-.02em;text-align:right;white-space:nowrap;}
.report__form{display:flex;flex-direction:column;gap:9px;margin-top:6px;}
.report__l{font-weight:700;font-size:.92rem;}
.report__field{display:flex;gap:8px;}
.report__field input{flex:1;min-width:0;min-height:48px;padding:0 16px;border-radius:var(--r-pill);border:1px solid #d3b9ab;background:#fff;color:#1f1310;font:inherit;font-size:.95rem;}
.report__field input:focus-visible{outline:2px solid #a8536b;outline-offset:2px;}
.report .btn--primary{--btn-bg:#a8536b;--btn-bd:#a8536b;--btn-fg:#fff8f5;}
.report .btn--primary:hover{--btn-bg:#8b3f56;--btn-bd:#8b3f56;}
.report__ok{display:flex;align-items:flex-start;gap:9px;font-size:.82rem;line-height:1.4;color:#4a3830;cursor:pointer;}
.report__ok input{margin-top:2px;accent-color:#a8536b;}
.report__status{min-height:1.2em;font-size:.86rem;color:#4a3830;}
.report__status.is-ok{color:#2f6b50;}
.report__status.is-err{color:#8f3a32;}
.report__fine{font-size:.74rem;color:#6f5a4f;}
.report__fine a,.report__status a{color:#8b3f56;}
.report__print{align-self:flex-start;padding:0 0 1px;border:0;border-bottom:1px solid currentColor;background:none;color:#8b3f56;font-weight:700;font-size:.85rem;cursor:pointer;}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;}

/* Mitwandernde Tafel (ab 901 px); auf dem Handy als Zeile im Balken */
.dock{position:fixed;right:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:45;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity var(--d-ui) var(--e-out),transform var(--d-ui) var(--e-out);}
.dock.on{opacity:1;transform:none;pointer-events:auto;}
.dock__in{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 11px;border-radius:16px;border:1px solid var(--stage-line);background:rgba(26,16,13,.93);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--stage-ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 24px 50px -24px rgba(0,0,0,.65);}
.dock__cal{display:grid;grid-template-columns:repeat(6,7px);gap:2px;flex:none;}
.dock__cal i{width:7px;height:7px;border-radius:2px;background:rgba(251,246,242,.2);}
.dock__cal i.w{background:var(--stage-accent);}
.dock__txt{display:flex;flex-direction:column;gap:1px;min-width:11.5rem;}
.dock__fig{font-family:var(--f-mono);font-size:.64rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--stage-accent-2);}
.dock__main{font-family:var(--f-display);font-weight:800;font-size:1.05rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.dock__sub{font-size:.76rem;color:var(--stage-ink-3);max-height:0;overflow:hidden;opacity:0;transition:max-height var(--d-ui) var(--e-out),opacity var(--d-ui);}
.dock__in:hover .dock__sub,.dock__in:focus-visible .dock__sub{max-height:1.4em;opacity:1;}
.dock__edit{align-self:stretch;display:flex;align-items:center;max-width:0;overflow:hidden;opacity:0;font-size:.74rem;font-weight:700;color:var(--stage-ink-2);border-left:1px solid transparent;transition:max-width var(--d-ui) var(--e-out),opacity var(--d-ui),padding var(--d-ui);}
.dock__in:hover .dock__edit,.dock__in:focus-visible .dock__edit{max-width:6rem;opacity:1;padding-left:14px;border-left-color:var(--stage-line);}
.dock__in:hover .dock__edit{color:var(--stage-accent);}
.dock.pulse .dock__main{animation:dockPulse .7s var(--e-out);}
@keyframes dockPulse{40%{color:var(--stage-accent);}}
.mcta__line{width:100%;margin:0;padding:2px 10px 0;font-size:.78rem;font-weight:600;color:var(--ink-2);text-align:center;font-variant-numeric:tabular-nums;}
.mcta{flex-wrap:wrap;}

/* Fuß: das Zeichen erzählt das Versprechen */
.foot__mark{display:flex;align-items:center;gap:clamp(20px,4vw,48px);margin-bottom:var(--s-7);padding-bottom:var(--s-7);border-bottom:1px solid var(--stage-line);}
.foot__logo{flex:none;width:clamp(92px,14vw,180px);height:auto;overflow:visible;}
.foot__arc{fill:none;stroke:var(--stage-accent);stroke-width:6.5;stroke-linecap:round;}
.foot__dot{fill:var(--stage-accent-2);}
.foot__claim{font-family:var(--f-display);font-weight:800;font-size:clamp(2rem,6vw,5rem);line-height:1;letter-spacing:-.045em;color:var(--stage-ink);}

@media (max-width:1060px){
  .rhythm__grid,.bill__grid,.faqchat__grid,.final__grid{grid-template-columns:minmax(0,1fr);}
  .ring{justify-self:center;max-width:440px;}
  .receipt{position:static;max-width:420px;}
  .faqchat__head{position:static;}
  .rules{grid-template-columns:1fr 1fr;}
  .plans__head{grid-template-columns:minmax(0,1fr);}
  .report{transform:none;}
}
@media (max-width:900px){ .dock{display:none!important;} }
@media (max-width:820px){
  .lane__track{padding-top:0;}
  .lane__line,.packet{display:none;}
  .gates{grid-template-columns:1fr 1fr;row-gap:22px;}
  .lane__run{margin-left:0;width:100%;}
  .rules{grid-template-columns:minmax(0,1fr);}
  .plan{grid-template-columns:minmax(0,1fr) auto;row-gap:4px;padding-inline:4px;}
  .plan__n{grid-column:1;}
  .plan__v{grid-column:2;grid-row:1;}
  .plan__term,.plan__saldo{grid-column:1 / -1;}
  .plan__radio{display:none;}
  .flowline{grid-template-columns:minmax(0,1fr);border-top:0;border-left:1px solid var(--line);margin-left:4px;padding-left:20px;gap:16px;}
  .flowline li{padding:0;}
  .flowline li::before{top:4px;left:-25px;}
  .people__grid{grid-template-columns:minmax(0,1fr);}
  .foot__mark{flex-direction:column;align-items:flex-start;}
  .qa__q{max-width:92%;}
  .rhythm__big b{font-size:clamp(4.4rem,22vw,6rem);}
}
@media print{
  body *{visibility:hidden!important;}
  .report,.report *{visibility:visible!important;}
  .report{position:absolute;left:0;top:0;width:100%;box-shadow:none;transform:none;}
  .report__form,.report__print{display:none!important;}
}

/* FOOTER */
.foot{background:var(--stage);color:var(--stage-ink-2);padding-block:var(--s-8) var(--s-7);border-top:1px solid var(--stage-line);}
.foot__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--s-6);}
.foot .brand{color:var(--stage-ink);margin-bottom:14px;}
.foot .brand__word--light{color:var(--accent-2);}
.foot__about{font-size:var(--t-sm);max-width:36ch;}
.foot__h{font-family:var(--f-body);font-size:var(--t-sm);font-weight:700;color:var(--stage-ink);margin:0 0 14px;letter-spacing:0;}
.foot a:not(.brand),.foot .pending{display:block;font-size:.93rem;color:var(--stage-ink-2);text-decoration:none;margin-bottom:2px;padding-block:5px;}
.foot a:not(.brand):hover{color:var(--stage-ink);}
.foot .pending{color:var(--stage-ink-3);}
.foot__bot{margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--stage-line);font-size:var(--t-xs);color:var(--stage-ink-3);display:flex;flex-wrap:wrap;gap:var(--s-4);justify-content:space-between;}

/* MOBILE CTA */
.mcta{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:none;gap:10px;padding:8px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow-2);transform:translateY(130%);transition:transform var(--d-ui) var(--e-out);}
.mcta.on{transform:none;}
.mcta .btn{flex:1;}
.mcta .btn--wa{flex:none;width:48px;padding-inline:0;--btn-bg:var(--surface-1);--btn-fg:var(--ok);--btn-bd:var(--line-strong);}
/* Gründer-Video (erscheint nur, wenn SITE_CONFIG.founderVideo gesetzt ist) */
.team__media{position:relative;display:block;width:100%;max-width:330px;margin-inline:auto;padding:0;border:0;background:none;cursor:pointer;border-radius:50%;}
.team__media .team__portrait{max-width:none;}
.team__play{position:absolute;right:6%;bottom:6%;display:flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:var(--r-pill);background:var(--stage-accent);color:#23100f;font-size:var(--t-sm);font-weight:700;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);transition:transform var(--d-micro) var(--e-out);}
.team__media:hover .team__play{transform:scale(1.04);}
.team__video{width:100%;max-width:330px;margin-inline:auto;aspect-ratio:9/16;object-fit:cover;border-radius:var(--r-xl);border:1px solid var(--stage-line);background:#000;}

/* --- 6. LEGAL-SEITEN ----------------------------------------------- */
.legal{max-width:780px;margin-inline:auto;padding:clamp(56px,8vw,112px) clamp(20px,5vw,40px);}
.legal__kicker{font-size:var(--t-sm);font-weight:700;color:var(--accent-deep);margin-bottom:10px;}
.legal h1{font-size:clamp(2.2rem,4.4vw,3.4rem);letter-spacing:-.035em;margin-bottom:var(--s-5);}
.legal__draft{padding:14px 16px;border-radius:var(--r-md);background:var(--warn-bg);color:var(--warn);font-size:var(--t-sm);font-weight:600;margin-bottom:var(--s-6);}
.legal h2{font-size:clamp(1.3rem,2vw,1.6rem);margin:var(--s-7) 0 var(--s-3);letter-spacing:-.02em;}
.legal h3{font-size:1.05rem;margin:var(--s-5) 0 var(--s-2);}
.legal p,.legal li{color:var(--ink-2);}
.legal p+p{margin-top:10px;}
.legal ul{list-style:disc;padding-left:1.3em;display:flex;flex-direction:column;gap:6px;margin-top:10px;}
.legal address{font-style:normal;line-height:1.7;color:var(--ink-2);}
.legal a{color:var(--accent-deep);}
.legal__meta{margin-top:var(--s-7);font-size:var(--t-xs);color:var(--ink-3);}
.legal__lang{font-size:var(--t-xs);color:var(--ink-3);margin-bottom:var(--s-6);padding-left:12px;border-left:2px solid var(--line);}

/* --- 7. RESPONSIVE ------------------------------------------------- */
@media (max-width:1060px){
  .foot__grid{grid-template-columns:1fr 1fr;}
  .team__portrait{max-width:300px;}
}
@media (max-width:1180px) and (min-width:901px){
  .hero__in{grid-template-columns:minmax(0,1fr) minmax(0,450px);gap:clamp(28px,3.5vw,48px);}
  .hero h1{font-size:clamp(2.2rem,3.9vw,3.1rem);}
  .tchip{padding-inline:10px;font-size:.78rem;}
}
@media (max-width:900px){
  .hero__in{grid-template-columns:minmax(0,1fr);gap:var(--s-6);}
  .board{max-width:600px;}
}
@media (max-width:820px){
  .nav__links{display:none;}
  .nav__burger{display:flex;}
  .nav__right .btn{display:none;}
  .mcta{display:flex;}
  body{padding-bottom:84px;}
  .kv{grid-template-columns:1fr;}
  .kv__row:nth-child(odd){border-right:0;}
  .kv__row:nth-child(2){border-top:1px solid var(--line);}
  .result,.metrics{grid-template-columns:1fr;}
  .shots{grid-template-columns:1fr;justify-items:start;}
  .shots__mob{max-width:340px;}
  .client{grid-template-columns:1fr;}
  .foot__grid{grid-template-columns:1fr;}
  .scene__before,.rule p,.qa__a p,.prod__step-d,.disclaim,.client__note,.field__hint{hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:10 4 4;}
  h1,h2,h3,.lead,.hero__lead,.team__quote{hyphens:manual;-webkit-hyphens:manual;}
  .hero__in{gap:var(--s-6);}
  .cal{gap:4px;grid-template-columns:2rem repeat(6,minmax(0,1fr));}
  .cal__day{gap:2px;padding:3px;}
  .cal__kw{display:none;}
}
@media (max-width:420px){
  .hero h1{font-size:clamp(2.1rem,9vw,2.6rem);}
  .board__sum{grid-template-columns:1fr 1fr;}
  .board__sum .is-hl{grid-column:1 / -1;}
  .board__legend{gap:10px;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
  .js [data-reveal]{opacity:1;transform:none;}
  .caret{display:none;}
}

/* --- Seitenübergänge (2026-09-26) ----------------------------------
   Weicher Übergang zwischen Startseite, Impressum, Datenschutz und EN —
   View Transitions API für normale Seitenwechsel, ohne JavaScript.
   Browser ohne Unterstützung wechseln einfach sofort. */
@view-transition{navigation:auto;}
::view-transition-old(root),::view-transition-new(root){animation-duration:260ms;animation-timing-function:var(--e-out);}
.nav{view-transition-name:site-nav;}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important;}}

/* Jahresring: die Monatsbeschriftung liegt außerhalb der SVG-Box — auf
   schmalen Bildschirmen Platz lassen, damit „9 Monate“/„3 Monate“ nicht
   am Rand abgeschnitten werden (Feinschliff 2026-09-26). */
@media (max-width:640px){ .ring{width:calc(100% - 88px);margin-inline:auto;} }

/* Größere Tippflächen auf dem Handy (mind. ~40–44 px), ohne das Bild zu
   verändern: mehr Fläche, gleiche Optik (Feinschliff 2026-09-26). */
@media (max-width:900px){
  .brand{min-height:44px;display:inline-flex;align-items:center;}
  .lang{min-height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;}
  .link-arrow,.report__print,a[href^="mailto:"]{position:relative;}
  .link-arrow::after,.report__print::after,a[href^="mailto:"]::after{content:"";position:absolute;inset:-12px -6px;}
  .report input[type="checkbox"],.final input[type="checkbox"]{width:20px;height:20px;}
}