/* V22 — product transparency section, based on the V19 platform preview */
#lp-transparenz.v22t-section{
  --v22t-ink:#101e46;--v22t-teal:#16b8a6;--v22t-cyan:#1c9fcf;
  position:relative;z-index:1;isolation:isolate;width:100%;padding:118px max(42px,calc((100vw - 1440px)/2)) 142px;
  overflow:hidden;color:#fff;background:linear-gradient(142deg,#09142f 0%,#102654 58%,#0a3a56 100%)
}
#lp-transparenz.v22t-section::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 80% 10%,rgba(28,159,207,.24),transparent 28%),radial-gradient(circle at 12% 74%,rgba(22,184,166,.14),transparent 29%)}
#lp-transparenz.v22t-section::after{content:"";position:absolute;z-index:-1;inset:0;opacity:.23;background-image:radial-gradient(rgba(255,255,255,.34) .7px,transparent .7px);background-size:23px 23px;mask-image:linear-gradient(125deg,#000,transparent 38%,transparent 70%,#000)}
.v22t-head{display:grid;grid-template-columns:1.08fr .72fr;align-items:end;gap:86px;width:min(1320px,100%);margin:0 auto 54px}
.v22t-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:#80e7db;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.3px;text-transform:uppercase}
.v22t-kicker i{width:7px;height:7px;border-radius:50%;background:var(--v22t-teal);box-shadow:0 0 0 6px rgba(22,184,166,.12)}
.v22t-head h2{margin:0;color:#fff;font-family:inherit;font-size:clamp(43px,5vw,69px);font-weight:200;line-height:1.02;letter-spacing:-2.6px}
.v22t-head h2 em{color:#7ee5da;font-style:normal}
.v22t-intro{padding-bottom:5px}.v22t-intro p{max-width:520px;margin:0;color:rgba(255,255,255,.61);font-size:13.5px;font-weight:300;line-height:1.75}
.v22t-trust{display:flex;align-items:center;gap:17px;margin-top:23px;color:rgba(255,255,255,.48);font-size:8.5px}.v22t-trust span{display:flex;align-items:center;gap:7px}.v22t-trust span+span{padding-left:17px;border-left:1px solid rgba(255,255,255,.16)}.v22t-trust i{width:6px;height:6px;border-radius:50%;background:#58dfcd;box-shadow:0 0 0 5px rgba(88,223,205,.1)}
.v22t-scene{position:relative;width:min(1340px,100%);margin:auto;padding:35px 30px 28px}
.v22t-orb{position:absolute;border-radius:50%;opacity:.65;filter:blur(2px)}.v22t-orb-a{width:265px;height:265px;right:-20px;top:-15px;background:linear-gradient(135deg,rgba(28,159,207,.56),rgba(22,184,166,.05))}.v22t-orb-b{width:190px;height:190px;left:-4px;bottom:-28px;background:linear-gradient(135deg,rgba(22,184,166,.35),rgba(255,255,255,.03))}
.v22t-section.v22t-in .v22t-orb-a{animation:v22t-orb-a 18s ease-in-out infinite}.v22t-section.v22t-in .v22t-orb-b{animation:v22t-orb-b 21s ease-in-out infinite}
@keyframes v22t-orb-a{0%,100%{translate:0 0}32%{translate:-9px 6px}67%{translate:5px 11px}}@keyframes v22t-orb-b{0%,100%{translate:0 0}35%{translate:8px -7px}70%{translate:-5px -11px}}
.v22t-browser{position:relative;z-index:2;overflow:hidden;opacity:0;border:1px solid rgba(255,255,255,.22);border-radius:28px;background:rgba(231,243,249,.12);box-shadow:0 48px 115px rgba(0,6,24,.4),inset 0 1px rgba(255,255,255,.28);backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%);transform:perspective(1700px) rotateX(.35deg);transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s ease}
.v22t-scene:hover .v22t-browser{transform:perspective(1700px) rotateX(0) translateY(-3px);box-shadow:0 56px 130px rgba(0,6,24,.46),inset 0 1px rgba(255,255,255,.3)}
.v22t-browserbar{display:flex;align-items:center;gap:20px;height:51px;padding:0 21px;border-bottom:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.075);color:rgba(255,255,255,.56)}
.v22t-dots{display:flex;gap:6px}.v22t-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3)}
.v22t-address{flex:1;max-width:380px;margin:auto;padding:7px 14px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(5,16,42,.2);font:500 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.v22t-address i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--v22t-teal)}
.v22t-live{font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.7px;text-transform:uppercase}.v22t-live i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#59dfce;box-shadow:0 0 0 5px rgba(89,223,206,.11);animation:v22t-live 2s ease-out infinite}@keyframes v22t-live{70%{box-shadow:0 0 0 9px rgba(89,223,206,0)}100%{box-shadow:0 0 0 5px rgba(89,223,206,0)}}
.v22t-shell{display:grid;grid-template-columns:195px minmax(0,1fr);min-height:585px}
.v22t-side{display:flex;flex-direction:column;padding:25px 16px;border-right:1px solid rgba(255,255,255,.11);background:rgba(5,15,40,.54)}
.v22t-brand{display:flex;align-items:center;gap:10px;padding:0 9px 25px}.v22t-brand span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--v22t-teal),var(--v22t-cyan));font-size:14px;font-weight:700}.v22t-brand b{font-size:14px;font-weight:500}
.v22t-side nav{display:grid;gap:4px}.v22t-side nav button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:rgba(255,255,255,.54);font-family:inherit;font-size:10.5px;text-align:left;cursor:pointer;transition:background .22s,color .22s,transform .22s}.v22t-side nav button:hover{transform:translateX(3px);background:rgba(255,255,255,.07);color:#fff}.v22t-side nav button.active{background:rgba(255,255,255,.12);color:#fff}.v22t-side nav button span{width:18px;color:#70e3d6;text-align:center}
.v22t-secure{display:flex;align-items:center;gap:9px;margin-top:auto;padding:12px;border:1px solid rgba(97,226,209,.18);border-radius:13px;background:rgba(22,184,166,.09)}.v22t-secure>i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#1db6a6;font-size:10px;font-style:normal}.v22t-secure b,.v22t-secure small{display:block}.v22t-secure b{font-size:9px;font-weight:500}.v22t-secure small{margin-top:2px;color:rgba(255,255,255,.46);font-size:7px}
.v22t-main{min-width:0;padding:29px 31px;color:#fff}.v22t-main.is-switching{animation:v22t-switch .48s ease}@keyframes v22t-switch{0%{opacity:.55;transform:translateY(5px)}100%{opacity:1;transform:none}}
.v22t-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.v22t-top small{color:#76dfd2;font:500 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px;text-transform:uppercase}.v22t-top h3{margin:7px 0 0;color:#fff;font-size:23px;font-weight:300;letter-spacing:-.35px}.v22t-top>button{display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.09);color:#fff;font-family:inherit;font-size:9px}
.v22t-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.v22t-metrics article{padding:19px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.085);box-shadow:inset 0 1px rgba(255,255,255,.11)}.v22t-metrics small,.v22t-metrics em{display:block;color:rgba(255,255,255,.45);font-size:7.5px;font-style:normal;letter-spacing:.7px;text-transform:uppercase}.v22t-metrics strong{display:block;margin:9px 0 7px;font-size:30px;font-weight:300;letter-spacing:-1px}.v22t-metrics em{color:#62d9cb;letter-spacing:0;text-transform:none}
.v22t-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:11px}.v22t-orders{grid-column:1/3}.v22t-chart{grid-column:3}.v22t-orders,.v22t-chart{overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.08)}.v22t-orders header,.v22t-chart header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.09);font-size:10px}.v22t-orders header b,.v22t-chart header b{font-weight:500}.v22t-orders header span,.v22t-chart header span{color:#64dbce;font-size:8px}
.v22t-order{display:grid;grid-template-columns:.65fr 1.25fr 1fr .8fr;align-items:center;gap:9px;min-height:57px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.61);font-size:8px;transition:background .2s}.v22t-order:hover:not(.labels){background:rgba(255,255,255,.04)}.v22t-order:last-child{border:0}.v22t-order.labels{min-height:31px;color:rgba(255,255,255,.28);font-size:6.5px;letter-spacing:.5px;text-transform:uppercase}.v22t-order b{color:#fff;font-weight:500}.v22t-status{display:inline-block;padding:5px 7px;border-radius:20px;font-size:6.7px;font-style:normal;white-space:nowrap}.v22t-status.work{background:rgba(22,184,166,.16);color:#76e4d8}.v22t-status.match{background:rgba(28,159,207,.15);color:#8addff}.v22t-status.done{background:rgba(255,255,255,.1);color:rgba(255,255,255,.68)}
.v22t-chart{padding-bottom:17px}.v22t-bars{display:flex;align-items:end;gap:7px;height:153px;padding:22px 17px 20px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,rgba(255,255,255,.055) 40px)}.v22t-bars i{position:relative;flex:1;height:var(--h);min-width:7px;border-radius:5px 5px 2px 2px;background:rgba(204,222,233,.3);transition:height .45s,background .3s}.v22t-bars i.active{background:linear-gradient(#2ac7b4,#1687ae);box-shadow:0 0 18px rgba(22,184,166,.16)}.v22t-bars small{position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);color:rgba(255,255,255,.34);font-size:6px;font-style:normal}.v22t-chart p{margin:9px 18px 0;color:rgba(255,255,255,.43);font-size:8px}.v22t-chart p b{color:#66dfd1;font-weight:500}
.v22t-float{position:absolute;z-index:4;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid rgba(255,255,255,.34);border-radius:15px;background:rgba(243,250,252,.78);box-shadow:0 22px 50px rgba(2,11,33,.25);backdrop-filter:blur(20px);color:var(--v22t-ink)}.v22t-float>i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,var(--v22t-teal),var(--v22t-cyan));color:#fff;font-style:normal}.v22t-float b,.v22t-float small{display:block}.v22t-float b{font-size:9.5px;font-weight:500}.v22t-float small{margin-top:3px;color:#64748b;font-size:7.5px}.v22t-float-a{right:4px;bottom:80px}.v22t-float-b{left:2px;top:93px}
.v22t-metrics article,.v22t-orders,.v22t-chart,.v22t-float{opacity:0}
.v22t-section.v22t-in .v22t-browser{animation:v22t-enter 1s cubic-bezier(.2,.8,.2,1) both}
.v22t-section.v22t-in .v22t-metrics article{animation:v22t-tile-in 1.08s cubic-bezier(.2,.8,.2,1) both}
.v22t-section.v22t-in .v22t-metrics article:nth-child(1){animation-delay:1.12s}.v22t-section.v22t-in .v22t-metrics article:nth-child(2){animation-delay:1.25s}.v22t-section.v22t-in .v22t-metrics article:nth-child(3){animation-delay:1.38s}
.v22t-section.v22t-in .v22t-orders{animation:v22t-tile-in 1.18s 1.58s cubic-bezier(.2,.8,.2,1) both}.v22t-section.v22t-in .v22t-chart{animation:v22t-tile-in 1.18s 1.72s cubic-bezier(.2,.8,.2,1) both}
.v22t-section.v22t-in .v22t-float-b{animation:v22t-float-in .72s 2.25s cubic-bezier(.2,.8,.2,1) both,v22t-orbit-b 8.6s 3.05s ease-in-out infinite}.v22t-section.v22t-in .v22t-float-a{animation:v22t-float-in .72s 2.48s cubic-bezier(.2,.8,.2,1) both,v22t-orbit-a 9.2s 3.28s ease-in-out infinite}
@keyframes v22t-enter{from{opacity:0;transform:perspective(1700px) rotateX(2deg) translateY(26px)}to{opacity:1;transform:perspective(1700px) rotateX(.35deg)}}@keyframes v22t-tile-in{from{opacity:0;transform:translateY(14px) scale(.985);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes v22t-float-in{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:none}}@keyframes v22t-orbit-a{0%,100%{translate:0 0}25%{translate:7px -6px}50%{translate:13px 1px}75%{translate:5px 8px}}@keyframes v22t-orbit-b{0%,100%{translate:0 0}25%{translate:-6px 7px}50%{translate:-12px 0}75%{translate:-4px -7px}}
@media(max-width:1050px){.v22t-head{grid-template-columns:1fr;gap:25px}.v22t-intro{max-width:680px}.v22t-shell{grid-template-columns:155px minmax(0,1fr)}.v22t-grid{grid-template-columns:1fr}.v22t-orders{grid-column:1}.v22t-chart{display:none}.v22t-float-b{display:none}}
@media(max-width:760px){#lp-transparenz.v22t-section{padding:82px 20px 92px}.v22t-head{margin-bottom:28px}.v22t-head h2{font-size:42px;letter-spacing:-1.7px}.v22t-intro p{font-size:12.5px}.v22t-trust span:nth-child(n+2){display:none}.v22t-scene{padding:10px 0}.v22t-browser{border-radius:21px;transform:none}.v22t-scene:hover .v22t-browser{transform:none}.v22t-browserbar{height:43px}.v22t-address{display:none}.v22t-live{margin-left:auto}.v22t-shell{grid-template-columns:1fr;min-height:0}.v22t-side{display:none}.v22t-main{padding:17px}.v22t-top h3{font-size:18px}.v22t-metrics{gap:6px}.v22t-metrics article{padding:12px}.v22t-metrics strong{font-size:22px}.v22t-order{grid-template-columns:.75fr 1.25fr .8fr;padding:0 12px}.v22t-order span:nth-child(3){display:none}.v22t-float{display:none}}
@media(prefers-reduced-motion:reduce){.v22t-live i,.v22t-section.v22t-in .v22t-browser,.v22t-section.v22t-in .v22t-float,.v22t-section.v22t-in .v22t-orb,.v22t-section.v22t-in .v22t-metrics article,.v22t-section.v22t-in .v22t-orders,.v22t-section.v22t-in .v22t-chart,.v22t-main.is-switching{animation:none;opacity:1}.v22t-browser,.v22t-scene:hover .v22t-browser{transform:none;transition:none}}