:root{--bg:#081120;--panel:#111d2c;--muted:#9cacc0;--lime:#c0fb5b;--mint:#51efc0;--purple:#9d86ff;--line:rgba(255,255,255,.12);--white:#f4f7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}::selection{background:var(--lime);color:var(--bg)}.skip-link{position:absolute;left:10px;top:-80px;z-index:99;background:var(--lime);color:#07101b;padding:12px}.skip-link:focus{top:10px}.grain{position:fixed;inset:0;pointer-events:none;z-index:15;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.pointer-glow{position:fixed;width:400px;height:400px;border-radius:50%;pointer-events:none;z-index:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(150,255,135,.045),transparent 65%)}.topbar{height:88px;max-width:1440px;padding:0 5%;margin:auto;position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between}.brand{white-space:nowrap;font-size:29px;letter-spacing:-2px;font-weight:900;display:inline-flex;align-items:center}.brand>span:not(.brand-icon){color:var(--lime)}.brand i{font-style:normal;color:var(--purple)}.brand-icon{width:39px;height:39px;display:inline-grid;place-items:center;background:var(--lime);color:#071324;border-radius:13px;margin-right:9px;font-size:34px;font-weight:900;transform:rotate(-9deg)}.desktop-nav{display:flex;gap:33px;font-size:14px;color:#c4cedb}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--lime)}.nav-cta{font-size:13px;font-weight:850;color:#081322;background:var(--lime);padding:14px 19px;border-radius:100px;display:inline-flex;gap:13px;align-items:center;transition:filter .2s}.nav-cta:hover,.big-btn:hover{filter:brightness(1.12)}.hero{min-height:730px;max-width:1600px;margin:0 auto;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:30px 5% 95px;isolation:isolate}.hero-grid{position:absolute;inset:-85px 0 0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 70% 40%,#000,transparent 72%);z-index:-2}.aurora{position:absolute;z-index:-1;filter:blur(65px);opacity:.25;border-radius:50%;pointer-events:none}.a1{width:420px;height:420px;right:15%;top:10%;background:#4137dd}.a2{width:320px;height:320px;right:2%;bottom:8%;background:#4baf89}.hero-content{position:relative;z-index:6;max-width:680px}.eyebrow,.kicker{color:var(--lime);font-weight:850;letter-spacing:.17em;font-size:12px}.eyebrow{display:inline-flex;align-items:center;gap:12px;padding:10px 15px;border:1px solid rgba(192,251,91,.22);border-radius:30px;background:rgba(192,251,91,.055)}.live-dot{height:7px;width:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 15px var(--lime);animation:pulse 1.8s infinite}.hero h1{font-weight:900;letter-spacing:-.076em;font-size:clamp(64px,7.1vw,122px);line-height:.98;margin:29px 0}.gradient-type{background:linear-gradient(105deg,var(--lime) 10%,#53efbb 54%,#a5a0ff);color:transparent;background-clip:text;-webkit-background-clip:text}.period{color:var(--white)}.hero-content>p{color:#b0bfd0;line-height:1.8;max-width:490px;font-size:17px}.hero-actions{margin-top:34px;display:flex;align-items:center;flex-wrap:wrap;gap:23px}.big-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--lime);color:#08121c;padding:20px 27px;border:0;border-radius:18px;font-weight:900;font-size:15px;box-shadow:0 12px 45px rgba(192,251,91,.14);transition:filter .2s,box-shadow .2s}.big-btn:hover{box-shadow:0 18px 55px rgba(192,251,91,.27)}.btn-bolt{font-size:19px}.text-btn{font-weight:650;font-size:14px;color:#d9e4ec;border-bottom:1px solid rgba(255,255,255,.3);padding:7px 0}.hero-trust{margin-top:44px;display:flex;gap:16px;flex-wrap:wrap;color:#8f9fb1;font-size:11px}.hero-trust span{white-space:nowrap}.bubble-universe{height:575px;width:min(100%,650px);position:relative;justify-self:center;touch-action:pan-y;perspective:950px}.universe-ring{position:absolute;border:1px solid rgba(181,255,163,.1);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.r1{width:280px;height:280px}.r2{width:440px;height:440px;border-style:dashed;border-color:rgba(172,154,255,.15);animation:spin 85s linear infinite}.r3{width:565px;height:565px;border-color:rgba(255,255,255,.045)}.center-core{width:188px;height:188px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 35% 26%,#263c45,#0a1825 65%);border:1px solid rgba(192,251,91,.35);box-shadow:0 0 0 12px rgba(192,251,91,.035),0 0 90px rgba(192,251,91,.12),inset 0 0 35px rgba(192,251,91,.1);pointer-events:none}.core-icon{font-size:33px;line-height:1;color:var(--lime)}.center-core strong{font-size:27px;letter-spacing:-.06em;line-height:.94}.center-core small{letter-spacing:.24em;color:var(--lime);font-size:9px;margin-top:10px}.bubble{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px solid rgba(255,255,255,.33);border-radius:50%;width:128px;height:128px;color:var(--white);background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.23),rgba(120,178,233,.14) 42%,rgba(18,45,67,.85) 78%);box-shadow:inset 0 3px 15px rgba(255,255,255,.08),0 18px 32px rgba(0,0,0,.15),0 0 38px rgba(124,198,242,.09);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);transition:border-color .2s,box-shadow .2s;animation:float 5s ease-in-out infinite;user-select:none;cursor:grab;touch-action:none;z-index:3}.bubble:hover,.bubble:focus-visible{border-color:var(--lime);box-shadow:0 0 35px rgba(192,251,91,.24),inset 0 0 24px rgba(255,255,255,.12);outline:none}.bubble:active{cursor:grabbing}.bubble .b-emoji{font-size:27px;margin-bottom:6px}.bubble b{font-size:13px;line-height:1.19}.b1{left:5%;top:9%;width:145px;height:145px;animation-delay:-1s}.b2{right:1%;top:6%;width:126px;height:126px;animation-delay:-2s}.b3{right:0%;bottom:21%;width:151px;height:151px;background:radial-gradient(circle at 25% 20%,rgba(178,255,176,.28),rgba(27,100,82,.35) 55%,rgba(16,44,43,.88));animation-delay:-3s}.b4{left:2%;bottom:15%;width:122px;height:122px;animation-delay:-1.7s}.b5{right:24%;bottom:-1%;width:111px;height:111px;background:radial-gradient(circle at 30% 20%,rgba(180,147,255,.34),rgba(72,55,126,.5) 70%);animation-delay:-2.8s}.b6{right:25%;top:-1%;width:107px;height:107px;animation-delay:-.3s}.bubble.dragging{animation:none;z-index:9}.bubble-tip{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);white-space:nowrap;max-width:90%;white-space:normal;text-align:center;font-size:12px;color:#c4d3e3;background:#142239;border:1px solid rgba(255,255,255,.14);padding:10px 16px;border-radius:30px;z-index:10;transition:opacity .2s}.scroll-hint{position:absolute;bottom:31px;left:5%;display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#8696a8}.scroll-hint span{width:21px;height:32px;border:1px solid #728294;border-radius:15px;position:relative}.scroll-hint span:after{content:"";position:absolute;width:3px;height:7px;background:var(--lime);top:6px;left:8px;border-radius:4px;animation:scroll 1.7s infinite}.marquee{background:var(--lime);color:#071525;overflow:hidden;white-space:nowrap;transform:rotate(-1.2deg);margin:-8px -12px 0;position:relative;z-index:3}.marquee-track{width:max-content;font-weight:950;font-size:18px;letter-spacing:.04em;padding:17px 0;animation:marquee 29s linear infinite}.section{max-width:1370px;margin:auto;padding:115px 5%}.section-head{max-width:800px;margin-bottom:46px}.section-head h2,.lab h2,.statement h2,.final-cta h2{font-size:clamp(39px,5vw,72px);letter-spacing:-.065em;line-height:1.1;margin:19px 0 22px;font-weight:900}.section-head>p:last-child,.lab-left>p:not(.kicker){font-size:16px;line-height:1.8;color:#aebdd0;max-width:630px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{overflow:hidden;min-height:350px;position:relative;background:radial-gradient(circle at var(--mx,80%) var(--my,10%),rgba(135,205,255,.1),transparent 60%),#101d2c;border:1px solid var(--line);border-radius:26px;padding:30px;transition:transform .25s,border-color .25s}.feature-card:hover{transform:translateY(-7px);border-color:rgba(192,251,91,.5)}.feature-card.card-lime{background:linear-gradient(135deg,#c4fb69,#7ae8a8);color:#092018;border-color:transparent}.feature-index{font-size:12px;font-weight:800;opacity:.6}.feature-symbol{width:85px;height:85px;display:grid;place-items:center;font-weight:900;font-size:58px;margin:26px 0 21px;border-radius:24px;background:rgba(255,255,255,.065);color:var(--lime)}.card-lime .feature-symbol{background:rgba(2,53,32,.1);color:#092018}.feature-card h3{font-size:27px;letter-spacing:-.04em;margin:0 0 9px}.feature-card p{max-width:310px;line-height:1.7;color:#a8b8c8;margin:0}.card-lime p{color:#315648}.card-arrow{position:absolute;bottom:26px;right:30px;font-size:26px;opacity:.5}.lab{padding-top:35px}.lab-panel{border-radius:36px;background:radial-gradient(circle at 1% 0%,rgba(157,134,255,.14),transparent 46%),#121d2e;border:1px solid var(--line);padding:65px;display:grid;grid-template-columns:.86fr 1.14fr;gap:9%;overflow:hidden}.lab-left h2{margin-top:24px}.lab-badge{display:inline-flex;margin-top:25px;border:1px solid rgba(192,251,91,.3);color:var(--lime);border-radius:40px;padding:11px 14px;font-size:12px;font-weight:750}.lab-right{border-radius:28px;background:#091624;padding:36px;border:1px solid rgba(255,255,255,.08)}.input-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px;font-size:14px}.input-top label{color:#bac9d9}.input-top output{color:var(--lime);font-size:23px;font-weight:900;letter-spacing:-.04em}.input-top.second{margin-top:34px}.lab-right input[type=range]{width:100%;appearance:none;background:linear-gradient(90deg,var(--lime) 30%,#344357 30%);height:8px;border-radius:20px;cursor:pointer}.lab-right input[type=range]::-webkit-slider-thumb{appearance:none;width:23px;height:23px;background:var(--lime);border:5px solid #fff;border-radius:50%;box-shadow:0 0 0 5px rgba(192,251,91,.15)}.lab-right input[type=range]::-moz-range-thumb{width:15px;height:15px;background:var(--lime);border:5px solid #fff;border-radius:50%;box-shadow:0 0 0 5px rgba(192,251,91,.15)}.range-ends{display:flex;justify-content:space-between;color:#6e8094;font-size:11px;margin-top:12px}.savings-result{margin-top:33px;padding:23px;background:linear-gradient(135deg,rgba(192,251,91,.1),rgba(81,239,192,.035));border:1px solid rgba(192,251,91,.17);border-radius:23px}.savings-result>span{color:#d3dfd4;font-size:13px}.savings-result>div:nth-child(2){display:flex;align-items:baseline;gap:12px;color:var(--lime)}#yearlySavings{font-size:clamp(56px,5.5vw,83px);line-height:1.3;font-weight:950;letter-spacing:-.07em}.savings-result small{font-size:17px;font-weight:750}.savings-bars{height:7px;background:#2c3f3c;border-radius:30px;overflow:hidden;margin-bottom:17px}.savings-bars div{height:100%;background:linear-gradient(90deg,var(--lime),var(--mint));border-radius:30px;width:35%;transition:width .25s}.savings-result p{font-size:11px;line-height:1.6;color:#95adab;margin:0}.result-btn{width:100%;margin-top:18px}.step-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:33px;border:1px solid var(--line);border-radius:26px;position:relative}.step-n{color:#6d8195;font-weight:900;letter-spacing:.08em}.step-ico{font-size:54px;padding:40px 0 20px}.step h3{font-size:24px;letter-spacing:-.03em}.step p{color:#9eafc1;line-height:1.7}.statement{position:relative;text-align:center;max-width:none;background:#c2fa66;color:#071d19;overflow:hidden;padding:105px 5%;isolation:isolate}.statement .kicker{color:#3b6d33}.statement h2{max-width:1000px;margin:25px auto 34px}.statement em{font-style:normal;opacity:.55}.light-btn{background:#0c1b21;color:var(--lime)}.statement-orb{position:absolute;width:300px;height:300px;border-radius:50%;border:55px solid rgba(255,255,255,.28);z-index:-1}.orb-one{left:-140px;top:-80px}.orb-two{right:-140px;bottom:-140px}.faq{max-width:1050px}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:7px 0}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px 0;font-size:19px;font-weight:750;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:28px;color:var(--lime);transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:#9cacc0;line-height:1.8;max-width:760px;margin:0 0 28px}.final-cta{text-align:center;padding-top:120px;padding-bottom:135px}.final-cta h2{font-size:clamp(50px,7vw,105px)}.final-cta>p:not(.kicker){color:#aabacb;margin-bottom:30px}.final-spark{font-weight:900;font-size:55px;color:var(--lime);filter:drop-shadow(0 0 24px rgba(192,251,91,.65))}.footer{background:#0e1a29;border-top:1px solid var(--line);padding:60px 5% 32px}.footer-top,.footer-bottom{max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top p{color:#91a3b6;line-height:1.6}.footer-bottom{border-top:1px solid var(--line);margin-top:42px;padding-top:26px;font-size:11px;color:#8092a6;align-items:start}.footer-bottom>span:nth-child(2){max-width:450px;line-height:1.5}.footer-bottom>div{display:flex;gap:20px}.footer a:hover{color:var(--lime)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,30px);background:#192b33;border:1px solid rgba(192,251,91,.35);border-radius:15px;padding:16px 23px;color:#efffe1;box-shadow:0 15px 45px #0008;opacity:0;pointer-events:none;z-index:100;transition:opacity .25s,transform .25s;font-size:14px;text-align:center;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.setup-page{min-height:100vh;display:grid;place-items:center;padding:30px}.setup-card,.legal-card{width:min(100%,780px);padding:45px;background:#111d2c;border:1px solid var(--line);border-radius:30px}.setup-card h1,.legal-card h1{font-size:clamp(32px,6vw,60px);letter-spacing:-.06em}.setup-card p,.legal-card p{color:#b3c2d1;line-height:1.8}.setup-card code{color:var(--lime)}.setup-card .big-btn{margin-top:20px}.legal-card h2{font-size:23px;margin-top:32px}.legal-alert{padding:17px;border:1px solid #a38a4a;border-radius:12px}.legal-card .text-btn{display:inline-block;margin-top:20px}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -16px}}@keyframes pulse{50%{opacity:.5;box-shadow:0 0 3px var(--lime)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes scroll{to{transform:translateY(10px);opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(62px,7.3vw,90px)}.bubble-universe{transform:scale(.8);transform-origin:center}.hero-trust{gap:10px}.lab-panel{padding:42px;gap:5%}}@media(max-width:780px){.topbar{height:75px;padding:0 5%}.desktop-nav{display:none}.brand{font-size:24px;letter-spacing:-1.5px}.brand-icon{height:32px;width:32px;border-radius:10px;font-size:26px}.nav-cta{padding:12px 15px;font-size:12px}.hero{grid-template-columns:1fr;padding:40px 6% 85px;min-height:0}.hero-content{text-align:left}.hero h1{font-size:clamp(60px,11vw,95px)}.hero-content>p{font-size:15px}.hero-trust{margin-top:25px}.bubble-universe{width:600px;max-width:none;height:520px;left:50%;justify-self:start;transform:translateX(-50%) scale(.77);transform-origin:top center;margin-bottom:-105px;margin-top:25px}.scroll-hint{display:none}.section{padding:78px 6%}.benefit-grid{grid-template-columns:1fr}.feature-card{min-height:290px}.feature-symbol{margin:20px 0}.lab-panel{grid-template-columns:1fr;padding:25px;gap:25px}.lab-right{padding:24px}.step-row{grid-template-columns:1fr}.step-ico{padding:20px 0 5px}.step{padding:27px}.statement{padding:80px 6%}.faq summary{font-size:16px}.footer-top,.footer-bottom{flex-direction:column;align-items:start;gap:16px}.footer-bottom{gap:22px}.pointer-glow{display:none}}@media(max-width:440px){.hero h1{font-size:60px}.hero-actions{gap:12px}.big-btn{font-size:13px;padding:17px 19px}.bubble-universe{transform:translateX(-50%) scale(.57);margin-bottom:-220px}.eyebrow{font-size:10px}.section-head h2,.lab h2,.statement h2{font-size:40px}.lab-panel{padding:15px}.lab-right{padding:20px}.setup-card,.legal-card{padding:25px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* StromBro compact edition */
.hero{min-height:635px;padding-bottom:55px}.section{padding-top:67px;padding-bottom:67px}.section-head{margin-bottom:28px}.section-head h2,.lab h2{font-size:clamp(35px,4.5vw,58px)}.feature-card{min-height:270px;padding:25px}.feature-symbol{height:60px;width:65px;font-size:42px;margin:17px 0}.lab{padding-top:25px}.lab-panel{padding:42px}.faq{padding-top:60px;padding-bottom:80px}.footer{padding-top:38px}.footer-bottom{margin-top:22px}.compare-main{max-width:1240px;margin:auto;padding:50px 4% 85px;min-height:75vh}.compare-heading{text-align:center;margin:0 auto 32px;max-width:840px}.compare-heading h1{font-size:clamp(39px,5.4vw,70px);line-height:1.1;letter-spacing:-.06em;margin:17px 0}.compare-heading>p:last-child{color:#b0bfd0;line-height:1.6}.compare-shell{padding:25px;background:#fff;border-radius:24px;min-height:470px;overflow:hidden;color:#081120}.compare-status{display:flex;align-items:center;gap:10px;color:#304452;font-weight:800;padding:0 0 16px;font-size:13px}.compare-note{color:#8ca0b3;max-width:1050px;margin:23px auto;font-size:12px;line-height:1.7}.compare-footer{padding:26px;text-align:center;border-top:1px solid var(--line);font-size:13px;color:#a8b6c8}.compare-footer a{text-decoration:underline;text-underline-offset:4px}.compare-footer a:hover{color:var(--lime)}@media(max-width:780px){.hero{padding-bottom:45px}.section{padding-top:52px;padding-bottom:52px}.feature-card{min-height:230px}.lab-panel{padding:20px}.compare-main{padding:30px 3% 60px}.compare-shell{padding:12px;border-radius:16px}.compare-heading{padding:0 3%}}

/* Kompakte Affiliate-Partner-Einladung */
.partner-strip{max-width:1180px;margin:0 auto 64px;padding:30px 35px;border:1px solid rgba(151,255,105,.22);border-radius:28px;background:linear-gradient(115deg,rgba(151,255,105,.065),rgba(137,83,255,.065));display:flex;align-items:center;justify-content:space-between;gap:28px}
.partner-strip h2{font-size:clamp(23px,3vw,38px);line-height:1.18;margin:8px 0 10px}
.partner-strip p:not(.kicker){max-width:550px;color:#afbacb;font-size:15px;line-height:1.6;margin:0}
.partner-strip .partner-btn{white-space:nowrap;flex-shrink:0;font-size:15px;padding:18px 24px}
@media(max-width:800px){.partner-strip{margin:0 18px 45px;padding:24px 22px;flex-direction:column;align-items:stretch}.partner-strip .partner-btn{text-align:center;white-space:normal}}