:root{--db-red:#ec0016;--db-blue-dark:#1c2a4e;--db-blue-mid:#2c3e66;--db-ink:#131314;--db-grey-0:#fff;--db-grey-1:#f5f5f5;--db-grey-1b:#ececee;--db-grey-2:#e5e5e8;--db-grey-3:#bdbdc2;--db-grey-text:#5a5a60;--db-track-bg:#283c5d}.logo .slash{color:var(--font-dimmed);opacity:.5;margin:0 10px;font-weight:500}.logo .sub{color:var(--accent-bright);font-size:14px;font-weight:600}.nav-cta{align-items:center;gap:8px;display:inline-flex!important}.ext-hero{padding:72px 28px 32px}.ext-hero-inner{text-align:center;max-width:1200px;margin:0 auto;position:relative}.ext-hero-inner h1{max-width:22ch;margin-left:auto;margin-right:auto}.ext-hero-inner p{margin-left:auto;margin-right:auto}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:var(--primary);background:#fff}.btn-primary:hover{background:#f1ecff}.btn-ghost{color:#fff;background:#ffffff14;border-color:#ffffff38}.btn-ghost:hover{background:#ffffff24}.hero-trust{font-family:var(--font-jetbrains), monospace;letter-spacing:.06em;color:#ffffff8c;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:16px;font-size:11px;display:inline-flex}.hero-trust span{align-items:center;gap:6px;display:inline-flex}.hero-trust .dot{background:#fff6;border-radius:50%;width:5px;height:5px}.browser-wrap{z-index:2;max-width:1200px;margin:40px auto 0;padding:0 28px;position:relative}.browser-wrap.inline{max-width:1200px;margin-top:0;display:block}.browser{background:#1b1b2e;border-radius:14px 14px 12px 12px;width:100%;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 40px 80px -20px #00000073,0 20px 40px -20px #00000059}.browser-chrome{background:#232336;padding:10px 14px 0}.browser-tabs{align-items:end;gap:4px;display:flex}.browser-tab{color:#ffffffc7;background:#1b1b2e;border-radius:8px 8px 0 0;align-items:center;gap:8px;max-width:280px;padding:7px 14px 8px;font-size:12px;display:inline-flex}.browser-tab.inactive{color:#fff6;background:0 0}.browser-tab .tab-favicon{background:var(--db-blue-dark);border-radius:3px;flex-shrink:0;width:13px;height:13px}.browser-tab.inactive .tab-favicon{background:#ffffff2e}.browser-tab .close{color:#ffffff59;font-size:13px;line-height:1}.browser-bar{background:#2b2b40;align-items:center;gap:10px;padding:9px 14px;display:flex}.browser-btn{color:#ffffff73;border-radius:4px;place-items:center;width:22px;height:22px;font-size:14px;display:inline-grid}.browser-url{color:#ffffffb8;font-family:var(--font-jetbrains), monospace;white-space:nowrap;text-overflow:ellipsis;background:#181826;border-radius:999px;flex:1;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex;overflow:hidden}.browser-url .url-lock{color:var(--approval)}.browser-url .url-host{color:#fff}.browser-url .url-path{color:#ffffff8c}.ext-pill{background:var(--gradient);color:#fff;font-family:var(--font-jetbrains), monospace;letter-spacing:.04em;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 9px 4px 7px;font-size:10.5px;font-weight:600;display:inline-flex;box-shadow:0 0 0 2px #b43fbf2e}.ext-pill .glow{background:#b6f2c9;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite glow;box-shadow:0 0 0 3px #22c55e40}@keyframes glow{50%{box-shadow:0 0 0 5px #22c55e14}}.mockup-disclaimer{text-align:center;font-family:var(--font-jetbrains), monospace;color:var(--font-dimmed);letter-spacing:.02em;margin:14px auto 0;font-size:12px}.db-page{background:var(--db-grey-1);color:var(--db-ink);font-family:var(--font-manrope), sans-serif}.db-stepper{border-bottom:1px solid var(--db-grey-2);background:#fff;align-items:center;gap:24px;padding:18px 32px;display:flex}.db-stepper-logo-slot{flex-shrink:0;width:56px;height:40px}.db-steps{flex:1;grid-template-columns:repeat(5,1fr);align-items:center;padding:0 8px;display:grid;position:relative}.db-steps:before{content:"";background:var(--db-grey-3);z-index:1;height:1.5px;position:absolute;top:calc(100% - 11px);left:10%;right:10%}.db-step{z-index:2;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.db-step .lbl{color:var(--db-grey-text);font-size:13px;font-weight:700}.db-step.active .lbl{color:var(--db-ink)}.db-step .node{border:2px solid var(--db-grey-3);background:#fff;border-radius:50%;width:16px;height:16px}.db-step.active .node{border-color:var(--db-ink);background:var(--db-ink);box-shadow:0 0 0 4px white, 0 0 0 6px var(--db-ink);width:8px;height:8px}.db-cancel{color:var(--db-ink);flex-shrink:0;align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.db-cancel .x{color:var(--db-red);font-weight:700}.db-summary{background:var(--db-blue-mid);color:#fff;flex-wrap:wrap;align-items:center;gap:28px;padding:12px 32px;font-size:13px;font-weight:500;display:flex}.db-summary .item{color:#fff;align-items:center;gap:8px;display:inline-flex}.db-summary .edit{color:#fff;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.db-body{background:var(--db-grey-1);padding:24px 32px 32px}.db-body-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.db-body-head .last-update{color:var(--db-grey-text);font-size:12px}.db-body-title{color:var(--db-ink);letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:0;font-size:28px;font-weight:800;display:flex}.db-body-title .date{color:var(--db-ink);font-weight:500}.db-bestprice{color:var(--db-ink);align-items:center;gap:8px;margin-left:auto;font-size:13px;font-weight:500;display:inline-flex}.db-bestprice .euro{background:var(--approval);color:#fff;border-radius:4px;place-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:inline-grid}.db-bestprice .toggle{background:var(--db-grey-3);border-radius:999px;width:34px;height:18px;position:relative}.db-bestprice .toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:2px}.db-prev-link{color:var(--db-ink);align-items:center;gap:6px;margin-top:22px;font-size:14px;font-weight:500;display:inline-flex}.db-prev-link .arr{color:var(--db-red);font-weight:700}.db-conn{background:#fff;border-radius:4px;grid-template-columns:1fr 200px;margin-top:12px;display:grid;overflow:hidden;box-shadow:0 1px #00000008}.db-conn-main{padding:22px 24px 14px;position:relative}.db-conn-top{color:var(--db-ink);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;font-size:13px;display:flex}.db-conn-top .times{letter-spacing:-.01em;color:var(--db-ink);font-size:22px;font-weight:800}.db-conn-top .sep{color:var(--db-grey-3);margin:0 2px;font-weight:400}.db-conn-top .divider{color:var(--db-grey-3);font-weight:400}.db-conn-top .meta{color:var(--db-ink);font-weight:500}.db-conn-top .util{color:var(--db-ink);align-items:center;gap:8px;margin-left:auto;font-weight:500;display:inline-flex}.db-conn-top .util-bars{color:var(--db-grey-text);gap:1px;display:inline-flex}.db-conn-top .util-bars i{background:currentColor;border-radius:1px;width:4px;height:10px;display:inline-block}.tn-inline{color:var(--db-ink);align-items:center;gap:7px;font-size:13px;font-weight:500;display:inline-flex}.tn-inline .t-mark{vertical-align:middle;flex-shrink:0;width:16px;height:16px;display:inline-block}.tn-inline b{color:var(--db-ink);font-weight:700}.db-train-bar{gap:3px;margin:8px 0 10px;display:flex}.db-train-seg{background:var(--db-track-bg);color:#fff;text-align:center;letter-spacing:.01em;border-radius:2px;padding:9px 12px;font-size:13px;font-weight:800}.db-train-seg.local{background:var(--db-grey-3);color:var(--db-ink)}.db-conn-stations{color:var(--db-ink);justify-content:space-between;margin-top:4px;font-size:14px;font-weight:500;display:flex}.db-conn-warn{color:var(--db-ink);align-items:center;gap:8px;margin-top:14px;font-size:13px;display:inline-flex}.db-conn-warn .ic{background:var(--db-ink);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:11px;font-weight:700;display:inline-grid}.db-conn-details-link{text-align:center;border-top:1px solid var(--db-grey-2);color:var(--db-ink);justify-content:center;align-items:center;gap:6px;margin-top:14px;padding:12px 0 2px;font-size:14px;font-weight:500;display:flex}.db-conn-details-link.expanded{color:var(--db-red)}.db-conn-details-link .chev{color:var(--db-red);font-weight:700}.db-conn-side{border-left:1px solid var(--db-grey-2);background:#fff;flex-direction:column;gap:10px;padding:22px 22px 16px;display:flex;position:relative}.db-conn-side .menu-dots{color:var(--db-red);letter-spacing:1px;font-weight:700;position:absolute;top:14px;right:18px}.db-conn-side .price{color:var(--db-ink);font-size:13px}.db-conn-side .price .from{color:var(--db-grey-text);font-weight:500}.db-conn-side .price .amt{letter-spacing:-.01em;color:var(--db-ink);font-size:22px;font-weight:800}.db-conn-side .weiter{background:var(--db-red);color:#fff;text-align:center;border-radius:4px;padding:11px 18px;font-size:15px;font-weight:700}.db-conn-side .add-return{text-align:center;color:var(--db-red);border-top:1px solid var(--db-grey-2);justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:8px 0 0;font-size:13px;font-weight:600;display:inline-flex}.db-timeline{background:#fff;margin-top:1px;padding:24px 32px 28px}.db-tl{padding-left:110px;position:relative}.db-tl:before{content:"";background:var(--db-ink);border-radius:1px;width:2px;position:absolute;top:18px;bottom:18px;left:90px}.tl-node{padding:0 0 18px;position:relative}.tl-node:last-child{padding-bottom:0}.tl-time{width:70px;color:var(--db-ink);letter-spacing:-.01em;font-size:16px;font-weight:800;position:absolute;top:0;left:-110px}.tl-duration{width:70px;color:var(--db-grey-text);font-size:12px;font-weight:500;position:absolute;top:26px;left:-110px}.tl-dot{border:2px solid var(--db-ink);z-index:2;background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:4px;left:-25px}.tl-platform{float:right;background:var(--db-blue-mid);color:#fff;border-radius:4px;padding:4px 10px;font-size:13px;font-weight:700}.tl-station{color:var(--db-ink);letter-spacing:-.01em;align-items:center;gap:6px;font-size:17px;font-weight:800;display:inline-flex}.tl-station .chev{color:var(--db-red);font-weight:700}.tl-train{background:var(--db-track-bg);color:#fff;border-radius:3px;align-items:center;gap:8px;margin-top:12px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.tl-train .ice-icon{color:#fffffff2;border-right:1px solid #fff3;align-items:center;padding-right:8px;display:inline-flex}.tl-train .ice-icon svg{fill:currentColor;width:14px;height:14px;display:block}.tl-train.local{background:var(--db-grey-3);color:var(--db-ink)}.tl-train.local .ice-icon{color:var(--db-ink);border-color:#00000026}.tl-to{color:var(--db-grey-text);margin-top:8px;font-size:13.5px;font-weight:500}.tl-chips{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.tl-chip{border:1px solid var(--db-grey-2);color:var(--db-ink);background:#f0f3f5;border-radius:5px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.tl-chip .ic{color:var(--db-grey-text)}.tl-util{color:var(--db-ink);align-items:center;gap:8px;width:fit-content;margin-top:14px;font-size:13.5px;display:flex}.tl-util .util-ic{color:var(--db-grey-text);gap:1.5px;display:inline-flex}.tl-util .util-ic i{background:currentColor;border-radius:1px;width:4px;height:11px;display:inline-block}.tl-info-btn{border:1px solid var(--db-grey-2);width:fit-content;color:var(--db-ink);background:#fff;border-radius:5px;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.tl-info-btn .ic-letters{color:var(--db-grey-text);border-right:1px solid var(--db-grey-2);padding-right:6px;font-size:9px;font-weight:700;line-height:1}.tl-stops-toggle{color:var(--db-ink);align-items:center;gap:6px;width:fit-content;margin-top:14px;font-size:13.5px;font-weight:500;display:flex}.tl-stops-toggle .chev{color:var(--db-red);font-weight:700}.tl-transfer{background:var(--db-grey-1b);grid-template-columns:1fr 460px;align-items:center;gap:24px;margin:16px -32px 16px -110px;padding:18px 32px 18px 110px;display:grid;position:relative}.tl-transfer:before{content:"";background-image:linear-gradient(to bottom, var(--db-ink) 50%, transparent 50%);background-repeat:repeat-y;background-size:2px 6px;width:2px;position:absolute;top:0;bottom:0;left:90px}.tl-transfer .tl-time-pos{width:60px;color:var(--db-grey-text);font-size:12.5px;font-weight:500;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.tl-transfer .umstieg-label{color:var(--db-ink);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.tl-transfer .umstieg-label .ic-arrow{color:var(--db-grey-text)}.tl-transfer .extend-btn{border:1px solid var(--db-grey-2);color:var(--db-ink);background:#fff;border-radius:5px;align-self:flex-start;padding:10px 16px;font-size:13.5px;font-weight:500;display:inline-flex}.tn-widget{border:1px solid var(--db-grey-2);background:#fff;border-radius:8px;align-items:center;gap:16px;width:100%;max-width:460px;padding:14px 16px;display:flex;box-shadow:0 1px 2px #00000008}.tn-widget .tn-ring{flex-shrink:0;width:56px;height:56px;position:relative}.tn-widget .tn-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.tn-widget .tn-ring-pct{font-family:var(--font-manrope), sans-serif;color:var(--primary);letter-spacing:-.01em;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;inset:0}.tn-widget .tn-body{flex:1;min-width:0}.tn-widget .tn-brand{font-family:var(--font-manrope), sans-serif;letter-spacing:.12em;color:var(--primary);text-transform:uppercase;font-size:12px;font-weight:800;line-height:1.1}.tn-widget .tn-status{color:var(--db-ink);letter-spacing:-.005em;margin-top:3px;font-size:16px;font-weight:700;line-height:1.2}.tn-widget .tn-chev{color:var(--db-grey-text);flex-shrink:0;font-size:16px;transform:scaleX(1.4)}.tn-widget.good .tn-ring-pct{color:var(--approval)}.tn-widget.warn .tn-ring-pct{color:var(--warn)}.tn-widget.risk .tn-ring-pct{color:var(--denial)}.tn-widget.good .tn-ring-bar{stroke:var(--approval)}.tn-widget.warn .tn-ring-bar{stroke:var(--warn)}.tn-widget.risk .tn-ring-bar{stroke:var(--denial)}.between-mocks{text-align:center;max-width:1200px;margin:64px auto 0;padding:0 28px}.between-mocks h3{color:var(--primary);margin-bottom:6px;font-size:22px}.between-mocks p{color:var(--font-dimmed);max-width:56ch;margin:0 auto;font-size:15px}.features-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;display:grid}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:22px}.feature .icon{background:var(--bg-soft);border:1px solid var(--border);width:36px;height:36px;color:var(--accent-bright);border-radius:8px;place-items:center;margin-bottom:14px;display:grid}.feature h3{margin-bottom:6px;font-size:16px}.feature p{margin:0;font-size:13.5px}.legend{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.legend-card{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:18px;padding:20px;display:flex}.ring-mini{flex-shrink:0;width:56px;height:56px;position:relative}.ring-mini svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-mini .pct-text{color:var(--primary);place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;inset:0}.ring-mini.good .bar{stroke:var(--approval)}.ring-mini.warn .bar{stroke:var(--warn)}.ring-mini.risk .bar{stroke:var(--denial)}.legend-body{flex:1;min-width:0}.legend-body .brand-line{font-family:var(--font-manrope), sans-serif;letter-spacing:.12em;color:var(--primary);text-transform:uppercase;font-size:11px;font-weight:800}.legend-body .status{color:var(--font);letter-spacing:-.005em;margin:2px 0 6px;font-size:17px;font-weight:700}.legend-body p{color:var(--font-dimmed);margin:0;font-size:13px}.legend-body .range{font-family:var(--font-jetbrains), monospace;color:var(--font-dimmed);letter-spacing:.04em;margin-top:4px;font-size:11px}.steps{grid-template-columns:repeat(3,1fr);gap:0;margin-top:32px;display:grid}.step{border-left:1px solid var(--border);padding:0 28px}.step:first-child{border-left:none;padding-left:0}.step:last-child{padding-right:0}.step .num{font-family:var(--font-jetbrains), monospace;color:var(--accent-bright);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:600}.step h3{margin-bottom:6px;font-size:17px}.step p{margin:0;font-size:14px}.scope-card{border:1px solid var(--border);background:#fff;border-radius:16px;margin-top:28px;padding:28px 32px}.scope-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.scope-badge{font-family:var(--font-jetbrains), monospace;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:600}.scope-badge.live{color:var(--approval);background:#22c55e1f;align-items:center;gap:6px;display:inline-flex}.scope-badge.live:before{content:"";background:var(--approval);border-radius:50%;width:6px;height:6px}.scope-title{color:var(--primary);letter-spacing:-.01em;font-size:16px;font-weight:600}.scope-list{grid-template-columns:1fr 1fr;gap:10px 28px;margin:0;padding:0;list-style:none;display:grid}.scope-list li{color:var(--font);align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}.scope-list li.dim{color:var(--font-dimmed)}.scope-list .check{color:var(--approval);flex-shrink:0;font-weight:700}.scope-list .dash{color:var(--font-dimmed);flex-shrink:0;font-weight:700}.sites-roadmap{background:var(--bg-soft);border:1px solid var(--border);border-left:3px solid var(--accent-bright);color:var(--font);border-radius:0 12px 12px 0;max-width:760px;margin-top:28px;padding:18px 22px;font-size:14px;line-height:1.6}.sites-roadmap strong{color:var(--primary)}.install{background:var(--gradient);color:#fff;border-radius:18px;padding:48px;position:relative;overflow:hidden}.install:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 80% 30%,#b43fbf4d,#0000 45%);position:absolute;inset:0}.install-inner{grid-template-columns:1.5fr 1fr;align-items:center;gap:32px;display:grid;position:relative}.install h2{color:#fff;max-width:18ch}.install p{color:#ffffffd1;max-width:50ch}.install-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.install-stat{text-align:center;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;padding:20px}.install-stat .big{letter-spacing:-.02em;color:#fff;font-size:38px;font-weight:800}.install-stat .rating{color:#ffd580;letter-spacing:2px;margin-top:6px}.install-stat .lbl{font-family:var(--font-jetbrains), monospace;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:11px}.ext-footer{background:var(--primary);color:#ffffffb3;padding:48px 28px;font-size:13px}.ext-footer .foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.ext-footer a{color:#c9b5ff;text-decoration:none}.ext-footer .logo{color:#fff}.ext-footer .logo .light{color:#ffffff8c}@media (max-width:1000px){.features-grid{grid-template-columns:1fr 1fr}.db-conn{grid-template-columns:1fr}.db-conn-side{border-left:none;border-top:1px solid var(--db-grey-2)}.tl-transfer{grid-template-columns:1fr;padding-right:24px}.db-summary{gap:16px;padding:12px 20px}.db-stepper{gap:14px;padding:14px 20px}.db-body{padding:18px 20px}.db-timeline{padding:20px}.db-tl{padding-left:90px}.db-tl:before{left:70px}.tl-time,.tl-duration{width:56px;left:-90px}.tl-transfer{margin-left:-90px}.tl-transfer:before{left:70px}.tl-transfer .tl-time-pos{left:12px}.install{border-radius:14px;padding:32px}.install-inner{grid-template-columns:1fr}}@media (max-width:900px){.steps{grid-template-columns:1fr;gap:24px}.step{border-left:none;padding:0}}@media (max-width:800px){.legend{grid-template-columns:1fr}}@media (max-width:720px){.scope-list{grid-template-columns:1fr}}@media (max-width:700px){.db-conn-top .util,.db-bestprice{display:none}.db-steps{grid-template-columns:repeat(2,1fr);gap:6px}.db-steps:before{display:none}}@media (max-width:560px){.features-grid{grid-template-columns:1fr}}
