/* ============================================================
   BAILOS Design System v3 — "Blindflug"-Rework 2026-06
   Syne (Display) + DM Sans (Text) · Navy/Teal/Amber
   © 2026 mindshift IT Solutions OG
   ============================================================ */
:root{
  --navy:#0A1F44; --navy-deep:#071633; --off:#EEF2F7;
  --teal:#00A6A6; --teal-l:#00C4C4; --amber:#FFB020; --amber-l:#FFC850;
  --ink:#FFFFFF; --muted:#9DAEC2; --faint:#64788F;
  --line:rgba(255,255,255,.09);
  --back:#7CE0B0;
  --max:1160px;

  /* Kompatibilität: Variablen der alten global.css für portierte Inhaltsseiten */
  --navy-light:#0f2a5c; --navy-card:#0d2347;
  --white:#FFFFFF; --off-white:#EEF2F7;
  --slate:#9DAEC2; --slate-light:#9DAEC2; --slate-lighter:#C4D0DE;
  --teal-light:#00C4C4; --teal-dim:rgba(0,166,166,.12); --teal-glow:rgba(0,166,166,.25);
  --amber-light:#FFC850; --amber-dim:rgba(255,176,32,.12); --amber-glow:rgba(255,176,32,.3);
  --green:#22C55E; --green-dim:rgba(34,197,94,.12); --red:#FF4D4D; --red-dim:rgba(255,77,77,.12);
  --glass:rgba(255,255,255,.04); --glass-light:rgba(255,255,255,.07); --glass-medium:rgba(255,255,255,.10);
  --border:rgba(255,255,255,.09); --border-light:rgba(255,255,255,.15); --border-hover:rgba(255,255,255,.22);
  --shadow-sm:0 2px 8px rgba(0,0,0,.15); --shadow-md:0 8px 24px rgba(0,0,0,.2);
  --shadow-lg:0 20px 50px rgba(0,0,0,.3); --shadow-xl:0 30px 70px rgba(0,0,0,.4);
  --radius-sm:8px; --radius-md:12px; --radius-lg:18px; --radius-xl:24px; --radius-full:100px;
  --max-width:1160px; --nav-height:68px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}
body{font-family:'Inter',sans-serif;background:var(--navy);color:var(--ink);font-size:17px;line-height:1.65;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;}
h1,h2,h3,h4{font-family:'Archivo',sans-serif;font-weight:900;line-height:1.06;letter-spacing:-.8px;}
.wrap,.container{max-width:var(--max);margin:0 auto;padding:0 1.5rem;}
.label{display:flex;align-items:center;gap:.7rem;font-size:.7rem;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;color:var(--faint);margin-bottom:1.4rem;}
.label::before{content:'';width:22px;height:1px;background:var(--teal);flex-shrink:0;}
section{padding:5.5rem 0;}
.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--amber);color:var(--navy);padding:.7rem 1.4rem;border-radius:0 0 9px 9px;font-family:'Archivo',sans-serif;font-weight:700;font-size:.85rem;z-index:999;transition:top .2s;}
.skip-link:focus{top:0;}

/* Scroll-Animation (dezent) */
[data-a]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--d,0s);}
[data-a].in{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){
  [data-a]{opacity:1;transform:none;transition:none;}
  *{animation:none !important;}
}

/* ── NAV ─────────────────────────────────────────────────── */
nav.site{position:fixed;inset:0 0 auto 0;z-index:50;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:rgba(10,31,68,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);}
.nav-l{display:flex;align-items:center;gap:2.4rem;min-width:0;}
.nav-logo img{height:34px;width:auto;display:block;}
.nav-links{display:none;gap:1.8rem;list-style:none;}
.nav-links a{font-size:.92rem;color:var(--muted);transition:color .25s;padding:.2rem 0;}
.nav-links a:hover,.nav-links a.active{color:var(--ink);}
.nav-links a.active{border-bottom:2px solid var(--teal);}
.nav-links li.has-sub{position:relative;}
.nav-links .sub{display:none;position:absolute;top:100%;left:-1rem;padding:.6rem 0;margin-top:.6rem;list-style:none;background:#0d2347;border:1px solid var(--line);border-radius:12px;min-width:230px;box-shadow:0 18px 44px rgba(0,0,0,.4);}
.nav-links li.has-sub::after{content:'';position:absolute;top:100%;left:0;right:0;height:.7rem;}
.nav-links li.has-sub:hover .sub,.nav-links li.has-sub:focus-within .sub{display:block;}
.nav-links .sub li{display:block;}
.nav-links .sub a{display:block;padding:.55rem 1.2rem;font-size:.88rem;}
.nav-links .sub a:hover{background:rgba(0,166,166,.08);color:var(--teal-l);}
.nav-r{display:flex;align-items:center;gap:.65rem;}
.lang{position:relative;}
.lang select{appearance:none;-webkit-appearance:none;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-family:'Inter',sans-serif;font-size:.78rem;font-weight:600;padding:.45rem 1.6rem .45rem .7rem;cursor:pointer;letter-spacing:.5px;}
.lang::after{content:'▾';position:absolute;right:.55rem;top:50%;transform:translateY(-50%);font-size:.6rem;color:var(--faint);pointer-events:none;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Archivo',sans-serif;font-weight:700;font-size:.85rem;padding:.7rem 1.4rem;border-radius:9px;transition:all .25s;white-space:nowrap;border:none;cursor:pointer;}
.btn-amber{background:var(--amber);color:var(--navy);}
.btn-amber:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,176,32,.3);}
.btn-line{border:1px solid rgba(255,255,255,.22);color:var(--ink);background:transparent;}
.btn-line:hover{border-color:var(--teal);color:var(--teal-l);}
.burger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px;}
.burger span{width:22px;height:2px;background:var(--ink);transition:all .3s;display:block;}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.m-menu{display:none;position:fixed;top:68px;left:0;right:0;bottom:0;z-index:49;background:rgba(7,22,51,.98);backdrop-filter:blur(16px);padding:1.6rem 1.5rem;overflow-y:auto;}
.m-menu.open{display:block;}
.m-menu ul{list-style:none;}
.m-menu li{border-bottom:1px solid var(--line);}
.m-menu a{display:block;padding:1rem 0;font-size:1.05rem;color:var(--muted);}
.m-menu a.active{color:var(--teal-l);}
.m-menu .m-cta{display:flex;flex-direction:column;gap:.7rem;margin-top:1.6rem;}
.m-menu .m-cta .btn{padding:.95rem;}
.m-menu .lang{margin-top:1.4rem;}

/* ── PAGE-HERO (Unterseiten) ─────────────────────────────── */
.p-hero{position:relative;padding:9rem 0 3.4rem;overflow:hidden;}
/* Foto-Hintergrund mit Dunkel-Overlay + dezenter Ken-Burns-Bewegung */
/* Foto-/Bild-Hintergründe entfernt — cleaner flacher Look mit dezentem Marken-Glow */
.p-hero .ph-bg{display:none;}
.p-hero .ph-veil{display:none;}
.p-hero.has-bg{min-height:auto;display:block;padding:9rem 0 3.4rem;}
.p-hero.has-bg .wrap{width:100%;}
.p-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(900px 440px at 90% -14%, rgba(0,166,166,.10), transparent 62%);pointer-events:none;}
.p-hero .wrap{position:relative;z-index:2;}
.p-hero h1{font-size:clamp(1.9rem,5.4vw,3rem);letter-spacing:-1.2px;max-width:760px;}
.p-hero h1 em{font-style:normal;color:var(--amber);}
.p-hero h1 .tl{font-style:normal;color:var(--teal-l);}
.p-hero .lead{font-size:1.06rem;color:var(--muted);max-width:620px;margin-top:1.1rem;}

/* ── HOME-HERO ───────────────────────────────────────────── */
.hero{position:relative;min-height:86vh;display:flex;align-items:center;padding:8.5rem 0 4rem;overflow:hidden;background:radial-gradient(1050px 580px at 80% 18%, rgba(0,166,166,.11), transparent 60%);}
.hero-map{display:none;}
.hero-c{position:relative;z-index:2;max-width:640px;}
.hero h1{font-size:clamp(2.1rem,6.8vw,3.7rem);margin-bottom:1.4rem;letter-spacing:-1.5px;}
.hero h1 em{font-style:normal;color:var(--amber);}
.hero p.sub{font-size:1.08rem;color:var(--muted);max-width:540px;margin-bottom:2.2rem;}
.hero p.sub strong{color:var(--ink);font-weight:600;}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2.6rem;}
.hero-cta .btn{font-size:.95rem;padding:.95rem 1.9rem;}
.facts{display:flex;gap:2.2rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:1.3rem;}
.facts div{font-size:.86rem;color:var(--faint);}
.facts b{display:block;font-family:'Archivo',sans-serif;font-size:1.25rem;font-weight:800;color:var(--ink);letter-spacing:-.5px;}

