/* ==========================================================================
   motus.health – Gestaltungssystem
   Flächen ordnen die Seite: Navy (Drama, Produkt), Weiß und Nebel (Lesen),
   Markenblau (der eine Evidenz-Moment). Das Ringmotiv stammt aus dem Logo.
   Produktdarstellungen sitzen in Rahmen auf einem Raster; Bewegung gibt es
   nur beim Eintreten und bei echter Interaktion.
   ========================================================================== */

@font-face{font-family:"Urbanist";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/Urbanist_400Regular.ttf") format("truetype")}
@font-face{font-family:"Urbanist";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/Urbanist_500Medium.ttf") format("truetype")}
@font-face{font-family:"Urbanist";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/Urbanist_600SemiBold.ttf") format("truetype")}
@font-face{font-family:"Urbanist";font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/Urbanist_700Bold.ttf") format("truetype")}

:root{
  --navy:#04203f; --navy-2:#072c5a; --blue:#0149ae; --blue-2:#417fda; --sky:#9cc0f7;
  --ink:#0b1f44; --body:#44546f; --muted:#6b7a94; --line:#e2e8f2; --mist:#f4f7fc; --tint:#eaf1fc;
  --u-ink:#101828; --u-muted:#667085; --u-label:#344054; --u-border:#e9edf3; --u-band:#f6f8fb; --u-tint:#eef4fc;
  --green:#12805c; --green-bg:#e7f6ec; --amber:#b25c00; --amber-bg:#fff4e5;
  --wrap:1180px; --gutter:clamp(20px,4vw,48px);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px;background:#fff}
body{margin:0;font-family:"Urbanist",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:1.0625rem;line-height:1.6;font-weight:400;color:var(--body);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4,h5,p,ul,ol,dl,dd,dt,figure{margin:0}
ul,ol{padding:0;list-style:none}
b,strong{font-weight:700}
.wrap{width:min(var(--wrap),100% - 2*var(--gutter));margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--ink);padding:8px 12px;border-radius:8px;z-index:100}
.skip:focus{left:8px}

/* ---- Flächen: jede setzt ihre eigenen Textfarben ---------------------------- */
.s-white{background:#fff;--ibg:var(--tint);--ifg:var(--blue);--iline:#d5e2f5;--fg:var(--ink);--fg2:var(--body);--fg3:var(--muted);--hair:var(--line);--accent:var(--blue)}
.s-mist{background:var(--mist);--ibg:#fff;--ifg:var(--blue);--iline:#d5e2f5;--fg:var(--ink);--fg2:var(--body);--fg3:var(--muted);--hair:#dde5f0;--accent:var(--blue)}
.s-navy{background:linear-gradient(165deg,#031a35 0%,var(--navy) 45%,#0a3a7c 100%);--ibg:rgba(65,127,218,.18);--ifg:var(--sky);--iline:rgba(156,192,247,.3);--fg:#fff;--fg2:rgba(255,255,255,.8);--fg3:rgba(255,255,255,.6);--hair:rgba(255,255,255,.14);--accent:var(--sky);font-weight:500}
.s-blue{background:linear-gradient(157deg,var(--blue) 0%,var(--blue-2) 100%);--ibg:rgba(255,255,255,.14);--ifg:#fff;--iline:rgba(255,255,255,.32);--fg:#fff;--fg2:rgba(255,255,255,.9);--fg3:rgba(255,255,255,.72);--hair:rgba(255,255,255,.22);--accent:#fff;font-weight:500}
.s-white,.s-mist,.s-navy,.s-blue{color:var(--fg2)}

/* Ringmotiv aus dem Logo */
.rings{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.rings i{position:absolute;border-radius:50%}
.rings i:first-child{width:760px;height:760px;right:-240px;top:-300px;border:130px solid rgba(65,127,218,.2)}
.rings i:last-child{width:340px;height:340px;left:-110px;bottom:-130px;background:linear-gradient(160deg,rgba(65,127,218,.3),rgba(13,63,143,.12))}
.s-blue .rings i:first-child{border-color:rgba(255,255,255,.09)}
.s-blue .rings i:last-child{background:rgba(255,255,255,.07)}

/* ---- Icons: eine Familie, 24er Raster, 1,8 px Strich, runde Enden -------------- */
.ico{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:-.24em}
.ico-box{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;flex-shrink:0;background:var(--ibg);color:var(--ifg);box-shadow:inset 0 0 0 1px var(--iline)}
.ico-box .ico{width:22px;height:22px}
.btn .ico{width:1.1em;height:1.1em;stroke-width:2.2;transition:translate .18s ease}
.btn:hover .ico{translate:3px 0}

/* ---- Buttons ------------------------------------------------------------- */
.btn{display:inline-flex;align-items:center;gap:.5em;padding:.9em 1.55em;border-radius:12px;font-weight:700;font-size:1rem;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.btn-solid{background:#fff;color:var(--blue);box-shadow:0 1px 2px rgba(2,12,40,.2),0 10px 28px rgba(2,12,40,.28)}
.btn-solid:hover{transform:translateY(-1px);box-shadow:0 1px 2px rgba(2,12,40,.2),0 16px 36px rgba(2,12,40,.36)}
.btn-ghost{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.34)}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-blue{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(1,73,174,.26)}
.btn-blue:hover{background:#013f97;transform:translateY(-1px)}
.btn-wide{width:100%;justify-content:center}
:focus-visible{outline:3px solid var(--blue-2);outline-offset:3px}

/* ---- Header -------------------------------------------------------------- */
.top{position:sticky;top:0;z-index:50;transition:background .25s ease,box-shadow .25s ease;margin-bottom:-76px}
.top.is-stuck{background:#04203f;box-shadow:0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(2,12,40,.22)}
.top-row{display:flex;align-items:center;gap:2rem;height:76px}
.brand img{height:24px;width:auto}
.nav{display:flex;gap:1.9rem;margin-left:auto}
.nav a{text-decoration:none;font-weight:600;font-size:.98rem;color:rgba(255,255,255,.72);padding:.4em 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}
.nav a:hover,.nav a.is-active{color:#fff;border-bottom-color:#fff}
.top-cta{padding:.62em 1.15em;font-size:.95rem;border-radius:10px}
.nav-toggle{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;border-radius:2px}
.mobile-nav[hidden]{display:none}
.mobile-nav{display:flex;flex-direction:column;padding:0 var(--gutter) 1.2rem;background:var(--navy);color:#fff}
.mobile-nav a{padding:.8rem 0;text-decoration:none;font-weight:600;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.12)}
.mobile-nav .btn{margin-top:1rem;justify-content:center;border:0}

/* ---- Typografie ------------------------------------------------------------ */
.eyebrow{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--accent)}
.kicker{display:inline-block;font-size:.86rem;font-weight:600;color:var(--sky);padding:.45em 1em;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(156,192,247,.4);background:rgba(65,127,218,.12)}
h1,h2,h3{color:var(--fg);font-weight:700;text-wrap:balance}
h1{font-size:clamp(2.3rem,4.1vw,3.45rem);line-height:1.07;letter-spacing:-.028em;margin:22px auto 0;max-width:25ch}
h2{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.12;letter-spacing:-.022em;margin:14px 0 0;max-width:20ch}
h2.big{font-size:clamp(2.2rem,4.2vw,3.4rem);line-height:1.06;max-width:none;margin:16px auto 0}
h3{font-size:1.3rem;letter-spacing:-.012em;line-height:1.25}
.lead{margin:22px auto 0;font-size:clamp(1.12rem,1.5vw,1.3rem);line-height:1.5;color:var(--fg2);max-width:60ch}
.lead b,.text b{color:var(--fg);font-weight:700}
.text{margin-top:18px;font-size:1.1rem;line-height:1.62;color:var(--fg2);max-width:56ch}
.text.small{font-size:.98rem;color:var(--fg3)}
.text a{color:var(--accent);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}
.text a:hover{text-decoration:underline}
.source{margin-top:1.8rem;font-size:.86rem;color:var(--fg3)}
.head{position:relative;text-align:center;padding:0 var(--gutter);max-width:1100px;margin-inline:auto}
.copy{position:relative}
.copy.wide{max-width:760px}
.copy.wide h2{max-width:24ch}

/* ---- Abschnitte ----------------------------------------------------------- */
.section{position:relative;padding:clamp(80px,9vw,136px) 0;overflow-x:clip}
.section > .wrap,.section > .head{position:relative;z-index:1}
.split,.two,.faq-grid,.ev-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.two{align-items:start}
.two.pilot{align-items:center}
.pilot .phases{margin-top:0}
.pilot .text.small{margin-top:1.4rem}

/* Rahmen für Produktdarstellungen */
.stage{position:relative;border-radius:28px;overflow:hidden;isolation:isolate}
.stage.light{background:linear-gradient(160deg,var(--tint) 0%,#f7f9fd 100%);box-shadow:inset 0 0 0 1px #dbe5f4;padding:clamp(20px,3vw,40px)}
.stage.dark{background:linear-gradient(160deg,rgba(65,127,218,.2),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);padding:clamp(16px,2vw,28px)}
.stage.dark .rings i:first-child{width:420px;height:420px;right:-160px;top:-170px;border-width:70px}
.stage.dark .rings i:last-child{display:none}
.stage.inline{display:none}

/* ---- 1 · Hero ---------------------------------------------------------------- */
.hero{position:relative;padding:clamp(120px,11vw,164px) 0 clamp(56px,6vw,96px);overflow:hidden}
.hero .head{z-index:1}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:2.1rem}
.cta-note{margin-top:1rem;font-size:.95rem;color:var(--fg2)}
.trust-line{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.6rem;margin-top:1.8rem;font-size:.9rem;color:var(--fg3)}
.trust-line span{display:inline-flex;align-items:center;gap:.5rem}
.trust-line .ico{color:var(--sky);width:1.15em;height:1.15em}
.hero-shot{margin-top:clamp(48px,5vw,72px);z-index:1}
.hero-shot::before{content:"";position:absolute;left:50%;top:-6%;width:min(1100px,110%);height:70%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(65,127,218,.5),transparent);z-index:-1}
/* die Aufnahme ragt in den nächsten Abschnitt */
.hero{margin-bottom:0}
.hero-shot{margin-bottom:-2px}

/* ---- 2 · Leiste ---------------------------------------------------------------- */
.strip{border-bottom:1px solid var(--line)}
.strip .wrap{padding:1.2rem 0 1.4rem;text-align:center}
.strip-k{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#98a2b3;font-weight:700;margin-bottom:.8rem}
.netz{display:flex;width:max-content;animation:drift 70s linear infinite}
.netz > div{display:flex;align-items:center;gap:clamp(2.6rem,5vw,4.4rem);padding-right:clamp(2.6rem,5vw,4.4rem)}
.netz img{height:22px;width:auto;filter:grayscale(1) brightness(1.15);opacity:.5}
.netz-wrap{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.strip:hover .netz{animation-play-state:paused}

/* ---- Szenenrahmen ---------------------------------------------------------------- */
.scene-frame{position:relative;width:100%;height:calc(var(--h,480px)*var(--s,1))}
.scene{position:absolute;left:50%;top:0;width:var(--w,1200px);height:var(--h,480px);margin-left:calc(var(--w,1200px)/-2);transform-origin:top center;transform:translateX(var(--tx,0px)) scale(var(--s,1))}
.scene-frame[data-align="left"] .scene{left:0;margin-left:0;transform-origin:top left}
.scene > *{transition:opacity .7s ease,translate .8s cubic-bezier(.2,.7,.2,1)}
.scene-frame:not(.is-in) .scene > *{opacity:0;translate:0 28px}
.scene-frame.is-in .scene > :nth-child(2){transition-delay:.12s}
.scene-frame.is-in .scene > :nth-child(3){transition-delay:.24s}
.scene-frame.is-in .scene > :nth-child(4){transition-delay:.55s}
.scene-frame.is-in .scene > :nth-child(5){transition-delay:.8s}

/* ---- Produkt: Orion-Fenster ---------------------------------------------------- */
.win{position:absolute;background:#fff;color:var(--u-ink);border-radius:14px;overflow:hidden;font-weight:500;line-height:1.35;
  box-shadow:0 0 0 1px rgba(11,31,68,.08),0 2px 4px rgba(2,12,40,.08),0 24px 48px rgba(2,12,40,.22),0 60px 120px rgba(2,12,40,.28)}
.win-chrome{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:#eef1f6;border-bottom:1px solid #dfe4ec}
.win-chrome i{width:10px;height:10px;border-radius:50%;background:#cfd6e1}
.win-chrome span{margin:0 auto;font-size:12px;font-weight:600;color:#7a869a;padding:3px 60px;background:#fff;border-radius:6px;box-shadow:inset 0 0 0 1px #e1e6ee;transform:translateX(-20px)}
.win-app{display:grid;grid-template-columns:196px 1fr;height:calc(100% - 38px)}
.win-app.noside{grid-template-columns:1fr}
.win-app.with-lib{grid-template-columns:262px 1fr}
.win-lib{display:flex;flex-direction:column;padding:20px 14px 14px;background:#f8fafc;border-right:1px solid var(--u-border);font-size:13px}
.lib-h b{display:block;font-size:16px;color:var(--ink);letter-spacing:-.01em}
.lib-h span{font-size:11.5px;color:var(--u-muted)}
.win-lib .search{margin-top:14px;min-width:0;display:block}
.lib-tabs{display:flex;gap:4px;margin-top:12px;padding:3px;border-radius:9px;background:#eef1f6;font-size:11.5px;font-weight:700;color:var(--u-muted)}
.lib-tabs span{flex:1;text-align:center;padding:5px 0;border-radius:7px}
.lib-tabs span.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(16,24,40,.1)}
.lib-list{display:grid;gap:7px;margin-top:14px}
.lrow{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:11px;background:#fff;font-weight:600;font-size:13px;line-height:1.25;color:var(--u-ink);box-shadow:0 0 0 1px var(--u-border),0 1px 2px rgba(16,24,40,.04)}
.lrow i{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.lrow i svg{width:16px;height:16px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lrow.a i{background:var(--u-tint)}.lrow.a svg{stroke:var(--blue)}.lrow.u i{background:var(--green-bg)}.lrow.u svg{stroke:var(--green)}.lrow.f i{background:var(--amber-bg)}.lrow.f svg{stroke:var(--amber)}
.lrow small{display:block;font-size:11px;font-weight:500;color:var(--u-muted)}
.lrow em{margin-left:auto;width:8px;height:14px;flex-shrink:0;background:radial-gradient(circle,#c3ccda 1.2px,transparent 1.5px) 0 0/4px 5px}
.lrow.ghost{background:transparent;box-shadow:none;outline:1.5px dashed #b9c7dd;outline-offset:-1px;opacity:.55}
.lib-new{margin-top:auto;padding:9px;border-radius:10px;text-align:center;font-weight:700;font-size:12.5px;color:var(--blue);background:var(--u-tint)}
.m-head.left{justify-content:flex-start;align-items:center;gap:40px}
.legend{display:flex;gap:18px;margin-top:14px;font-size:12px;font-weight:600;color:var(--u-label)}
.legend span{display:inline-flex;align-items:center;gap:7px}
.legend span::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--blue)}
.legend .u::before{background:var(--green)}.legend .f::before{background:#e08a1e}
.win.mini .legend,.win.mini .add{display:none}
.win-side{display:flex;flex-direction:column;gap:2px;padding:16px 10px;background:#f8fafc;border-right:1px solid var(--u-border);font-size:13.5px}
.side-logo{display:flex;align-items:center;padding:4px 8px 18px}
.side-logo img{display:block;width:96px;height:auto}
.win-side a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--u-label);font-weight:600}
.win-side a svg,.ph-tabs svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.win-side a.on{background:var(--u-tint);color:var(--blue)}
.side-foot{margin-top:auto;display:flex;align-items:center;gap:9px;padding:10px 8px 0;border-top:1px solid var(--u-border);font-weight:600;font-size:13px}
.side-foot i{width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.side-foot small{display:block;font-size:11px;color:var(--u-muted);font-weight:500}
.win-main{padding:22px 26px;min-width:0;overflow:hidden}
.m-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.m-head h5{font-size:21px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.m-head p{font-size:12.5px;color:var(--u-muted)}
.m-head .crumb{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#98a2b3;margin-bottom:2px}
.tools{display:flex;align-items:center;gap:10px}
.search{font-size:12.5px;color:#98a2b3;padding:8px 14px 8px 32px;border-radius:9px;box-shadow:inset 0 0 0 1px #e1e6ee;min-width:190px;background:#fff radial-gradient(circle at 16px 50%,transparent 4px,#98a2b3 4.5px,#98a2b3 5.6px,transparent 6px)}
.btn-mini{font-size:12.5px;font-weight:700;color:#fff;background:var(--blue);padding:8px 13px;border-radius:9px;white-space:nowrap}
.btn-mini.ghost{background:#fff;color:var(--u-label);box-shadow:inset 0 0 0 1px #d9e0ea}
.saved{font-size:12px;font-weight:700;color:var(--green);background:var(--green-bg);border-radius:999px;padding:5px 12px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.saved::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
.m-tabs{display:flex;gap:22px;margin-top:18px;border-bottom:1px solid var(--u-border);font-size:13px;font-weight:600;color:var(--u-muted)}
.m-tabs span{padding-bottom:10px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.m-tabs span.on{color:var(--blue);border-bottom-color:var(--blue)}
.m-tabs em{font-style:normal;font-size:11px;font-weight:700;background:#eef1f6;color:var(--u-label);border-radius:999px;padding:1px 7px;margin-left:4px}
.m-tabs .on em{background:var(--u-tint);color:var(--blue)}
.table .tr{display:grid;grid-template-columns:1.05fr 1.15fr 1.7fr .9fr 1.5fr;align-items:center;gap:14px;padding:10px 10px;margin:0 -10px;border-bottom:1px solid var(--u-border);font-size:13.5px}
.table .tr:last-child{border-bottom:0}
.table .th{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:#98a2b3;font-weight:700;padding:14px 10px 9px}
.table .tr.sel{background:var(--u-tint);border-radius:10px;border-bottom-color:transparent}
.path small{display:block;font-size:11px;color:var(--u-muted);margin-top:5px;white-space:nowrap}
.who{display:flex;align-items:center;gap:10px}
.who i{width:30px;height:30px;border-radius:50%;background:#dbe7f8;color:var(--blue);font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-style:normal;flex-shrink:0}
.who b{font-weight:600;color:var(--u-ink)}
.mut{color:var(--u-muted)}
.prep{display:flex;align-items:center;gap:9px}
.bar{display:block;flex:1;height:6px;border-radius:3px;background:#e9eef6;overflow:hidden;max-width:96px}
.bar i{display:block;height:100%;border-radius:3px;background:var(--blue)}
.prep em{font-style:normal;font-size:12px;color:var(--u-label);font-weight:600;font-variant-numeric:tabular-nums}
.st{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st.ok{color:var(--green);background:var(--green-bg)}
.st.open{color:var(--amber);background:var(--amber-bg)}
.st.dim{color:var(--u-muted);background:#eef1f6}
.win.mini .win-app{height:auto}
.win.mini .win-main{padding:16px 18px 18px}
.win.mini .m-head h5{font-size:17px}
.win.mini .m-tabs{gap:14px;font-size:12px;margin-top:12px}
.win.mini .table .tr{grid-template-columns:.9fr 1.5fr 1.5fr;font-size:12.5px;padding:9px 10px}
.win.mini .table .tr > :nth-child(2),.win.mini .table .tr > :nth-child(4){display:none}
.win.mini .kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.win.mini .kpi{padding:9px 11px}.win.mini .kpi b{font-size:19px}.win.mini .kpi span{font-size:10px}.win.mini .spark{width:54px;height:22px}
.win.mini .tools{display:none}

/* ---- Das Motiv: Wochen bis zur OP ------------------------------------------------ */
.trk{display:flex;align-items:center;gap:3px;--on:var(--blue);--off:#dde5f0;--mark:var(--blue)}
.trk i{flex:1;height:6px;border-radius:2px;background:var(--off);min-width:0}
.trk i.on{background:var(--on)}
.trk i.now{background:var(--on);opacity:.3}
.trk i.post{flex:.7;background:transparent;box-shadow:inset 0 0 0 1px var(--off)}
.trk b{width:9px;height:9px;flex-shrink:0;margin:0 3px;rotate:45deg;border-radius:2px;background:var(--mark)}
.trk.inv{--on:#fff;--off:rgba(255,255,255,.28);--mark:#fff}
.trk.inv i{height:5px}

/* Kennzahlen über der Tabelle */
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.kpi{position:relative;padding:11px 14px;border-radius:12px;background:var(--u-band);overflow:hidden}
.kpi span:first-child{display:block;font-size:11.5px;font-weight:600;color:var(--u-muted);white-space:nowrap}
.kpi b{display:block;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin-top:2px;font-variant-numeric:tabular-nums}
.kpi b small{font-size:13px;font-weight:600;color:var(--u-muted);letter-spacing:0}
.kpi.amber b{color:var(--amber)}
.spark{position:absolute;right:10px;bottom:10px;width:78px;height:28px;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.spark .area{fill:var(--u-tint);stroke:none}
.ring{--p:50;--c:var(--blue);--t:#e3ebf6;position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;flex-shrink:0;
  background:conic-gradient(var(--c) calc(var(--p)*1%),var(--t) 0);-webkit-mask:radial-gradient(circle,transparent 15.5px,#000 16px);mask:radial-gradient(circle,transparent 15.5px,#000 16px)}
.ring.sm{position:absolute;right:12px;bottom:12px;width:34px;height:34px;-webkit-mask:radial-gradient(circle,transparent 11.5px,#000 12px);mask:radial-gradient(circle,transparent 11.5px,#000 12px)}

/* Rückmeldung in Orion, Erinnerung auf dem Telefon */
.toast,.push{position:absolute;display:flex;align-items:center;gap:11px;line-height:1.3;font-weight:500}
.toast{z-index:2;padding:11px 16px 11px 12px;border-radius:14px;background:#fff;color:var(--u-ink);font-size:13.5px;
  box-shadow:0 0 0 1px rgba(11,31,68,.08),0 18px 40px rgba(2,12,40,.28),0 3px 8px rgba(2,12,40,.12)}
.toast i{width:30px;height:30px;border-radius:50%;background:var(--green-bg);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.toast i svg{width:15px;height:15px;fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.toast b,.push b{display:block;font-weight:700}
.toast small,.push small{display:block;font-size:12px;color:var(--u-muted)}
.push{z-index:4;width:318px;padding:12px 14px;border-radius:20px;color:var(--u-ink);font-size:13px;background:rgba(248,250,253,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 0 0 1px rgba(255,255,255,.5),0 22px 48px rgba(2,12,40,.42),0 4px 10px rgba(2,12,40,.18)}
.push > i{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:#04203f url("../img/motus-mark-white.svg") no-repeat center/24px auto}
.push b{display:flex;justify-content:space-between;align-items:baseline}
.push b em{font-style:normal;font-weight:500;font-size:11.5px;color:var(--u-muted)}
.push small{color:var(--u-label);font-size:12.5px}

/* Pfad-Board im Fenster */
.tl{position:relative;margin-top:14px;padding-top:36px;display:grid;grid-template-columns:repeat(7,296px);gap:16px;align-items:start}
.tl::before{content:"";position:absolute;left:0;right:0;top:12px;height:2px;background:repeating-linear-gradient(90deg,#c9d6ea 0 8px,transparent 8px 14px)}
.col{position:relative}
.col::before{content:"";position:absolute;left:18px;top:-31px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--blue),0 0 0 7px #fff}
.col::after{content:"";position:absolute;left:24px;top:-16px;width:2px;height:16px;background:#c9d6ea}
.col.op::before{border-radius:3px;rotate:45deg;background:var(--blue);box-shadow:0 0 0 3px var(--blue),0 0 0 7px #fff}
.win.mini .tl{padding-top:30px}.win.mini .tl::before{top:9px}.win.mini .col::before{top:-28px;width:12px;height:12px}.win.mini .col::after{top:-14px;height:14px;left:23px}
.col{background:var(--u-band);border-radius:16px;padding:14px;box-shadow:inset 0 0 0 1px #e8edf4}
.col.op{background:var(--u-tint);box-shadow:inset 0 0 0 1px #dbe7f8}
.ph-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.ph-top .n{display:none}
.ph-label{font-size:14.5px;font-weight:700;color:var(--u-label)}
.ph-sub{font-size:11.5px;color:var(--u-muted);margin-left:auto}
.stack{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.add{margin-top:10px;padding:9px;border-radius:10px;text-align:center;font-size:12.5px;font-weight:700;color:var(--u-muted);border:1.5px dashed #cfd9e8}
.col.op .add{border-color:#bcd0ee;color:var(--blue)}
.box{position:relative;aspect-ratio:1/1;min-width:0;overflow:hidden;border-radius:13px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:7px;font-size:13.5px;line-height:1.22;font-weight:600;color:var(--u-ink);box-shadow:0 0 0 1px var(--u-border),0 1px 2px rgba(16,24,40,.05)}
.box .ic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.box .ic svg,.li i svg{width:17px;height:17px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.box.a .ic,.li.a i{background:var(--u-tint)}.box.a .ic svg,.li.a i svg{stroke:var(--blue)}
.box.u .ic,.li.u i{background:var(--green-bg)}.box.u .ic svg,.li.u i svg{stroke:var(--green)}
.box.f .ic,.li.f i{background:var(--amber-bg)}.box.f .ic svg,.li.f i svg{stroke:var(--amber)}
.box small{display:block;font-size:11px;color:var(--u-muted);margin-top:2px;font-weight:500}
.box .tag{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:auto;align-self:flex-start;padding:3px 7px;border-radius:6px;white-space:nowrap}
.box.a .tag{background:var(--u-tint)}.box.u .tag{background:var(--green-bg)}.box.f .tag{background:var(--amber-bg)}
.box:not(.slot)::after{content:"";position:absolute;right:11px;top:14px;width:8px;height:14px;background:radial-gradient(circle,#cdd5e1 1.2px,transparent 1.5px) 0 0/4px 5px}
.box.a .tag{color:var(--blue)}.box.u .tag{color:var(--green)}.box.f .tag{color:var(--amber)}
.box.slot{box-shadow:none;border:1.5px dashed #b9c7dd;background:transparent;align-items:center;justify-content:center;color:var(--u-muted);font-size:12px;text-align:center}
.win.mini .tl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.win.mini .col{height:auto;padding:12px}
.win.mini .box{font-size:12px;padding:10px;gap:5px}
.win.mini .box .ic{width:28px;height:28px}
.win.mini .saved{display:none}
.board-set{position:absolute;inset:0;animation:swap .45s cubic-bezier(.2,.7,.2,1)}
.board-set[hidden]{display:none}
@keyframes swap{from{opacity:0;translate:16px 0}to{opacity:1;translate:0 0}}
.box.slot.has-lift{position:relative;overflow:visible}
.lift{position:absolute;left:10px;top:-16px;width:100%;height:100%;text-align:left;z-index:3;rotate:-4deg;box-shadow:0 0 0 1px var(--u-border),0 24px 44px rgba(2,12,40,.32),0 4px 10px rgba(2,12,40,.16)}
.cursor{position:absolute;right:-14px;bottom:-2px;z-index:4;width:28px;height:28px}
.cursor svg{width:28px;height:28px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}

/* ---- Produkt: Linea-Telefon ---------------------------------------------------- */
.ph{position:absolute;width:300px;height:620px;padding:10px;border-radius:48px;background:linear-gradient(145deg,#2c3a57 0%,#0b1426 40%,#1a2742 100%);z-index:3;
  box-shadow:0 0 0 1.5px #3b4a68,inset 0 0 0 2px #060b16,0 30px 60px rgba(2,12,40,.45),0 70px 120px rgba(2,12,40,.35)}
.ph::before,.ph::after{content:"";position:absolute;width:3px;border-radius:2px;background:#222e47}
.ph::before{left:-3px;top:130px;height:34px;box-shadow:0 58px 0 #222e47,0 104px 0 #222e47}
.ph::after{right:-3px;top:178px;height:70px}
.ph-screen{position:relative;height:100%;border-radius:39px;overflow:hidden;background:#f5f7fb;color:var(--u-ink);display:flex;flex-direction:column;font-weight:500;line-height:1.3}
.ph-status{display:flex;align-items:center;justify-content:space-between;padding:13px 24px 0 28px;font-size:13px}
.island{position:absolute;left:50%;top:10px;width:88px;height:26px;margin-left:-44px;border-radius:14px;background:#05080f}
.ph-icons{display:flex;align-items:center;gap:5px}
.ph-icons .sig{width:16px;height:10px;background:linear-gradient(90deg,#101828 0 3px,transparent 3px 4.3px,#101828 4.3px 7.3px,transparent 7.3px 8.6px,#101828 8.6px 11.6px,transparent 11.6px 13px,#101828 13px);-webkit-mask:linear-gradient(to top right,#000 50%,transparent 50%);mask:linear-gradient(to top right,#000 50%,transparent 50%)}
.ph-icons .wifi{width:13px;height:13px;border-radius:50% 50% 0 0;border:2.5px solid #101828;border-bottom:0;border-left-color:transparent;border-right-color:transparent;transform:translateY(3px)}
.ph-icons .bat{width:22px;height:11px;border-radius:3.5px;box-shadow:inset 0 0 0 1.2px rgba(16,24,40,.45);background:linear-gradient(90deg,#101828 0 72%,transparent 72%) content-box;padding:2px}
.ph-app{flex:1;padding:22px 16px 0;overflow:hidden}
.ph-head{display:flex;justify-content:space-between;align-items:center}
.ph-av{width:34px;height:34px;border-radius:50%;background:#dbe7f8;color:var(--blue);font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff,0 0 0 3px #dbe7f8}
.ph-hi{font-size:12.5px;color:var(--u-muted)}
.ph-app h4{font-size:21px;font-weight:700;letter-spacing:-.015em;color:var(--ink);margin-top:1px}
.ph-prog{margin-top:14px;padding:13px 14px;border-radius:16px;background:linear-gradient(157deg,var(--blue),var(--blue-2));color:#fff}
.pp-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ph-prog .ring{--c:#fff;--t:rgba(255,255,255,.28);-webkit-mask:none;mask:none;background:none}
.ph-prog .ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#fff calc(var(--p)*1%),rgba(255,255,255,.28) 0);-webkit-mask:radial-gradient(circle,transparent 16.5px,#000 17px);mask:radial-gradient(circle,transparent 16.5px,#000 17px)}
.ph-prog .ring em{font-style:normal;font-size:11.5px;font-weight:700;opacity:1}
.pp-leg{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;opacity:.8}
.pp-leg span:last-child{margin-right:22px}
.ph-prog b{display:block;font-size:13.5px}
.ph-prog span{font-size:11.5px;opacity:.85}
.ph-bar{height:5px;border-radius:3px;background:rgba(255,255,255,.28);margin-top:10px;overflow:hidden}
.ph-bar i{display:block;height:100%;background:#fff;border-radius:3px}
.li{display:flex;align-items:center;gap:11px;background:#fff;border-radius:14px;padding:11px 12px;margin-top:9px;font-size:13.5px;line-height:1.25;font-weight:600;box-shadow:0 0 0 1px #edf0f5,0 1px 2px rgba(16,24,40,.04)}
.li i{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.thumb{position:relative;width:58px;height:44px;border-radius:10px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 78% 30%,rgba(65,127,218,.9) 0 16px,transparent 17px),radial-gradient(circle at 78% 30%,transparent 0 23px,rgba(156,192,247,.35) 24px 30px,transparent 31px),linear-gradient(157deg,#062a57,#0149ae)}
.thumb svg{width:20px;height:20px;fill:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}
.thumb em{position:absolute;right:4px;bottom:3px;font-style:normal;font-size:8.5px;font-weight:700;color:#fff;background:rgba(3,15,35,.6);border-radius:4px;padding:0 3px}
.li small{display:block;font-size:11.5px;color:var(--u-muted);font-weight:500;margin-top:1px}
.li .go{margin-left:auto;width:21px;height:21px;border-radius:50%;border:1.5px solid #cfd6e1;flex-shrink:0}
.li .done{margin-left:auto;width:21px;height:21px;border-radius:50%;background:var(--green);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.li .done svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ph-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:9px 8px 18px;background:#fff;border-top:1px solid #e9edf3}
.ph-tabs span{display:grid;justify-items:center;gap:3px;color:#98a2b3}
.ph-tabs span.on{color:var(--blue)}
.ph-tabs em{font-style:normal;font-size:9.5px;font-weight:700}

/* Der Flyer, wie er gedruckt wird: A5, Markenverlauf, Ticket mit QR und Zugangscode */
.flyer{position:absolute;width:300px;height:424px;padding:22px 20px 0;border-radius:6px;overflow:hidden;z-index:2;color:#fff;line-height:1.3;font-weight:500;transform-origin:top left;
  background:linear-gradient(157deg,var(--blue) 0%,var(--blue-2) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 26px 50px rgba(2,12,40,.45),0 4px 10px rgba(2,12,40,.22)}
.flyer::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,.1) 0%,transparent 28%,transparent 72%,rgba(2,12,40,.12) 100%)}
.fl-ring{position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;border:34px solid rgba(255,255,255,.08)}
.fl-top{display:flex;justify-content:space-between;align-items:center;font-size:9.5px;opacity:.95}
.fl-top span{opacity:.8}
.fl-eye{margin-top:22px;font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.8}
.fl-h{margin-top:5px;font-size:23px;line-height:1.08;font-weight:700;letter-spacing:-.015em;max-width:230px}
.fl-ticket{position:relative;margin-top:18px;background:#fff;color:var(--u-ink);border-radius:12px;
  -webkit-mask:radial-gradient(circle at 0 148px,transparent 7px,#000 7.5px),radial-gradient(circle at 100% 148px,transparent 7px,#000 7.5px);-webkit-mask-composite:source-in;
  mask:radial-gradient(circle at 0 148px,transparent 7px,#000 7.5px),radial-gradient(circle at 100% 148px,transparent 7px,#000 7.5px);mask-composite:intersect}
.fl-main{display:flex;gap:14px;align-items:center;height:148px;padding:0 14px}
.flyer .qr{position:relative;width:116px;height:116px;flex-shrink:0}
.flyer .qr svg{width:116px;height:116px;display:block}
.fl-steps{display:grid;gap:7px;font-size:10.5px;font-weight:600}
.fl-steps b{font-size:11.5px;color:var(--blue)}
.fl-steps span{display:flex;align-items:center;gap:6px}
.fl-steps i{font-style:normal;width:15px;height:15px;border-radius:50%;background:var(--u-tint);color:var(--blue);font-size:8.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.fl-stub{display:flex;justify-content:space-between;align-items:center;padding:11px 16px 12px;border-top:1.5px dashed #cfd8e6}
.fl-stub small{font-size:9px;color:var(--u-muted);font-weight:600}
.fl-stub b{font-size:14px;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--ink);padding:4px 9px;border-radius:6px;background:var(--u-band);box-shadow:inset 0 0 0 1px var(--u-border)}
.fl-need{margin-top:14px;display:inline-flex;gap:8px;align-items:center;font-size:9.5px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.fl-need b{font-weight:700}
.fl-foot{position:absolute;left:20px;right:20px;bottom:16px;font-size:8.5px;letter-spacing:.04em;opacity:.8}
.scan{position:absolute;inset:-9px}
.scan i{position:absolute;width:22px;height:22px;border:3px solid var(--blue);border-radius:3px}
.scan i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-top-left-radius:9px}
.scan i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-top-right-radius:9px}
.scan i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-bottom-left-radius:9px}
.scan i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-bottom-right-radius:9px}

/* ---- Ihr Nutzen: Text links, echte Ansicht rechts, ragt über den Rand ------------------------ */
.benefit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(2rem,4.5vw,4.5rem);align-items:center}
.gains{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 1.6rem}
.gains li{display:flex;gap:.9rem;align-items:flex-start}
.gains span{font-size:.95rem;line-height:1.45;color:var(--body)}
.gains b{display:block;font-size:1.02rem;color:var(--ink);margin-bottom:.1rem}
.free{margin-top:2rem;display:inline-flex;align-items:center;gap:.55rem;font-weight:700;color:var(--ink);padding:.6em 1.05em .6em .8em;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #d5e2f5}
.free .ico{color:var(--green)}
.shotwrap{margin:0;min-width:0}
.shotwin{width:min(900px,62vw);border-radius:14px;overflow:hidden;background:#f3f5f9;box-shadow:0 0 0 1px rgba(11,31,68,.08),0 2px 4px rgba(2,12,40,.06),0 28px 60px rgba(2,12,40,.18)}
.shotwin img{display:block;width:100%;height:auto;animation:swap .45s cubic-bezier(.2,.7,.2,1)}
.shotwin img[hidden]{display:none}
.shotwrap figcaption{margin-top:.9rem;font-size:.86rem;color:var(--muted);max-width:52ch}

/* ---- Ihr Haus in der App ------------------------------------------------------------------ */
.ph-brand{display:flex;align-items:center;min-height:38px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e6ebf3}
.hb{display:inline-flex;align-items:center;gap:9px;animation:swap .4s cubic-bezier(.2,.7,.2,1)}
.hb[hidden]{display:none}
.hb svg{width:34px;height:34px;flex-shrink:0}
.hb b{font-size:13.5px;line-height:1.12;color:#1d2b3f;letter-spacing:-.005em}
.hb em{display:block;font-style:normal;font-weight:500;color:#5b6678}
.hb.own img{display:block;max-height:38px;max-width:190px;width:auto;height:auto;object-fit:contain}
.brand-opts{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.9rem}
.brand-opt{font:inherit;font-weight:700;font-size:.97rem;display:inline-flex;align-items:center;gap:.5rem;padding:.72em 1.2em;border-radius:12px;border:0;cursor:pointer;background:var(--mist);color:var(--ink);box-shadow:inset 0 0 0 1px #dbe4f1;transition:background .2s,color .2s,box-shadow .2s}
.brand-opt:hover{background:var(--tint)}
.brand-opt.is-on{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(1,73,174,.26)}
.brand-opt.up{background:#fff;color:var(--blue);box-shadow:inset 0 0 0 1.5px #b7cbec}
.brand-opt.up.is-on{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(1,73,174,.26)}
.brand-opt:focus-visible{outline:3px solid rgba(1,73,174,.35);outline-offset:2px}
.brand-note{margin-top:.8rem;font-size:.88rem;color:var(--muted)}
.brand-note.is-error{color:#b42318;font-weight:600}
.brand-list{margin-top:2rem;display:grid;gap:1rem}
.brand-list li{display:flex;gap:.9rem;align-items:flex-start;color:var(--body);line-height:1.45}
.brand-list .ico{color:var(--blue);margin-top:.15em;width:1.35em;height:1.35em}
.brand-list b{display:block;color:var(--ink)}
.stage.light.brandstage{padding-bottom:0}
.brandstage .scene-frame{clip-path:inset(-60px -60px 0 -60px)}

/* ---- Nächster Schritt am Ende eines Abschnitts ------------------------------------------ */
.next{display:flex;align-items:center;justify-content:space-between;gap:1.2rem 2.5rem;flex-wrap:wrap;margin-top:clamp(2.6rem,5vw,4.2rem);padding-top:clamp(1.6rem,2.6vw,2.2rem);border-top:1px solid var(--hair)}
.next p{font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:600;color:var(--fg);line-height:1.4;max-width:46ch;text-wrap:balance}
.next .btn{flex-shrink:0}

/* ---- Stimmen ---------------------------------------------------------------------------------- */
.vstage{position:relative;margin:clamp(40px,5vw,72px) 0 0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:end;border-radius:32px;padding:0 clamp(28px,5.5vw,80px);isolation:isolate}
.vstage .rings{border-radius:inherit}
.vstage .rings i:first-child{width:620px;height:620px;right:-170px;top:-250px;border-width:96px}
.vstage .rings i:last-child{display:none}
.vstage .vtext{align-self:center;padding:clamp(40px,4.5vw,64px) 0}
.vstage blockquote{margin:0}
.vstage blockquote p{margin-top:1.3rem;font-size:clamp(1.5rem,2.5vw,2.15rem);line-height:1.3;font-weight:600;letter-spacing:-.012em;color:#fff;text-wrap:pretty}
.vcap{margin-top:1.8rem;font-size:.98rem;line-height:1.5;color:var(--fg2)}
.vcap b{display:block;font-size:1.1rem;color:var(--fg)}
.vfig{align-self:end;justify-self:end;width:min(100%,500px);margin-top:calc(-1*clamp(40px,5vw,72px));clip-path:inset(-300px -300px 0 -300px)}
.vfig img{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 40px rgba(2,12,40,.45))}
.vstage.alt{margin-top:clamp(20px,2.4vw,32px);grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);box-shadow:0 0 0 1px #e2e9f4,0 24px 60px rgba(11,31,68,.07);overflow:hidden}
.vstage.alt::before{content:"";position:absolute;left:-150px;bottom:-260px;width:560px;height:560px;border-radius:50%;border:88px solid var(--tint);z-index:-1}
.vstage.alt .vfig{justify-self:start;margin-top:clamp(28px,3vw,44px);width:min(100%,430px);clip-path:none}
.vstage.alt .vfig img{filter:none}
.vstage.alt .vtext{padding:clamp(36px,4vw,56px) 0}
.vstage.alt blockquote p{font-size:clamp(1.25rem,1.9vw,1.65rem);font-weight:500;line-height:1.4;color:var(--ink)}

/* ---- 3 · Problem: Vergleich -------------------------------------------------- */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.transfer{padding:clamp(14px,1.8vw,24px) clamp(16px,2vw,26px) clamp(16px,2vw,26px)}
.transfer .scene-frame{clip-path:inset(-60px -60px 0 -60px)}
.transfer .ph{box-shadow:0 0 0 1.5px #3b4a68,inset 0 0 0 2px #060b16,0 24px 40px rgba(11,31,68,.22)}
.paper{position:absolute;left:6px;top:20px;width:172px;height:262px;padding:20px 18px;rotate:-5deg;border-radius:4px;background:linear-gradient(180deg,#fff,#f3f4f0);color:#5d6573;
  box-shadow:0 0 0 1px rgba(11,31,68,.1),0 18px 34px rgba(11,31,68,.2);-webkit-mask:linear-gradient(90deg,#000 70%,transparent 100%);mask:linear-gradient(90deg,#000 70%,transparent 100%)}
.paper p{line-height:1.2}
.paper .t1{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#9aa1ad}
.paper .t2{font-size:16.5px;font-weight:700;color:#3d4554;margin-top:5px}
.paper .t3{font-size:10px;margin-top:4px;color:#9aa1ad}
.paper .lines{display:grid;gap:6px;margin-top:16px}
.paper .lines i{height:5px;border-radius:2px;background:#d9dde2}
.paper .lines i.h{width:56%;height:7px;background:#bcc3cd;margin-top:6px}
.paper .lines i.s{width:70%}
.flow{position:absolute;inset:0}
.flow i{position:absolute;border-radius:2.5px;box-shadow:0 1px 2px rgba(11,31,68,.12);transition:opacity .7s ease var(--d),translate 1.1s cubic-bezier(.2,.7,.2,1) var(--d)}
.scene-frame:not(.is-in) .flow i{opacity:0 !important;translate:var(--dx) 0}
.cmp{position:relative;z-index:2;background:#fff;border-radius:18px;box-shadow:0 0 0 1px #dfe7f3,0 -10px 30px rgba(11,31,68,.08),0 20px 50px rgba(11,31,68,.1);padding:8px;color:var(--ink)}
.cmp-r{display:grid;grid-template-columns:25% 1fr 25%;align-items:center;min-height:50px;font-weight:600;font-size:.95rem;line-height:1.3;text-align:center}
.cmp-r > span{padding:.5rem .3rem;text-wrap:balance;border-bottom:1px solid var(--line);align-self:stretch;display:flex;align-items:center;justify-content:center}
.cmp-r:last-child > span,.cmp-h > span{border-bottom:0}
.cmp-r > b,.cmp-r > i{display:flex;align-items:center;justify-content:center;align-self:stretch;font-style:normal}
.cmp-h{min-height:40px;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cmp-h b{font-weight:700}
.cmp .hl{background:var(--tint);color:var(--blue)}
.cmp-h .hl{border-radius:12px 12px 0 0}
.cmp-r:last-child .hl{border-radius:0 0 12px 12px}
.cmp i svg{width:22px;height:22px;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.cmp i.y svg{stroke:var(--blue)}
.cmp i.n svg{stroke:#c3ccda}

/* ---- 4 · Der Pfad ------------------------------------------------------------ */
.story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,6vw,96px);margin-top:clamp(32px,4vw,56px)}
.story-sticky{position:sticky;top:calc(50vh - 320px);align-self:start}
.scene.story-visuals > .state{position:absolute;inset:0;opacity:0;translate:0 14px;transition:opacity .45s ease,translate .55s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.scene.story-visuals > .state.is-on{opacity:1;translate:0 0}
.story-step{min-height:68vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.story-step > *{opacity:.38;transition:opacity .4s ease}
.story-step.is-on > *{opacity:1}
.story-step .ico-box{margin-bottom:1.1rem;width:52px;height:52px;border-radius:15px}
.story-step .ico-box .ico{width:25px;height:25px}
.step-k{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--sky)}
.story-step h3{font-size:clamp(1.5rem,2.2vw,1.95rem);margin:.7rem 0 .7rem}
.story-step p{font-size:1.1rem;line-height:1.6;max-width:42ch}
.story-step p b{color:#fff}

/* ---- 5 · Konfiguration ------------------------------------------------------ */
.config-head{text-align:center;display:flex;flex-direction:column;align-items:center}
.config-head .copy{max-width:780px}
.config-head h2{font-size:clamp(2.2rem,4vw,3.3rem);max-width:none}
.config-head .text{margin-left:auto;margin-right:auto;max-width:58ch}
.tabs-label{margin-top:2.2rem;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.config-head .tabs{margin-top:.8rem}
.config-head .tab{font-size:1.06rem;padding:.8em 1.8em}
.config-head.second{margin-top:0}
.tab.own{color:var(--blue);box-shadow:inset 0 0 0 1.5px #c5d5ee;margin-left:4px}
.tab.own.is-on{box-shadow:0 6px 14px rgba(1,73,174,.28)}
/* Bausteinbibliothek: zwei Reihen, die langsam gegeneinander ziehen */
.lib{margin:2.2rem auto 0;width:min(920px,100% - 32px);display:grid;gap:12px;overflow:hidden;padding:4px 0;-webkit-mask:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%)}
.lib-row{display:flex;width:max-content;animation:drift 80s linear infinite}
.lib-row.rev{animation-direction:reverse;animation-duration:95s}
.lib:hover .lib-row{animation-play-state:paused}
.lib-row > div{display:flex;gap:12px;padding-right:12px}
.chip{display:inline-flex;align-items:center;gap:.6rem;padding:7px 16px 7px 7px;border-radius:14px;background:#fff;font-weight:600;font-size:.95rem;color:var(--ink);white-space:nowrap;box-shadow:0 0 0 1px #e1e8f3,0 4px 12px rgba(11,31,68,.05)}
.chip i{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.chip i svg{width:17px;height:17px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.chip.a i{background:var(--u-tint)}.chip.a svg{stroke:var(--blue)}
.chip.u i{background:var(--green-bg)}.chip.u svg{stroke:var(--green)}
.chip.f i{background:var(--amber-bg)}.chip.f svg{stroke:var(--amber)}
.chip.o i{background:#e4e9f2}.chip.o svg{stroke:var(--navy)}
@keyframes drift{to{transform:translateX(-50%)}}
.tabs{display:inline-flex;gap:4px;padding:5px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #d9e2ef,0 6px 16px rgba(11,31,68,.06)}
.tab{font:inherit;font-weight:700;font-size:.98rem;color:var(--body);background:transparent;border:0;border-radius:10px;padding:.65em 1.3em;cursor:pointer;transition:background .2s,color .2s}
.tab:hover{color:var(--ink);background:var(--mist)}
.tab.is-on{background:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(1,73,174,.28)}
#modular .scene-frame{margin-top:clamp(28px,3vw,40px)}
.knobs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.4rem;margin-top:clamp(48px,5vw,72px)}
.knobs li{padding-top:1.2rem;border-top:2px solid #d5deeb;color:var(--muted);font-size:.92rem;line-height:1.45}
.knobs b{display:block;color:var(--ink);font-size:1rem;margin:.9rem 0 .15rem}

/* ---- 6 · Evidenz -------------------------------------------------------------- */
.pair{display:flex;justify-content:center;align-items:flex-start;gap:clamp(24px,7vw,96px);margin-top:clamp(40px,5vw,64px)}
.grp{text-align:center}
.num{font-size:clamp(5.5rem,12vw,10rem);font-weight:700;letter-spacing:-.05em;line-height:.92;color:#fff;font-variant-numeric:tabular-nums}
.num sup{font-size:.34em;letter-spacing:0;vertical-align:top;margin-left:.06em;position:relative;top:.38em}
.cap{margin-top:1rem;font-size:1rem;color:var(--fg2);line-height:1.4}
.cap b{display:block;font-size:1.12rem;color:#fff}
.vs{align-self:flex-start;font-size:1.5rem;font-weight:700;color:var(--fg3);margin-top:clamp(2rem,4.6vw,3.8rem)}
.dots{display:grid;grid-template-columns:repeat(10,clamp(12px,1.7vw,20px));gap:clamp(4px,.6vw,7px);justify-content:center;margin:24px auto 0}
.dots i{aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.22);transition:background .35s ease;transition-delay:calc(var(--i,0)*14ms)}
.pair.is-in .dots i.on{background:#fff}
.src{margin-top:clamp(24px,3vw,36px);text-align:center;font-size:.98rem;color:var(--fg2);line-height:1.5}
.src b,.src a{color:#fff}
.ev-grid{align-items:start;margin-top:clamp(56px,7vw,96px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--hair)}
.ev-grid h3{font-size:1.5rem}
.with-ico{display:flex;align-items:center;gap:.9rem}
.ev-more{display:grid;gap:2rem}
.ev-more > div + div{padding-top:2rem;border-top:1px solid var(--hair)}
.num.sm{font-size:clamp(2.6rem,4.6vw,3.8rem);letter-spacing:-.03em;line-height:1}
.num.sm span{font-size:.5em;opacity:.7;margin:0 .25em;position:relative;top:-.18em}
.ev-more .cap{margin-top:.6rem}
.src.sm{margin-top:.5rem;font-size:.9rem;text-align:left}
.studies{margin-top:clamp(40px,5vw,56px)}
.studies summary{cursor:pointer;font-weight:700;color:#fff;list-style:none;display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.3rem;border-radius:12px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.studies summary:hover{background:rgba(255,255,255,.1)}
.studies summary::-webkit-details-marker{display:none}
.studies summary .muted{color:var(--fg3);font-weight:500}
.table-wrap{margin-top:1.4rem;background:#fff;border-radius:16px;padding:6px 22px;overflow-x:auto;box-shadow:0 30px 60px rgba(2,12,40,.25)}
.table-wrap table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:720px;font-weight:400}
.table-wrap th{text-align:left;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:16px 10px 10px 0;border-bottom:1px solid var(--line)}
.table-wrap td{padding:11px 10px 11px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--body)}
.table-wrap tr:last-child td{border-bottom:0}
.table-wrap td a{color:var(--blue);font-weight:700}

/* ---- 7 · Pilot und Betrieb ---------------------------------------------------- */
.ptrack{margin-top:2.2rem}
.pt-seg{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.pt-seg i{height:10px;border-radius:3px;background:#dbe4f1}
.pt-seg i.on{background:var(--blue)}
.pt-leg{display:grid;grid-template-columns:2fr 8fr 2fr;gap:4px;margin-top:.55rem;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.pt-leg span:nth-child(2){color:var(--blue);text-align:center}.pt-leg span:last-child{text-align:right}
.phases{margin-top:2rem;display:grid;gap:10px}
.phases li{display:grid;grid-template-columns:46px 128px 1fr;align-items:center;gap:1.2rem;padding:1rem 1.2rem;border-radius:14px;background:var(--mist);color:var(--body);line-height:1.4}
.phases li.main{background:var(--blue);color:rgba(255,255,255,.9);--ibg:rgba(255,255,255,.16);--ifg:#fff;--iline:rgba(255,255,255,.3)}
.phases li{--ibg:#fff}
.phases b{display:block;font-size:1.18rem;color:var(--ink);letter-spacing:-.01em;line-height:1.2}
.ph-t em{display:block;font-style:normal;font-size:.86rem;font-weight:600;color:var(--muted);margin-top:.1rem}
.phases li.main .ph-t em{color:rgba(255,255,255,.75)}
.phases li.main b{color:#fff}
.phases + .text{margin-top:1.6rem}
.facts{margin-top:clamp(2.4rem,4vw,3.6rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,3.4vw,3.2rem) clamp(1.6rem,3vw,3rem)}
.facts > div{max-width:34ch}
.facts dt{font-weight:700;font-size:1.08rem;color:var(--fg);line-height:1.35;margin-top:1.1rem}
.facts dd{color:var(--fg2);font-size:.98rem;line-height:1.55;margin-top:.35rem}

/* ---- 8 · Fragen ---------------------------------------------------------------- */
.faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}
.sticky{position:sticky;top:120px}
.faq details{border-bottom:1px solid var(--hair)}
.faq details:first-child{border-top:1px solid var(--hair)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 0;font-weight:700;font-size:1.12rem;color:var(--fg);line-height:1.35}
.faq summary:hover{color:var(--blue)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:0 0 auto;width:.55rem;height:.55rem;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg);transition:transform .2s;margin-right:.3rem}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq details > div{padding:0 2.4rem 1.5rem 0}
.faq p{color:var(--fg2);line-height:1.65}

/* ---- 9 · Abschluss ---------------------------------------------------------- */
.closing{padding-top:clamp(40px,5vw,72px)}
.panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;padding:clamp(28px,5vw,76px);border-radius:clamp(24px,3vw,36px);overflow:hidden;isolation:isolate;box-shadow:0 40px 90px rgba(4,32,63,.28)}
.panel > *{position:relative;z-index:1}
.panel > .rings{position:absolute;z-index:0}
.assure{display:grid;gap:.7rem;margin-top:1.8rem;color:var(--fg2)}
.assure li{display:flex;align-items:center;gap:.8rem}
.assure .ico{color:var(--sky)}
.contact{font-style:normal;display:grid;gap:.55rem;margin-top:2rem;padding-top:1.8rem;border-top:1px solid var(--hair);color:var(--fg3)}
.contact a,.contact span{display:flex;align-items:center;gap:.8rem}
.contact .ico{color:var(--sky)}
.contact a{color:#fff;font-weight:700;text-decoration:none;font-size:1.08rem}
.contact a:hover{text-decoration:underline}
.card{background:#fff;color:var(--body);border-radius:20px;padding:clamp(20px,2.6vw,32px);box-shadow:0 24px 60px rgba(2,12,40,.35);font-weight:400}
.demo-form{display:grid;gap:1.05rem}
.form-head{padding-bottom:1.15rem;margin-bottom:.15rem;border-bottom:1px solid var(--line)}
.form-head img{width:56px;height:56px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #fff,0 0 0 4px #d5e2f5}
.form-head h3{font-size:1.3rem;color:var(--ink);letter-spacing:-.01em;line-height:1.2}
.form-head p{font-size:.93rem;color:var(--body);margin-top:.15rem;line-height:1.4}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.field-row .field{min-width:0}
.form-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;font-size:.84rem;font-weight:600;color:var(--body)}
.form-trust li{display:inline-flex;align-items:center;gap:.4rem}
.form-trust .ico{color:var(--green);width:1.15em;height:1.15em}
.field{display:grid;gap:.4rem}
.field label{font-weight:700;font-size:.92rem;color:var(--ink)}
.field .opt{font-weight:500;color:var(--muted);font-size:.85rem}
.field input{font:inherit;padding:.8em 1em;border:1.5px solid #d9e1ee;border-radius:12px;background:#f8fafd;color:var(--ink);width:100%;transition:border-color .15s,box-shadow .15s}
.field input:focus{outline:none;background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(1,73,174,.12)}
.field input::placeholder{color:#8c97a9}
.hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}
.consent{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem;color:var(--body)}
.consent input{margin-top:.3em;width:1.05rem;height:1.05rem;accent-color:var(--blue)}
.consent a{color:var(--blue)}
.card .btn-solid{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(1,73,174,.3)}
.card .btn-solid:hover{background:#013f97}
.promise{font-size:.84rem;line-height:1.5;color:var(--muted);text-align:center}
.promise a{color:var(--blue)}
.form-status{font-size:.95rem;font-weight:700;color:var(--blue);text-align:center;min-height:1.2em}
.form-status.is-error{color:#b42318}
.field.bad input{border-color:#d9483b}
.field .err{font-size:.85rem;color:#b42318;font-weight:600}
.form-done{text-align:center;padding:1.5rem .5rem;outline:none}
.form-done[hidden]{display:none}
.done-mark{display:inline-flex;width:56px;height:56px;border-radius:50%;background:var(--green-bg);align-items:center;justify-content:center}
.done-mark svg{width:26px;height:26px;fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.form-done h3{font-size:1.4rem;color:var(--ink);margin-top:1rem}
.form-done p{color:var(--body);margin-top:.5rem}
.form-done ol{text-align:left;margin:1.4rem auto 0;max-width:30ch;display:grid;gap:.5rem;color:var(--body);padding-left:1.2rem;list-style:decimal}
.demo-form.is-done > :not(.form-done){display:none}
.mcta{display:none}

/* ---- Footer ------------------------------------------------------------------ */
.foot{padding:clamp(56px,6vw,80px) 0 40px;background:#031a35}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem}
.foot-grid nav,.foot-grid > div{display:grid;gap:.5rem;align-content:start}
.foot-grid a{text-decoration:none;color:rgba(255,255,255,.8)}
.foot-grid a:hover{color:#fff;text-decoration:underline}
.foot-grid span{color:rgba(255,255,255,.6)}
.foot-h{font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:.3rem}
.foot-brand p{margin:1rem 0;color:rgba(255,255,255,.8);max-width:32ch}
.foot-brand img{height:24px;width:auto}
.linkedin{font-weight:700;display:inline-flex;align-items:center;gap:.5rem}
.foot-bottom{display:flex;justify-content:center;text-align:center;gap:1rem;flex-wrap:wrap;margin-top:3rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.12);font-size:.85rem;color:rgba(255,255,255,.55)}

/* ---- Unterseiten --------------------------------------------------------------- */
.top.is-stuck + .page,.page{padding:clamp(120px,10vw,160px) 0 clamp(72px,9vw,128px);background:#fff;--fg:var(--ink);--fg2:var(--body);--hair:var(--line)}
.page .sheet{max-width:760px;margin-inline:auto}
.page .eyebrow{color:var(--blue)}
.page .sheet h1{font-size:clamp(2.2rem,4.6vw,3.2rem);margin:14px 0 0;text-align:left;max-width:none}
.page .sheet .lead{margin:22px 0 0;max-width:none;color:var(--body)}
.page .sheet h2{font-size:clamp(1.4rem,2.4vw,1.8rem);margin:clamp(36px,5vw,56px) 0 .7rem;max-width:none;padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--line)}
.page .sheet h3{font-size:1.1rem;margin:1.5rem 0 .4rem}
.page .sheet p,.page .sheet li{color:var(--body);line-height:1.7}
.page .sheet p + p{margin-top:.9rem}
.page .sheet ul{display:grid;gap:.55rem;margin-top:.4rem}
.page .sheet li{position:relative;padding-left:1.3rem}
.page .sheet li::before{content:"";position:absolute;left:0;top:.68em;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.page .sheet a{color:var(--blue);font-weight:600}
.page .review-note{background:#fff7e6;box-shadow:inset 0 0 0 1px #f2d9a6;color:#7a4b00;border-radius:12px;padding:.9rem 1.1rem;font-size:.95rem;margin-top:1.4rem}

/* ---- Bewegung aus ------------------------------------------------------------ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .scene-frame:not(.is-in) .scene > *{opacity:1;translate:none}
  .story-step > *{opacity:1}
  .dots i.on{background:#fff}
}

/* ---- Responsive -------------------------------------------------------------- */
@media (max-width:960px){
  .nav,.top-cta{display:none}
  .benefit{grid-template-columns:1fr}
  .shotwin{width:100%}
  .vstage{grid-template-columns:1fr;gap:0;margin-top:0;padding-bottom:0}
  .vstage .vtext{padding-bottom:1.5rem}
  .vfig{margin-top:0;justify-self:center;width:min(70%,280px)}
  .vstage.alt{grid-template-columns:1fr}
  .vstage.alt .vtext{order:-1;padding-bottom:.5rem}
  .vstage.alt .vfig{justify-self:center;margin-top:0;width:min(80%,300px)}
  .gains{grid-template-columns:1fr}
  .netz img{height:18px}
  .field-row{grid-template-columns:1fr}
  .config-head .tabs{flex-wrap:wrap}
  .config-head .tab{flex:1 1 40%}
  .chip{font-size:.88rem}
  .config-head .tab{font-size:.95rem;padding:.75em .4em}
  .mcta{display:flex;position:fixed;left:16px;right:16px;bottom:max(14px,env(safe-area-inset-bottom));z-index:40;justify-content:center;box-shadow:0 12px 30px rgba(2,12,40,.35);translate:0 140%;transition:translate .3s ease}
  .mcta[hidden]{display:flex}
  .mcta.is-up{translate:0 0}
  .next .btn{width:100%;justify-content:center}
  .nav-toggle{display:block}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pilot .phases{margin-top:2rem}
  .split,.two,.faq-grid,.ev-grid,.panel,.story,.strip-row{grid-template-columns:1fr}
  .sticky{position:static}
  .story-sticky{display:none}
  .stage.inline{display:block;margin-bottom:1.6rem;align-self:stretch;background:linear-gradient(160deg,rgba(65,127,218,.2),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);padding:16px}
  .story-step{min-height:0;padding:0 0 3rem}
  .story-step > *{opacity:1}
  .knobs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .foot-grid{grid-template-columns:1fr 1fr}
  .facts{grid-template-columns:1fr;gap:1.8rem}
  .facts > div{max-width:none;display:grid;grid-template-columns:46px 1fr;column-gap:1rem}
  .facts > div .ico-box{grid-row:1 / 3}
  .facts dt{margin-top:0}
}
@media (max-width:560px){
  body{font-size:1rem}
  .cta-row .btn{width:100%;justify-content:center}
  .knobs,.foot-grid{grid-template-columns:1fr 1fr}
  .pair{gap:14px}
  .vs{font-size:1.05rem}
  .tabs{width:100%}.tab{flex:1;padding:.7em .4em;font-size:.92rem}
  .cmp-r{grid-template-columns:22% 1fr 22%;font-size:.9rem;min-height:54px}
  .cmp-h{font-size:.62rem;letter-spacing:.06em}
  .phases li{grid-template-columns:46px 1fr;gap:.15rem .9rem}
  .phases li .ico-box{grid-row:1 / 3;align-self:center}
  .phases li .ph-t,.phases li span:not(.ico-box){grid-column:2}
  .ph-t b,.ph-t em{display:inline}
  .ph-t em{margin-left:.5rem}
}