@font-face{font-family:"Syne";font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/fonts/syne-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/work-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Reenie Beanie";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/reenie-beanie-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Tilt Neon";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/tilt-neon-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 700;font-stretch:100% 125%;font-display:swap;src:url(/assets/fonts/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{color-scheme:dark;--ink:#07060f;--ink-2:#0d0b1c;--ink-3:#15122b;--wire:#2b2552;--muted:#aca7cf;--text:#efecff;--soft:#cfcbea;--line:rgb(239 236 255 / .11);--magenta:#ff3db8;--cyan:#2ef2ff;--lime:#c8ff3a;--lime-ink:#0f1400;--glow-magenta:0 0 4px rgb(255 61 184 / .9),0 0 14px rgb(255 61 184 / .55),0 0 34px rgb(255 61 184 / .3);--glow-cyan:0 0 4px rgb(46 242 255 / .85),0 0 14px rgb(46 242 255 / .45);--chamfer:polygon(.65rem 0,100% 0,100% calc(100% - .65rem),calc(100% - .65rem) 100%,0 100%,0 .65rem);--sign:"Tilt Neon","Archivo",system-ui,sans-serif;--body:"Archivo","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--header-h:4.25rem;--bar-h:3.5rem}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1rem}
body{margin:0;background:var(--ink);color:var(--text);font:400 1rem/1.625 var(--body);-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom,0px))}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
h1,h2{font-family:var(--sign);font-weight:400;letter-spacing:.005em;text-wrap:balance}
h1{font-size:clamp(2.125rem,1.25rem + 2.5vw,3.5rem);line-height:1.1}
h2{font-size:clamp(1.625rem,.9rem + 1.5vw,2.25rem);line-height:1.2;margin:2.5rem 0 .9rem}
h3{font-weight:700;font-size:1.125rem;line-height:1.625rem;text-wrap:balance}
@media (min-width:40rem){h3{font-size:1.25rem;line-height:1.75rem}}
p{margin:0 0 1rem;text-wrap:pretty}
.v-wrap{width:min(100% - 3rem,80rem);margin-inline:auto}
@media (min-width:40rem){.v-wrap{width:min(100% - 5rem,80rem)}}
.skip{position:absolute;left:1rem;top:0;transform:translateY(-200%);background:var(--lime);color:var(--lime-ink);padding:.75rem 1rem;z-index:60;font-weight:700}
.skip:focus{transform:none}
.micro-label{display:block;font-size:.75rem;line-height:1rem;font-weight:600;font-stretch:112%;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.v-header{position:absolute;inset:0 0 auto;z-index:30}
.v-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--header-h)}
.v-brand{display:inline-flex;align-items:center;min-height:2.75rem;font-family:var(--sign);font-size:1.375rem;line-height:1.75rem;color:#fff4fb;text-shadow:0 0 10px rgb(255 61 184 / .55)}
.v-head nav{display:flex;gap:1.25rem}
.v-head nav a{position:relative;display:inline-flex;align-items:center;min-height:2.75rem;font-size:.75rem;line-height:1rem;font-weight:600;font-stretch:112%;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.v-head nav a::after{content:'';position:absolute;left:0;right:0;bottom:.45rem;height:2px;background:var(--cyan);box-shadow:var(--glow-cyan);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.v-head nav a:hover{color:var(--cyan)}
.v-head nav a:hover::after{transform:scaleX(1)}

.hero{position:relative;isolation:isolate;overflow:hidden;padding-top:var(--header-h);border-bottom:1px solid var(--wire);background:var(--ink)}
.hero>img{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:78% 40%}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgb(7 6 15 / .92) 0,rgb(7 6 15 / .75) 3.5rem,rgb(7 6 15 / .2) 9rem),linear-gradient(90deg,rgb(7 6 15 / .95) 0%,rgb(7 6 15 / .9) 50%,rgb(7 6 15 / .78) 62%,rgb(7 6 15 / .35) 80%,rgb(7 6 15 / .1) 100%),linear-gradient(0deg,var(--ink) 0,transparent 6rem)}
@media (max-width:63.999rem){.hero-shade{background:linear-gradient(180deg,rgb(7 6 15 / .92) 0,rgb(7 6 15 / .82) 40%,rgb(7 6 15 / .9) 100%)}}
.hero-floor{position:absolute;left:-20%;right:-20%;bottom:0;z-index:-1;height:max(8rem,27%);pointer-events:none;perspective:22rem;perspective-origin:50% 0;mask-image:linear-gradient(0deg,#000 10%,transparent 88%)}
.hero-floor::before{content:'';position:absolute;inset:0 0 -60%;transform:rotateX(62deg);transform-origin:50% 0;background-image:linear-gradient(rgb(255 61 184 / .55) 1.5px,transparent 1.5px),linear-gradient(90deg,rgb(46 242 255 / .32) 1.5px,transparent 1.5px);background-size:4.5rem 4.5rem}
.hero-floor::after{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--magenta) 30%,var(--cyan) 70%,transparent);box-shadow:var(--glow-magenta);opacity:.8}
.hero-in{display:grid;gap:1rem;justify-items:start;padding-block:2.5rem 4rem;max-width:46rem}
@media (min-width:64rem){.hero-in{padding-block:4rem 6rem}}
.kicker{display:flex;align-items:center;gap:.75rem;margin:0;font-size:.75rem;line-height:1rem;font-weight:600;font-stretch:112%;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.kicker::before{content:'';flex:0 0 2.25rem;height:2px;background:var(--cyan);box-shadow:var(--glow-cyan)}
.sign{position:relative;justify-self:stretch}
.sign h1{margin:0;color:#fff3fb;text-shadow:0 0 2px #fff,0 0 10px rgb(255 61 184 / .95),0 0 26px rgb(255 61 184 / .6),0 0 60px rgb(255 61 184 / .35);overflow-wrap:break-word}
@media (min-width:40rem){.sign{padding:1rem 1.5rem 1.15rem;border:2px solid var(--cyan);border-radius:6px;box-shadow:var(--glow-cyan),inset 0 0 14px rgb(46 242 255 / .3);background:rgb(7 6 15 / .35)}.sign h1{text-align:center}}
.hero-sub{margin:0;font-size:1.0625rem;color:#d6d2f0;max-width:44rem}
.hero-note{margin:0;display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:#c9c5e6}
.hero-note>span:not(.age){padding-top:.375rem}
.age{display:inline-grid;place-items:center;min-width:2.75rem;min-height:2.75rem;padding:.25rem .5rem;border:1.5px solid #ff5d7a;border-radius:3px;font-family:var(--sign);font-size:1rem;line-height:1.25rem;color:#ffd9e0;box-shadow:0 0 8px rgb(255 93 122 / .55),inset 0 0 6px rgb(255 93 122 / .35);text-shadow:0 0 6px rgb(255 93 122 / .8)}
.v-wrap.v-text{width:min(100% - 3rem,52rem);margin-left:max(1.5rem,calc(50% - 40rem));margin-right:auto}
@media (min-width:40rem){.v-wrap.v-text{width:min(100% - 5rem,52rem);margin-left:max(2.5rem,calc(50% - 40rem))}}
.v-text a{color:var(--cyan);text-decoration:underline;text-underline-offset:.25em}
.intro{padding-top:2.5rem}
.band{background:var(--ink-2);border-block:1px solid var(--wire);padding-block:.75rem clamp(2.5rem,6vw,4.5rem);margin-block:2rem}
.band h2{margin-top:1.75rem;position:relative}
.band h2::after{content:'';display:block;width:4rem;height:2px;margin-top:.6rem;background:var(--magenta);box-shadow:var(--glow-magenta)}
.note{color:var(--muted);font-size:.9rem;max-width:60rem}

.ops{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:1rem}
.op-card{--bracket:var(--cyan);container:op / inline-size;position:relative;border:1px solid var(--wire);background:linear-gradient(var(--bracket),var(--bracket)) 0 0/1rem 2px no-repeat,linear-gradient(var(--bracket),var(--bracket)) 0 0/2px 1rem no-repeat,linear-gradient(var(--bracket),var(--bracket)) 100% 100%/1rem 2px no-repeat,linear-gradient(var(--bracket),var(--bracket)) 100% 100%/2px 1rem no-repeat,linear-gradient(180deg,var(--ink-3),var(--ink-2));transition:filter .2s}
.op-card-top{--bracket:var(--magenta);border-color:color-mix(in srgb,var(--magenta) 70%,transparent);box-shadow:0 0 0 1px rgb(255 61 184 / .25),0 0 26px -4px rgb(255 61 184 / .45),inset 0 0 30px -10px rgb(255 61 184 / .35)}
.op-card:hover,.op-card:has(:focus-visible){filter:brightness(1.12)}
.op-grid{position:relative;display:grid;grid-template-columns:2rem auto minmax(0,1fr);align-items:center;gap:.75rem;padding:1rem;overflow-wrap:anywhere}
.op-grid>*{min-width:0}
.op-rank{grid-row:1;grid-column:1;font-family:var(--sign);font-size:1.75rem;line-height:1;color:var(--cyan);text-shadow:var(--glow-cyan)}
.op-card-top .op-rank{color:#ffe3f4;text-shadow:var(--glow-magenta)}
.operator-mark{grid-row:1;grid-column:2;justify-self:start;display:inline-grid;place-items:center;width:6rem;height:3rem;padding:.35rem;border:1px solid var(--wire);border-radius:2px;background:var(--ink)}
.plate-light{background:#fff}
.operator-mark img{width:100%;height:100%;object-fit:contain}
.op-grid h3{grid-row:1;grid-column:3;margin:0;font-size:1.125rem;line-height:1.5rem;font-weight:700;overflow-wrap:break-word}
.op-offer{grid-column:1/-1;order:1;margin:0;font-size:1.125rem;line-height:1.625rem;font-weight:700;color:#fff}
.op-fig{grid-column:1/-1;order:2;align-self:stretch;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:0;border:1px solid var(--wire);background:var(--ink)}
.op-fig>div{display:grid;grid-template-rows:1fr auto;padding:.75rem}
.op-fig>div+div{border-left:1px solid var(--wire)}
.op-fig dt{color:var(--cyan)}
.op-fig dd{margin:.25rem 0 0;overflow-wrap:break-word;font-size:1rem;line-height:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}
.op-cta{grid-column:1/-1;order:3;display:grid}
.card-link::after{content:'';position:absolute;inset:0;z-index:2}
.card-link:focus-visible{outline:none}
.op-card:has(.card-link:focus-visible){outline:2px solid var(--cyan);outline-offset:3px}
.op-grid::before{content:'';grid-column:1/-1;order:5;align-self:start;border-top:1px dashed var(--wire)}
.op-meta{grid-column:1/-1;order:6;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;font-size:.875rem;line-height:1.25rem;color:var(--soft)}
.op-score{font-weight:700;font-size:1rem;color:var(--lime)}.op-score small{color:var(--muted);font-size:.8rem;font-weight:400}
.op-licence{display:inline-flex;align-items:center;gap:.5rem}.op-licence svg{width:1rem;height:1rem;flex:none;color:var(--lime);filter:drop-shadow(0 0 3px rgb(200 255 58 / .6))}
.op-pay{grid-column:1/-1;order:7;display:grid;align-items:baseline;gap:.25rem 1rem}
.pay-line{display:flex;flex-wrap:wrap;gap:.25rem .75rem;list-style:none;margin:0;padding:0;font-size:.875rem;line-height:1.25rem;color:var(--soft)}
.pay-line li::before{content:'/';margin-right:.375rem;color:var(--magenta)}
.btn-cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:3rem;padding:.7rem 1.25rem;font-weight:700;font-stretch:108%;letter-spacing:.04em;text-transform:uppercase;font-size:.875rem;line-height:1.25rem;text-align:center;color:var(--lime-ink);filter:drop-shadow(0 0 10px rgb(200 255 58 / .32));transition:filter .2s}
.btn-cta::before{content:'';position:absolute;inset:0;z-index:-1;clip-path:var(--chamfer);background:linear-gradient(180deg,#e4ff8e,var(--lime) 55%,#a6e01c)}
.op-card:hover .btn-cta{filter:drop-shadow(0 0 14px rgb(200 255 58 / .55))}
@container op (min-width:44rem){
.op-grid{grid-template-columns:2.5rem 9.25rem minmax(0,1fr) fit-content(18rem);column-gap:.75rem;padding:1.25rem}
.op-rank{grid-row:1/3;font-size:2rem}
.operator-mark{grid-row:1;align-self:end}
.op-grid h3{grid-row:2;grid-column:2;align-self:start}
.op-offer{grid-row:1;grid-column:3;align-self:end;font-size:1.25rem;line-height:1.75rem}
.op-fig{grid-row:2;grid-column:3;align-self:start}
.op-fig>div{padding-inline:.5rem}
.op-cta{grid-row:1/3;grid-column:4;align-self:center;min-width:12rem}
.op-grid::before,.op-meta,.op-pay{grid-column:2/-1}
.op-pay{grid-template-columns:max-content minmax(0,1fr)}
}
@container op (min-width:72rem){
.op-grid{grid-template-columns:3rem minmax(7rem,9rem) minmax(0,1fr) 20rem fit-content(18rem);column-gap:1.5rem;padding:1.5rem}
.op-rank{font-size:2.5rem}
.operator-mark{width:7rem;height:3.5rem}
.op-grid h3{min-width:9.25rem}
.op-offer{grid-row:1/3;grid-column:3;align-self:center}
.op-fig{grid-row:1/3;grid-column:4;align-self:center}
.op-fig>div{padding-inline:.75rem}
.op-cta{grid-row:1/3;grid-column:5;min-width:15rem}
}

.toc{margin-block:2rem;padding-block:1rem;border-block:1px solid var(--wire)}
.toc-title{margin:0 0 .5rem;font-size:.74rem;font-weight:600;font-stretch:125%;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.toc ol{margin:0;padding:0;list-style:none;counter-reset:toc;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));column-gap:1.5rem}
.toc li{counter-increment:toc}
.toc a{display:flex;align-items:baseline;gap:.7rem;min-height:2.75rem;padding-block:.6rem;font-weight:600;line-height:1.5rem;border-bottom:1px solid var(--line)}
.toc a::before{content:counter(toc,decimal-leading-zero);font-family:var(--sign);font-size:1rem;color:var(--magenta);text-shadow:0 0 8px rgb(255 61 184 / .6)}
.toc a:hover{color:var(--cyan);border-bottom-color:var(--cyan)}
.faq{border-bottom:1px solid var(--wire);padding-bottom:.25rem}
.faq h3{margin:1.25rem 0 .4rem;color:var(--cyan)}
.faq p{color:var(--soft)}
.v-footer{position:relative;background:#05040b;padding-block:2.25rem;text-align:center;font-size:.9rem;margin-top:2rem}
.v-footer::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,var(--magenta),var(--cyan));box-shadow:0 0 10px rgb(255 61 184 / .6)}
.resp{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1rem 0;color:var(--soft)}
.help{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1.5rem;list-style:none;margin:0 0 1rem;padding:0}
.help a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--cyan)}
.foot-text{color:var(--muted);font-size:.875rem;line-height:1.35rem;margin-inline:auto;max-width:60rem}
.foot-text a{color:var(--soft);display:inline-block;padding-block:.35rem}
.foot-text a:hover,.help a:hover{color:var(--lime)}

.rating-bar{position:fixed;inset:auto 0 0;z-index:45;width:100%;height:calc(var(--bar-h) + env(safe-area-inset-bottom,0px));padding:.5rem 1.25rem calc(.5rem + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid var(--magenta);background:linear-gradient(180deg,var(--ink-3),var(--ink));color:var(--lime);font:700 .875rem/1.25rem var(--body);letter-spacing:.04em;text-transform:uppercase;text-align:center;cursor:pointer;box-shadow:0 -4px 22px rgb(255 61 184 / .35);text-shadow:0 0 8px rgb(200 255 58 / .5)}
.rating-bar:hover{filter:brightness(1.15)}
.rating-bar:focus-visible,.rating-panel__close:focus-visible{outline:2px solid var(--cyan);outline-offset:-6px}
@media (min-width:40rem){:root{--bar-h:4rem}}
.rating-panel{inset:0;margin:auto;width:min(70rem,calc(100% - 3rem));max-width:none;height:fit-content;max-height:calc(100dvh - 3rem);padding:0 calc(1.5rem - 2px) calc(1.5rem - 2px);overflow:auto;overscroll-behavior:contain;border:2px solid var(--cyan);border-radius:2px;background:linear-gradient(var(--ink-3),var(--ink-2));color:var(--text);box-shadow:var(--glow-cyan)}
.rating-panel::backdrop{background:rgb(7 6 15 / .82)}
.rating-panel__header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem;margin-bottom:1rem;border-bottom:1px solid var(--wire);background:var(--ink-2)}
.rating-panel__header h2{margin:0;font-size:1.5rem}
.rating-panel__header h2::after{display:none}
.rating-panel__close{flex:none;min-height:3rem;padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--cyan) 60%,transparent);border-radius:2px;background:rgb(46 242 255 / .04);color:var(--cyan);font:700 .875rem/1.25rem var(--body);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.rating-panel__close:hover{border-color:var(--cyan);background:rgb(46 242 255 / .1);box-shadow:var(--glow-cyan)}
.rating-panel .ops{margin:0}
.rating-panel__note{display:flex;align-items:center;gap:.6rem;margin:1rem 0 0;font-size:.82rem;color:var(--muted)}
@media (max-width:767px){.rating-panel{width:100%;height:100dvh;max-height:100dvh;border:0;padding-inline:1rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}