@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500&family=IBM+Plex+Mono:wght@400;500&display=swap');

.t4a{
  --paper:#F4F8FB; --ink:#16243A; --muted:#5A6B84; --line:#E3EAF3; --card:#FFFFFF;
  --brand:#0C7C77; --brand-ink:#0A6B66; --brand-wash:#E7F4F2;
  --train:#0C7C77; --bus:#2F6BF0; --bike:#17A673; --walk:#7A5AF0; --car:#F2864B; --van:#E8890C;
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  min-height:100vh;
  overflow:hidden;
  background:
    radial-gradient(760px 460px at 84% 4%, rgba(47,107,240,.06), transparent 60%),
    radial-gradient(680px 440px at 6% 96%, rgba(242,134,75,.06), transparent 58%),
    var(--paper) !important;
  color:var(--ink) !important;
  font-family:"IBM Plex Sans", system-ui, sans-serif !important;
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  padding:64px 22px 56px !important;
}
.t4a *{box-sizing:border-box;}
.t4a .wrap{position:relative;z-index:1;width:100%;max-width:640px;margin:0 auto !important;text-align:center;}

/* durchgehendes Hintergrund-Netz */
.t4a .netbg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.4;}
.t4a .netbg svg{width:100%;height:100%;display:block;}
.t4a .nl{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:.28;}
.t4a .nd{opacity:.35;}