/* ── Sprach-Dropdown mit Flaggen ─────────────────────────── */
.langdd{position:relative;display:inline-block;}
.langdd-btn{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--line,rgba(255,255,255,.14));color:var(--ink,#fff);border-radius:8px;padding:7px 11px;font:inherit;font-size:.85rem;cursor:pointer;line-height:1;}
.langdd-btn:hover{border-color:var(--teal,#00A6A6);}
.langdd-btn svg{width:18px;height:12px;border-radius:2px;display:block;flex-shrink:0;}
.langdd-c{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--muted,#8A98A6);}
.langdd-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:172px;background:var(--navy-card,#0d2347);border:1px solid var(--line,rgba(255,255,255,.14));border-radius:10px;padding:5px;display:none;z-index:80;box-shadow:0 14px 34px rgba(0,0,0,.4);}
.langdd.open .langdd-menu{display:block;}
.langdd-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;font-size:.85rem;color:var(--ink,#fff);}
.langdd-item svg{width:21px;height:14px;border-radius:2px;flex-shrink:0;}
.langdd-item:hover{background:rgba(255,255,255,.06);}
.langdd-item.on{color:var(--teal-l,#00C4C4);}

/* ── FEIND ───────────────────────────────────────────────── */
.feind h2{font-size:clamp(1.6rem,4vw,2.5rem);max-width:620px;margin-bottom:1rem;}
.feind .lead{color:var(--muted);max-width:560px;margin-bottom:3.2rem;}
.scherge{display:grid;grid-template-columns:1fr;gap:.4rem;border-top:1px solid var(--line);padding:1.5rem 0;}
.scherge:last-of-type{border-bottom:1px solid var(--line);}
.scherge .num{display:flex;align-items:center;gap:.8rem;font-family:'Archivo',sans-serif;font-weight:700;font-size:.8rem;color:var(--teal);}
.scherge .num svg{width:20px;height:20px;stroke:var(--teal);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.9;}
.scherge h3{font-size:1.15rem;margin-bottom:.2rem;}
.scherge p{font-size:.93rem;color:var(--muted);max-width:640px;}

/* ── SPRACHROHR / FLOW ───────────────────────────────────── */
.rohr{background:var(--navy-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
.rohr::after{content:'';position:absolute;inset:0;background:radial-gradient(820px 520px at 88% 50%, rgba(0,166,166,.08), transparent 60%);pointer-events:none;}
.rohr .wrap{position:relative;z-index:2;}
.rohr h2{font-size:clamp(1.6rem,4vw,2.5rem);max-width:640px;margin-bottom:.9rem;}
.rohr h2 em{font-style:normal;color:var(--teal-l);}
.rohr .lead{color:var(--muted);max-width:600px;margin-bottom:3rem;}
.flow{position:relative;margin-bottom:3rem;padding-left:1.4rem;}
.flow::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:1px;background:linear-gradient(180deg,var(--teal),rgba(0,166,166,.15));}
.fstep{padding:1.25rem 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:96px 1fr;gap:1rem;align-items:baseline;position:relative;}
.fstep::before{content:'';position:absolute;left:-1.65rem;top:1.85rem;width:7px;height:7px;border-radius:50%;background:var(--teal-l);}
.fstep:last-of-type{border-bottom:none;}
.fstep .k{font-family:'Archivo',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:1.6px;color:var(--teal);}
.fstep p{font-size:.95rem;color:var(--muted);}
.fstep p b{color:var(--ink);font-weight:600;}
.szene{border-left:2px solid var(--amber);padding:.4rem 0 .4rem 1.6rem;max-width:640px;}
.szene p{font-size:1.05rem;font-style:italic;color:#C9D6E4;line-height:1.7;}
.szene span{display:block;font-size:.8rem;font-style:normal;color:var(--faint);margin-top:.7rem;}

/* ── VORHER/NACHHER ──────────────────────────────────────── */
.vn h2{font-size:clamp(1.6rem,4vw,2.5rem);margin-bottom:3rem;}
.vn-row{display:grid;grid-template-columns:1fr;gap:.3rem;padding:1.15rem 0;border-top:1px solid var(--line);transition:background .25s;}
.vn-row:hover{background:rgba(255,255,255,.02);}
.vn-row:last-of-type{border-bottom:1px solid var(--line);}
.vn-row .vor{color:var(--faint);font-size:.95rem;}
.vn-row .nach{color:var(--ink);font-size:.98rem;font-weight:500;display:flex;gap:.6rem;align-items:baseline;}
.vn-row .nach::before{content:'→';color:var(--teal);font-weight:700;flex-shrink:0;}

/* ── FOUNDER ─────────────────────────────────────────────── */
.founder{background:var(--navy-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.founder .grid{display:grid;grid-template-columns:1fr;gap:2.2rem;align-items:center;}
.founder blockquote{font-size:clamp(1.25rem,2.8vw,1.7rem);font-family:'Archivo',sans-serif;font-weight:700;line-height:1.35;letter-spacing:-.3px;}
.founder blockquote em{font-style:normal;color:var(--teal-l);}
.founder .who{font-size:.88rem;color:var(--faint);margin-top:1rem;}
.founder .who b{color:var(--ink);font-weight:600;display:block;}
.founder .side p{font-size:.95rem;color:var(--muted);margin-bottom:1rem;}
.founder .side a{color:var(--teal-l);font-weight:500;font-size:.92rem;}

/* ── LISTEN-ROWS (Branchen etc.) ─────────────────────────── */
.b-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem .2rem;border-top:1px solid var(--line);transition:all .25s;}
.b-row:last-of-type{border-bottom:1px solid var(--line);}
.b-row:hover{padding-left:.9rem;background:rgba(255,255,255,.02);}
.b-row .t{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.05rem;}
.b-row .d{font-size:.85rem;color:var(--faint);}
.b-row .arr{color:var(--teal);font-weight:700;flex-shrink:0;}

/* ── FEATURE-BLÖCKE (features.html) ──────────────────────── */
.fblock{border-top:1px solid var(--line);padding:2.6rem 0;display:grid;grid-template-columns:1fr;gap:1.4rem;}
.fblock:last-of-type{border-bottom:1px solid var(--line);}
.fblock .meta .k{font-family:'Archivo',sans-serif;font-weight:700;font-size:.74rem;letter-spacing:1.8px;color:var(--teal);text-transform:uppercase;}
.fblock h3{font-size:1.35rem;margin:.45rem 0 .6rem;}
.fblock .meta p{font-size:.93rem;color:var(--muted);}
.fblock .vn-mini{display:flex;flex-direction:column;gap:.55rem;}
.fblock .vn-mini div{font-size:.9rem;color:var(--faint);}
.fblock .vn-mini div b{display:block;color:var(--ink);font-weight:500;font-size:.95rem;}
.fblock .vn-mini div b::before{content:'→ ';color:var(--teal);font-weight:700;}
.fblock.hero-f{background:linear-gradient(135deg,rgba(0,166,166,.06),transparent 60%);border:1px solid rgba(0,166,166,.25);border-radius:16px;padding:2.4rem 2rem;margin:2.4rem 0;}
.fblock.hero-f .k{color:var(--amber);}

/* ── ROLLEN (loesungen.html) ─────────────────────────────── */
.role{border:1px solid var(--line);border-radius:16px;padding:2rem 1.8rem;margin-bottom:1.2rem;transition:border-color .3s,transform .3s;}
.role:hover{border-color:rgba(0,166,166,.4);transform:translateY(-3px);}
.role .k{font-family:'Archivo',sans-serif;font-weight:700;font-size:.74rem;letter-spacing:1.8px;color:var(--teal);text-transform:uppercase;}
.role h3{font-size:1.3rem;margin:.5rem 0 .6rem;}
.role>p{font-size:.94rem;color:var(--muted);margin-bottom:1rem;}
.role ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;}
.role li{font-size:.92rem;color:var(--muted);padding-left:1.3rem;position:relative;}
.role li::before{content:'→';position:absolute;left:0;color:var(--teal);font-weight:700;}
.role .quote{margin-top:1.2rem;border-left:2px solid var(--amber);padding-left:1rem;font-style:italic;font-size:.95rem;color:#C9D6E4;}
.role .quote span{display:block;font-style:normal;font-size:.78rem;color:var(--faint);margin-top:.3rem;}

/* ── PREISE (hell) ───────────────────────────────────────── */
.preise{background:var(--off);color:var(--navy);}
.preise .label{color:#5B6B80;}
.preise h2{font-size:clamp(1.6rem,4vw,2.4rem);color:var(--navy);margin-bottom:.7rem;}
.preise .lead{color:#46586E;margin-bottom:3rem;max-width:560px;}
.p-grid{display:grid;grid-template-columns:1fr;gap:1.1rem;margin-bottom:1.6rem;}
.p-card{background:#fff;border:1px solid #D9E2EC;border-radius:18px;padding:2.1rem 1.85rem;position:relative;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease;}
.p-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(10,31,68,.13);}
.p-card.mid{border:2px solid var(--amber);box-shadow:0 18px 48px rgba(255,176,32,.20);}
.p-card .tag{position:absolute;top:-11px;left:1.6rem;font-size:.6rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;background:var(--amber);color:var(--navy);padding:.22rem .7rem;border-radius:99px;}
.p-card .n{font-family:'Archivo',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--teal);}
.p-card .p-head{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.26rem;line-height:1.18;letter-spacing:-.5px;margin:.55rem 0 .9rem;color:var(--navy);}
.p-card .pr{font-family:'Archivo',sans-serif;font-weight:800;font-size:2.05rem;letter-spacing:-1px;margin:.2rem 0 .15rem;color:var(--navy);}
.p-card .pr span{font-size:.8rem;font-weight:400;color:#7587A0;letter-spacing:0;}
.p-card .for{font-size:.86rem;line-height:1.5;color:#5B6B80;margin-bottom:1.2rem;}
.p-card a.cta{margin-top:auto;}
.p-card ul{list-style:none;display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.3rem;}
.p-card li{font-size:.85rem;color:#46586E;padding-left:1.25rem;position:relative;}
.p-card li::before{content:'✓';position:absolute;left:0;color:var(--teal);font-weight:700;}
.p-card a.cta{display:block;text-align:center;font-family:'Archivo',sans-serif;font-weight:700;font-size:.85rem;padding:.75rem;border-radius:9px;border:1.5px solid var(--navy);color:var(--navy);transition:all .25s;}
.p-card a.cta:hover{background:var(--navy);color:#fff;}
.p-card.mid a.cta{background:var(--amber);border-color:var(--amber);color:var(--navy);}
.p-card.mid a.cta:hover{box-shadow:0 8px 24px rgba(255,176,32,.4);background:var(--amber);}
.p-note{font-size:.82rem;color:#5B6B80;}
.preise .faq-mini{margin-top:3rem;}
.preise .faq-mini details{border-top:1px solid #D9E2EC;padding:1rem 0;}
.preise .faq-mini details:last-of-type{border-bottom:1px solid #D9E2EC;}
.preise .faq-mini summary{font-family:'Archivo',sans-serif;font-weight:700;font-size:.98rem;cursor:pointer;color:var(--navy);}
.preise .faq-mini p{font-size:.92rem;color:#46586E;margin-top:.6rem;max-width:680px;}

/* ── TERMIN ──────────────────────────────────────────────── */
.termin h2{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:.8rem;}
.termin .lead{color:var(--muted);margin-bottom:2.4rem;max-width:560px;}
.termin iframe{width:100%;height:760px;border:1px solid var(--line);border-radius:14px;background:var(--navy-deep);}
.termin .fb{font-size:.85rem;color:var(--faint);margin-top:.9rem;}
.termin .fb a{color:var(--teal-l);}
.knapp{display:inline-flex;align-items:center;gap:.55rem;font-size:.82rem;color:var(--amber-l);margin-top:1rem;}
.knapp::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--amber);animation:kpulse 2.2s ease-in-out infinite;}
@keyframes kpulse{0%,100%{opacity:1}50%{opacity:.35}}

/* CTA-Band (alle Unterseiten, vor Footer) */
.cta-band{background:var(--navy-deep);border-top:1px solid var(--line);padding:3.6rem 0;}
.cta-band .inner{display:flex;flex-direction:column;gap:1.4rem;align-items:flex-start;justify-content:space-between;}
.cta-band h2{font-size:clamp(1.35rem,3.2vw,1.9rem);max-width:560px;}
.cta-band p{font-size:.92rem;color:var(--muted);margin-top:.4rem;max-width:520px;}
.cta-band .acts{display:flex;gap:.8rem;flex-wrap:wrap;}

/* ── FOOTER ──────────────────────────────────────────────── */
footer.site{background:var(--navy-deep);border-top:1px solid var(--line);padding:3.6rem 0 2rem;}
.f-grid{display:grid;grid-template-columns:1fr;gap:2.2rem;margin-bottom:2.6rem;}
.f-brand img{height:30px;width:auto;}
.f-brand p{font-size:.88rem;color:var(--muted);max-width:280px;margin-top:1rem;}
.f-col h4{font-family:'Archivo',sans-serif;font-size:.74rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--faint);margin-bottom:1rem;}
.f-col ul{list-style:none;display:flex;flex-direction:column;gap:.55rem;}
.f-col a{font-size:.9rem;color:var(--muted);transition:color .25s;}
.f-col a:hover{color:var(--teal-l);}
.f-bottom{border-top:1px solid var(--line);padding-top:1.4rem;display:flex;flex-direction:column;gap:.8rem;justify-content:space-between;font-size:.78rem;color:var(--faint);}
.f-bottom a{color:var(--faint);}
.f-bottom a:hover{color:var(--teal-l);}
.f-mindshift a{color:var(--muted);}
.f-links{display:flex;gap:1.4rem;flex-wrap:wrap;}

/* ── PROSE (portierte/Text-Seiten) ───────────────────────── */
.prose{max-width:800px;padding:2rem 0 4rem;}
.prose h2{font-size:1.35rem;margin:2rem 0 .75rem;}
.prose h3{font-size:1.08rem;margin:1.5rem 0 .5rem;}
.prose p,.prose li{font-size:.93rem;color:var(--muted);line-height:1.75;margin-bottom:.75rem;}
.prose a{color:var(--teal-l);}
.prose a:hover{text-decoration:underline;}
.prose ul{padding-left:1.5rem;}

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media(min-width:768px){
  nav.site{padding:0 2.5rem;}
  .nav-links{display:flex;}
  .burger{display:none;}
  .wrap,.container{padding:0 2.5rem;}
  .scherge{grid-template-columns:170px 240px 1fr;gap:1.4rem;align-items:baseline;}
  .vn-row{grid-template-columns:1fr 1fr;gap:2.5rem;}
  .p-grid{grid-template-columns:repeat(3,1fr);}
  .founder .grid{grid-template-columns:7fr 5fr;gap:4rem;}
  .f-grid{grid-template-columns:2fr 1fr 1fr 1fr;}
  .f-bottom{flex-direction:row;align-items:center;}
  .fblock{grid-template-columns:5fr 7fr;gap:3rem;}
  .cta-band .inner{flex-direction:row;align-items:center;}
  .role-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}
  .role{margin-bottom:0;}
}
@media(max-width:767px){
  .nav-r .btn-line,.nav-r .lang{display:none;}
  .nav-r .btn-amber{font-size:.78rem;padding:.6rem 1rem;}
}
@media(max-width:1023px){
  .hero-map{position:relative;inset:auto;transform:none;width:100%;margin-top:2.5rem;-webkit-mask-image:none;mask-image:none;}
  .hero{min-height:auto;}
}
/* ════════════════════════════════════════════════════════════
   REWORK-RUNDE 2 — Journey der Sendung + Produkt-Vignetten
   ════════════════════════════════════════════════════════════ */

/* ── JOURNEY (Scroll-Erlebnis Homepage) ───────────────────── */
.journey{position:relative;background:var(--navy-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:5.5rem 0 3rem;background-image:radial-gradient(1200px 600px at 80% -5%, var(--phase-glow,rgba(0,166,166,.10)), transparent 60%);transition:background-image .9s ease;}
.journey .intro{max-width:680px;margin-bottom:3rem;}
.journey .label{font-family:'Archivo',sans-serif;font-weight:800;font-size:.74rem;letter-spacing:1.8px;text-transform:uppercase;color:var(--teal);margin-bottom:.7rem;}
.journey h2{font-size:clamp(1.7rem,4.2vw,2.7rem);}
.journey .intro p{color:var(--muted);margin-top:.9rem;font-size:1.02rem;}
.j-grid{display:grid;grid-template-columns:1fr;gap:2rem;}
@media(min-width:1024px){.j-grid{grid-template-columns:6fr 5fr;gap:3.2rem;align-items:start;}}
.j-map{display:none;}
@media(min-width:1024px){.j-map{display:block;position:sticky;top:14vh;}}
.j-map .frame{position:relative;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:radial-gradient(900px 500px at 30% 10%, #0c2347, #071633 72%);box-shadow:0 30px 70px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.04);padding:1rem .9rem .4rem;}
.j-map .ftitle{font-size:.62rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--faint);padding:.1rem .3rem .7rem;}
.leadcount{display:flex;align-items:center;gap:.9rem;padding:.2rem .4rem 1.1rem;border-bottom:1px solid var(--line);margin-bottom:.9rem;}
.lc-main{display:flex;align-items:baseline;gap:.35rem;min-width:6.8ch;}
.lc-num{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.9rem;line-height:1;color:var(--amber-l);font-variant-numeric:tabular-nums;transition:color .4s;display:inline-block;white-space:nowrap;}
.lc-num.green{color:var(--green);}
.lc-num.pop{animation:lcpop .5s ease;}
@keyframes lcpop{0%{transform:scale(.55);opacity:.3}55%{transform:scale(1.14)}100%{transform:scale(1)}}
.lc-sub{font-size:.66rem;color:var(--faint);text-transform:uppercase;letter-spacing:1.1px;font-weight:700;}
.lc-lbl{font-size:.8rem;color:var(--muted);line-height:1.35;}
.j-map svg{width:100%;height:auto;display:block;}
.swimlane-bg{fill:rgba(255,255,255,.018);stroke:var(--line);stroke-width:1;transition:fill .5s,stroke .5s;}
.swimlane-bg.dispo.active{fill:rgba(0,196,196,.09);stroke:rgba(0,196,196,.45);}
.swimlane-bg.fahrer.active{fill:rgba(255,200,80,.09);stroke:rgba(255,200,80,.45);}
.swimlane-bg.back.active{fill:rgba(124,224,176,.09);stroke:rgba(124,224,176,.45);}
.lane-lbl{font-family:'Archivo',sans-serif;font-size:8px;font-weight:800;letter-spacing:1.2px;fill:#52688A;transition:fill .5s;}
.lane-lbl.active.dispo{fill:var(--teal-l);}.lane-lbl.active.fahrer{fill:var(--amber-l);}.lane-lbl.active.back{fill:var(--back);}
.swim-base{stroke:#223b5e;stroke-width:1.6;fill:none;stroke-dasharray:2 5;}
.swim-seg{stroke:var(--amber);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-dasharray:160;stroke-dashoffset:160;transition:stroke-dashoffset .8s cubic-bezier(.5,0,.2,1);filter:drop-shadow(0 0 4px rgba(255,176,32,.55));}
.swim-seg.on{stroke-dashoffset:0;}
.swim-node{fill:#1d3a5c;stroke:#2b496f;stroke-width:1.4;transition:fill .4s,stroke .4s;}
.swim-node.done{fill:var(--teal);stroke:var(--teal);}.swim-node.cur{fill:var(--amber);stroke:var(--amber);}
.swim-ring{fill:none;stroke:var(--amber);stroke-width:1.4;opacity:0;animation:swimring 2.4s ease-out infinite;}
@keyframes swimring{0%{r:6;opacity:.85}80%{r:22;opacity:0}100%{opacity:0}}
.swim-token{fill:var(--amber-l);filter:drop-shadow(0 0 8px rgba(255,200,80,1));transition:transform .9s cubic-bezier(.5,0,.2,1);}
.ho-lbl{font-family:'Archivo',sans-serif;font-size:6.5px;font-weight:700;letter-spacing:.4px;fill:#52688A;text-transform:uppercase;}
.ncap{font-family:'Archivo',sans-serif;font-size:6.2px;font-weight:600;fill:#52688A;transition:fill .4s;}
.ncap.done{fill:#3f6f7a;}.ncap.cur{fill:var(--amber-l);font-weight:800;}

/* ── JOURNEY v3: Metro-Leiste + fuellende Sendungsakte ────── */
.jmetro{display:flex;align-items:flex-start;gap:0;padding:.2rem .3rem 1rem;}
.jmetro .jm{flex:1;display:flex;align-items:center;min-width:0;}
.jmetro .jm:last-child{flex:0 0 auto;}
.jmetro .jmd{position:relative;width:11px;height:11px;flex:0 0 auto;}
.jmetro .jmd i{position:absolute;inset:0;border-radius:50%;border:2px solid #2b496f;background:#0d2347;transition:all .35s;}
.jmetro .jm.done .jmd i{background:var(--pv,#00C4C4);border-color:var(--pv,#00C4C4);}
.jmetro .jm.cur .jmd i{background:var(--amber-l);border-color:var(--amber-l);transform:scale(1.45);box-shadow:0 0 10px rgba(255,200,80,.9);}
.jmetro .jmd b{position:absolute;top:15px;left:50%;transform:translateX(-50%);font-family:'Archivo',sans-serif;font-size:.5rem;font-weight:600;letter-spacing:.2px;color:#52688A;white-space:nowrap;transition:color .35s;}
.jmetro .jm.done .jmd b{color:#3f6f7a;}
.jmetro .jm.cur .jmd b{color:var(--amber-l);font-weight:800;}
.jmetro .jml{height:2.5px;flex:1;background:#1d3a5c;margin:0 2px;border-radius:2px;transition:background .4s;}
.jmetro .jm.done .jml{background:var(--pv,#00C4C4);box-shadow:0 0 5px rgba(0,196,196,.35);}
.jmetro{margin-bottom:1.4rem;}
.j-akte{border-top:1px solid var(--line);margin-top:.9rem;padding:.55rem .3rem .5rem;min-height:11.5rem;}
.j-akte .ak-t{font-size:.58rem;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--faint);margin-bottom:.35rem;display:flex;align-items:center;gap:.4rem;}
.j-akte .ak-t::before{content:'';width:14px;height:2px;background:var(--teal);}
.ak-row{display:flex;align-items:baseline;gap:.55rem;padding:.24rem 0;font-size:.74rem;line-height:1.35;animation:akin .45s ease;}
.ak-row .ak-dot{width:6px;height:6px;border-radius:50%;background:var(--pv,#00C4C4);flex:0 0 auto;position:relative;top:-1px;}
.ak-row .ak-s{font-family:'Archivo',sans-serif;font-weight:700;font-size:.66rem;color:var(--slate-lighter);white-space:nowrap;}
.ak-row .ak-l{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.ak-row.cur .ak-s{color:var(--amber-l);}
.ak-row.cur .ak-l{color:var(--slate-lighter);}
@keyframes akin{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.povbar{font-family:'Archivo',sans-serif;display:flex;align-items:center;gap:.55rem;padding:.9rem .4rem .5rem;font-weight:800;font-size:.82rem;letter-spacing:1px;text-transform:uppercase;color:var(--teal-l);transition:color .4s;}
.povbar.fahrer{color:var(--amber-l);}.povbar.back{color:var(--back);}
.povbar .dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;}
.povbar .step{color:var(--muted);font-weight:600;letter-spacing:.4px;text-transform:none;font-family:'Inter',sans-serif;}
.j-steps{position:relative;display:flex;flex-direction:column;gap:1.4rem;}
@media(min-width:1024px){
  .j-steps{gap:30vh;padding:8vh 0 24vh 2.4rem;}
  .j-steps::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(255,255,255,.08);}
  .j-steps::after{content:'';position:absolute;left:0;top:0;width:2px;height:var(--spine,0%);background:linear-gradient(var(--teal),var(--amber));box-shadow:0 0 10px rgba(0,166,166,.6);transition:height .5s ease;}
}
.j-step{position:relative;border:1px solid var(--line);border-radius:18px;padding:1.8rem 1.6rem;background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));transition:opacity .55s, transform .55s, border-color .45s, box-shadow .45s;}
@media(min-width:1024px){
  .jsj .j-step{opacity:.32;transform:translateY(14px) scale(.985);}
  .jsj .j-step.active{opacity:1;transform:none;}
  .j-step::before{content:'';position:absolute;left:calc(-2.4rem - 5px);top:2.1rem;width:12px;height:12px;border-radius:50%;background:var(--navy-deep);border:2px solid #314d70;transition:.45s;}
  .j-step.active::before{border-color:var(--amber);background:var(--amber);box-shadow:0 0 0 5px rgba(255,176,32,.18),0 0 14px rgba(255,176,32,.7);}
  .j-step.done::before{border-color:var(--teal);background:var(--teal);}
}
.j-step.active{border-color:rgba(255,176,32,.4);box-shadow:0 20px 50px rgba(0,0,0,.4),0 0 0 1px rgba(255,176,32,.12);}
.j-step .tether{position:absolute;left:-2.4rem;top:2.45rem;width:2.4rem;height:2px;background:linear-gradient(90deg,var(--amber),transparent);opacity:0;transform:scaleX(0);transform-origin:left;transition:.5s;}
@media(min-width:1024px){.j-step.active .tether{opacity:1;transform:scaleX(1);}}
.j-step .time{font-family:'Archivo',sans-serif;font-weight:800;font-size:.72rem;letter-spacing:1.4px;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem;}
.j-step .time::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor;}
.time.pov-dispo{color:var(--teal-l);}.time.pov-fahrer{color:var(--amber-l);}.time.pov-back{color:var(--back);}
.j-step h3{font-size:1.25rem;margin:.5rem 0 .55rem;}
.j-step .story{font-size:.95rem;color:var(--muted);line-height:1.65;margin-bottom:1.1rem;}
.j-step .story b{color:var(--ink);font-weight:600;}
.j-step .proof{display:inline-flex;align-items:center;gap:.5rem;font-size:.74rem;font-weight:600;color:var(--teal-l);border:1px solid rgba(0,166,166,.3);border-radius:99px;padding:.32rem .9rem;margin-bottom:1.1rem;}

/* ── PRODUKT-VIGNETTEN (schematisch, ehrlich beschriftet) ── */
.vig{border:1px solid var(--line);border-radius:13px;background:#0A1F44;padding:1.05rem 1.05rem 1.5rem;position:relative;font-family:'Inter',sans-serif;}
.vig::after{content:'Schematische Darstellung';position:absolute;right:.8rem;bottom:.5rem;font-size:.56rem;letter-spacing:.6px;color:var(--faint);text-transform:uppercase;}
.vig .vh{display:flex;align-items:center;gap:.5rem;font-size:.66rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--faint);margin-bottom:.85rem;}
.vig .vh::before{content:'';width:8px;height:8px;border-radius:2px;background:var(--teal);}
.vrow{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border:1px solid var(--line);border-radius:9px;padding:.6rem .8rem;margin-bottom:.5rem;font-size:.8rem;color:var(--muted);background:rgba(255,255,255,.02);}
.vrow b{color:var(--ink);font-weight:600;}
.vrow .pill{font-size:.62rem;font-weight:700;padding:.2rem .6rem;border-radius:99px;white-space:nowrap;}
.pill.teal{background:rgba(0,166,166,.15);color:var(--teal-l);}
.pill.amber{background:rgba(255,176,32,.15);color:var(--amber-l);}
.pill.green{background:rgba(34,197,94,.15);color:#4ADE80;}
.vbar{height:5px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden;flex:1;max-width:130px;}
.vbar i{display:block;height:100%;border-radius:3px;background:var(--teal);width:0;transition:width 1.2s ease .3s;}
.in .vbar i{width:var(--w,70%);}
/* Radar (Broadcast) */
.vradar{position:relative;height:120px;display:flex;align-items:center;justify-content:center;margin:.4rem 0 .6rem;}
.vradar .core{width:14px;height:14px;border-radius:4px;background:var(--amber);position:relative;z-index:2;}
.vradar .ring{position:absolute;border:1.5px solid rgba(0,196,196,.55);border-radius:50%;width:20px;height:20px;opacity:0;}
.in .vradar .ring{animation:vping 2.6s ease-out infinite;}
.in .vradar .ring:nth-child(2){animation-delay:.85s;}
.in .vradar .ring:nth-child(3){animation-delay:1.7s;}
@keyframes vping{0%{width:20px;height:20px;opacity:.9;}100%{width:130px;height:130px;opacity:0;}}
/* Dokument zu Felder (OCR) */
.vocr{display:grid;grid-template-columns:1fr auto 1fr;gap:.7rem;align-items:center;margin:.3rem 0 .5rem;}
.vocr .doc{border:1px dashed rgba(255,255,255,.25);border-radius:8px;padding:.7rem;display:flex;flex-direction:column;gap:.35rem;}
.vocr .doc i{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.14);}
.vocr .doc i:nth-child(2){width:70%;}.vocr .doc i:nth-child(3){width:85%;}.vocr .doc i:nth-child(4){width:55%;}
.vocr .arr{color:var(--teal-l);font-weight:800;font-size:1.1rem;}
.vocr .fields{display:flex;flex-direction:column;gap:.35rem;}
.vocr .f{display:flex;justify-content:space-between;gap:.6rem;border:1px solid var(--line);border-radius:6px;padding:.3rem .55rem;font-size:.68rem;color:var(--muted);opacity:0;transform:translateX(8px);transition:all .5s ease;}
.vocr .f b{color:var(--teal-l);font-weight:600;}
.in .vocr .f{opacity:1;transform:none;}
.in .vocr .f:nth-child(1){transition-delay:.3s;}.in .vocr .f:nth-child(2){transition-delay:.55s;}.in .vocr .f:nth-child(3){transition-delay:.8s;}
/* Route-Strip (Tracking) */
.vroute{position:relative;height:64px;margin:.4rem 0 .6rem;}
.vroute .line{position:absolute;top:50%;left:4%;right:4%;height:2px;background:rgba(0,166,166,.25);}
.vroute .pass{position:absolute;top:50%;left:4%;height:2px;width:0;background:var(--teal);transition:width 1.6s ease .3s;}
.in .vroute .pass{width:58%;}
.vroute .truck{position:absolute;top:50%;left:4%;width:13px;height:13px;border-radius:50%;background:var(--amber);transform:translate(-50%,-50%);transition:left 1.6s ease .3s;box-shadow:0 0 0 5px rgba(255,176,32,.15);}
.in .vroute .truck{left:62%;}
.vroute .stop{position:absolute;top:50%;width:7px;height:7px;border-radius:50%;background:#27456F;transform:translate(-50%,-50%);}
/* Telefon (Fahrer-App) */
.vphone{width:118px;margin:.3rem auto .5rem;border:1.5px solid rgba(255,255,255,.18);border-radius:14px;padding:.6rem .5rem;display:flex;flex-direction:column;gap:.4rem;}
.vphone .cam{width:30px;height:4px;border-radius:2px;background:rgba(255,255,255,.15);margin:0 auto .2rem;}
.vphone .shot{height:42px;border-radius:7px;background:linear-gradient(135deg,rgba(0,166,166,.25),rgba(255,255,255,.05));display:flex;align-items:center;justify-content:center;color:var(--teal-l);font-size:.62rem;font-weight:700;letter-spacing:.5px;}
.vphone .ok{font-size:.6rem;color:#4ADE80;text-align:center;font-weight:600;opacity:0;transition:opacity .6s ease .8s;}
.in .vphone .ok{opacity:1;}
/* Rechnung */
.vinv .total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:.5rem;margin-top:.2rem;font-size:.8rem;color:var(--ink);font-weight:600;}
/* KPI (Lagebild) */
.vkpi{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.3rem 0 .55rem;}
.vkpi .k{border:1px solid var(--line);border-radius:9px;padding:.6rem .5rem;text-align:center;}
.vkpi .k b{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-size:1.05rem;color:var(--teal-l);}
.vkpi .k:nth-child(2) b{color:var(--amber);}
.vkpi .k span{font-size:.58rem;color:var(--faint);letter-spacing:.4px;text-transform:uppercase;}


.aihint{display:flex;gap:.5rem;align-items:flex-start;font-size:.82rem;color:#C5D2E0;line-height:1.5;margin:-.2rem 0 1.1rem;padding:.6rem .8rem;border:1px solid var(--line);border-left:2px solid var(--teal);border-radius:9px;background:rgba(0,166,166,.045);}
.aihint::before{content:'\27F3';color:var(--teal-l);font-weight:800;line-height:1.3;}
.aihint.ai{border-left-color:var(--teal-l);background:rgba(0,196,196,.07);}
.aihint.ai::before{content:'\2726';}
.lc-cost{font-family:'Archivo',sans-serif;font-weight:800;font-size:.74rem;color:var(--red);border:1px solid rgba(248,113,113,.3);background:rgba(248,113,113,.08);border-radius:6px;padding:.18rem .5rem;}
.lc-cost[hidden]{display:none;}
.leadcount{flex-wrap:wrap;}

.lc-money{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;}
.lc-sell,.lc-buy{font-size:.72rem;font-weight:600;border-radius:6px;padding:.18rem .55rem;border:1px solid;}
.lc-sell{color:var(--green);border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.07);}
.lc-buy{color:var(--red);border-color:rgba(248,113,113,.3);background:rgba(248,113,113,.07);}
.lc-sell b,.lc-buy b{font-family:'Archivo',sans-serif;font-weight:800;}
.leadcount .lc-lbl{flex-basis:100%;}

.lc-buy.flash{animation:lcbuyflash .7s ease;}
@keyframes lcbuyflash{0%{transform:scale(1)}30%{transform:scale(1.13);box-shadow:0 0 11px rgba(248,113,113,.6)}100%{transform:scale(1)}}

.lc-marge{display:inline-flex;align-items:center;gap:.55rem;flex-basis:100%;width:max-content;margin-top:.1rem;padding:.45rem .85rem;border-radius:10px;background:linear-gradient(90deg,rgba(34,197,94,.16),rgba(255,176,32,.16));border:1px solid rgba(124,224,176,.4);}
.lc-marge .m-lbl{font-size:.56rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--back);}
.lc-marge b{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.1rem;color:var(--green);}
.lc-marge[hidden]{display:none;}
.lc-marge.flash{animation:lcmargeflash .7s ease;}
@keyframes lcmargeflash{0%{transform:scale(1)}30%{transform:scale(1.1);box-shadow:0 0 15px rgba(124,224,176,.6)}100%{transform:scale(1)}}
/* ── JOURNEY-VIGNETTEN v3 (POV-Swimlane + Lead/Geld-Zähler) ── */
.vig .vh .kiflag{margin-left:.45rem;font-size:.54rem;font-weight:800;letter-spacing:.5px;color:#06201f;background:linear-gradient(90deg,var(--teal-l),#7CE0B0);border-radius:5px;padding:.08rem .42rem;text-transform:none;box-shadow:0 0 9px rgba(0,196,196,.55);}
.vig .vh .kiflag::before{content:'\2726 ';}
.vig .vh .tag{margin-left:auto;font-size:.56rem;letter-spacing:.4px;color:var(--teal-l);border:1px solid rgba(0,166,166,.25);border-radius:5px;padding:.1rem .4rem;text-transform:none;}
.pill.red{background:rgba(248,113,113,.13);color:var(--red);}
.vnote{font-size:.58rem;color:var(--faint);margin-top:.55rem;border-left:2px solid rgba(0,166,166,.3);padding-left:.55rem;line-height:1.5;}
.vmail{display:grid;gap:.6rem;margin-bottom:.3rem;}
.mhdr{border:1px solid var(--line);border-radius:9px;padding:.55rem .7rem;background:rgba(255,255,255,.025);}
.mfrom{font-size:.62rem;color:var(--faint);}
.msub{font-size:.74rem;color:var(--ink);font-weight:500;margin-top:.18rem;line-height:1.5;}
.mtok{color:var(--teal-l);background:rgba(0,166,166,.12);border-radius:3px;padding:0 .22rem;font-weight:600;}
.vload{margin:.4rem 0 .1rem;}
.lrow{display:grid;grid-template-columns:.62fr 1fr 1fr .42fr .7fr;gap:.45rem;align-items:center;font-size:.62rem;padding:.42rem .35rem;border-bottom:1px solid var(--line);opacity:0;transform:translateY(5px);transition:.45s;}
.in .lrow{opacity:1;transform:none;}
.lhead{font-size:.5rem;letter-spacing:.5px;text-transform:uppercase;color:var(--faint);opacity:1;transform:none;}
.lrow.new{background:rgba(255,176,32,.07);border:1px solid rgba(255,176,32,.32);border-radius:8px;}
.lrow .cc{color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lrow .cc b{color:var(--ink);font-weight:600;margin-left:.2rem;}
.lrow .tp{font-size:.5rem;font-weight:700;color:#6aa9ff;border:1px solid rgba(106,169,255,.32);border-radius:5px;padding:.06rem .32rem;justify-self:start;}
.lrow .bd{font-size:.5rem;font-weight:700;color:var(--green);border:1px solid rgba(34,197,94,.3);border-radius:5px;padding:.06rem .32rem;justify-self:start;white-space:nowrap;}
.src{font-size:.5rem;font-weight:700;border-radius:5px;padding:.08rem .32rem;justify-self:start;}
.src.linked{color:var(--green);border:1px solid rgba(34,197,94,.35);}.src.manual{color:var(--amber-l);border:1px solid rgba(255,176,32,.35);}
@property --p{syntax:'<number>';inherits:false;initial-value:0;}
.msec{font-size:.54rem;letter-spacing:.5px;text-transform:uppercase;color:var(--teal-l);margin:.3rem 0 .4rem;font-weight:700;display:flex;align-items:center;gap:.4rem;}
.msec::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--teal);}
.msec.dim{color:var(--faint);}.msec.dim::before{background:#3f6ea5;}
.mcar{display:grid;grid-template-columns:auto 1fr;gap:.1rem .65rem;align-items:center;border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem;margin-bottom:.42rem;background:rgba(255,255,255,.02);opacity:0;transform:translateY(6px);transition:.5s;}
.in .mcar{opacity:1;transform:none;}
.mcar.cur{border-color:rgba(0,166,166,.4);background:rgba(0,166,166,.05);}.mcar.prev{border-style:dashed;}
.mcar .mpct{grid-row:1/3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--ring,var(--teal-l)) calc(var(--p,0)*1%), rgba(255,255,255,.09) 0);}
.in .mcar .mpct{animation:fillp 1.1s ease .2s forwards;}
@keyframes fillp{to{--p:var(--pv)}}
.mcar .mpct::before{content:'';position:absolute;inset:3px;border-radius:50%;background:#0A1F44;}
.mcar .mpct span{position:relative;z-index:1;font-family:'Archivo',sans-serif;font-weight:800;font-size:.6rem;color:var(--teal-l);}
.mcar.prev .mpct{--ring:#3f6ea5;}.mcar.prev .mpct span{color:#7fa9d6;}
.mcar .minfo b{font-size:.76rem;color:var(--ink);font-weight:600;}.mcar .minfo .meta{font-size:.57rem;color:var(--faint);margin-top:.12rem;}
.mcar .crits{grid-column:2/3;display:flex;flex-wrap:wrap;gap:.26rem;margin-top:.32rem;}
.crit{font-size:.52rem;padding:.1rem .4rem;border-radius:5px;border:1px solid var(--line);color:var(--muted);white-space:nowrap;}
.crit.ok{color:var(--green);border-color:rgba(34,197,94,.3);}.crit.warn{color:var(--amber-l);border-color:rgba(255,176,32,.3);}.crit.bad{color:var(--red);border-color:rgba(248,113,113,.3);}
.bcast{font-size:.66rem;}
.bcast .bsub{font-size:.58rem;color:var(--faint);margin-bottom:.6rem;}
.bsteps{display:flex;align-items:center;gap:.4rem;margin-bottom:.55rem;}
.bstep{font-size:.55rem;border-radius:99px;padding:.18rem .55rem;border:1px solid var(--line);color:var(--muted);}
.bstep.done{color:var(--green);border-color:rgba(34,197,94,.3);}.bstep.cur{color:var(--teal-l);border-color:rgba(0,166,166,.4);background:rgba(0,166,166,.08);}
.btabs{display:flex;gap:.35rem;margin-bottom:.55rem;}
.btab{font-size:.56rem;border-radius:7px;padding:.22rem .55rem;border:1px solid var(--line);color:var(--muted);}
.btab.on{color:var(--teal-l);border-color:rgba(0,166,166,.4);background:rgba(0,166,166,.08);}
.bfield{border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.025);padding:.42rem .55rem;font-size:.62rem;color:var(--muted);margin-bottom:.4rem;opacity:0;transform:translateY(5px);transition:.45s;}
.in .bfield{opacity:1;transform:none;}
.in .bfield:nth-child(5){transition-delay:.12s;}.in .bfield:nth-child(7){transition-delay:.24s;}
.bfield.lab{font-size:.5rem;letter-spacing:.5px;text-transform:uppercase;color:var(--faint);border:0;background:none;padding:0 0 .15rem;margin-bottom:.2rem;opacity:1;transform:none;}
.bmsg{min-height:34px;line-height:1.5;}
.bph{display:flex;flex-wrap:wrap;gap:.28rem;margin:.35rem 0 .5rem;}
.bph span{font-family:ui-monospace,Menlo,monospace;font-size:.52rem;color:var(--teal-l);border:1px solid rgba(0,166,166,.25);border-radius:5px;padding:.1rem .35rem;}
.bsend{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border-top:1px solid var(--line);padding-top:.55rem;margin-top:.2rem;}
.bsend .meta{font-size:.56rem;color:var(--faint);}
.bsend .btn{font-size:.62rem;font-weight:800;color:#04121f;background:var(--amber);border-radius:7px;padding:.34rem .75rem;white-space:nowrap;}
.in .bsend .btn{animation:bsendpulse 2.4s ease-out infinite 1s;}
@keyframes bsendpulse{0%{box-shadow:0 0 0 0 rgba(255,176,32,.45)}70%{box-shadow:0 0 0 8px rgba(255,176,32,0)}100%{box-shadow:0 0 0 0 rgba(255,176,32,0)}}
.vpipe{display:flex;align-items:flex-start;margin:.5rem 0 .7rem;padding-top:.2rem;}
.vpipe .st{flex:1;text-align:center;font-size:.55rem;color:var(--faint);line-height:1.25;opacity:0;transform:translateY(6px);transition:.4s;position:relative;}
.in .vpipe .st{opacity:1;transform:none;}
.vpipe .st .d{width:11px;height:11px;border-radius:50%;background:#27456F;margin:0 auto .3rem;transition:.4s;}
.vpipe .st.done .d{background:var(--teal);box-shadow:0 0 8px rgba(0,166,166,.5);}
.vpipe .st.cur .d{background:var(--amber);box-shadow:0 0 0 4px rgba(255,176,32,.2),0 0 10px rgba(255,176,32,.8);}
.vpipe .st.cur{color:var(--amber-l);font-weight:700;}
.vpipe .st::after{content:'';position:absolute;top:5px;left:50%;width:100%;height:2px;background:#27456F;z-index:-1;}
.vpipe .st:last-child::after{display:none;}.vpipe .st.done::after{background:var(--teal);}
.vgate{border:1px solid rgba(0,166,166,.3);border-radius:10px;padding:.7rem .8rem;margin-bottom:.55rem;background:rgba(0,166,166,.05);}
.vgate .gt{font-size:.6rem;letter-spacing:1px;text-transform:uppercase;color:var(--teal-l);font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem;}
.vgate .gt .ok{margin-left:auto;color:var(--green);font-size:.62rem;}
.vchecks{display:flex;flex-wrap:wrap;gap:.34rem;}
.vchecks span{font-size:.6rem;border:1px solid rgba(34,197,94,.3);color:var(--green);border-radius:99px;padding:.2rem .55rem;opacity:0;transform:scale(.9);transition:.4s;}
.in .vchecks span{opacity:1;transform:none;}
.in .vchecks span:nth-child(1){transition-delay:.2s;}.in .vchecks span:nth-child(2){transition-delay:.38s;}.in .vchecks span:nth-child(3){transition-delay:.56s;}
.vchecks span::before{content:'\2713 ';font-weight:800;}
.vgate-arrow{text-align:center;color:var(--faint);font-size:.9rem;margin:.1rem 0 .45rem;}
.vpoll{display:flex;flex-direction:column;gap:.05rem;margin:.2rem 0 .5rem;}
.vpoll .p{display:flex;gap:.55rem;align-items:baseline;font-size:.72rem;color:var(--muted);border-left:2px solid rgba(0,166,166,.3);padding:.34rem 0 .34rem .7rem;opacity:0;transform:translateX(7px);transition:.45s;}
.in .vpoll .p{opacity:1;transform:none;}
.vpoll .p b{color:var(--ink);font-weight:600;}
.vpoll .p.warn{border-color:var(--amber);}.vpoll .p.warn b{color:var(--amber-l);}
.vpoll .p.auto::after{content:'auto';margin-left:auto;font-size:.52rem;color:var(--faint);border:1px solid var(--line);border-radius:4px;padding:.05rem .3rem;align-self:center;}
.vmerge{display:grid;grid-template-columns:1.15fr auto 1fr;align-items:center;gap:.5rem;margin:.3rem 0 .55rem;}
.vsrcs{display:flex;flex-direction:column;gap:.45rem;}
.vsrc{border:1px solid var(--line);border-radius:9px;padding:.5rem .6rem;background:rgba(255,255,255,.02);opacity:0;transform:translateX(-8px);transition:.45s;}
.in .vsrc{opacity:1;transform:none;}.in .vsrc:nth-child(2){transition-delay:.18s;}
.vsrc b{display:block;color:var(--ink);font-size:.72rem;font-weight:600;margin-bottom:.12rem;}.vsrc span{font-size:.6rem;color:var(--faint);}
.vmerge .mor{text-align:center;color:var(--teal-l);font-size:.95rem;font-weight:800;opacity:0;transition:.5s .35s;}
.in .vmerge .mor{opacity:1;}
.vtarget{border:1px solid rgba(0,166,166,.4);border-radius:9px;padding:.6rem;background:rgba(0,166,166,.06);text-align:center;opacity:0;transform:scale(.95);transition:.45s .5s;}
.in .vtarget{opacity:1;transform:none;}
.vtarget b{display:block;color:var(--teal-l);font-size:.74rem;font-weight:700;}.vtarget span{font-size:.6rem;color:var(--muted);}
.vbill .due{margin:.5rem 0 .2rem;}
.vbill .duebar{position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.07);margin:.55rem 0 .3rem;}
.vbill .duebar i{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--teal),var(--amber));width:0;transition:width 1.4s ease .4s;}
.in .vbill .duebar i{width:62%;}
.vbill .duelbl{display:flex;justify-content:space-between;font-size:.56rem;color:var(--faint);}
.vbill .total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:.55rem;margin-top:.5rem;font-size:.82rem;color:var(--ink);font-weight:700;opacity:0;transition:.6s .6s;}
.in .vbill .total{opacity:1;}
.vkpi3{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:.2rem 0 .7rem;}
.vkpi3 .k{border:1px solid var(--line);border-radius:9px;padding:.5rem .4rem;text-align:center;background:rgba(255,255,255,.02);opacity:0;transform:translateY(6px);transition:.5s;}
.in .vkpi3 .k{opacity:1;transform:none;}
.in .vkpi3 .k:nth-child(2){transition-delay:.12s;}.in .vkpi3 .k:nth-child(3){transition-delay:.24s;}
.vkpi3 .k b{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-size:.95rem;color:var(--teal-l);}
.vkpi3 .k:nth-child(2) b{color:var(--green);}.vkpi3 .k:nth-child(3) b{color:var(--amber-l);}
.vkpi3 .k span{font-size:.54rem;color:var(--faint);text-transform:uppercase;letter-spacing:.4px;}

/* ── FEATURES: Szenen-Blöcke ───────────────────────────────── */
.scene{border-top:1px solid var(--line);padding:3rem 0;display:grid;grid-template-columns:1fr;gap:1.6rem;align-items:center;}
.scene:last-of-type{border-bottom:1px solid var(--line);}
.scene .k{font-family:'Archivo',sans-serif;font-weight:800;font-size:.74rem;letter-spacing:1.8px;color:var(--teal);text-transform:uppercase;}
.scene h3{font-size:1.45rem;margin:.5rem 0 .7rem;}
.scene .jtbd{border-left:2px solid var(--teal);padding:.15rem 0 .15rem .9rem;font-size:.88rem;color:#C5D2E0;font-style:italic;margin-bottom:.8rem;}
.scene .erz{font-size:.95rem;color:var(--muted);line-height:1.7;}
.scene .erz b{color:var(--ink);font-weight:600;}
.scene .marker{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem;}
.scene .marker span{font-size:.7rem;font-weight:600;color:var(--amber-l);border:1px solid rgba(255,176,32,.3);border-radius:99px;padding:.28rem .8rem;}
@media(min-width:900px){
  .scene{grid-template-columns:6fr 5fr;gap:3.5rem;padding:3.6rem 0;}
  .scene.flip .meta{order:2;}
  .scene.flip .vis{order:1;}
}
.scene.hero-f{border:1px solid rgba(0,166,166,.3);border-radius:18px;padding:2.6rem 2rem;background:linear-gradient(135deg,rgba(0,166,166,.07),transparent 65%);margin:2.6rem 0;}
@media(min-width:900px){.scene.hero-f{padding:3rem 2.6rem;}}

/* ── ECHTE PRODUKT-SCREENS ─────────────────────────────────── */
.shot{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0A1322;box-shadow:0 24px 60px rgba(0,0,0,.45);}
.shot .bar{display:flex;align-items:center;gap:.45rem;padding:.55rem .9rem;background:#071019;border-bottom:1px solid var(--line);}
.shot .bar i{width:9px;height:9px;border-radius:50%;background:#27456F;display:block;}
.shot .bar i:nth-child(1){background:#FF5F57;}.shot .bar i:nth-child(2){background:#FEBC2E;}.shot .bar i:nth-child(3){background:#28C840;}
.shot .bar span{margin-left:.6rem;font-size:.66rem;color:var(--faint);font-family:'Inter',sans-serif;}
.shot .vp{overflow:hidden;}
.shot img{width:100%;height:auto;display:block;transform:scale(1);transition:transform 8s ease;}
.shot.in img,[data-a].in .shot img{transform:scale(1.045) translateY(-1.4%);}
.shot-cap{font-size:.74rem;color:var(--faint);margin-top:.6rem;}
.showcase{padding:5.5rem 0;}
.showcase .duo{display:grid;grid-template-columns:1fr;gap:1.4rem;margin-top:2.4rem;}
@media(min-width:900px){.showcase .duo{grid-template-columns:3fr 2fr;align-items:start;}}

/* ── FEATURE-MATRIX (Überblick aller Funktionen) ──────────── */
.fmatrix{padding:1rem 0 1rem;}
.fmx-group{margin-bottom:2.4rem;}
.fmx-group > .lbl{font-family:'Archivo',sans-serif;font-weight:800;font-size:.72rem;letter-spacing:1.8px;text-transform:uppercase;color:var(--teal-l);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem;}
.fmx-group > .lbl::before{content:'';width:18px;height:1px;background:var(--teal);}
.fmx-grid{display:grid;grid-template-columns:1fr;gap:.9rem;}
@media(min-width:600px){.fmx-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:980px){.fmx-grid{grid-template-columns:1fr 1fr 1fr;}}
.fmx{border:1px solid var(--line);border-radius:13px;padding:1.15rem 1.2rem;background:rgba(255,255,255,.02);transition:border-color .3s,transform .3s,background .3s;position:relative;}
.fmx:hover{border-color:rgba(0,166,166,.4);transform:translateY(-3px);background:rgba(0,166,166,.04);}
.fmx .ic{width:34px;height:34px;border-radius:9px;background:var(--teal-dim);border:1px solid rgba(0,166,166,.25);display:flex;align-items:center;justify-content:center;margin-bottom:.8rem;}
.fmx .ic svg{width:18px;height:18px;stroke:var(--teal-l);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.fmx h4{font-family:'Archivo',sans-serif;font-weight:800;font-size:1rem;margin-bottom:.3rem;letter-spacing:-.2px;}
.fmx p{font-size:.85rem;color:var(--muted);line-height:1.55;}

/* ── PRODUKT-/KI-CHIPS + WORKFLOW-STRIPS (Features) ─────────── */
.chip{display:inline-flex;align-items:center;font-size:.56rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;border-radius:99px;padding:.18rem .55rem;line-height:1;vertical-align:middle;white-space:nowrap;}
.chip.c-spot{color:var(--teal-l);border:1px solid rgba(0,166,166,.4);background:rgba(0,166,166,.08);}
.chip.c-tms{color:#8FB8FF;border:1px solid rgba(90,140,255,.38);background:rgba(90,140,255,.08);}
.chip.c-ki{color:#06201f;background:linear-gradient(90deg,var(--teal-l),#7CE0B0);box-shadow:0 0 9px rgba(0,196,196,.4);text-transform:none;}
.chip.c-ent{color:var(--amber-l);border:1px solid rgba(255,176,32,.38);background:rgba(255,176,32,.08);}
.fmx .chips{position:absolute;top:1rem;right:1rem;display:flex;gap:.35rem;}
.fmx .wf{margin-top:.8rem;padding-top:.7rem;border-top:1px dashed rgba(255,255,255,.09);display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;font-size:.67rem;font-family:'Inter',sans-serif;}
.fmx .wf span{color:#B9C6D8;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:.17rem .45rem;font-weight:600;white-space:nowrap;line-height:1.2;}
.fmx .wf span:last-of-type{color:var(--teal-l);border-color:rgba(0,166,166,.32);background:rgba(0,166,166,.06);}
.fmx .wf i{font-style:normal;color:var(--faint);}
.fmx-legend{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:0 0 2.4rem;font-size:.78rem;color:var(--muted);}
.fmx-legend > span{display:inline-flex;align-items:center;gap:.5rem;}
.fmx-group > .lbl em{font-style:normal;font-weight:600;letter-spacing:.4px;text-transform:none;color:var(--faint);}
.fmx-group.g-spot > .lbl{color:var(--teal-l);}
.fmx-group.g-spot .fmx{border-color:rgba(0,166,166,.22);background:rgba(0,166,166,.03);}
.fmx-group.g-spot .fmx:hover{border-color:rgba(0,166,166,.45);}
.fmx-group.g-tms > .lbl{color:#8FB8FF;}
.fmx-group.g-tms > .lbl::before{background:#5A8CFF;}
.fmx-group.g-tms .fmx .ic{background:rgba(90,140,255,.08);border-color:rgba(90,140,255,.22);}
.fmx-group.g-tms .fmx .ic svg{stroke:#8FB8FF;}
.scene .k .chip{margin-left:.5rem;position:relative;top:-1px;}

/* ── SCREEN-LIGHTBOX ──────────────────────────────────────── */
.shot{cursor:zoom-in;}
.shot .vp{position:relative;}
.shot .vp::after{content:'⤢';position:absolute;top:.6rem;right:.7rem;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(7,16,32,.7);color:var(--teal-l);font-size:.9rem;opacity:0;transition:opacity .25s;pointer-events:none;}
.shot:hover .vp::after{opacity:1;}
.lbx{position:fixed;inset:0;z-index:200;background:rgba(4,10,20,.92);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:3vh 3vw;cursor:zoom-out;}
.lbx.open{display:flex;animation:lbxin .25s ease;}
@keyframes lbxin{from{opacity:0;}to{opacity:1;}}
.lbx img{max-width:96vw;max-height:90vh;width:auto;height:auto;border-radius:12px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.6);}
.lbx .close{position:absolute;top:1.2rem;right:1.4rem;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(10,31,68,.8);color:#fff;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.lbx .cap{position:absolute;bottom:1.4rem;left:0;right:0;text-align:center;font-size:.82rem;color:var(--muted);}

/* ── FOUNDING VALUE-STACK (Preise-Seite, helles Theme) ────── */
.vstack{margin-top:2.6rem;border-top:1px solid #D9E2EC;padding-top:2.2rem;}
.vstack .vs-h{font-family:'Archivo',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:1.6px;text-transform:uppercase;color:#0d7a7a;margin-bottom:1.3rem;}
.vstack .vs-grid{display:grid;grid-template-columns:1fr;gap:1rem;}
@media(min-width:760px){.vstack .vs-grid{grid-template-columns:1fr 1fr;}}
.vstack .vs-grid > div{border:1px solid #D9E2EC;border-radius:12px;padding:1.15rem 1.25rem;background:#fff;display:flex;gap:.8rem;align-items:flex-start;}
.vstack .vs-grid .n{font-family:'Archivo',sans-serif;font-weight:800;color:var(--amber);font-size:1.05rem;line-height:1;}
.vstack .vs-grid b{font-family:'Archivo',sans-serif;font-weight:800;color:var(--navy);display:block;margin-bottom:.25rem;font-size:1rem;}
.vstack .vs-grid span{font-size:.88rem;color:#46586E;line-height:1.55;}
.fomo{display:inline-flex;align-items:center;gap:.6rem;background:rgba(255,176,32,.14);border:1px solid rgba(255,176,32,.4);color:#9a6a00;border-radius:99px;padding:.45rem 1rem;font-size:.82rem;font-weight:600;margin-bottom:1.3rem;}
.fomo::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--amber);}


/* ── Enterprise-Tarif + Anfrage-Formular ── */
.pr.pr-ind{font-size:1.45rem;font-weight:800;color:var(--ink);line-height:1.2;}
.p-card.ent .for{color:var(--teal-l);}
.ent-form{margin-top:3rem;background:var(--navy-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2.2rem;}
.ent-form .ef-head{max-width:680px;margin-bottom:1.6rem;}
.ent-form .ef-head p{color:var(--muted);margin-top:.55rem;line-height:1.6;}
.ef-form{display:flex;flex-direction:column;gap:1.2rem;}
.ef-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.ef-form label{display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;color:var(--muted);font-weight:600;letter-spacing:.2px;}
.ef-form .opt{color:var(--faint);font-weight:400;text-transform:none;}
.ef-form input,.ef-form select,.ef-form textarea{background:var(--glass);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.72rem .85rem;color:var(--ink);font-family:inherit;font-size:.95rem;font-weight:400;}
.ef-form input::placeholder,.ef-form textarea::placeholder{color:var(--faint);}
.ef-form input:focus,.ef-form select:focus,.ef-form textarea:focus{outline:none;border-color:var(--teal);background:var(--glass-light);}
.ef-grid .ef-wide{grid-column:1 / -1;}
.ef-checks{border:1px solid var(--line);border-radius:var(--radius-sm);padding:1.2rem 1.3rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.4rem;}
.ef-checks legend{padding:0 .5rem;font-size:.82rem;color:var(--muted);font-weight:600;}
.ef-checks .chk{flex-direction:row;align-items:flex-start;gap:.6rem;color:var(--ink);font-size:.9rem;font-weight:400;}
.ef-checks .chk span{display:flex;flex-direction:column;gap:.15rem;}
.ef-checks .chk b{font-weight:600;color:var(--ink);font-size:.92rem;}
.ef-checks .chk small{font-size:.74rem;line-height:1.35;color:var(--muted);font-weight:400;}
.ef-form .chk input,.ef-consent input{width:auto;flex:none;}
.ef-checks .chk input{margin-top:.2rem;}
.ef-form .ef-consent{flex-direction:row;align-items:flex-start;gap:.6rem;color:var(--muted);font-size:.8rem;font-weight:400;line-height:1.5;}
.ef-consent input{margin-top:.15rem;}
.ef-form button.cta{align-self:flex-start;cursor:pointer;background:var(--teal);border:1.5px solid var(--teal);color:#fff;font-family:'Archivo',sans-serif;font-weight:700;font-size:.9rem;padding:.85rem 1.7rem;border-radius:9px;transition:background .15s;}.ef-form button.cta:hover{background:var(--teal-l);border-color:var(--teal-l);}
@media(max-width:640px){.ef-grid{grid-template-columns:1fr;}.ef-checks{grid-template-columns:1fr;}.ent-form{padding:1.4rem;}}

/* Premium-Pricing: Enterprise als invertierte Leader-Karte + Desktop-Hervorhebung */
.p-card.ent{background:var(--navy);border-color:var(--navy-deep);}
.p-card.ent .p-head,.p-card.ent .pr,.p-card.ent .pr-ind{color:#fff;}
.p-card.ent .n{color:var(--teal-l);}
.p-card.ent .for{color:var(--slate-lighter);}
.p-card.ent li{color:#C4D0DE;}
.p-card.ent li::before{color:var(--teal-l);}
.p-card.ent a.cta{background:var(--teal);border-color:var(--teal);color:#fff;}
.p-card.ent a.cta:hover{background:var(--teal-l);border-color:var(--teal-l);}
@media(min-width:900px){.p-card.mid{transform:scale(1.045);}.p-card.mid:hover{transform:scale(1.045) translateY(-5px);}}

/* ════════ Fähigkeits-Stufen: Fundament → KI → Agenten (links wenig, rechts am meisten) ════════ */
.stufen{margin:5rem 0 1rem;}
.st-intro{max-width:760px;margin:0 auto 2.8rem;text-align:center;}
.st-intro .label{margin-bottom:.6rem;}
.st-intro h2{font-family:'Archivo',sans-serif;font-weight:800;font-size:2rem;letter-spacing:-1px;color:var(--navy);margin:.4rem 0 .7rem;}
.st-intro p{font-size:1rem;line-height:1.6;color:#5B6B80;}
.st-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;align-items:start;}
.st-col{border:1px solid #D9E2EC;border-radius:18px;padding:1.9rem 1.7rem;background:#fff;position:relative;}
.st1{margin-top:3.4rem;}
.st2{margin-top:1.7rem;border:2px solid var(--amber);box-shadow:0 16px 40px rgba(255,176,32,.16);}
.st3{margin-top:0;background:var(--navy);border-color:var(--navy-deep);box-shadow:0 22px 54px rgba(10,31,68,.22);}
.st-step{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.02rem;width:2.1rem;height:2.1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--off);color:var(--navy);margin-bottom:1rem;}
.st2 .st-step{background:var(--amber);color:var(--navy);}
.st3 .st-step{background:var(--teal);color:#fff;}
.st-kicker{font-family:'Archivo',sans-serif;font-weight:700;font-size:.66rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--teal);margin-bottom:.45rem;}
.st3 .st-kicker{color:var(--teal-l);}
.st-col h3{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.3rem;letter-spacing:-.5px;color:var(--navy);margin:0 0 .5rem;}
.st3 h3{color:#fff;}
.st-claim{font-family:'Archivo',sans-serif;font-weight:700;font-size:1rem;line-height:1.35;color:var(--navy);margin-bottom:.85rem;}
.st3 .st-claim{color:var(--teal-l);}
.st-lead{font-size:.9rem;line-height:1.6;color:#5B6B80;margin-bottom:1.1rem;}
.st3 .st-lead{color:var(--slate-lighter);}
.st-list{list-style:none;padding:0;margin:0 0 1.1rem;display:flex;flex-direction:column;gap:.6rem;}
.st-list li{position:relative;padding-left:1.4rem;font-size:.9rem;line-height:1.45;color:#33455C;}
.st-list li::before{content:"›";position:absolute;left:0;top:-2px;color:var(--teal);font-weight:800;font-size:1.1rem;}
.st3 .st-list li{color:#C4D0DE;}
.st3 .st-list li::before{color:var(--teal-l);}
.st-list b{color:var(--navy);font-weight:700;}
.st3 .st-list b{color:#fff;}
.st-mut{color:#8295AB;font-weight:400;}
.st-for{border:1px solid #E3EAF3;background:var(--off);border-radius:12px;padding:.95rem 1rem;margin-bottom:1.1rem;}
.st-for-h{font-family:'Archivo',sans-serif;font-weight:800;font-size:.64rem;letter-spacing:1.4px;text-transform:uppercase;color:var(--teal);margin-bottom:.55rem;}
.st-for ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;}
.st-for li{position:relative;padding-left:1.3rem;font-size:.86rem;line-height:1.45;color:#33455C;}
.st-for li::before{content:'✓';position:absolute;left:0;top:0;color:var(--teal);font-weight:800;}
.st3 .st-for{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);}
.st3 .st-for-h{color:var(--teal-l);}
.st3 .st-for li{color:#C4D0DE;}
.st3 .st-for li::before{color:var(--teal-l);}
.st-ki{font-size:.82rem;line-height:1.5;color:#5B6B80;border-top:1px dashed #D9E2EC;padding-top:.8rem;margin-bottom:1.1rem;}
.st-ki b{color:var(--navy);}
.st3 .st-ki{color:#C4D0DE;border-color:rgba(255,255,255,.15);}
.st3 .st-ki b{color:#fff;}
.st-note{font-size:.82rem;line-height:1.5;color:#7A6320;background:#FFF6E6;border-left:3px solid var(--amber);border-radius:0 8px 8px 0;padding:.7rem .9rem;margin-bottom:1.1rem;}
.st-note b{color:#5C4D14;}
.st-guard{font-size:.86rem;line-height:1.55;color:#D6E0EC;background:rgba(0,166,166,.12);border:1px solid rgba(0,166,166,.4);border-radius:10px;padding:.85rem 1rem;margin-bottom:1rem;}
.st-guard-h{display:block;font-family:'Archivo',sans-serif;font-weight:800;color:#fff;margin-bottom:.25rem;}
.st-build{font-size:.8rem;color:var(--slate-lighter);margin:0 0 1.1rem;}
.st-tag{display:inline-block;font-family:'Archivo',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.5px;padding:.35rem .85rem;border-radius:999px;}
.st-tag-base{background:var(--off);color:#5B6B80;}
.st-tag-ai{background:var(--amber);color:var(--navy);}
.st-tag-ent{background:var(--teal);color:#fff;}
@media(max-width:880px){.st-grid{grid-template-columns:1fr;gap:1.1rem;}.st1,.st2,.st3{margin-top:0;}}

/* ════════ FAQ (Vollseite) ════════ */
.faq-more{margin-top:1.4rem;text-align:center;}
.faq-more a{color:var(--teal);font-family:'Archivo',sans-serif;font-weight:700;font-size:.95rem;text-decoration:none;}
.faq-more a:hover{color:var(--teal-l);}
.faq-full{background:var(--off);color:var(--navy);padding:3.5rem 0 4.5rem;}
.faq-group{max-width:820px;margin:0 auto 2.8rem;}
.faq-group h2{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.35rem;letter-spacing:-.5px;color:var(--navy);margin:0 0 1.1rem;padding-bottom:.6rem;border-bottom:2px solid var(--off);}
.faq-full details{border:1px solid #E2E9F0;border-radius:12px;padding:.1rem 1.1rem;margin-bottom:.7rem;background:#fff;transition:border-color .18s ease;}
.faq-full details[open]{border-color:#C9D6E4;}
.faq-full summary{font-family:'Archivo',sans-serif;font-weight:700;font-size:1rem;color:var(--navy);cursor:pointer;padding:.95rem 2rem .95rem 0;list-style:none;position:relative;}
.faq-full summary::-webkit-details-marker{display:none;}
.faq-full summary::after{content:"+";position:absolute;right:.1rem;top:.78rem;font-size:1.35rem;color:var(--teal);font-weight:400;line-height:1;}
.faq-full details[open] summary::after{content:"–";}
.faq-full details p{font-size:.92rem;line-height:1.65;color:#4A5A70;margin:0 0 1rem;}
.faq-full details p a{color:var(--teal);font-weight:600;}
.faq-cta{max-width:820px;margin:0 auto;text-align:center;background:#fff;border:1px solid #E2E9F0;border-radius:16px;padding:2.4rem 2rem;}
.faq-cta p{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.2rem;color:var(--navy);margin:0 0 1.2rem;}

/* ════════ Mein BAILOS (ehrlicher Login-Einstieg) ════════ */
.mb{background:var(--off);color:var(--navy);padding:3rem 0 4.5rem;}
.mb-login{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;background:var(--navy);border-radius:18px;padding:2.2rem 2rem;box-shadow:0 22px 54px rgba(10,31,68,.22);}
.mb-login-txt h2{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.4rem;color:#fff;margin:0 0 .5rem;}
.mb-login-txt p{color:var(--slate-lighter);font-size:.95rem;line-height:1.6;margin:0;max-width:560px;}
.mb-login a.cta{flex:none;background:var(--teal);border:1.5px solid var(--teal);color:#fff;font-family:'Archivo',sans-serif;font-weight:700;padding:.9rem 1.7rem;border-radius:9px;white-space:nowrap;text-decoration:none;transition:background .15s;}
.mb-login a.cta:hover{background:var(--teal-l);border-color:var(--teal-l);}
.mb-help{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin:2.4rem 0;}
.mb-card{background:#fff;border:1px solid #E2E9F0;border-radius:14px;padding:1.4rem;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;display:block;}
.mb-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(10,31,68,.10);}
.mb-card h3{font-family:'Archivo',sans-serif;font-weight:800;font-size:1rem;color:var(--navy);margin:0 0 .35rem;}
.mb-card p{font-size:.85rem;line-height:1.5;color:#5B6B80;margin:0;}
.mb-cta{text-align:center;background:#fff;border:1px solid #E2E9F0;border-radius:16px;padding:2.2rem;}
.mb-cta p{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.15rem;color:var(--navy);margin:0 0 1rem;}
.mb-cta a.cta{display:inline-block;background:var(--amber);border:1.5px solid var(--amber);color:var(--navy);font-family:'Archivo',sans-serif;font-weight:700;padding:.85rem 1.7rem;border-radius:9px;text-decoration:none;transition:background .15s;}
.mb-cta a.cta:hover{background:var(--amber-l);border-color:var(--amber-l);}
.mb-note{display:block;margin-top:1rem;font-size:.82rem;color:#7A8699;}
@media(max-width:760px){.mb-help{grid-template-columns:1fr 1fr;}.mb-login{flex-direction:column;align-items:flex-start;}}
@media(max-width:460px){.mb-help{grid-template-columns:1fr;}}