:root{--bg:#121815;--panel:#19211c;--panel2:#151c18;--line:#303b32;--text:#ecece1;--muted:#a1ada1;--accent:#e9b36b;--green:#a8c4a0;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit;background:transparent;border:0}header{height:88px;margin:auto;max-width:1440px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:inline-flex;align-items:center;gap:5px;font-size:22px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.mark{font-size:34px;color:var(--accent);line-height:1;margin-right:9px}.wordmark{font-weight:350}.region{font-family:var(--mono);font-size:9px;letter-spacing:2px;writing-mode:vertical-rl;margin-left:10px;color:var(--muted)}nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}nav a:hover,.text-link:hover{color:var(--accent)}.nav-actions{display:flex;gap:24px;align-items:center;font-size:12px}#language{font-family:var(--mono);padding:10px 0}.outline{border:1px solid var(--line);border-radius:4px;padding:10px 17px}.small{font-size:13px}main{max-width:1280px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding:104px 0 84px}.eyebrow{display:flex;align-items:center;gap:10px;font:10px/1.6 var(--mono);letter-spacing:1.8px;color:var(--muted);margin:0 0 28px}.tiny-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--green)}h1{font-size:clamp(55px,6.3vw,88px);font-weight:500;letter-spacing:-5px;line-height:1.04;margin:0 0 30px}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--accent);letter-spacing:-4px}.intro{max-width:440px;font-size:16px;line-height:1.8;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:30px}.solid{background:var(--accent);border:1px solid var(--accent);color:#1b2118;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:12px;font-weight:650;border-radius:3px}.solid:hover{background:#f2c78f}.text-link{font-size:12px}.hero-note{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;margin-top:35px}.mini-grid{font-size:18px;color:var(--accent)}.signal-card{border:1px solid var(--line);border-radius:7px;background:radial-gradient(ellipse at 50% 45%,#26372a66,transparent 65%),var(--panel2);padding:24px 27px 0;transform:rotate(-1deg);box-shadow:0 25px 80px #0002}.panel-label{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1.5px;color:var(--muted);margin-bottom:32px}.source-row{display:flex;justify-content:space-around;gap:14px}.source-row span{border:1px solid var(--line);padding:8px 0;width:100%;text-align:center;font:10px var(--mono);border-radius:3px;background:var(--panel)}.connectors{display:flex;justify-content:space-around}.connectors i{display:block;height:40px;width:1px;background:linear-gradient(var(--line),var(--accent))}.processor{border:1px solid #dba56088;display:flex;gap:10px;align-items:center;border-radius:4px;padding:12px 16px;box-shadow:0 0 40px #e9b36b08}.processor strong{font-size:13px;letter-spacing:1px}.processor-icon{font-size:26px;color:var(--accent);line-height:1}.pulse-label{margin-left:auto;font:8px var(--mono);letter-spacing:1px;display:flex;gap:7px;align-items:center;color:var(--accent)}.pulse-label .tiny-dot{background:var(--accent);animation:glow 2s infinite}.connector-single{height:27px;width:1px;background:var(--line);margin:auto}.event-preview{padding:18px;background:#0e1411;border:1px solid var(--line);border-radius:3px;font:10px var(--mono)}.event-preview>div{display:flex;align-items:center;gap:15px}.event-time{color:#879786}.event-service{margin-left:auto;color:var(--muted)}.event-preview p{font-size:12px;margin:18px 0}.event-preview p span{color:var(--green);float:right}.event-preview code{font-size:10px;color:#798979;line-height:1.9}.event-preview b{font-weight:400;color:#c5cec3}.signal-footer{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:18px 0;margin-top:25px;font:8px var(--mono);letter-spacing:.6px;color:var(--muted)}.signal-footer>span:last-child{margin-left:auto}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0}.principles>div{display:grid;grid-template-columns:22px 1fr;column-gap:16px}.principles span{grid-row:span 2;font:10px var(--mono);color:var(--accent);padding-top:5px}.principles strong{font-size:13px;font-weight:550}.principles p{font-size:12px;color:var(--muted);margin:9px 0 0}.explorer-section{padding:86px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:14px}h2{font-size:36px;line-height:1.15;font-weight:450;letter-spacing:-1.5px;margin:0}.section-heading>p{color:var(--muted);font-size:12px;margin:0}.console{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel2)}.console-top{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line);gap:15px}.console-title{display:flex;align-items:center;gap:10px;font:10px var(--mono)}.console-title strong{font-weight:400}.demo-badge{color:var(--muted);font-size:8px;border:1px solid var(--line);padding:2px 5px;margin-left:12px;border-radius:2px}.console-controls{display:flex;gap:12px;font:10px var(--mono)}.console-controls button{padding:3px 6px;color:var(--muted)}.console-controls button:hover{color:var(--accent)}.chart-wrap{position:relative;padding:22px 22px 15px;border-bottom:1px solid var(--line)}.chart-label{position:absolute;top:21px;left:22px;display:grid;gap:2px}.chart-label>span{font:8px var(--mono);letter-spacing:1.4px;color:var(--muted)}.chart-label strong{font-size:29px;font-weight:400;line-height:1.5}.chart-label small{font-size:9px;color:var(--muted)}.chart{height:100px;display:flex;align-items:flex-end;gap:3px;padding-left:210px;background:repeating-linear-gradient(to top,transparent 0,transparent 24px,#303b3233 24px,#303b3233 25px)}.chart i{flex:1;background:#8ca98766;border-top:1px solid #b6cbaa;border-radius:1px 1px 0 0}.chart i.peak{background:#e9b36b99;border-color:var(--accent)}.chart-axis{display:flex;justify-content:space-between;padding-left:210px;font:8px var(--mono);color:var(--muted);margin-top:9px}.filter-row{display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:10px;flex:1}.search>span{color:var(--muted);font-size:22px}.search input{background:transparent;border:0;color:var(--text);width:100%;font-size:11px;padding:6px 0;min-width:100px}.search input::placeholder{color:#8e9d8c}.filter-row select{color:var(--text);background:var(--panel);border:1px solid var(--line);padding:5px 8px;font-size:10px;border-radius:3px}.live-label{font:8px var(--mono);color:var(--green);display:flex;gap:6px;align-items:center;margin-left:8px}.log-scroll{max-height:365px;overflow:auto;min-height:200px}table{width:100%;border-collapse:collapse;font:10px var(--mono);text-align:left;white-space:nowrap}th{position:sticky;top:0;background:var(--panel);font-size:8px;letter-spacing:1px;color:var(--muted);font-weight:400}td,th{padding:12px 14px;border-bottom:1px solid #303b3255}td:first-child,th:first-child{padding-left:22px}td:first-child,td:last-child{color:#879786}td:nth-child(3){color:#bccbb8}td:nth-child(4){color:#d4dbcf}tbody tr:hover{background:#a8c4a005}.level{display:inline-block;font:8px var(--mono);padding:3px 5px;border-radius:2px;letter-spacing:.3px}.info{color:#b5c9a9;background:#8ca9871a}.warn{color:#e9b36b;background:#e9b36b15}.error{color:#ef9d91;background:#ef9d9115}#empty{padding:40px;text-align:center;color:var(--muted);font-size:12px}.console-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:11px 22px;font:8px var(--mono);color:var(--muted)}.docs-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:0 0 85px}.docs-section .eyebrow{margin-bottom:15px}.docs-section h2{margin-bottom:20px}.docs-section p:not(.eyebrow){font-size:12px;color:var(--muted)}.doc-tabs{display:flex;border-bottom:1px solid var(--line);margin:25px 0 18px;gap:20px}.doc-tabs button{font-size:11px;padding:8px 0;border-bottom:2px solid transparent;color:var(--muted)}.doc-tabs button.active{border-color:var(--accent);color:var(--accent)}.docs-section .doc-note{font-size:10px!important;opacity:.8;margin-top:20px}.code-card{align-self:center;background:#0e1411;border:1px solid var(--line);border-radius:5px;overflow:hidden}.code-card>div{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted)}.code-card button{font-size:9px;color:var(--accent)}.code-card pre{padding:22px;margin:0;overflow:auto;color:#c5d3b9;font:11px/1.9 var(--mono);min-height:200px}.code-footer{display:flex;align-items:center;gap:7px;padding:15px 20px;border-top:1px solid var(--line);font:8px var(--mono);letter-spacing:.7px;color:var(--muted)}.status-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding:70px 0}.status-section .eyebrow{margin-bottom:15px}.status-section>div>p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:380px}.status-panel{border:1px solid var(--line);border-radius:5px;padding:22px;background:var(--panel2)}.status-panel>div{display:flex;justify-content:space-between;gap:15px;font-size:12px}.status-panel>div>span{display:flex;align-items:center;gap:10px}.status-panel strong{font-weight:450}.status-panel button{color:var(--muted);font-size:10px}dl{margin:20px 0 0}dl>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid #303b3266;font:10px var(--mono)}dt{color:var(--muted)}dd{margin:0}.status-panel>p{font-size:9px;color:var(--muted);margin:15px 0 0}footer{border-top:1px solid var(--line);padding:32px 5%;max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p{font-family:Georgia,serif;font-size:17px;color:var(--muted)}footer>span{font:9px var(--mono);color:var(--muted)}dialog{width:min(440px,calc(100% - 32px));border:1px solid #53634f;background:var(--panel2);color:var(--text);border-radius:8px;padding:30px;box-shadow:0 30px 150px #0008}dialog::backdrop{background:#071009bb;backdrop-filter:blur(6px)}.login-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.login-top>button{font-size:28px;line-height:1;padding:8px;color:var(--muted)}dialog .eyebrow{margin-bottom:12px}dialog h2{font-size:34px}.login-description{font-size:13px;color:var(--muted);margin-bottom:27px}form>label{display:block;font-size:11px;color:var(--muted);margin:16px 0 7px}form input{width:100%;background:#0e1411;border:1px solid var(--line);border-radius:3px;color:var(--text);padding:12px;font-size:13px;min-width:0}.password-field{display:flex;border:1px solid var(--line);border-radius:3px;background:#0e1411}.password-field input{border:0;background:transparent}.password-field button{color:var(--muted);font-size:10px;padding:0 12px;white-space:nowrap}form .solid{width:100%;margin-top:23px;padding:13px}form button:disabled{opacity:.7;cursor:wait}#login-error{font-size:12px;color:#ef9d91;padding:11px;background:#ef9d9110;border:1px solid #ef9d9133;border-radius:3px;margin:18px 0 0}.login-help{font-size:10px;text-align:center;color:var(--muted);margin:17px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes glow{50%{opacity:.3}}@media(min-width:1400px){.hero{padding-top:120px;padding-bottom:100px}}@media(max-width:1000px){header{gap:18px;padding:0 30px}nav{gap:18px;font-size:11px}.nav-actions{gap:16px}main{padding:0 30px}.hero{gap:5%;padding:70px 0}.hero h1{font-size:65px}.hero-actions{gap:15px}.hero-actions .solid{font-size:11px}.hero-note{font-size:9px}.signal-card{padding:20px 20px 0}.event-service{font-size:9px}.docs-section,.status-section{gap:40px}.region{display:none}}@media(max-width:760px){header{height:74px;padding:0 22px}header nav{display:none}.brand{font-size:20px}.nav-actions{gap:18px}main{padding:0 22px}.hero{grid-template-columns:1fr;padding:58px 0 45px;gap:45px}.hero h1{font-size:68px;letter-spacing:-4px}.hero h1 em{letter-spacing:-3px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero .intro{font-size:15px}.signal-card{transform:none;max-width:500px;width:100%;justify-self:center}.principles{grid-template-columns:1fr;gap:24px;padding:30px 0}.principles p{margin-top:5px}.explorer-section{padding:55px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading .eyebrow{font-size:8px}h2{font-size:30px}.console-top{padding:14px;flex-wrap:wrap}.console-title{font-size:9px;gap:6px}.demo-badge{margin-left:3px;font-size:7px}.console-controls{margin-left:auto;gap:3px}.console-controls button{font-size:9px}.chart-wrap{padding:18px 14px 13px}.chart-label{left:14px;top:18px}.chart-label small{max-width:95px;line-height:1.5}.chart{padding-left:120px;gap:2px}.chart-axis{padding-left:120px}.filter-row{padding:10px 14px;gap:7px}.search input{font-size:10px}.live-label{display:none}.log-scroll{max-height:330px}td,th{padding:11px 10px}td:first-child,th:first-child{padding-left:14px}.console-bottom{font-size:7px;padding:11px 14px}.docs-section{grid-template-columns:1fr;gap:25px;padding-bottom:50px}.code-card pre{font-size:10px;padding:18px}.status-section{grid-template-columns:1fr;gap:25px;padding:45px 0}.status-panel{padding:17px}.status-panel dd{font-size:9px}footer{padding:25px 22px;flex-wrap:wrap;gap:15px}footer p{font-size:14px}footer>span{width:100%;font-size:8px}dialog{padding:25px}dialog h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulse-label .tiny-dot{animation:none}}

html[lang="de"] h1{font-size:clamp(44px,5.3vw,74px);letter-spacing:-3px}html[lang="de"] h1 em{letter-spacing:-3px}@media(max-width:760px){html[lang="de"] h1{font-size:clamp(42px,9.5vw,68px);letter-spacing:-2px}}