.stromspar{isolation:isolate;background:radial-gradient(120% 80% at 100% 0,#3b78db1a 0%,#0000 60%),linear-gradient(#3b78db08 0%,#3b78db0f 100%);border:1px solid #3b78db2e;border-radius:20px;width:min(820px,100% - 2.5rem);margin:0 auto 4.5rem;padding:2rem 2.25rem 2.1rem;transition:background .6s,border-color .6s,box-shadow .6s;position:relative;overflow:hidden}.stromspar:before{content:"";opacity:.55;background:linear-gradient(90deg,#0000 0%,#3b78db 50%,#0000 100%);height:2px;position:absolute;top:0;left:0;right:0}.stromspar__badge{color:#2b5fb3;letter-spacing:.06em;text-transform:uppercase;background:#3b78db1f;border:1px solid #3b78db40;border-radius:999px;align-items:center;gap:.55rem;padding:.35rem .7rem .35rem .55rem;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;display:inline-flex}.stromspar__bolt{color:#fff;background:#3b78db;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.stromspar__title{letter-spacing:-.022em;color:#1f1f1f;text-wrap:balance;max-width:26ch;margin:1rem 0 .55rem;font-family:Inter,sans-serif;font-size:clamp(1.45rem,2.4vw,1.75rem);font-weight:800;line-height:1.2}.stromspar__lead{color:#4b4b4b;text-wrap:pretty;max-width:58ch;margin:0 0 1.25rem;font-family:Inter,sans-serif;font-size:1rem;line-height:1.65}.stromspar__features{gap:.7rem;margin:0 0 1.6rem;padding:0;list-style:none;display:grid}.stromspar__features li{color:#3a3a3a;align-items:flex-start;gap:.7rem;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.55;display:flex}.stromspar__features strong{color:#1f1f1f;font-weight:700}.stromspar__feature-dot{background:#3b78db;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.55rem;box-shadow:0 0 0 4px #3b78db24}.stromspar__toggle{color:#1f1f1f;letter-spacing:.005em;cursor:pointer;background:#fff;border:1px solid #3b78db59;border-radius:999px;align-items:center;gap:.75rem;padding:.7rem 1.15rem .7rem .85rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:background .25s,border-color .25s,color .25s,transform .25s cubic-bezier(.33,1,.68,1),box-shadow .25s;display:inline-flex}.stromspar__toggle:hover{border-color:#3b78db8c;transform:translateY(-1px);box-shadow:0 8px 22px #3b78db2e}.stromspar__toggle:focus-visible{outline-offset:3px;outline:2px solid #3b78db}.stromspar__toggle[aria-pressed=true]{color:#f4f7fb;background:#1f1f1f;border-color:#3b78db;box-shadow:inset 0 0 0 1px #3b78db99,0 8px 26px #3b78db40}.stromspar__toggle-led{background:#c6ced8;border-radius:50%;width:10px;height:10px;transition:background .25s,box-shadow .25s;box-shadow:0 0 0 3px #c6ced840}.stromspar__toggle-led[data-on=true]{background:#4fe3a1;animation:1.6s ease-in-out infinite stromsparPulse;box-shadow:0 0 0 3px #4fe3a140,0 0 12px #4fe3a199}@keyframes stromsparPulse{0%,to{box-shadow:0 0 0 3px #4fe3a138,0 0 8px #4fe3a173}50%{box-shadow:0 0 0 5px #4fe3a11a,0 0 16px #4fe3a1bf}}.stromspar__hint{color:#7e7e7e;margin:.85rem 0 0;font-family:Inter,sans-serif;font-size:.85rem;line-height:1.55}@media (prefers-reduced-motion:reduce){.stromspar,.stromspar__toggle,.stromspar__toggle-led{transition:none;animation:none!important}}@media (max-width:700px){.stromspar{border-radius:16px;padding:1.5rem 1.4rem 1.6rem}.stromspar__title{font-size:1.35rem}.stromspar__lead{font-size:.95rem}.stromspar__features li{font-size:.92rem}}
.daynight__hero{transition:background .5s,border-color .5s}.daynight__swap{display:block;position:relative}.daynight__img{border-radius:10px;width:100%;height:auto;transition:opacity .5s;display:block}.daynight__img--night{object-fit:cover;opacity:0;height:100%;position:absolute;inset:0}.daynight[data-night=true] .daynight__img--day{opacity:0}.daynight[data-night=true] .daynight__img--night{opacity:1}.daynight__controls{justify-content:center;align-items:center;gap:.7rem;margin-top:1.1rem;display:flex}.daynight__toggle{cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:999px;align-items:center;gap:.55rem;padding:.4rem .55rem;transition:background .45s,border-color .45s,box-shadow .45s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.daynight__toggle:hover{border-color:#0000002e}.daynight__toggle:focus-visible{outline-offset:2px;outline:2px solid #3b78db}.daynight__toggle-icon{color:#c8910b;transition:color .45s,opacity .45s;display:inline-flex}.daynight__toggle-icon--moon{color:#9aa3b2;opacity:.55}.daynight__toggle-track{background:#ffe2a8;border-radius:999px;width:40px;height:22px;transition:background .45s;position:relative}.daynight__toggle-thumb{background:#f6b73c;border-radius:50%;width:18px;height:18px;transition:transform .45s cubic-bezier(.4,0,.2,1),background .45s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.daynight__state{color:#6b7280;min-width:6.5rem;font-size:.85rem;font-weight:500;transition:color .45s}.daynight[data-night=true] .daynight__hero{border-color:#ffffff14}.daynight[data-night=true] .daynight__toggle{background:#1c2230;border-color:#ffffff1f}.daynight[data-night=true] .daynight__toggle-icon--sun{color:#5b6478;opacity:.55}.daynight[data-night=true] .daynight__toggle-icon--moon{color:#cdd6e6;opacity:1}.daynight[data-night=true] .daynight__toggle-track{background:#38415a}.daynight[data-night=true] .daynight__toggle-thumb{background:#cdd6e6;transform:translate(18px)}.daynight[data-night=true] .daynight__state{color:#9aa3b2}@media (prefers-reduced-motion:reduce){.daynight__hero,.daynight__img,.daynight__toggle,.daynight__toggle-track,.daynight__toggle-thumb,.daynight__toggle-icon,.daynight__state{transition:none}}