/* emblem */
.t4a .emblem{width:min(300px,86%);margin:0 auto 30px !important;}
.t4a .emblem svg{width:100%;height:auto;display:block;overflow:visible;}
.t4a .spoke{stroke:#D3E0EE;stroke-width:2.5;fill:none;}
.t4a .pulse{fill:none;stroke:var(--brand);stroke-width:2;}
.t4a .node-bg{fill:#fff;stroke-width:2.5;}
.t4a .node-bg.train{stroke:var(--train);} .t4a .node-bg.bus{stroke:var(--bus);}
.t4a .node-bg.bike{stroke:var(--bike);} .t4a .node-bg.walk{stroke:var(--walk);}
.t4a .node-bg.car{stroke:var(--car);} .t4a .node-bg.van{stroke:var(--van);}
.t4a .ico{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.t4a .ico.train{stroke:var(--train);} .t4a .ico.bus{stroke:var(--bus);}
.t4a .ico.bike{stroke:var(--bike);} .t4a .ico.walk{stroke:var(--walk);}
.t4a .ico.car{stroke:var(--car);} .t4a .ico.van{stroke:var(--van);}
.t4a .sig.train{fill:var(--train);} .t4a .sig.bus{fill:var(--bus);}
.t4a .sig.bike{fill:var(--bike);} .t4a .sig.walk{fill:var(--walk);}
.t4a .sig.car{fill:var(--car);} .t4a .sig.van{fill:var(--van);}
.t4a .hub{fill:var(--brand);}
.t4a .hub-t{fill:#fff;font-family:"Space Grotesk",sans-serif !important;font-weight:700;font-size:17px;letter-spacing:.5px;}

/* header */
.t4a .eyebrow{font-family:"IBM Plex Mono",monospace !important;font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--brand-ink);margin:0 0 18px !important;}
.t4a .status{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;margin:0 0 24px !important;font-family:"IBM Plex Mono",monospace !important;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);}
.t4a .status .dot{width:7px;height:7px;border-radius:50%;background:var(--brand);animation:t4a-blink 2s ease-in-out infinite;}
@keyframes t4a-blink{50%{opacity:.3;}}
.t4a h1{font-family:"Space Grotesk",sans-serif !important;font-weight:600;font-size:clamp(30px,6vw,46px);line-height:1.08 !important;letter-spacing:-.5px;margin:0 0 20px !important;color:var(--ink) !important;}
.t4a h1 .hl{color:var(--brand-ink);}
.t4a .lead{font-size:clamp(15px,2.3vw,17px);line-height:1.65 !important;color:var(--muted) !important;max-width:520px;margin:0 auto 14px auto !important;}
.t4a .modes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px !important;}
.t4a .chip{font-family:"IBM Plex Mono",monospace !important;font-size:11.5px;letter-spacing:.5px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 13px;}

/* content sections */
.t4a .section{margin-top:48px !important;text-align:left;}
.t4a .kicker{font-family:"IBM Plex Mono",monospace !important;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:0 0 16px !important;text-align:center;}
.t4a .expect{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;}
.t4a .expect .item{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 18px;box-shadow:0 1px 2px rgba(20,50,90,.03),0 12px 26px -20px rgba(20,50,90,.3);}
.t4a .expect .ic{width:34px;height:34px;border-radius:9px;background:var(--brand-wash);display:grid;place-items:center;margin-bottom:12px;}
.t4a .expect .ic svg{stroke:var(--brand);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.t4a .expect h3{font-family:"Space Grotesk",sans-serif !important;font-size:15px;font-weight:600;margin:0 0 6px !important;color:var(--ink);}
.t4a .expect p{margin:0 !important;font-size:13.5px;line-height:1.55 !important;color:var(--muted) !important;}
.t4a .aud{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.t4a .acard{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:15px;padding:24px 22px;box-shadow:0 1px 2px rgba(20,50,90,.03),0 14px 30px -22px rgba(20,50,90,.32);}
.t4a .acard.mpo{border-top-color:var(--bus);}
.t4a .acard .who{font-family:"IBM Plex Mono",monospace !important;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--brand-ink);margin-bottom:6px;}
.t4a .acard.mpo .who{color:var(--bus);}
.t4a .acard h3{font-family:"Space Grotesk",sans-serif !important;font-size:18px;font-weight:600;margin:0 0 9px !important;line-height:1.2 !important;color:var(--ink);}
.t4a .acard p{margin:0 !important;font-size:14px;line-height:1.55 !important;color:var(--muted) !important;}

/* signup */
.t4a .signup{margin-top:40px !important;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px 28px;box-shadow:0 20px 50px -30px rgba(20,50,90,.35);text-align:center;}
.t4a .signup h2{font-family:"Space Grotesk",sans-serif !important;font-weight:600;font-size:clamp(22px,3.4vw,28px);margin:0 0 8px !important;letter-spacing:-.3px;color:var(--ink);}
.t4a .signup .sub{font-size:14.5px;line-height:1.55 !important;color:var(--muted) !important;max-width:420px;margin:0 auto 22px auto !important;}
.t4a .pd{max-width:460px;margin:0 auto;min-height:80px;}

/* footer */
.t4a footer{margin-top:40px !important;padding-top:22px;border-top:1px solid var(--line);text-align:center;}
.t4a .partners{font-family:"IBM Plex Mono",monospace !important;font-size:11px;letter-spacing:.5px;color:var(--muted);line-height:1.9;}
.t4a .partners b{color:var(--ink);font-weight:500;}
.t4a .legal{margin-top:14px;font-size:12px;color:var(--muted);}
.t4a .legal a{color:var(--brand-ink);text-decoration:none;}
.t4a .legal a:hover{text-decoration:underline;}
.t4a .legal .sep{color:var(--line);margin:0 6px;}

@media(max-width:560px){.t4a .expect{grid-template-columns:1fr;}.t4a .aud{grid-template-columns:1fr;}}
@media (prefers-reduced-motion:reduce){.t4a .status .dot{animation:none;}}

html,body{margin:0;padding:0;background:#F4F8FB;}
body{overflow-x:hidden;}

.t4l{
  --paper:#F4F8FB;--ink:#16243A;--muted:#5A6B84;--line:#E3EAF3;--card:#FFF;
  --brand:#0C7C77;--brand-ink:#0A6B66;--warn:#B45309;--warn-bg:#FEF6E7;
  min-height:100vh;background:var(--paper);color:var(--ink);
  font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;padding:56px 22px 64px;
}
.t4l *{box-sizing:border-box}.t4l .wrap{max-width:760px;margin:0 auto}.t4l .eyebrow{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--brand-ink);margin:0 0 12px}.t4l h1{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:clamp(28px,5vw,42px);letter-spacing:-.5px;margin:0 0 28px;color:var(--ink);line-height:1.1}.t4l .stand{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--muted);margin:0 0 24px}.t4l .card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:34px 32px;box-shadow:0 20px 50px -34px rgba(20,50,90,.3)}.t4l h2{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:19px;color:var(--brand-ink);margin:30px 0 12px}.t4l h2:first-child,.t4l h2:first-of-type{margin-top:0}.t4l p{margin:0 0 12px;color:var(--ink)}.t4l a{color:var(--brand-ink)}.t4l .dl{display:grid;grid-template-columns:210px 1fr;gap:8px 18px;margin:0}.t4l .dl dt{font-family:"IBM Plex Mono",monospace;font-size:12.5px;letter-spacing:.3px;text-transform:uppercase;color:var(--muted);padding-top:2px}.t4l .dl dd{margin:0;color:var(--ink)}.t4l .small{font-size:14px;color:var(--muted);line-height:1.6}.t4l ul{margin:0 0 12px;padding-left:20px}.t4l li{margin:0 0 5px}.t4l .draft{background:var(--warn-bg);border:1px solid #F3D8A8;border-radius:10px;padding:14px 16px;font-size:13.5px;line-height:1.55;color:var(--warn);margin-bottom:26px}.t4l .back{display:inline-block;margin-top:26px;font-family:"IBM Plex Mono",monospace;font-size:12.5px;letter-spacing:.5px;color:var(--brand-ink);text-decoration:none}.t4l .back:hover{text-decoration:underline}@media(max-width:560px){.t4l{padding:36px 16px 48px}.t4l .card{padding:26px 20px}.t4l .dl{grid-template-columns:1fr;gap:2px 0}.t4l .dl dd{margin-bottom:10px}}