*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--oxo-red:#ef1c1c;--oxo-yellow:gold;--oxo-green:#00c853;--oxo-cyan:#00d9ff;--oxo-pink:#ff3da0;--oxo-orange:#f97316;--oxo-purple:#9b59ff;--bg-dark:#080c14;--bg-mid:#0d1825;--bg-card:#ffffff0d;--bg-glass:#ffffff14;--text-white:#f0f9ff;--text-muted:#8ba4be;--font-display:"Fredoka One", cursive;--font-body:"Nunito", sans-serif;--radius-xl:24px;--radius-2xl:32px;--shadow-glow-cyan:0 0 40px #00d9ff59;--shadow-glow-pink:0 0 40px #ff3da059;--shadow-glow-orange:0 0 40px #f9731680}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-white);-webkit-font-smoothing:antialiased;overflow-x:clip}.aurora-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.aurora-bg:before{content:"";background:radial-gradient(circle,#00d9ff1f 0%,#0000 65%);width:80vw;height:80vw;animation:12s ease-in-out infinite alternate auroraFloat1;position:absolute;top:-20vw;left:-10vw}.aurora-bg:after{content:"";background:radial-gradient(circle,#ff3da01f 0%,#0000 65%);width:70vw;height:70vw;animation:15s ease-in-out infinite alternate auroraFloat2;position:absolute;bottom:-10vw;right:-10vw}.aurora-blob{background:radial-gradient(circle,#9b59ff14 0%,#0000 65%);width:50vw;height:50vw;animation:18s ease-in-out infinite alternate auroraFloat3;position:absolute;top:40%;left:30%;transform:translate(-50%,-50%)}@keyframes auroraFloat1{0%{transform:translate(0)scale(1)}to{transform:translate(5vw,3vw)scale(1.1)}}@keyframes auroraFloat2{0%{transform:translate(0)scale(1)}to{transform:translate(-4vw,5vw)scale(1.15)}}@keyframes auroraFloat3{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-45%,-55%)scale(1.2)}}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (width<=768px){.container{padding:0 16px}}section{z-index:1;position:relative}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);background:#080c14d9;border:1px solid #ffffff1a;border-radius:999px;justify-content:space-between;align-items:center;width:calc(100% - 40px);max-width:1160px;padding:12px 24px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.nav-logo img{width:auto;height:44px}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-white)}.nav-cta{background:linear-gradient(135deg, var(--oxo-orange), var(--oxo-pink));border-radius:999px;padding:10px 22px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 0 20px #f9731666;color:#fff!important;font-size:.9rem!important;font-weight:700!important}.nav-cta:hover{box-shadow:var(--shadow-glow-orange);transform:scale(1.05)}.btn-primary{background:linear-gradient(135deg, var(--oxo-orange) 0%, var(--oxo-pink) 100%);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #f9731666}.btn-primary:before{content:"";opacity:0;background:#ffffff26;transition:opacity .2s;position:absolute;inset:0}.btn-primary:hover{box-shadow:var(--shadow-glow-orange);transform:scale(1.04)}.btn-primary:hover:before{opacity:1}.btn-secondary{color:var(--text-white);font-family:var(--font-body);cursor:pointer;background:0 0;border:2px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:13px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--oxo-cyan);background:#00d9ff14}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);border:1px solid #ffffff1a}.section-tag{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;margin-bottom:16px;padding:6px 16px;font-size:.78rem;font-weight:700;display:inline-block}.tag-cyan{color:var(--oxo-cyan);background:#00d9ff26;border:1px solid #00d9ff4d}.tag-pink{color:var(--oxo-pink);background:#ff3da026;border:1px solid #ff3da04d}.tag-orange{color:var(--oxo-orange);background:#f9731626;border:1px solid #f973164d}.tag-green{color:var(--oxo-green);background:#00c85326;border:1px solid #00c8534d}.tag-purple{color:var(--oxo-purple);background:#9b59ff26;border:1px solid #9b59ff4d}.section-title{font-family:var(--font-display);color:var(--text-white);font-size:clamp(1.8rem,6vw,3.2rem);line-height:1.2}.section-subtitle{color:var(--text-muted);max-width:540px;font-size:1.05rem;line-height:1.7}.gradient-text{background:linear-gradient(135deg, var(--oxo-cyan), var(--oxo-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg, var(--oxo-yellow), var(--oxo-orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-divider{background:linear-gradient(90deg, var(--oxo-cyan), var(--oxo-pink));border-radius:999px;width:60px;height:4px;margin:16px 0 24px}.hero-scroll-wrapper{min-height:180vh;position:relative}.hero-scroll-inner{align-items:center;height:calc(100vh - 100px);display:flex;position:sticky;top:100px;overflow:hidden}.hero-scroll-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;width:100%;display:grid}.hero-title{margin-bottom:16px;font-size:clamp(2.2rem,4.5vw,3.5rem);line-height:1.15}.hero-subtitle{max-width:650px;color:var(--text-muted);margin-bottom:24px;font-size:clamp(1.15rem,2.5vw,1.45rem);line-height:1.6}.hero-buttons{flex-wrap:nowrap;gap:16px;display:flex}.hero-scroll-cup-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.hero-scroll-indicator{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;font-size:.85rem;animation:2s ease-in-out infinite bounceDown;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@keyframes bounceDown{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.steps-section{background:#0009;padding:120px 0}.steps-header{text-align:center;margin-bottom:80px}.steps-layout{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.steps-video-container{border:1px solid #ffffff1f;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 0 40px #ff3da033,0 0 80px #00d9ff26,0 20px 60px #00000080}.steps-video-container:before{content:"";background:linear-gradient(135deg, var(--oxo-pink), var(--oxo-cyan), var(--oxo-orange));z-index:-1;opacity:.5;filter:blur(1px);border-radius:22px;position:absolute;inset:-2px}.steps-video{border-radius:20px;width:100%;display:block}.steps-list{flex-direction:column;gap:32px;display:flex}.step-card{cursor:default;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;gap:20px;padding:28px;transition:all .3s;display:flex}.step-card:hover{background:#ffffff12;border-color:#ffffff26;transform:translate(4px)}.step-number{width:56px;height:56px;font-size:1.5rem;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.step-number-1{color:var(--oxo-cyan);background:#00d9ff26;border:2px solid #00d9ff4d;box-shadow:0 0 20px #00d9ff33}.step-number-2{color:var(--oxo-pink);background:#ff3da026;border:2px solid #ff3da04d;box-shadow:0 0 20px #ff3da033}.step-number-3{background:var(--oxo-green);color:#000;border:2px solid #00c85380;box-shadow:0 0 30px #00c85366}.step-content h3{font-family:var(--font-display);color:var(--text-white);margin-bottom:6px;font-size:1.3rem}.step-content p{color:var(--text-muted);font-size:.95rem;line-height:1.6}@media (width<=1024px){.hero-scroll-grid{text-align:center;grid-template-columns:1fr;gap:24px}.hero-scroll-cup-wrapper{max-width:260px;margin:0 auto}.steps-layout{grid-template-columns:1fr;gap:40px}.steps-video-container{max-width:560px;margin:0 auto}}@media (width<=768px){.nav-links{display:none}.nav{width:calc(100% - 32px);padding:10px 16px;top:8px}.nav-logo img{height:32px}.hero-scroll-wrapper{min-height:auto}.hero-scroll-inner{height:auto;padding-top:40px;padding-bottom:60px;position:relative;top:auto;overflow:visible}.hero-scroll-indicator{display:none}.hero-scroll-grid{gap:12px}.hero-scroll-cup-wrapper{max-width:200px}.section-subtitle{font-size:.95rem;line-height:1.4;margin-bottom:20px!important}.hero-title{margin-bottom:24px!important;font-size:clamp(2.2rem,5.5vw,4.2rem)!important}.hero-subtitle{margin-bottom:40px!important;font-size:clamp(1.15rem,2.5vw,1.45rem)!important}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn-primary,.btn-secondary{padding:12px 20px;font-size:.95rem}.section-title{margin-bottom:12px!important}.step-card{flex-direction:column;gap:16px;padding:20px}.step-number{width:46px;height:46px;font-size:1.2rem}.comparison-card{padding:24px}.feature-item{font-size:.95rem}.b2b-konzept-section{padding:60px 0}.b2b-title{margin-bottom:32px}}.starter-set-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));align-items:center;gap:60px;width:100%;display:grid}@media (width<=768px){.starter-set-grid{grid-template-columns:1fr;gap:30px}.starter-sets-wrapper{padding-bottom:60px;height:auto!important}.starter-sets-sticky{flex-direction:column!important;height:auto!important;position:relative!important;overflow:visible!important}.starter-sets-header{margin-bottom:40px;padding-top:60px;position:relative!important;top:0!important}.starter-sets-slider{flex-direction:column!important;width:100%!important;transform:none!important}.starter-sets-slide{margin-bottom:60px;width:100%!important;padding-top:0!important}}.starter-set-details{text-align:left;flex-direction:column;gap:12px;display:flex}.starter-set-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-family:var(--font-display);color:var(--text-white);margin-bottom:2px;line-height:1.2}.starter-set-subtitle{color:var(--text-muted);margin-bottom:4px;font-size:.95rem;line-height:1.4}.starter-set-pricing-simple{flex-wrap:wrap;align-items:center;gap:12px;margin:2px 0 4px;display:flex}.starter-set-price-simple{color:var(--oxo-pink);font-size:1.15rem;font-weight:800}.starter-set-wareneinsatz-simple{color:var(--oxo-cyan);font-size:.9rem;font-weight:700}.starter-set-pricing-bar{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;align-items:center;gap:24px;padding:16px;display:flex}.starter-set-price-container{flex-direction:column;display:flex}.starter-set-price{color:var(--oxo-pink);font-size:2.5rem;font-weight:900;line-height:1}.starter-set-tax{color:var(--text-muted);margin-top:4px;font-size:.85rem}.starter-set-wareneinsatz-badge{color:var(--oxo-cyan);background:#00d9ff1a;border:1.5px solid #00d9ff4d;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:700;animation:3s infinite alternate pulseGlow;display:flex;box-shadow:0 0 20px #00d9ff1a}@keyframes pulseGlow{0%{border-color:#00d9ff4d;box-shadow:0 0 15px #00d9ff1a}to{border-color:#00d9ff99;box-shadow:0 0 25px #00d9ff40}}.starter-set-info-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff0f;border-radius:16px;padding:14px 18px}.starter-set-info-card.benefits-card{background:linear-gradient(#ffffff0a 0%,#00c85305 100%);border-color:#00c85326}.starter-set-card-title{font-family:var(--font-body);color:var(--text-white);margin-bottom:4px;font-size:1rem;font-weight:800}.starter-set-card-subtitle{color:var(--text-muted);margin-bottom:10px;font-size:.85rem;line-height:1.3}.starter-set-item-list{flex-direction:column;gap:8px;list-style:none;display:flex}.starter-set-item{color:#e2e8f0;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.4;display:flex}.starter-set-item-emoji{flex-shrink:0;font-size:1.1rem;line-height:1}.starter-set-item-emoji.checkmark{color:var(--oxo-green);font-weight:700}.starter-set-cta-wrapper{margin-top:8px}.starter-set-cta-btn{justify-content:center;width:100%;padding:12px 24px;font-size:.95rem;box-shadow:0 6px 20px #f9731640}.starter-set-badges-row{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.starter-set-badge{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:4px 10px;font-size:.8rem}.comparison-grid{grid-template-columns:repeat(2,1fr);gap:40px;max-width:1000px;margin:0 auto;display:grid}@media (width<=1024px){.comparison-grid{grid-template-columns:1fr;max-width:600px}}.comparison-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);flex-direction:column;padding:40px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.comparison-card:hover{transform:translateY(-8px)scale(1.015)}.b2b-konzept-section{-webkit-backdrop-filter:blur(16px);z-index:5;background:#04060a66;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:80px 0;position:relative}.b2b-title{font-family:var(--font-display);color:var(--text-white);text-align:center;margin-bottom:48px;font-size:clamp(2rem,5vw,3rem)}.b2b-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.b2b-column{border-radius:var(--radius-xl);background:#ffffff05;border:1px solid #ffffff0d;align-items:flex-start;gap:24px;padding:36px;transition:transform .3s cubic-bezier(.25,1,.5,1),border-color .3s;display:flex}.b2b-column:hover{border-color:#ffffff1a;transform:translateY(-5px)}.b2b-icon-wrapper{background:#ffffff08;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.b2b-icon-wrapper.cyan-glow{color:var(--oxo-cyan);border:1.5px solid #00d9ff4d;box-shadow:0 0 20px #00d9ff26}.b2b-icon-wrapper.pink-glow{color:var(--oxo-pink);border:1.5px solid #ff3da04d;box-shadow:0 0 20px #ff3da026}.b2b-column-text{flex-grow:1}.b2b-text{color:var(--text-white);font-size:1.05rem;line-height:1.75}@media (width<=1024px){.b2b-grid{grid-template-columns:1fr;gap:24px}.b2b-column{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:28px}.b2b-text{font-size:.95rem;line-height:1.6}}.classic-card{opacity:.85;border:1px solid #ffffff0d}.classic-card:hover{border-color:#ef1c1c4d;box-shadow:0 0 30px #ef1c1c26}.oxo-card{z-index:1;background:linear-gradient(#00d9ff0d 0%,#ff3da005 100%);border:1px solid #00d9ff4d;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.oxo-card:hover{box-shadow:var(--shadow-glow-cyan);border-color:var(--oxo-cyan)}.oxo-card-glow{pointer-events:none;background:radial-gradient(at top,#00d9ff33,#0000 70%);width:80%;height:150px;position:absolute;top:0;left:50%;transform:translate(-50%)}.badge-solution{background:linear-gradient(135deg, var(--oxo-cyan), #00a3ff);color:#000;letter-spacing:.05em;border-bottom-left-radius:var(--radius-xl);align-items:center;gap:6px;padding:8px 24px;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:0;right:0;box-shadow:-5px 5px 15px #00d9ff33}.card-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.red-wrapper{color:var(--oxo-red);background:#ef1c1c1a;border:1px solid #ef1c1c33}.cyan-wrapper{color:var(--oxo-cyan);background:#00d9ff26;border:1px solid #00d9ff66;box-shadow:0 0 20px #00d9ff33}.purple-wrapper{color:var(--oxo-purple);background:#9b59ff26;border:1px solid #9b59ff66;box-shadow:0 0 20px #9b59ff33}.card-title{font-size:1.6rem;font-family:var(--font-display)}.classic-card .card-title{color:#9ca3af}.feature-list{flex-direction:column;flex-grow:1;gap:20px;list-style:none;display:flex}.feature-item{align-items:flex-start;gap:16px;font-size:1.05rem;line-height:1.5;display:flex}.feature-item.muted{color:var(--text-muted)}.feature-item.highlighted{color:#f9fafb}.feature-icon{flex-shrink:0;margin-top:2px}.red-icon{color:var(--oxo-red);opacity:.8}.cyan-icon{color:var(--oxo-cyan);filter:drop-shadow(0 0 5px #00d9ff80)}.card-action{margin-top:auto;padding-top:32px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}