:root{--cyan:#00c2ff;--sky:#5fd4ff;--ink:#070c15;--panel:#0f2038;--white:#eaf2f8;--muted:#91a3b4;--line:rgba(95,212,255,.17);--green:#39d98a;--amber:#ffc85a;--purple:#7754e8}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--white);font-family:"IBM Plex Sans",sans-serif;line-height:1.5}button,input{font:inherit}a{color:inherit}.skip{position:fixed;z-index:20;top:12px;left:12px;padding:10px;background:white;color:#07101b;transform:translateY(-150%)}.skip:focus{transform:none}#field,.noise,.cursor{position:fixed;inset:0;pointer-events:none}#field{z-index:-3;width:100%;height:100%;opacity:.32}.noise{z-index:-2;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor{z-index:-1;width:520px;height:520px;inset:auto;border-radius:50%;background:radial-gradient(circle,rgba(0,194,255,.1),transparent 68%);transform:translate(-50%,-50%)}header,main,footer{width:min(1440px,calc(100% - 64px));margin:auto}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:120px;border-bottom:1px solid var(--line)}.brand{width:205px;height:70px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:cover}.signal{display:flex;align-items:center;gap:10px;color:var(--muted);font:500 11px "IBM Plex Mono";letter-spacing:.12em;text-transform:uppercase}.signal i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);animation:pulse 2s infinite}.help{justify-self:end;color:var(--sky);font-size:14px;text-decoration:none}.help span{margin-right:10px;color:var(--muted)}.intro{display:grid;grid-template-columns:80px 1.25fr .75fr;align-items:center;gap:30px;min-height:570px;padding:60px 0}.index{align-self:start;padding-top:22px;color:rgba(95,212,255,.35);font:12px "IBM Plex Mono";writing-mode:vertical-rl}.index:after{content:"";display:inline-block;width:1px;height:100px;margin-top:18px;background:linear-gradient(var(--cyan),transparent)}.kicker{margin:0 0 14px;color:var(--cyan);font:500 11px "IBM Plex Mono";letter-spacing:.18em;text-transform:uppercase}h1,h2{margin:0;font-family:"Plus Jakarta Sans";line-height:1.03}h1{font-size:clamp(52px,7vw,96px);letter-spacing:-.065em}h1 span{color:transparent;-webkit-text-stroke:1.5px rgba(234,242,248,.56)}.intro-copy>p:last-child{max-width:650px;margin-top:28px;color:var(--muted);font-size:18px}.orbit{position:relative;justify-self:center;display:grid;width:min(380px,30vw);aspect-ratio:1;place-items:center;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,rgba(0,194,255,.1),rgba(15,32,56,.24) 46%,transparent 68%);box-shadow:inset 0 0 80px rgba(0,194,255,.05),0 0 100px rgba(0,194,255,.06)}.orbit:before{content:"";position:absolute;inset:12%;border:1px dashed rgba(95,212,255,.22);border-radius:50%;animation:spin 28s linear infinite}.orbit:after{content:"";position:absolute;width:8px;height:8px;top:10%;left:26%;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.ring{position:absolute;border:1px solid rgba(95,212,255,.12);border-radius:50%}.r1{inset:-7%}.r2{inset:24%}.orbit img{position:absolute;top:19%;width:48px}.orbit em{position:absolute;top:38%;color:var(--muted);font:11px "IBM Plex Mono";letter-spacing:.14em;text-transform:uppercase}.orbit>strong{font:800 clamp(44px,5vw,72px) "Plus Jakarta Sans";letter-spacing:-.06em}.orbit sup,.orbit small{color:var(--cyan);font-size:.4em}.orbit code{position:absolute;bottom:30%;color:var(--muted);font:10px "IBM Plex Mono";letter-spacing:.18em}.track{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;padding:28px 36px;border:1px solid var(--line);border-radius:18px;background:rgba(9,19,32,.72);backdrop-filter:blur(18px)}.node{display:grid;grid-template-columns:42px auto;column-gap:12px;align-items:center}.node>i{grid-row:1/3;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);font:11px "IBM Plex Mono"}.node p{margin:0;font:600 13px "Plus Jakarta Sans"}.node small{color:var(--muted)}.node.done>i,.node.current>i{border-color:var(--cyan);color:var(--cyan)}.line{position:relative;height:1px;margin:0 22px;overflow:hidden;background:var(--line)}.line.active i{position:absolute;width:35%;height:100%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:signal 2.8s linear infinite}.workspace{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;padding:90px 0 26px}.invoice,.routes{position:relative;overflow:hidden;padding:38px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(15,32,56,.86),rgba(8,17,29,.92));box-shadow:0 40px 120px rgba(0,0,0,.24)}.invoice-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:32px;border-bottom:1px solid var(--line)}.invoice-head h2{font-size:clamp(26px,3vw,38px)}.status{padding:7px 12px;border:1px solid rgba(255,200,90,.5);border-radius:99px;color:var(--amber);font:10px "IBM Plex Mono";text-transform:uppercase}.client{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;padding:28px 0}.avatar,.work-icon{display:grid;place-items:center;border:1px solid rgba(0,194,255,.3);border-radius:14px;color:var(--sky)}.avatar{width:54px;height:54px;background:rgba(0,194,255,.1);font:600 13px "IBM Plex Mono"}.client div{display:flex;flex-direction:column}.client small,.work small{color:var(--muted)}.client strong,.work strong{font-family:"Plus Jakarta Sans"}.due{text-align:right}.work{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(7,12,21,.45)}.work-icon{width:58px;height:58px}.work svg{width:28px;fill:none;stroke:var(--cyan);stroke-width:1.5}.work p{margin:3px 0;color:var(--muted);font-size:13px}.work code{color:rgba(95,212,255,.55);font:10px "IBM Plex Mono"}.ledger{display:grid;gap:14px;margin-top:28px}.ledger>div{display:flex;justify-content:space-between;color:var(--muted)}.ledger strong{color:var(--white);font-family:"IBM Plex Mono"}.ledger .credit,.ledger .credit strong{color:var(--green)}.ledger .total{align-items:end;margin-top:4px;padding-top:22px;border-top:1px solid var(--line);color:var(--white);font-weight:600}.ledger .total strong{color:var(--cyan);font-size:28px}.secure{display:flex;gap:14px;align-items:center;margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.secure i{display:grid;flex:0 0 38px;height:38px;place-items:center;border:1px solid var(--cyan);border-radius:12px;color:var(--cyan)}.secure p{margin:0;color:var(--muted);font-size:13px}.secure strong{color:var(--white)}.route-head h2{font-size:clamp(28px,3.5vw,44px);letter-spacing:-.045em}.selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0 20px}.option{display:grid;grid-template-columns:40px 1fr 22px;align-items:center;gap:12px;min-height:74px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(7,12,21,.38);color:var(--white);text-align:left;cursor:pointer}.option:hover{transform:translateY(-2px)}.option.selected{border-color:var(--cyan);background:rgba(0,194,255,.08)}.option>i{display:grid;width:40px;height:40px;place-items:center;border-radius:10px;background:rgba(95,212,255,.1);color:var(--sky);font:12px "IBM Plex Mono"}.option span{display:flex;flex-direction:column}.option span strong{font-family:"Plus Jakarta Sans"}.option span small{color:var(--muted)}.option>b{color:var(--cyan);opacity:0}.option.selected>b{opacity:1}.panel{padding:26px;border:1px solid var(--line);border-radius:18px;background:rgba(4,9,16,.5)}.panel[hidden]{display:none}.pay-total,.zamount{display:flex;flex-direction:column;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.pay-total span,.pay-total small,.zamount span{color:var(--muted)}.pay-total strong{color:var(--cyan);font:800 46px "Plus Jakarta Sans"}.panel ul{display:grid;gap:11px;margin:22px 0;padding:0;list-style:none}.panel li{color:var(--muted)}.panel li i{margin-right:10px;color:var(--sky);font:10px "IBM Plex Mono"}.launch{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-radius:13px;background:var(--cyan);color:#031019;font:700 15px "Plus Jakarta Sans";text-decoration:none}.launch:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,194,255,.22)}.launch svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.8}.demo{margin:14px 0 0;color:var(--muted);font-size:11px;text-align:center}.zmark{display:grid;width:54px;height:54px;margin:0 auto 12px;place-items:center;border-radius:16px;background:var(--purple);font:800 24px "Plus Jakarta Sans"}.zamount strong{color:var(--green);font:800 36px "Plus Jakarta Sans"}.panel label{display:block;margin:14px 0 7px;color:var(--muted);font-size:12px}.copy{display:flex;gap:8px}.copy input{min-width:0;flex:1;padding:13px;border:1px solid var(--line);border-radius:10px;background:rgba(15,32,56,.55);color:var(--white);font:12px "IBM Plex Mono"}.copy button{padding:0 16px;border:1px solid var(--green);border-radius:10px;background:rgba(57,217,138,.07);color:var(--white)}button:focus-visible,a:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.foundation{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:20px;margin:64px 0;padding:32px 0;border-block:1px solid var(--line)}.foundation img{width:58px}.foundation p{margin:0;font:700 clamp(24px,3vw,42px) "Plus Jakarta Sans";letter-spacing:-.04em}.foundation p span{color:var(--cyan)}.foundation div{display:flex;flex-direction:column;align-items:flex-end;color:var(--muted);font:11px "IBM Plex Mono"}footer{display:flex;justify-content:space-between;padding:0 0 38px;color:var(--muted);font-size:12px}footer a{color:var(--sky);text-decoration:none}.toast{position:fixed;right:24px;bottom:24px;padding:12px 16px;border:1px solid var(--cyan);border-radius:10px;background:var(--panel);opacity:0;transform:translateY(12px);transition:.2s}.toast.show{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45;transform:scale(.7)}}@keyframes signal{from{left:-35%}to{left:100%}}
@media(max-width:980px){header,main,footer{width:min(100% - 40px,1440px)}.intro{grid-template-columns:45px 1fr;min-height:auto;padding:90px 0}.orbit{grid-column:2;width:min(430px,70vw);margin-top:40px}.workspace{grid-template-columns:1fr}.track{grid-template-columns:1fr;gap:14px}.line{width:1px;height:28px;margin-left:20px}.foundation{grid-template-columns:52px 1fr}.foundation div{grid-column:2;align-items:flex-start}}
@media(max-width:680px){header,main,footer{width:min(100% - 28px,1440px)}header{grid-template-columns:1fr auto;min-height:90px}.brand{width:150px;height:52px}.signal{display:none}.help span{display:none}.intro{grid-template-columns:1fr;padding:68px 0}.index{display:none}h1{font-size:clamp(45px,13vw,68px)}.intro-copy>p:last-child{font-size:16px}.orbit{grid-column:auto;width:min(310px,86vw)}.track{padding:22px}.workspace{padding-top:60px}.invoice,.routes{padding:22px;border-radius:20px}.client{grid-template-columns:48px 1fr}.due{grid-column:2;text-align:left}.work{grid-template-columns:48px 1fr;padding:16px}.work-icon{width:48px;height:48px}.work code{grid-column:2}.selector{grid-template-columns:1fr}.panel{padding:18px}.copy{flex-direction:column}.copy button{min-height:46px}.foundation{margin:48px 0}.foundation p{font-size:26px}footer{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor{display:none}}

/* Smooth background and transparent brand treatment */
body{position:relative;background:radial-gradient(circle at 82% 8%,rgba(0,194,255,.08),transparent 30rem),radial-gradient(circle at 8% 56%,rgba(15,32,56,.88),transparent 38rem),linear-gradient(145deg,#050a12 0%,#070c15 46%,#091321 100%)}
body:before{content:"";position:fixed;z-index:-2;top:-60px;right:-90px;width:440px;height:340px;opacity:.18;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2300C2FF' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M110 150V90M110 110L80 90V60M110 110L140 90V60M110 90L90 70M110 90L130 70M80 60H60V40M140 60H160V40'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;filter:blur(.2px);pointer-events:none}
.ambient{position:fixed;z-index:-3;border-radius:50%;pointer-events:none;filter:blur(90px)}
.ambient-one{width:480px;height:480px;top:15%;left:-240px;background:rgba(0,194,255,.055)}
.ambient-two{width:560px;height:560px;right:-280px;bottom:5%;background:rgba(15,32,56,.72)}
.brand{display:flex;align-items:center;gap:14px;width:max-content;height:auto;min-height:76px;overflow:visible;text-decoration:none}
.brand img{width:58px;height:58px;object-fit:contain}
.brand span{display:flex;flex-direction:column}
.brand strong{color:var(--cyan);font:800 26px/1 "Plus Jakarta Sans"}
.brand small{margin-top:4px;color:var(--white);font:600 10px/1 "Plus Jakarta Sans";letter-spacing:.12em;text-transform:uppercase}
.fee-line{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}
.fee-line strong{color:var(--white);font-family:"IBM Plex Mono"}
@media(max-width:680px){.brand{width:max-content;height:auto}.brand img{width:48px;height:48px}.brand strong{font-size:22px}.brand small{font-size:8px}}

/* Work order hierarchy */
.work{background:transparent}
.work strong{display:block;margin-top:4px}

/* Center the lower content within both matching cards */
.invoice,.routes{display:flex;flex-direction:column}
.secure{flex:1;justify-content:center;min-height:150px;margin-top:30px}
.routes .panel{flex:1;display:flex;flex-direction:column;justify-content:center}
.routes .panel[hidden]{display:none}

/* Keep the CTA label visually centered while the arrow stays right */
.launch{position:relative;justify-content:center;text-align:center}
.launch span{width:100%;text-align:center}
.launch svg{position:absolute;right:20px}
.zelle button.launch{width:100%;margin-top:22px;border:0;flex:0 0 auto}