.selector,.calc{display:grid;gap:var(--space-m)}.selector-form{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-s) var(--space-m)}.field{display:grid;gap:var(--space-3xs)}.field label{font-family:var(--font-heading);font-weight:600;font-size:var(--step--1);color:var(--brand-ink-soft)}.field select,.field input[type=range]{width:100%}.field select{appearance:none;font:inherit;padding:.6em .75em;border:1px solid var(--brand-border-strong);border-radius:var(--radius-m);background:var(--brand-surface);color:var(--brand-ink)}.field input[type=range]{accent-color:var(--brand-primary)}.field-check{grid-column:1 / -1}.field-check label{display:inline-flex;align-items:center;gap:var(--space-2xs);cursor:pointer}.field-check input{accent-color:var(--brand-primary);width:1.1rem;height:1.1rem}.selector-results{display:grid;gap:var(--space-m);border-top:1px solid var(--brand-border);padding-top:var(--space-m)}.result-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs)}.result-name{font-family:var(--font-heading);font-weight:800;font-size:var(--step-2);color:var(--brand-ink)}.result-tier{font-size:var(--step--1);color:var(--brand-ink-faint)}.result-winner{background:var(--brand-primary-soft);border:1px solid var(--brand-primary-line);border-radius:var(--radius-l);padding:var(--space-m)}.result-reasons{margin:var(--space-2xs) 0 0;padding-left:1.2em;color:var(--brand-ink-soft)}.result-reasons li+li{margin-top:var(--space-3xs)}.result-caution{color:var(--brand-accent-ink);background:oklch(.95 .05 70);border-radius:var(--radius-s);padding:var(--space-2xs) var(--space-xs);font-size:var(--step--1);margin-top:var(--space-2xs)}.result-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-s);margin-top:var(--space-s)}.result-review{font-size:var(--step--1)}.result-alts h3{font-size:var(--step-1);margin-bottom:var(--space-2xs)}.result-alt{display:grid;gap:var(--space-2xs);padding:var(--space-s) 0;border-top:1px dashed var(--brand-border)}.result-line{color:var(--brand-ink-soft);font-size:var(--step--1)}.calc-out{display:grid;gap:var(--space-s);border-top:1px solid var(--brand-border);padding-top:var(--space-m);min-width:0}.calc-out>*{min-width:0}.calc-out .cmp-wrap{max-width:100%}.calc{min-width:0}.calc-headline{display:flex;flex-wrap:wrap;gap:var(--space-xl)}.calc-big{font-family:var(--font-heading);font-weight:800;font-size:var(--step-4);color:var(--brand-primary-strong);display:block;line-height:1}.calc-big .per{font-size:.4em;color:var(--brand-ink-faint)}.calc-sub{font-size:var(--step--1);color:var(--brand-ink-faint)}.calc-note{font-size:var(--step-0);color:var(--brand-ink)}.calc-fineprint{font-size:var(--step--1);color:var(--brand-ink-faint)}@media(max-width:40rem){.selector-form{grid-template-columns:1fr}.calc-headline{gap:var(--space-m)}}.calc-winner{display:flex;align-items:center;gap:var(--space-m);flex-wrap:wrap;padding:var(--space-m);border-radius:var(--radius-l);background:linear-gradient(150deg,oklch(.96 .03 295),oklch(.93 .05 285));border:1px solid var(--brand-primary-line)}.calc-winner-text{display:grid;gap:.1rem}.calc-winner-net{font-family:var(--font-heading);font-weight:800;font-size:var(--step-4);line-height:1;color:var(--brand-primary-strong);font-variant-numeric:tabular-nums}.calc-winner-net .per{font-size:.35em;color:var(--brand-ink-faint);font-weight:700;margin-left:.3em}.mini-holo{position:relative;width:9rem;aspect-ratio:1.586 / 1;border-radius:12px;--foil-hue: 295;overflow:hidden;flex-shrink:0;box-shadow:0 8px 22px #36126a66;transform:rotate(-3deg)}.mini-foil{position:absolute;inset:0;background:linear-gradient(150deg,oklch(.24 .12 var(--foil-hue) / .8),oklch(.18 .1 calc(var(--foil-hue) + 30) / .9)),conic-gradient(from calc(var(--foil-hue) * 1deg) at 60% 40%,oklch(.6 .2 var(--foil-hue)),oklch(.5 .2 calc(var(--foil-hue) + 70)),oklch(.62 .18 calc(var(--foil-hue) - 50)),oklch(.6 .2 var(--foil-hue)))}.mini-sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,oklch(1 0 0 / .4) 50%,transparent 60%)}.mini-inner{position:relative;height:100%;padding:.6rem .7rem;display:grid;grid-template-rows:auto 1fr auto;color:oklch(.98 .02 295);font-family:var(--font-heading)}.mini-chip{width:1.3rem;height:1rem;border-radius:3px;background:linear-gradient(135deg,#f1c961,#c8942d)}.mini-name{align-self:end;font-weight:800;font-size:.78rem;line-height:1.05}.mini-rate{font-size:.66rem;color:var(--brand-accent);font-weight:700}@media(prefers-reduced-motion:no-preference){.mini-sheen{background-size:250% 250%;animation:holo-sweep 5s ease-in-out infinite}}.cmp tbody tr.is-best{background:var(--brand-primary-soft)}.cmp tbody tr.is-best th{color:var(--brand-primary-strong)}.best-flag{color:var(--brand-accent-strong);margin-right:.35em}.heromatch{display:grid;gap:var(--space-l);align-items:center}.hm-stage{position:relative;display:grid;place-items:center;perspective:1300px;padding-block:var(--space-l) var(--space-xl)}.holo{position:relative;width:min(27rem,82vw);aspect-ratio:1.586 / 1;border-radius:20px;--rx: 6deg;--ry: -16deg;--mx: 50%;--my: 36%;--foil-hue: 295;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(-1deg);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.22,1,.36,1);box-shadow:0 2px 4px #1c043d4d,0 30px 70px -10px oklch(.2 .14 295 / .55);overflow:hidden;isolation:isolate;will-change:transform}.holo-foil{position:absolute;inset:0;z-index:0;border-radius:inherit;background:conic-gradient(from calc(var(--foil-hue) * 1deg) at var(--mx) var(--my),oklch(.62 .21 calc(var(--foil-hue) + 0)) 0deg,oklch(.5 .2 calc(var(--foil-hue) + 60)) 70deg,oklch(.66 .18 calc(var(--foil-hue) - 50)) 150deg,oklch(.42 .2 calc(var(--foil-hue) + 30)) 230deg,oklch(.6 .21 calc(var(--foil-hue) + 0)) 360deg);transition:--foil-hue .6s ease,background .6s ease;filter:saturate(1.05)}.holo-foil:after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,oklch(.22 .12 var(--foil-hue) / .62),oklch(.16 .1 calc(var(--foil-hue) + 30) / .82))}.holo-sheen{position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 60% at var(--mx) var(--my),oklch(1 0 0 / .42),transparent 60%),linear-gradient(115deg,transparent 35%,oklch(1 0 0 / .5) 48%,transparent 62%);background-size:auto,280% 280%;mix-blend-mode:soft-light}.holo-grain{position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background:repeating-linear-gradient(58deg,oklch(1 0 0 / .6) 0 1px,transparent 1px 4px)}.holo-inner{position:relative;z-index:3;height:100%;display:grid;grid-template-rows:auto auto 1fr auto auto;padding:1.4rem 1.5rem;color:oklch(.98 .02 295);font-family:var(--font-heading);transform:translateZ(40px)}.holo-top{display:flex;justify-content:space-between;align-items:center}.holo-brand{font-weight:800;font-size:var(--step-1);letter-spacing:-.02em}.holo-net{color:var(--brand-accent);letter-spacing:-.18em;font-size:var(--step-2)}.holo-chip{width:3rem;height:2.3rem;margin-top:.7rem;border-radius:7px;background:linear-gradient(135deg,#fbd26b,#c8942d),repeating-linear-gradient(90deg,oklch(0 0 0 / .18) 0 4px,transparent 4px 8px);background-blend-mode:overlay;box-shadow:inset 0 0 0 1px #0003,inset 0 -3px 6px #0003}.holo-name{align-self:end;font-weight:800;font-size:var(--step-2);line-height:1.05;margin-top:.4rem;text-shadow:0 1px 12px oklch(0 0 0 / .4)}.holo-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:var(--step-0);opacity:.92;margin-top:.3rem}.holo-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:.5rem}.holo-foot-l{font-size:.66rem;letter-spacing:.12em;opacity:.8;font-weight:700}.holo-score{font-weight:800;font-size:var(--step-3);line-height:1;color:var(--brand-accent);font-variant-numeric:tabular-nums;text-shadow:0 2px 16px oklch(.8 .13 85 / .5)}.holo-shadow{position:absolute;z-index:-1;bottom:1.6rem;width:min(20rem,60vw);height:2.4rem;border-radius:50%;background:radial-gradient(closest-side,oklch(.2 .12 295 / .55),transparent);filter:blur(14px)}@property --foil-hue{syntax: "<number>"; inherits: true; initial-value: 295;}.field-range label{display:flex;align-items:center;gap:var(--space-2xs)}.range-bubble{font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:var(--brand-primary);color:var(--brand-primary-fg, oklch(.98 .02 295));padding:.15em .6em;border-radius:var(--radius-pill);font-weight:700;font-size:var(--step--1)}input.range{-webkit-appearance:none;appearance:none;width:100%;height:.55rem;border-radius:var(--radius-pill);outline-offset:4px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));background-color:var(--brand-surface-sunk)}input.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--brand-surface);border:4px solid var(--brand-primary);box-shadow:0 2px 8px #683eb666;cursor:pointer;transition:transform .12s ease}input.range::-webkit-slider-thumb:hover{transform:scale(1.12)}input.range::-moz-range-thumb{width:1.4rem;height:1.4rem;border-radius:50%;background:var(--brand-surface);border:4px solid var(--brand-primary);box-shadow:0 2px 8px #683eb666;cursor:pointer}.hm-panel{background:#ffffff0a;border:1px solid oklch(1 0 0 / .12);border-radius:var(--radius-l);padding:var(--space-m);backdrop-filter:blur(8px)}.hm-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-s) var(--space-m)}.hm-form .field-range{grid-column:1 / -1}.hm-form .field-row{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-s) var(--space-l)}.hm-form .field label{color:#e5e1f7}.hm-form .check{color:#e5e1f7;display:inline-flex;align-items:center;gap:var(--space-2xs);cursor:pointer}.hm-form .check input{accent-color:var(--brand-accent);width:1.1rem;height:1.1rem}.hm-results{display:grid;gap:var(--space-m);border-top:1px solid oklch(1 0 0 / .12);padding-top:var(--space-m);margin-top:var(--space-m)}.hm-results .result-winner{background:#ffffff12;border-color:#ffffff29}.hm-results .result-name{color:#f9f7ff}.hm-results .result-tier{color:#c5c1d6}.hm-results .result-reasons{color:#d8d4ea}.hm-results .result-alts h3{color:#f2effe}.hm-results .result-line{color:#cbc7dd}.hm-results .aff-note{color:#b8b4c9;background:#ffffff0d;border-left-color:var(--brand-accent)}.hm-results .aff-note a,.hm-results .aff-note strong{color:#f1e3c7}.hm-results .result-alt{border-top-color:#ffffff1f}.hm-results .badge-neutral{background:#ffffff1a;color:#dfdcea;border-color:#ffffff2e}@media(max-width:44rem){.hm-form{grid-template-columns:1fr}}@media(min-width:60rem){.heromatch{grid-template-columns:1fr 1fr;gap:var(--space-xl)}}@media(prefers-reduced-motion:no-preference){.holo{animation:holo-float 7s ease-in-out infinite}.holo-shadow{animation:holo-shadow 7s ease-in-out infinite}.holo-sheen{animation:holo-sweep 6s ease-in-out infinite}}@keyframes holo-float{0%,to{transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(-1deg) translateY(0)}50%{transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(-1deg) translateY(-14px)}}@keyframes holo-shadow{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(.86);opacity:.4}}@keyframes holo-sweep{0%,to{background-position:0 0,130% 0}50%{background-position:0 0,-30% 0}}