:root{--navy:#020817;--panel:#071532;--line:rgba(111,154,255,.22);--blue:#19b7ff;--purple:#843cff;--text:#f6f8ff;--muted:#a7b9da;--green:#37eba0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font-family:"Segoe UI",Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.landing-progress{position:fixed;z-index:1000;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,var(--blue),#4d72ff,var(--purple));box-shadow:0 0 16px #45a8ff}.landing-noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.landing-nav{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px clamp(24px,5vw,78px);border-bottom:1px solid transparent;transition:.35s ease}.landing-nav.is-scrolled{padding-top:12px;padding-bottom:12px;background:rgba(2,8,23,.84);border-color:var(--line);backdrop-filter:blur(18px)}.landing-brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800}.landing-brand svg{width:31px;height:31px;fill:url(#brand-gradient);filter:drop-shadow(0 0 8px #5675ff)}.landing-brand svg path:first-child{fill:#23adff}.landing-brand svg path:last-child{fill:#873eff}.landing-brand b{padding-left:10px;border-left:1px solid rgba(255,255,255,.25);color:#9eb6e6;font-size:10px;letter-spacing:.2em}.landing-nav nav{display:flex;gap:30px;color:#b8c7e4;font-size:13px;font-weight:600}.landing-nav nav a:hover{color:white}.nav-login{padding:10px 19px;border:1px solid rgba(112,153,255,.6);border-radius:10px;background:rgba(36,65,135,.2);font-size:13px;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.08)}.landing-hero{position:relative;display:grid;place-items:center;min-height:100vh;overflow:hidden;padding:120px clamp(24px,8vw,150px) 90px}.hero-video{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;opacity:.56;filter:saturate(1.22) contrast(1.05)}.hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 52% 45%,rgba(3,10,37,.15),rgba(1,5,18,.78) 70%),linear-gradient(90deg,rgba(1,6,20,.78),transparent 65%)}.hero-orb{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.22;animation:orb-float 9s ease-in-out infinite}.orb-one{left:-160px;top:20%;background:#008cff}.orb-two{right:-150px;bottom:0;background:#9e20ff;animation-delay:-4s}.hero-content{position:relative;z-index:2;width:min(1180px,100%);margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#7cd8ff;font-size:11px;font-weight:900;letter-spacing:.18em}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.hero-content h1{max-width:900px;margin:20px 0 25px;font-size:clamp(54px,7.4vw,112px);line-height:.91;letter-spacing:-.055em}.hero-content h1 span{color:transparent;background:linear-gradient(90deg,#38c6ff,#6577ff 48%,#a94dff);background-clip:text;-webkit-background-clip:text}.hero-content>p{max-width:650px;margin:0;color:#c0cee6;font-size:clamp(16px,1.45vw,21px);line-height:1.7}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:34px}.primary-action,.secondary-action{display:inline-flex;align-items:center;gap:25px;padding:14px 20px;border-radius:11px;font-size:13px;font-weight:850;transition:.25s ease}.primary-action{background:linear-gradient(110deg,#098fea,#7545fa);box-shadow:0 12px 35px rgba(55,89,255,.3)}.primary-action:hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(65,113,255,.45)}.secondary-action{border:1px solid rgba(125,159,232,.45);background:rgba(4,19,54,.5);backdrop-filter:blur(10px)}.secondary-action:hover{border-color:#6e9eff;background:rgba(28,54,117,.45)}.hero-trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:44px;color:#8fa4c9;font-size:11px}.hero-trust span{padding-right:22px;border-right:1px solid rgba(122,153,218,.23)}.hero-trust b{display:block;margin-bottom:3px;color:#eef5ff;font-size:12px}.scroll-cue{position:absolute;z-index:2;bottom:25px;left:50%;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translateX(-50%);color:#8da4c8;font-size:10px;letter-spacing:.15em}.scroll-cue i{width:1px;height:32px;background:linear-gradient(#6dbbff,transparent);animation:scroll-line 1.7s ease-in-out infinite}.intro-section,.steps-section,.community-section,.personal-section{padding:120px clamp(24px,7vw,130px)}.intro-section{background:radial-gradient(circle at 85% 20%,rgba(91,47,236,.13),transparent 35%)}.section-heading{display:flex;align-items:flex-start;gap:25px;max-width:950px;margin-bottom:55px}.section-number{display:inline-grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid rgba(77,145,255,.45);border-radius:14px;color:#57baff;font-size:12px;font-weight:900}.section-heading h2,.interface-copy h2,.personal-copy h2,.final-cta h2{margin:10px 0 14px;font-size:clamp(34px,4vw,61px);line-height:1.04;letter-spacing:-.04em}.section-heading p,.interface-copy>p,.personal-copy>p,.final-cta>p{max-width:700px;margin:0;color:var(--muted);font-size:15px;line-height:1.75}.section-heading.centered{margin-left:auto;margin-right:auto;text-align:center;justify-content:center}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{position:relative;min-height:290px;overflow:hidden;padding:26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(9,28,65,.88),rgba(7,17,44,.75));box-shadow:inset 0 1px rgba(255,255,255,.06);transition:.35s ease}.feature-card:hover{transform:translateY(-6px);border-color:rgba(92,150,255,.56);box-shadow:0 20px 50px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.08)}.feature-wide{grid-column:span 2;grid-row:span 2;min-height:594px;padding:36px}.feature-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:28px;border-radius:15px;background:linear-gradient(145deg,rgba(0,174,255,.16),rgba(132,60,255,.18));box-shadow:inset 0 0 18px rgba(66,106,255,.15)}.feature-icon img{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 0 5px #4d77ff)}.feature-card>span,.community-card span{color:#60c4ff;font-size:9px;font-weight:900;letter-spacing:.17em}.feature-card h3,.community-card h3{margin:8px 0 11px;font-size:22px}.feature-wide h3{font-size:36px}.feature-card p,.community-card p{margin:0;color:#9eb1d0;font-size:13px;line-height:1.65}.feature-card ul{display:grid;gap:9px;margin:27px 0 0;padding:0;list-style:none;color:#c5d4ed;font-size:12px}.feature-card li:before,.personal-copy li:before{content:"";display:inline-block;width:6px;height:6px;margin-right:10px;border-radius:50%;background:#38c5ff;box-shadow:0 0 9px #38c5ff}.wave-bars{position:absolute;left:36px;right:36px;bottom:42px;height:90px;background:repeating-linear-gradient(90deg,transparent 0 8px,#378bff 8px 11px,transparent 11px 17px);clip-path:polygon(0 48%,5% 43%,10% 60%,15% 28%,20% 70%,25% 38%,30% 53%,35% 18%,40% 83%,45% 40%,50% 61%,55% 29%,60% 77%,65% 43%,70% 58%,75% 23%,80% 71%,85% 40%,90% 55%,95% 43%,100% 49%,100% 52%,95% 56%,90% 48%,85% 61%,80% 30%,75% 78%,70% 42%,65% 58%,60% 23%,55% 73%,50% 39%,45% 60%,40% 17%,35% 82%,30% 47%,25% 62%,20% 30%,15% 72%,10% 40%,5% 57%,0 52%);filter:drop-shadow(0 0 7px #4b56ff);opacity:.8}.steps-section{border-block:1px solid rgba(104,143,225,.13);background:linear-gradient(180deg,rgba(13,20,53,.58),rgba(3,9,24,.25))}.steps-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:auto}.steps-track:before{content:"";position:absolute;left:12%;right:12%;top:54px;height:1px;background:linear-gradient(90deg,transparent,#4779df,#8d45ef,transparent)}.step-card{position:relative;padding:20px;text-align:center}.step-card>span{color:rgba(105,151,255,.27);font-size:42px;font-weight:900}.step-dot{position:relative;width:13px;height:13px;margin:12px auto 27px;border:3px solid #07152f;border-radius:50%;background:#48baff;box-shadow:0 0 0 1px #48baff,0 0 16px #388cff}.step-card h3{margin:0 0 9px;font-size:19px}.step-card p{margin:0;color:#91a7cc;font-size:12px;line-height:1.65}.step-card code{padding:2px 5px;border-radius:5px;background:#102653;color:#72cfff}.interface-section{display:grid;grid-template-columns:minmax(330px,.7fr) minmax(600px,1.3fr);align-items:center;gap:65px;min-height:820px;padding:120px clamp(24px,4vw,80px);overflow:hidden;background:radial-gradient(circle at 80% 50%,rgba(64,55,235,.2),transparent 48%)}.interface-points{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:32px}.interface-points span{padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(7,24,58,.55)}.interface-points b,.interface-points small{display:block}.interface-points b{font-size:12px}.interface-points small{margin-top:5px;color:#849bc2;font-size:10px}.dashboard-mock{perspective:1200px}.dashboard-mock>div,.mock-top{box-sizing:border-box}.dashboard-mock{overflow:hidden;border:1px solid rgba(83,144,255,.6);border-radius:18px;background:#06122e;box-shadow:0 45px 90px rgba(0,0,0,.5),0 0 60px rgba(63,64,230,.2);transform:rotateY(-5deg) rotateX(2deg)}.mock-top{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid var(--line);background:#091b3f;color:#8ca6d4;font-size:9px;letter-spacing:.12em}.mock-top span{display:flex;gap:5px}.mock-top i{width:6px;height:6px;border-radius:50%;background:#3e609c}.mock-top em{color:#47e8a0;font-style:normal}.mock-body{display:flex;min-height:500px}.mock-body aside{display:flex;flex-direction:column;align-items:center;gap:19px;width:58px;padding:19px 10px;border-right:1px solid var(--line);background:#061431}.mock-body aside strong{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#11b6f1,#873df5)}.mock-body aside i{width:23px;height:5px;border-radius:4px;background:#17366c}.mock-content{flex:1;padding:18px}.mock-status{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mock-status span{padding:13px;border:1px solid var(--line);border-radius:10px;background:#091a3d}.mock-status b,.mock-status em{display:block}.mock-status b{color:#7894c3;font-size:8px}.mock-status em{margin-top:5px;color:#65dfae;font-size:11px;font-style:normal}.mock-player{display:grid;grid-template-columns:130px 1fr;gap:20px;margin-top:13px;padding:18px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(125deg,#081b40,#17194d)}.mock-cover{height:130px;overflow:hidden;border-radius:11px}.mock-cover img{width:100%;height:100%;object-fit:cover}.mock-player small{color:#6bc9ff;font-size:8px}.mock-player h3{margin:10px 0 5px;font-size:16px}.mock-player p{margin:0;color:#839bc4;font-size:9px}.mock-progress{height:4px;margin-top:24px;border-radius:3px;background:#1a3768}.mock-progress i{display:block;width:43%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#20c0ff,#704cff);box-shadow:0 0 8px #4d6aff}.mock-controls{display:flex;gap:6px;margin-top:18px}.mock-controls button{width:31px;height:27px;border:1px solid rgba(84,134,230,.4);border-radius:6px;background:#102752;color:#7ebdff}.mock-console{display:grid;gap:6px;margin-top:13px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#030c20;color:#9db1d1;font-size:9px}.mock-console time{display:inline-block;width:58px;color:#566f9d}.mock-console b{display:inline-block;width:48px;margin-right:8px;color:#47dfa1}.mock-console .play{color:#55a8ff}.mock-console .queue{color:#ffb94e}.community-section{background:radial-gradient(circle at 15% 55%,rgba(0,147,255,.12),transparent 35%)}.community-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.community-card{display:flex;gap:20px;min-height:230px;padding:28px;border:1px solid var(--line);border-radius:18px;background:rgba(6,20,51,.74);transition:.35s}.community-card:hover{border-color:rgba(104,151,255,.55);transform:translateY(-5px)}.community-card>img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 10px #5652ff)}.personal-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;border-top:1px solid var(--line)}.personal-visual{position:relative;display:grid;place-items:center;min-height:460px}.profile-ring{display:grid;place-items:center;width:190px;height:190px;border:1px solid #4386f0;border-radius:50%;background:radial-gradient(circle,#172f70,#06122d 70%);box-shadow:0 0 0 25px rgba(50,91,197,.06),0 0 80px rgba(67,62,240,.3)}.profile-ring svg{width:88px;fill:#37b7ff;filter:drop-shadow(0 0 18px #783fff)}.setting-pill{position:absolute;padding:11px 16px;border:1px solid rgba(90,146,255,.52);border-radius:999px;background:rgba(7,24,61,.88);box-shadow:0 12px 28px rgba(0,0,0,.3);color:#c7d9f4;font-size:11px}.pill-one{left:5%;top:24%}.pill-two{right:1%;top:37%}.pill-three{left:13%;bottom:22%}.personal-copy ul{display:grid;gap:13px;margin:27px 0 0;padding:0;list-style:none;color:#becde6;font-size:13px}.final-cta{position:relative;overflow:hidden;margin:30px clamp(20px,5vw,90px) 100px;padding:110px 30px;border:1px solid rgba(94,148,255,.4);border-radius:24px;background:linear-gradient(135deg,#071a42,#17104e);text-align:center}.final-cta .cta-glow{position:absolute;left:50%;top:50%;width:600px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(90deg,#008cff,#922bff);filter:blur(120px);opacity:.23}.final-cta>*:not(.cta-glow){position:relative}.final-cta>p{margin-left:auto;margin-right:auto}.final-cta .hero-actions{justify-content:center}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px clamp(24px,5vw,80px);border-top:1px solid var(--line);color:#8297bb;font-size:11px}footer nav{display:flex;gap:20px}footer .landing-brand{color:#dce8ff}.reveal{opacity:0;transform:translateY(38px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}@keyframes orb-float{50%{transform:translate(35px,-30px) scale(1.12)}}@keyframes scroll-line{0%,100%{opacity:.2;transform:scaleY(.5);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}@media(max-width:1050px){.feature-grid{grid-template-columns:repeat(2,1fr)}.interface-section{grid-template-columns:1fr;padding-inline:6vw}.dashboard-mock{transform:none}.community-cards{grid-template-columns:1fr}.personal-section{grid-template-columns:1fr}.personal-visual{order:2}.landing-nav nav{display:none}}@media(max-width:700px){.landing-nav{padding:13px 18px}.landing-brand b{display:none}.landing-hero{padding-inline:22px}.hero-content h1{font-size:52px}.hero-trust{display:none}.intro-section,.steps-section,.community-section,.personal-section{padding:85px 20px}.section-heading{display:block}.section-number{margin-bottom:18px}.feature-grid{grid-template-columns:1fr}.feature-wide{grid-column:auto;grid-row:auto;min-height:470px}.steps-track{grid-template-columns:1fr}.steps-track:before{display:none}.step-card{padding:12px 20px 28px}.interface-section{grid-template-columns:1fr;padding:85px 15px}.interface-points{grid-template-columns:1fr}.dashboard-mock{overflow-x:auto}.mock-body{min-width:620px}.personal-visual{min-height:380px}.profile-ring{width:150px;height:150px}.final-cta{margin-inline:12px;padding:80px 18px}footer{align-items:flex-start;flex-direction:column}footer nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-orb,.scroll-cue i{animation:none}.hero-video{display:none}}
/* Klarere Darstellung ohne den absichtlich erzeugten Filmkorn-Effekt. */
.landing-noise{display:none!important}
.hero-video{opacity:.48!important;filter:saturate(1.12) contrast(.98) blur(.35px)!important;transform:translateZ(0)}