.msx-stories{background:radial-gradient(ellipse at 85% 23%,#38204228,transparent 35%),#08090b}
.msx-section{padding-top:80px;padding-bottom:80px;scroll-margin-top:115px}.msx-fps,.msx-power,.msx-monitors,.msx-day{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(30px,5vw,80px);align-items:center}
.msx-section h2{font-size:clamp(34px,4.1vw,60px);letter-spacing:-.03em;line-height:1.08;margin:0 0 25px;text-wrap:balance}.msx-section h3{font-size:25px;line-height:1.25;letter-spacing:-.02em;margin:0 0 17px}.msx-section p{color:#c7b8d5;font-size:17px;line-height:1.75;margin:0 0 22px;max-width:57ch}.msx-section ul{list-style:none;padding:0;margin:25px 0}.msx-section li{padding:11px 0;border-bottom:1px solid #ffffff25;color:#e3d7ed;font-size:15px;line-height:1.5}.msx-section figure{margin:0;min-width:0}.msx-section figcaption,.msx-section .msx-caption{font-size:14px;line-height:1.65;color:#bfaace;margin:18px 0 0;max-width:75ch}
.msx-section details{border-top:1px solid #ffffff27}.msx-section summary{min-height:48px;padding:14px 0;color:#dcc0f1;font-size:14px;cursor:pointer}.msx-section details p{font-size:14px;line-height:1.75}
.msx-fps-scene{position:relative;isolation:isolate;min-height:440px;border-radius:16px;overflow:hidden;background:#141019}.msx-wallpaper{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;z-index:-2}.msx-fps-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0e0b16,transparent);z-index:-1}.msx-fps-original{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:252px;max-width:75%;height:auto}.msx-fps-focus{position:absolute;inset:40% 12% auto;text-align:center;color:#f6effe;font-size:25px;font-weight:500;letter-spacing:-.02em}.msx-fps-focus>div{width:60px;height:60px;margin:32px auto 0;border:1px solid #ddc3f24d;border-radius:50%;position:relative}.msx-fps-focus>div:before,.msx-fps-focus>div:after{content:'';position:absolute;background:#e5c9fa88}.msx-fps-focus>div:before{width:16px;height:1px;left:21px;top:29px}.msx-fps-focus>div:after{height:16px;width:1px;left:29px;top:21px}.msx-fps-scene figcaption{position:absolute;left:25px;right:25px;bottom:24px;margin:0;max-width:40ch}
.msx-heading{max-width:850px;margin-bottom:35px}.msx-heading p{max-width:65ch}.msx-mode-switch,.msx-power-switch,.msx-monitor-switch,.msx-day-switch{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.msx-section button{font:500 15px/1.3 'Segoe UI',sans-serif;min-height:46px;padding:12px 20px;border:1px solid #ffffff35;border-radius:8px;background:transparent;color:#d5c4e1;cursor:pointer}.msx-section button[aria-pressed=true]{background:#e0c8f2;color:#1c1424;border-color:transparent}.msx-section button:hover{border-color:#cfabe9}.msx-section button:focus-visible,.msx-section summary:focus-visible{outline:2px solid #dbb9f2;outline-offset:4px}
.msx-mode-detail{max-width:800px;min-height:125px;margin:30px 0}.msx-mode-detail h3{font-size:27px}.msx-comparison{border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35}.msx-comparison>[role=row]{display:grid;grid-template-columns:1.05fr repeat(3,minmax(0,1fr))}.msx-comparison [role=row]+[role=row]{border-top:1px solid #ffffff20}.msx-comparison [role=cell],.msx-comparison [role=rowheader],.msx-comparison [role=columnheader]{padding:22px 18px;font-size:15px;line-height:1.6;font-weight:400;color:#c8b6d8}.msx-comparison [role=rowheader]{color:#eee5f4;font-weight:500}.msx-compare-head [role=columnheader]{font-size:18px;font-weight:600;color:#e3d3ed}.msx-comparison[data-active=nativ] [data-mode-column=nativ],.msx-comparison[data-active=kombi] [data-mode-column=kombi],.msx-comparison[data-active=overlay] [data-mode-column=overlay]{background:#d5b7ee0d;color:#f5ebff}.msx-mode-note{margin-top:22px;max-width:850px}
.msx-power{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.msx-power-scene{padding:35px 32px;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#51326045,transparent 65%),#121017;min-width:0}.msx-power-orbit{width:122px;height:122px;border:1px solid #d1b1ea50;border-radius:50%;margin:0 auto 30px;display:grid;place-items:center}.msx-power-orbit img{width:60px;height:60px;border-radius:15px}.msx-power-scene h3{text-align:center;font-size:26px}.msx-power-scene dl{margin:28px 0}.msx-power-scene dl>div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #ffffff22;font-size:14px;line-height:1.5}.msx-power-scene dt{color:#c3b0d1}.msx-power-scene dd{margin:0;color:#f2e8fb;text-align:right}.msx-power-scene>p{font-size:13px;line-height:1.65;margin:22px 0 0;color:#baa3cd}.msx-power-scene[data-state=sparen]{background:radial-gradient(ellipse at 50% 0,#28513b45,transparent 65%),#101512}.msx-power-scene[data-state=normal]{background:radial-gradient(ellipse at 50% 0,#35477245,transparent 65%),#101118}
.msx-rate{background:radial-gradient(ellipse at 25% 55%,#36244330,transparent 65%)}.msx-rate-visual{display:grid;grid-template-columns:200px minmax(0,1fr);gap:35px 45px;align-items:center;margin-top:40px}.msx-rate-label{display:flex;gap:22px;align-items:center}.msx-rate-label>strong{font-size:55px;line-height:1;font-weight:500;letter-spacing:-.035em;color:#f4eaff;min-width:106px;font-variant-numeric:tabular-nums}.msx-rate-label strong>span{font-size:18px;letter-spacing:0;color:#baa4cb}.msx-rate-label p{font-size:12px;line-height:1.7;margin:0;display:none}.msx-frame-line{height:85px;position:relative;background:repeating-linear-gradient(90deg,#a385be 0 2px,transparent 2px calc(100% / 6));border-bottom:1px solid #b49bc933;border-top:1px solid #b49bc933}.msx-frame-144{background:repeating-linear-gradient(90deg,#ddbbf7 0 2px,transparent 2px calc(100% / 14.4))}.msx-frame-line:after{position:absolute;bottom:-24px;left:0;font-size:12px;color:#bca6cf}.msx-frame-60:after{content:'16,7 ms zwischen den Schritten'}.msx-frame-144:after{content:'6,9 ms zwischen den Schritten'}.msx-rate .msx-caption{margin-top:50px}
.msx-monitor-scene{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end;padding:30px 0}.msx-monitor{position:relative;border:5px solid #29272e;border-bottom-width:11px;border-radius:9px;box-shadow:0 16px 28px #0005;background:#1a1620;min-width:0}.msx-monitor:after{content:'';position:absolute;left:37%;right:37%;height:16px;bottom:-27px;background:#29272e;border-radius:0 0 3px 3px}.msx-monitor img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.msx-monitor-scene figcaption{grid-column:1/-1;margin-top:26px}.msx-day{border-top:1px solid #ffffff15}.msx-day-scene>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:15px;display:block}
@media(min-width:1550px){.msx-rate-visual{grid-template-columns:320px minmax(0,1fr)}.msx-rate-label p{display:block}}
@media(max-width:900px){.msx-section{padding-top:60px;padding-bottom:60px}.msx-fps,.msx-power,.msx-monitors,.msx-day{grid-template-columns:1fr;gap:28px}.msx-copy{max-width:700px}.msx-fps-scene{min-height:360px}.msx-power-scene{max-width:650px}.msx-rate-visual{grid-template-columns:120px minmax(0,1fr);gap:35px 20px}.msx-rate-label>strong{font-size:43px}.msx-rate-label strong>span{font-size:15px}.msx-monitor-scene{max-width:650px}}
@media(max-width:600px){.msx-section{padding-top:45px;padding-bottom:45px}.msx-section h2{font-size:36px}.msx-section p{font-size:16px}.msx-section button{font-size:14px;padding:11px 14px}.msx-fps-scene{min-height:340px}.msx-fps-focus{font-size:23px}.msx-fps-scene figcaption{font-size:13px;left:20px;right:20px}.msx-mode-detail{min-height:170px}.msx-mode-detail h3{font-size:23px}.msx-comparison>[role=row]{grid-template-columns:1fr 1.5fr}.msx-comparison [data-mode-column]{display:none}.msx-comparison[data-active=nativ] [data-mode-column=nativ],.msx-comparison[data-active=kombi] [data-mode-column=kombi],.msx-comparison[data-active=overlay] [data-mode-column=overlay]{display:block}.msx-comparison [role=cell],.msx-comparison [role=rowheader],.msx-comparison [role=columnheader]{padding:17px 12px;font-size:14px}.msx-power-scene{padding:27px 20px}.msx-power-scene dl>div{font-size:13px;gap:15px}.msx-rate-visual{grid-template-columns:95px minmax(0,1fr);gap:38px 13px}.msx-rate-label>strong{font-size:38px;min-width:0}.msx-frame-line{height:65px}.msx-frame-line:after{font-size:10px}.msx-monitor-scene{gap:10px}.msx-monitor{border-width:3px;border-bottom-width:8px;border-radius:5px}.msx-section figcaption,.msx-section .msx-caption{font-size:13px}}