.hp{--ink:#07080c;--ink-2:#0c0e14;--panel:#12141c;--panel-2:#181b26;--line:#f3f2ec17;--line-2:#f3f2ec29;--text:#f3f2ec;--dim:#9aa0ad;--dim-2:#6b7180;--acid:#d8ff3e;--acid-ink:#0b0c10;--mag:#ff4d9d;--cyan:#4de3ff;--display:"Inter Variable","Inter",system-ui,sans-serif;--body:"Sora",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--wrap:1180px;--ease:cubic-bezier(.2,.9,.25,1);--ease-out:cubic-bezier(.16,1,.3,1)}.hp *{box-sizing:border-box;margin:0;padding:0}.hp{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--ink);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}.hp::selection,.hp ::selection{background:var(--acid);color:var(--acid-ink)}.hp a{color:inherit}.hp :focus-visible{outline:2px solid var(--acid);outline-offset:3px}.hp img,.hp svg{max-width:100%;display:block}.hp .wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px;position:relative}.hp .label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);align-items:center;gap:10px;font-size:12px;display:inline-flex}.hp .label:before{content:"";background:var(--acid);width:18px;height:2px}.hp .label.mag:before{background:var(--mag)}.hp .label.plain:before{display:none}.hp .topbar{z-index:40;-webkit-backdrop-filter:blur(14px)saturate(1.3);background:linear-gradient(#07080cc7,#07080c8c);border-bottom:1px solid #0000;transition:border-color .3s,background .3s;position:sticky;top:0}.hp .topbar.solid{border-bottom-color:var(--line);background:#07080ce0}.hp .topbar-in{max-width:var(--wrap);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:16px 28px;font-size:12px;display:flex}.hp .logo{color:var(--acid);white-space:nowrap;align-items:center;gap:11px;font-weight:600;text-decoration:none;display:flex}.hp .logo-dot{background:var(--acid);width:10px;height:10px;box-shadow:0 0 14px var(--acid);animation:2.6s step-end infinite blink}@keyframes blink{0%,92%{opacity:1}93%,to{opacity:.15}}.hp .nav{color:var(--dim);gap:26px;display:flex}.hp .nav a{padding:4px 0;text-decoration:none;transition:color .2s;position:relative}.hp .nav a:after{content:"";background:var(--acid);height:2px;transition:right .3s var(--ease);position:absolute;bottom:-2px;left:0;right:100%}.hp .nav a:hover,.hp .nav a.active{color:var(--text)}.hp .nav a:hover:after,.hp .nav a.active:after{right:0}.hp .langs{border:1px solid var(--line-2);gap:2px;padding:3px;display:flex}.hp .langs a{color:var(--dim);padding:4px 8px;text-decoration:none;transition:all .2s}.hp .langs a.active{background:var(--text);color:var(--ink)}.hp .langs a:hover:not(.active){color:var(--text)}.hp .burger{border:1px solid var(--line-2);color:var(--text);cursor:pointer;background:0 0;width:40px;height:36px;display:none;position:relative}.hp .burger i{background:var(--text);height:2px;position:absolute;left:10px;right:10px}.hp .burger i:first-child{top:11px}.hp .burger i:nth-child(2){top:17px}.hp .burger i:nth-child(3){top:23px}.hp{--kopf:63px;--band:48px}.hp .hero{min-height:calc(100svh - var(--kopf) - var(--band));isolation:isolate;align-items:center;padding:48px 0 84px;display:grid;position:relative;overflow:hidden}.hp .field{z-index:0;pointer-events:none;perspective:1200px;position:absolute;top:0;bottom:0;left:0;right:0}.hp .tile{width:var(--w);aspect-ratio:11/9;will-change:transform;transform:translate3d(var(--x),var(--y),0);position:absolute}.hp .tile-drift{width:100%;height:100%;animation:drift var(--dur,9s) ease-in-out var(--ddelay,0s) infinite alternate}@keyframes drift{0%{transform:translate(0,0)rotate(-1.2deg)}to{transform:translateY(-14px)rotate(1.2deg)}}.hp .tile-inner{background:linear-gradient(var(--ang,35deg),var(--bg1),var(--bg2));border:1.5px solid color-mix(in srgb,var(--a) 55%,transparent);width:100%;height:100%;animation:tile-in 1.1s var(--ease-out) var(--delay,0s) both;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #000c}@keyframes tile-in{0%{opacity:0;transform:translate3d(0,60px,-300px)scale(.6)}to{opacity:1;transform:none}}.hp .tile-inner:before{content:"";opacity:.55;position:absolute;top:0;bottom:0;left:0;right:0}.hp .p-grid .tile-inner:before{background:linear-gradient(100deg,transparent 48%,color-mix(in srgb,var(--a) 35%,transparent) 48%,color-mix(in srgb,var(--a) 35%,transparent) 50%,transparent 50%) 0 0/28% 100%, linear-gradient(transparent 60%,color-mix(in srgb,var(--b) 25%,transparent) 60%,color-mix(in srgb,var(--b) 25%,transparent) 62%,transparent 62%) 0 0/100% 30%}.hp .p-orbit .tile-inner:before{background:radial-gradient(circle at 78% 34%,color-mix(in srgb,var(--a) 80%,transparent) 0 7%,transparent 7.5%), repeating-radial-gradient(circle at 78% 34%,transparent 0 14%,color-mix(in srgb,var(--b) 28%,transparent) 14% 15.5%)}.hp .p-blocks .tile-inner:before{background:linear-gradient(color-mix(in srgb,var(--a) 22%,transparent),color-mix(in srgb,var(--a) 22%,transparent)) 12% 18%/22% 26% no-repeat, linear-gradient(color-mix(in srgb,var(--b) 18%,transparent),color-mix(in srgb,var(--b) 18%,transparent)) 62% 10%/30% 30% no-repeat, linear-gradient(color-mix(in srgb,var(--a) 14%,transparent),color-mix(in srgb,var(--a) 14%,transparent)) 45% 60%/18% 22% no-repeat, linear-gradient(color-mix(in srgb,var(--b) 26%,transparent),color-mix(in srgb,var(--b) 26%,transparent)) 88% 55%/16% 20% no-repeat}.hp .p-chevron .tile-inner:before{background:repeating-linear-gradient(-55deg,transparent 0 14px,color-mix(in srgb,var(--a) 22%,transparent) 14px 18px), repeating-linear-gradient(55deg,transparent 0 22px,color-mix(in srgb,var(--b) 14%,transparent) 22px 25px)}.hp .p-waves .tile-inner:before{background:repeating-radial-gradient(ellipse 120% 40% at 50% 120%,transparent 0 16px,color-mix(in srgb,var(--a) 22%,transparent) 16px 19px)}.hp .p-rays .tile-inner:before{background:repeating-conic-gradient(from 20deg at 45% 48%,color-mix(in srgb,var(--a) 18%,transparent) 0 6deg,transparent 6deg 30deg)}.hp .tile-txt{font-family:var(--display);color:var(--a);font-weight:900;font-size:calc(var(--w) * .26);letter-spacing:-.04em;line-height:1;position:absolute;bottom:14%;left:8%}.hp .tile-bar{height:4%;width:var(--bar,40%);background:var(--b);position:absolute;bottom:8%;left:8%}.hp .tile.d1{--w:120px;opacity:.28;filter:blur(1.5px)}.hp .tile.d2{--w:170px;opacity:.55}.hp .tile.d3{--w:230px;opacity:.9}.hp .hero-light{z-index:1;pointer-events:none;mix-blend-mode:screen;will-change:transform;background:radial-gradient(circle,#d8ff3e24,#d8ff3e0a 35%,#0000 65%);border-radius:50%;width:900px;height:900px;position:absolute;top:-450px;left:-450px}.hp .haze{z-index:0;pointer-events:none;filter:blur(64px)saturate(130%);opacity:.95;position:absolute;top:-10%;bottom:-10%;left:-5%;right:-5%}.hp .haze span{mix-blend-mode:screen;will-change:transform;border-radius:50%;display:block;position:absolute}.hp .haze .h1x{background:radial-gradient(circle at 40% 40%,#d8ff3e6b,#d8ff3e1a 45%,#0000 70%);width:52vw;height:52vw;animation:26s ease-in-out infinite alternate haze-a;top:-12vw;right:-6vw}.hp .haze .h2x{background:radial-gradient(circle at 55% 45%,#ff4d9d5c,#ff4d9d17 48%,#0000 72%);width:44vw;height:44vw;animation:34s ease-in-out infinite alternate haze-b;top:22vw;right:14vw}.hp .haze .h3x{background:radial-gradient(circle at 45% 55%,#4de3ff47,#4de3ff12 46%,#0000 70%);width:38vw;height:38vw;animation:30s ease-in-out infinite alternate haze-c;top:-4vw;right:32vw}@keyframes haze-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(-6vw,5vw)scale(1.14)}}@keyframes haze-b{0%{transform:translate(0,0)scale(1.06)}to{transform:translate(7vw,-6vw)scale(.92)}}@keyframes haze-c{0%{transform:translate(0,0)scale(.96)}to{transform:translate(-5vw,-4vw)scale(1.16)}}.hp .hero-mesh{z-index:1;pointer-events:none;opacity:.5;background-image:linear-gradient(#f3f2ec0b 1px,#0000 1px),linear-gradient(90deg,#f3f2ec0b 1px,#0000 1px);background-size:64px 64px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(70% 60% at 72% 42%,#000 20%,#0000 72%);mask-image:radial-gradient(70% 60% at 72% 42%,#000 20%,#0000 72%)}@media (prefers-reduced-motion:reduce){.hp .haze span{animation:none}}.hp .hero-scrim{z-index:1;pointer-events:none;background:linear-gradient(90deg,#07080ceb 0%,#07080cb8 34%,#07080c57 58%,transparent 82%), linear-gradient(180deg,#07080c66,transparent 26%,transparent 74%,var(--ink) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hp .hero-in{z-index:2;max-width:var(--wrap);width:100%;margin:0 auto;padding:0 28px;position:relative}.hp .kicker{flex-wrap:wrap;row-gap:6px;margin-bottom:14px}.hp .kicker .sep{color:var(--dim-2);margin:0 4px}.hp .h1{font-family:var(--display);text-transform:uppercase;letter-spacing:-.022em;letter-spacing:-.015em;font-size:max(2.6rem,min(7.6vw,6.4rem));font-weight:900;line-height:.96}.hp .h1 .ln{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}.hp .h1 .ln span{animation:line-up .9s var(--ease-out) forwards;display:block;transform:translateY(110%)}.hp .h1 .ln:first-child span{animation-delay:.15s}.hp .h1 .ln:nth-child(2) span{color:var(--text);animation-delay:.27s}.hp .h1 .ln:nth-child(3) span{color:var(--acid);text-shadow:0 0 40px #d8ff3e59;animation-delay:.39s}@keyframes line-up{to{transform:none}}.hp .lead{max-width:540px;color:var(--dim);animation:rise .8s var(--ease-out) .6s both;margin-top:30px;font-size:1.08rem}.hp .lead strong{color:var(--text);font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.hp .cta-row{animation:rise .8s var(--ease-out) .75s both;flex-wrap:wrap;align-items:center;gap:34px;margin-top:40px;display:flex}.hp .btn{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;background:var(--acid);color:var(--acid-ink);box-shadow:7px 7px 0 var(--mag);transition:box-shadow .25s var(--ease),transform .25s var(--ease);will-change:transform;align-items:center;gap:14px;padding:20px 34px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.hp .btn:after{content:"";width:35%;transition:left .6s var(--ease);background:linear-gradient(100deg,#0000,#ffffff8c,#0000);position:absolute;top:0;bottom:0;left:-40%;transform:skew(-20deg)}.hp .btn:hover{box-shadow:10px 10px 0 var(--mag)}.hp .btn:hover:after{left:120%}.hp .btn .arr{width:22px;height:22px;transition:transform .3s var(--ease)}.hp .btn:hover .arr{transform:translate(5px)}.hp .stats{gap:28px;display:flex}.hp .stat{flex-direction:column;line-height:1.1;display:flex}.hp .stat b{font-family:var(--display);color:var(--text);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.hp .stat small{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-top:6px;font-size:11px}.hp .hero-sub{animation:rise .8s var(--ease-out) .9s both;flex-direction:column;align-items:flex-start;gap:16px;margin-top:26px;display:flex}.hp .hero-sub a{color:var(--text);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:color .2s var(--ease);align-items:center;gap:12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.hp .hero-sub a:after{content:"";background:var(--acid);width:30px;height:1px;transition:width .3s var(--ease);flex:none;position:relative}.hp .hero-sub a:hover{color:var(--acid)}.hp .hero-sub a:hover:after{width:48px}.hp .played{font-family:var(--mono);letter-spacing:.08em;color:var(--dim);align-items:center;gap:10px;font-size:12px;display:inline-flex}.hp .played i{background:var(--acid);width:8px;height:8px;box-shadow:0 0 10px var(--acid);border-radius:50%}.hp .played b{color:var(--text);font-weight:600}.hp .scroll-hint{z-index:2;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim-2);writing-mode:vertical-rl;align-items:center;gap:14px;font-size:11px;animation:1s 1.3s both rise;display:flex;position:absolute;bottom:64px;right:28px}.hp .scroll-hint:after{content:"";background:linear-gradient(var(--acid),transparent);width:1px;height:70px;animation:2s ease-in-out infinite hint}@keyframes hint{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.hp .ribbon{z-index:3;background:var(--acid);color:var(--acid-ink);font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;padding:13px 0;font-size:14px;font-weight:800;position:relative;overflow:hidden;box-shadow:0 0 60px #d8ff3e24}.hp .ribbon .track{animation:150s linear infinite marquee;display:inline-block}.hp .ribbon .track span{padding:0 22px}.hp .ribbon .track em{color:var(--mag);font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}.hp .section{padding:120px 0}.hp .section+.section{padding-top:40px}.hp .head{max-width:760px;margin-bottom:48px}.hp .head .sub{color:var(--dim);max-width:62ch;margin-top:14px;font-size:1.08rem;line-height:1.6}.hp .head.has-nav{grid-template-columns:1fr auto;align-items:end;gap:40px;max-width:none;display:grid}.hp .head.has-nav>div{max-width:760px}.hp .head h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance;font-size:max(1.7rem,min(3.6vw,2.8rem));font-weight:900;line-height:1.02}.hp .more{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text);transition:color .2s var(--ease);align-items:center;gap:14px;margin-top:34px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.hp .more i{background:var(--acid);width:38px;height:1px;transition:width .3s var(--ease);flex:none;position:relative}.hp .more i:after{content:"";border-top:1.5px solid var(--acid);border-right:1.5px solid var(--acid);transform-origin:100%;width:8px;height:8px;position:absolute;top:-3.5px;right:0;transform:rotate(45deg)}.hp .more:hover{color:var(--acid)}.hp .more:hover i{width:64px}.hp .js .rv{opacity:0;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transform:translateY(28px)}.hp .js .rv.in{opacity:1;transform:none}.hp .js .rv.d1{transition-delay:.1s}.hp .js .rv.d2{transition-delay:.2s}.hp .js .rv.d3{transition-delay:.3s}.hp .ergebnis{padding-top:80px}.hp .picks{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px;display:grid}.hp .pick{background:var(--panel);border:1px solid var(--line);color:inherit;transition:transform .4s var(--ease),border-color .3s,box-shadow .4s;flex-direction:column;padding:0 0 26px;text-decoration:none;display:flex;position:relative}.hp .pick:hover{border-color:var(--line-2);transform:translateY(-8px);box-shadow:0 40px 80px -30px #000000e6}.hp .pick.best{border-color:#d8ff3e73;box-shadow:0 0 0 1px #d8ff3e2e,0 40px 90px -30px #d8ff3e2e}.hp .pick .art{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:16px;padding:62px 24px 22px;display:flex;position:relative;overflow:hidden}.hp .pick .art:before{content:"";z-index:0;opacity:.5;background:radial-gradient(ellipse 80% 120% at 88% 0%,var(--glow,#d8ff3e29),transparent 70%);position:absolute;top:0;bottom:0;left:0;right:0}.hp .pick.gem .art:before{--glow:#ff4d9d29}.hp .pick:not(.best):not(.gem) .art:before{--glow:#4de3ff21}.hp .pick .fitbig{z-index:1;font-family:var(--display);letter-spacing:-.03em;color:var(--acid);font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;font-size:3.4rem;font-weight:900;line-height:.9;display:flex;position:relative}.hp .pick .fitbig small{font-size:1.1rem;font-weight:700}.hp .pick.gem .fitbig{color:var(--mag)}.hp .pick:not(.best):not(.gem) .fitbig{color:var(--cyan)}.hp .pick .fitlabel{z-index:1;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);white-space:nowrap;padding-bottom:.5em;font-size:10.5px;position:relative}.hp .pick .tag{z-index:1;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;background:var(--text);color:var(--ink);padding:6px 10px;font-size:11px;position:absolute;top:16px;left:16px}.hp .pick.best .tag{background:var(--acid)}.hp .pick.gem .tag{background:var(--mag);color:#fff}.hp .pick .body{padding:22px 24px 0}.hp .pick h3{font-family:var(--display);margin-bottom:4px;font-size:1.25rem;font-weight:700;line-height:1.15}.hp .pick .meta{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:11px}.hp .pick ul{color:var(--dim);gap:9px;margin-top:18px;font-size:.95rem;list-style:none;display:grid}.hp .pick li{align-items:flex-start;gap:10px;display:flex}.hp .pick li:before{content:"";background:linear-gradient(var(--acid),var(--acid)) 3px 6px/8px 2px no-repeat, linear-gradient(var(--acid),var(--acid)) 3px 6px/2px 6px no-repeat;flex:none;width:14px;height:14px;margin-top:5px;transform:rotate(-45deg)translate(1px,-2px)}.hp .pick .fit{align-items:center;gap:12px;margin-top:auto;padding:20px 24px 0;display:flex}.hp .fitbar{background:var(--line);flex:1;height:4px;position:relative;overflow:hidden}.hp .fitbar i{background:var(--acid);width:0;transition:width 1.4s var(--ease-out) .3s;position:absolute;top:0;bottom:0;left:0}.hp .in .fitbar i{width:var(--fit)}.hp .pick .fitn{display:none}.hp .result-note{font-family:var(--mono);letter-spacing:.06em;color:var(--dim-2);margin-top:22px;font-size:12px}.hp .steps{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;list-style:none;display:grid;position:relative}.hp .steps:before{content:"";background:var(--acid);width:0;height:2px;transition:width 1.6s var(--ease-out);position:absolute;top:-1px;left:0}.hp .steps.in:before{width:100%}.hp .step{padding:34px 34px 10px 0;position:relative}.hp .step+.step{border-left:1px solid var(--line);padding-left:34px}.hp .step .num{font-family:var(--display);color:#0000;-webkit-text-stroke:1.5px #f3f2ec57;font-size:3.6rem;font-weight:900;line-height:1;display:block;position:relative}.hp .step .num:after{content:attr(data-num);color:var(--acid);-webkit-text-stroke:0;clip-path:inset(100% 0 0);transition:clip-path 1.2s cubic-bezier(.33,.1,.25,1);position:absolute;top:0;left:0}.hp .step:hover .num:after,.hp .step:focus-within .num:after{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.hp .step .num:after{transition:none}}.hp .step h3{font-family:var(--display);text-wrap:balance;max-width:300px;margin:22px 0 12px;font-size:1.15rem;font-weight:700;line-height:1.2}.hp .step p{color:var(--dim);max-width:340px;font-size:.98rem}.hp .step:hover .num{-webkit-text-stroke-color:#d8ff3e8c;transition:all .3s}.hp .articles{grid-template-columns:1fr 1fr;align-items:stretch;gap:22px;display:grid}.hp .aquiz{background:var(--panel);border:2px solid var(--mag);box-shadow:7px 7px 0 var(--mag);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:34px;display:flex;position:relative;overflow:hidden}.hp .aquiz>*{position:relative}.hp .aquiz .aquiz-big{font-family:var(--display);color:#0000;-webkit-text-stroke:2px #d8ff3e8c;letter-spacing:-.05em;font-size:10rem;font-weight:900;line-height:1;position:absolute;top:18px;right:26px}.hp .aquiz-kick{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mag);font-size:12px}.hp .aquiz h3{-webkit-hyphens:manual;hyphens:manual;font-family:var(--display);text-wrap:balance;margin:18px 0 12px;font-size:max(1.4rem,min(2.4vw,2rem));font-weight:900;line-height:1.08}.hp .aquiz p{color:var(--dim);max-width:420px;margin-bottom:28px}.hp .feature{color:inherit;background:var(--panel);border:1px solid var(--line);flex-direction:column;justify-content:flex-end;min-height:340px;padding:34px;text-decoration:none;display:flex;position:relative;overflow:hidden}.hp .feature .fbg{transition:transform 1.2s var(--ease);background:radial-gradient(70% 60% at 80% 10%,#ff4d9d59,#0000 60%),radial-gradient(60% 60% at 10% 90%,#d8ff3e38,#0000 60%),linear-gradient(160deg,#141827,#0c0e14);position:absolute;top:0;bottom:0;left:0;right:0}.hp .feature:hover .fbg{transform:scale(1.05)}.hp .feature .fgrid{opacity:.35;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/48px 48px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 60%);mask-image:linear-gradient(#0000,#000 60%)}.hp .feature{position:relative}.hp .feature:after{content:"";border-top:2px solid var(--acid);border-right:2px solid var(--acid);opacity:.55;width:11px;height:11px;transition:transform .3s var(--ease),opacity .3s;position:absolute;bottom:26px;right:26px;transform:rotate(45deg)}.hp .feature:hover:after{opacity:1;transform:rotate(45deg)translate(4px,-4px)}.hp .feature>*{position:relative}.hp .feature .big{font-family:var(--display);color:#0000;-webkit-text-stroke:2px #ff4d9dbf;letter-spacing:-.05em;font-size:10rem;font-weight:900;line-height:1;position:absolute;top:18px;right:26px}.hp .feature .big:after,.hp .alist .anum:after{content:attr(data-num);-webkit-text-stroke:0;clip-path:inset(100% 0 0);transition:clip-path .9s cubic-bezier(.33,.1,.25,1);position:absolute;top:0;left:0}.hp .feature .big:after{color:var(--mag)}.hp .feature:hover .big:after,.hp .alist li a:hover .anum:after{clip-path:inset(0)}.hp .fkick{font-family:var(--mono,"IBM Plex Mono",monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--acid);font-size:12px}.hp .feature h3{font-family:var(--display);text-wrap:balance;margin:18px 0 12px;font-size:max(1.4rem,min(2.4vw,2rem));font-weight:900;line-height:1.08}.hp .feature p{color:var(--dim);max-width:420px}.hp .alist{border-top:1px solid var(--line);flex-direction:column;list-style:none;display:flex}.hp .alist li a{border-bottom:1px solid var(--line);color:inherit;transition:background .25s,padding .25s var(--ease);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:20px 8px 20px 0;text-decoration:none;display:grid}.hp .alist li a:hover{background:var(--panel);padding-left:18px}.hp .alist h4{font-family:var(--display);font-size:1rem;font-weight:700;line-height:1.25}.hp .alist p{color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:520px;margin-top:6px;font-size:.9rem;display:-webkit-box;overflow:hidden}.hp .alist .arr{border:1px solid var(--line-2);width:34px;height:34px;color:var(--dim);place-items:center;transition:all .25s;display:grid}.hp .alist li a:hover .arr{background:var(--acid);border-color:var(--acid);color:var(--acid-ink);transform:rotate(-45deg)}.hp .alist .anum{width:3rem;font-family:var(--display);color:#0000;-webkit-text-stroke:1.5px #f3f2ec57;letter-spacing:-.04em;text-align:left;font-size:2.4rem;font-weight:900;line-height:1;display:block;position:relative}.hp .alist .anum:after{color:var(--acid)}.hp .alist-2{border-top:0;grid-template-columns:1fr 1fr;column-gap:22px;margin-top:22px;display:grid}.hp .alist-2 li:nth-child(-n+2){border-top:1px solid var(--line)}.hp .alist-2 li{display:flex}.hp .alist-2 li a{flex:1}@media (prefers-reduced-motion:reduce){.hp .feature .big:after,.hp .alist .anum:after{transition:none}}.hp .shelf-wrap{scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -28px;padding:0 28px;overflow-x:auto}.hp .shelf-wrap::-webkit-scrollbar{display:none}.hp .shelf{gap:18px;width:max-content;padding-bottom:20px;display:flex}.hp .gcard{scroll-snap-align:start;width:262px;color:inherit;background:var(--panel);border:1px solid var(--line);transform-style:preserve-3d;transition:transform .35s var(--ease),border-color .3s;will-change:transform;flex:none;text-decoration:none}.hp .gcard:hover{border-color:var(--line-2)}.hp .gcard .art{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:10px;padding:22px 20px 18px;display:flex;position:relative;overflow:hidden}.hp .gcard .art:before{content:"";opacity:.42;background:radial-gradient(90% 130% at 85% 0,#d8ff3e2e,#0000 68%);position:absolute;top:0;bottom:0;left:0;right:0}.hp .gcard .score{z-index:1;font-family:var(--display);color:var(--acid);font-variant-numeric:tabular-nums;letter-spacing:-.03em;align-items:baseline;gap:1px;font-size:3rem;font-weight:900;line-height:.88;display:flex;position:relative}.hp .gcard .score small{font-family:var(--mono);color:var(--dim);letter-spacing:.06em;font-size:11px;font-weight:400}.hp .gcard .rank{z-index:1;font-family:var(--mono);letter-spacing:.14em;color:var(--dim-2);font-size:11px;position:relative}.hp .gcard .gb{padding:16px 20px 20px}.hp .gcard h3{font-family:var(--display);font-size:1.02rem;font-weight:700;line-height:1.22}.hp .gcard .meta{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:8px;font-size:11px}.hp .shelf-nav{justify-self:end;gap:8px;display:flex}.hp .shelf-nav button{border:1px solid var(--line-2);width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;place-items:center;transition:all .2s;display:grid}.hp .shelf-nav button:hover{background:var(--text);color:var(--ink)}.hp .lists{grid-template-columns:1fr 1fr;gap:60px;display:grid}.hp .lists h3{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:18px;font-size:12px}.hp .chips{flex-wrap:wrap;gap:10px;display:flex}.hp .chip{color:var(--text);border:1px solid var(--line-2);padding:11px 18px;font-size:.95rem;text-decoration:none;transition:color .25s,border-color .25s;position:relative;overflow:hidden}.hp .chip:before{content:"";background:var(--acid);transition:transform .3s var(--ease);z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(101%)}.hp .chip{isolation:isolate}.hp .chip:hover{color:var(--acid-ink);border-color:var(--acid)}.hp .chip:hover:before{transform:none}.hp .fresh{border-top:1px solid var(--line);list-style:none}.hp .fresh li{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr auto auto;align-items:center;gap:24px;padding:20px 0;display:grid}.hp .fresh .mon{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acid);font-size:11px}.hp .fresh h4{font-family:var(--display);font-size:1.05rem;font-weight:700}.hp .fresh .gen{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:11px}.hp .fresh .sc{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700}.hp .fresh .sc small{font-family:var(--mono);color:var(--dim);font-size:11px;font-weight:400}.hp .trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:96px 0;position:relative;overflow:hidden}.hp .trust:before{content:"";background:radial-gradient(50% 70% at 85%,#d8ff3e14,#0000 70%),radial-gradient(40% 60% at 10% 20%,#ff4d9d12,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0}.hp .trust .wrap{max-width:var(--wrap)}.hp .trust-head{margin-bottom:22px}.hp .trust-text{color:var(--dim);max-width:64ch;font-size:1.12rem;line-height:1.65}.hp .trust-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;margin-top:34px;padding-top:26px;display:flex}.hp .trust-foot .more{margin-top:0}.hp .trust h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance;margin-top:16px;font-size:max(1.7rem,min(3.6vw,2.7rem));font-weight:900;line-height:1.04}.hp .trust h2 em{color:var(--acid);font-style:normal}.hp .trust p{color:var(--dim);max-width:520px;font-size:1.05rem}.hp .sig{align-items:center;gap:16px;margin-top:26px;display:flex}.hp .sig .av{background:var(--acid);width:52px;height:52px;color:var(--acid-ink);font-family:var(--display);place-items:center;font-size:1.3rem;font-weight:900;display:grid}.hp .sig b{font-family:var(--display);font-size:.95rem;font-weight:700;display:block}.hp .sig small{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:11px}.hp .final{text-align:center;padding:130px 0;position:relative;overflow:hidden}.hp .final .bigq{font-family:var(--display);color:#0000;-webkit-text-stroke:1.5px #d8ff3e24;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:min(48vw,560px);font-weight:900;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hp .final h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance;font-size:max(1.9rem,min(5vw,3.6rem));font-weight:900;line-height:1;position:relative}.hp .final p{color:var(--dim);max-width:460px;margin:20px auto 36px;position:relative}.hp .final .btn{position:relative}.hp .footer{border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);padding:34px 0 44px;font-size:12px}.hp .footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.hp .footer nav{flex-wrap:wrap;gap:22px;display:flex}.hp .footer a{color:var(--dim);text-decoration:none;transition:all .2s}.hp .footer a:hover{color:var(--acid)}.hp .notes-btn{z-index:70;background:var(--panel);border:1px solid var(--line-2);color:var(--text);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:12px 16px;font-size:11px;position:fixed;bottom:22px;right:22px}.hp .notes{z-index:70;background:var(--panel);border:1px solid var(--line-2);width:min(420px,100vw - 44px);max-height:70vh;color:var(--dim);padding:24px;font-size:.9rem;display:none;position:fixed;bottom:70px;right:22px;overflow:auto;box-shadow:0 40px 80px -20px #000000e6}.hp .notes.open{display:block}.hp .notes h4{font-family:var(--display);color:var(--text);margin-bottom:12px;font-size:.95rem;font-weight:700}.hp .notes ol{gap:9px;padding-left:18px;display:grid}.hp .notes b{color:var(--text);font-weight:600}@media (max-width:1080px){.hp .nav{display:none}.hp .burger{display:block}.hp .head{grid-template-columns:1fr}.hp .head p{justify-self:start}.hp .articles{grid-template-columns:1fr}.hp .feature{min-height:340px}.hp .aquiz .aquiz-big{font-size:6rem;top:14px;right:18px}.hp .aquiz h3{padding-right:64px}.hp .alist-2{grid-template-columns:1fr;margin-top:30px}.hp .alist-2 li:nth-child(2){border-top:0}.hp .feature .big{font-size:7.5rem}.hp .trust .wrap{grid-template-columns:1fr}}@media (max-width:820px){.hp .picks,.hp .steps{grid-template-columns:1fr}.hp .step+.step{border-left:0;border-top:1px solid var(--line);padding-left:0}.hp .lists{grid-template-columns:1fr;gap:40px}.hp .fresh li{grid-template-columns:1fr auto;gap:8px 20px}.hp .fresh .mon{grid-column:1/-1}.hp .fresh .gen{grid-column:1}.hp .tile.d1{display:none}.hp .tile.d2{--w:120px}.hp .tile.d3{--w:150px}.hp{--kopf:52px;--band:42px}.hp .hero{min-height:calc(100svh - var(--kopf) - var(--band));padding:30px 0 56px}.hp .hero-scrim{background:linear-gradient(180deg,#07080c99,#07080ce0 36%,#07080cf0 70%,var(--ink))}.hp .scroll-hint{display:none}.hp .topbar-in{padding:14px 18px}.hp .logo{letter-spacing:.1em;font-size:11px}.hp .langs a{padding:4px 6px}.hp .hero-in,.hp .wrap{padding:0 18px}.hp .shelf-wrap{margin:0 -18px;padding:0 18px}.hp .hero-sub{flex-direction:column;align-items:flex-start;gap:12px}.hp .section{padding:80px 0}.hp .stats{gap:20px}.hp .stat b{font-size:1.25rem}.hp .cta-row{gap:24px}}@media (prefers-reduced-motion:reduce){.hp *,.hp :before,.hp :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hp .js .rv{opacity:1;transform:none}.hp .h1 .ln span{transform:none}}.hp .pal-acid{--a:#d8ff3e;--b:#7ee081;--bg1:#0d1710;--bg2:#182611}.hp .pal-magenta{--a:#ff4d9d;--b:#ff8a5c;--bg1:#1a0d16;--bg2:#26111c}.hp .pal-cyan{--a:#4de3ff;--b:#6f8cff;--bg1:#0b1520;--bg2:#101d2c}.hp .pal-blood{--a:#ff4d4d;--b:#ff9c3e;--bg1:#180c0c;--bg2:#241010}.hp .pal-violet{--a:#b07cff;--b:#ff4d9d;--bg1:#140f21;--bg2:#1d1430}.hp .pal-ember{--a:#ffc93e;--b:#ff7a3e;--bg1:#1a1408;--bg2:#261c0b}.hp .pal-mint{--a:#3effc0;--b:#4de3ff;--bg1:#081915;--bg2:#0d241f}.hp .pal-steel{--a:#9aa8c7;--b:#4de3ff;--bg1:#101218;--bg2:#171b25}.hp .demo{border:1px dashed var(--line-2);background:#12141c66;padding:44px 30px 26px;position:relative}.hp .demo-badge{background:var(--ink);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);padding:0 12px;font-size:11px;position:absolute;top:-11px;left:26px}.hp .demo .result-note{text-align:center;margin-top:20px}.hp .demo-cta{justify-content:center;margin-top:34px;display:flex}.hp .freshgrid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:10px;list-style:none;display:grid}.hp .fcard{background:var(--panel);border:1px solid var(--line);height:100%;color:inherit;transition:transform .35s var(--ease),border-color .3s,box-shadow .35s;flex-direction:column;gap:10px;padding:20px 20px 22px;text-decoration:none;display:flex;position:relative;overflow:hidden}.hp .fcard:before{content:"";opacity:0;transition:opacity .35s var(--ease);background:radial-gradient(90% 120% at 80% 0,#d8ff3e24,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0}a.hp-x,.hp a.fcard:hover{border-color:var(--line-2);transform:translateY(-6px);box-shadow:0 30px 60px -30px #000000e6}.hp a.fcard:hover:before{opacity:1}.hp .fcard-top{z-index:1;justify-content:space-between;align-items:baseline;gap:10px;display:flex;position:relative}.hp .fcard-score{font-family:var(--display);color:var(--acid);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.9rem;font-weight:900;line-height:1}.hp .fcard-score small{font-family:var(--mono);color:var(--dim);letter-spacing:.06em;font-size:10.5px;font-weight:400}.hp .fcard-score.is-na{color:var(--dim-2);cursor:help;font-size:1.3rem}.hp .fcard-year{font-family:var(--mono);letter-spacing:.12em;color:var(--dim-2);font-size:11px}.hp .fcard h3{z-index:1;font-family:var(--display);margin-top:auto;font-size:1.02rem;font-weight:700;line-height:1.24;position:relative}.hp .fcard-meta{z-index:1;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:11px;position:relative}.hp .pick .art:before{transition:opacity .4s var(--ease)}.hp .pick:hover .art:before{opacity:.85}.hp .pick .fitbig{transition:transform .4s var(--ease)}.hp .pick:hover .fitbig{transform:translateY(-3px)}.hp .gcard .art:before{transition:opacity .4s var(--ease)}.hp .gcard:hover .art:before{opacity:.9}.hp .gcard .score{transition:transform .4s var(--ease)}.hp .gcard:hover .score{transform:translateY(-3px)}.hp .band{background:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.hp .band:before{content:"";pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.hp .band>*{z-index:1;position:relative}.hp .band-a:before{background:radial-gradient(55% 70% at 88% 8%,#d8ff3e0e,#0000 68%)}.hp .band-b:before{background:radial-gradient(50% 75% at 8% 20%,#4de3ff0d,#0000 70%)}.hp .band-c:before{background:radial-gradient(55% 70% at 82% 92%,#ff4d9d0b,#0000 70%)}.hp .section.band{padding:110px 0}.hp .section+.section.band,.hp .section.band+.section{padding-top:110px}@media (max-width:820px){.hp .head.has-nav{grid-template-columns:minmax(0,1fr);gap:20px}.hp .shelf-nav{justify-self:start}.hp .freshgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp .picks{grid-template-columns:minmax(0,1fr)}.hp .pick{min-width:0}}@media (max-width:560px){.hp .demo-cta .btn{max-width:100%;padding:18px 22px}.hp h1,.hp h2,.hp h3,.hp h4{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}}
