:root{color-scheme:dark;--bg: #050509;--panel: rgba(11, 12, 19, .82);--panel-solid: #0b0c13;--line: rgba(255, 255, 255, .14);--text: #f7f8ff;--muted: #aeb4c6;--cyan: #00e5ff;--pink: #ff25ae;--lime: #97ff00;--orange: #ff8f00;--yellow: #ffdd00;--violet: #7c4dff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at 12% 18%,rgba(0,229,255,.18),transparent 25rem),radial-gradient(circle at 86% 8%,rgba(255,37,174,.22),transparent 26rem),radial-gradient(circle at 84% 78%,rgba(151,255,0,.12),transparent 24rem),#050509}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.09);background:#050509c7;backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.65rem;min-width:0;font-weight:900;font-size:1rem}.brand-mark{width:1.1rem;height:1.1rem;flex:0 0 auto;border-radius:50%;background:conic-gradient(from 160deg,var(--cyan),var(--pink),var(--lime),var(--orange),var(--cyan));box-shadow:0 0 1.2rem #00e5ffa6}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-wrap:wrap}.nav-links a{min-height:2.25rem;display:inline-flex;align-items:center;padding:0 .75rem;border:1px solid transparent;border-radius:8px;color:var(--muted);font-weight:750;font-size:.92rem}.nav-links a:hover{color:var(--text);border-color:#00e5ff52;background:#ffffff0f}.hero{position:relative;min-height:46rem;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.hero-media{position:absolute;inset:0;background-image:linear-gradient(90deg,#050509fa,#050509b8 48%,#050509e6),url(/assets/live-vj-stage.jpg);background-size:cover;background-position:center;filter:saturate(1.18) contrast(1.04)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:12rem;background:linear-gradient(0deg,var(--bg),transparent);pointer-events:none}.hero-inner{position:relative;z-index:1;width:min(1180px,calc(100% - 3rem));min-height:46rem;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.75fr);gap:2rem;align-items:center;padding:5.5rem 0 4rem}.hero-copy{max-width:48rem}.overline{margin:0 0 .8rem;color:var(--cyan);font-size:.8rem;text-transform:uppercase;font-weight:900;letter-spacing:0}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:5.2rem;line-height:.94;font-weight:950;letter-spacing:0;max-width:11ch}.hero-lede{max-width:43rem;margin:1.35rem 0 0;color:#d9def0;font-size:1.14rem;line-height:1.68}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{min-height:3.1rem;display:inline-flex;align-items:center;justify-content:center;padding:0 1.2rem;border-radius:8px;font-weight:900;border:1px solid rgba(255,255,255,.18)}.button-primary{color:#040408;background:linear-gradient(105deg,var(--cyan),var(--pink),var(--orange));box-shadow:0 0 2rem #ff25ae2e}.button-secondary{background:#ffffff12}.hero-rank-strip{display:grid;gap:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#050509b8;box-shadow:0 2rem 5rem #00000059;backdrop-filter:blur(18px)}.mini-rank{display:grid;grid-template-columns:3.4rem 4.25rem minmax(0,1fr);align-items:center;gap:.85rem;min-height:4.8rem;padding:.75rem;border:1px solid rgba(255,255,255,.12);border-left:4px solid var(--accent);border-radius:8px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 10%,transparent),#ffffff09)}.mini-number{font-size:1.9rem;font-weight:950;color:var(--accent)}.mini-logo{height:3.5rem;display:grid;place-items:center;border-radius:8px;background:#ffffff14;overflow:hidden}.mini-logo img{width:80%;max-height:72%;object-fit:contain}.mini-copy{min-width:0}.mini-copy strong,.mini-copy span{display:block}.mini-copy strong{font-size:1rem}.mini-copy span{margin-top:.2rem;color:var(--muted);font-size:.82rem;line-height:1.28}.proof-strip{width:min(1180px,calc(100% - 3rem));margin:-2.3rem auto 3rem;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0b0c13e6;box-shadow:0 1.5rem 4rem #0000004d}.proof-strip div{padding:1.05rem 1.15rem;border-right:1px solid rgba(255,255,255,.1)}.proof-strip div:last-child{border-right:0}.proof-strip strong,.proof-strip span{display:block}.proof-strip strong{font-size:1rem}.proof-strip span{margin-top:.24rem;color:var(--muted);font-size:.86rem}.section-shell{width:min(1180px,calc(100% - 3rem));margin:0 auto;padding:4rem 0}.section-heading{max-width:48rem;margin-bottom:1.5rem}.section-heading.wide{max-width:72rem}.section-heading h2{margin:0;font-size:2.7rem;line-height:1.04;font-weight:950;letter-spacing:0}.section-heading p:not(.overline){color:var(--muted);font-size:1.02rem;line-height:1.7}.answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#ffffff09}.answer-grid p{margin:0;padding:1.25rem;color:#dce2f4;line-height:1.62;border-right:1px solid rgba(255,255,255,.1)}.answer-grid p:last-child{border-right:0}.answer-grid strong{color:#fff}.comparison-table{display:grid;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#ffffff09}.comparison-row{display:grid;grid-template-columns:minmax(12rem,.9fr) minmax(10rem,.75fr) minmax(10rem,.65fr) minmax(16rem,1fr);min-height:4.6rem;align-items:center;gap:1rem;padding:.95rem 1rem;border-top:1px solid rgba(255,255,255,.09)}a.comparison-row:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,transparent),#ffffff09)}.comparison-head{min-height:3.2rem;border-top:0;color:#fff;background:#ffffff12;font-weight:900}.comparison-row span{color:#d7dced;line-height:1.35}.comparison-row strong,.comparison-row small{display:block}.comparison-row strong{color:#fff}.comparison-row small{margin-top:.2rem;color:var(--muted)}.ranking-list{display:grid;gap:.95rem}.rank-card{display:grid;grid-template-columns:4.4rem 8rem minmax(0,1fr) minmax(15rem,.62fr);gap:1rem;align-items:stretch;padding:1rem;border:1px solid rgba(255,255,255,.13);border-left:5px solid var(--accent);border-radius:8px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 11%,transparent),transparent 38%),#0a0b11d1}.rank-number{display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:2.35rem;font-weight:950;line-height:1}.logo-tile{min-height:7rem;display:grid;place-items:center;padding:.85rem;border-radius:8px;background:radial-gradient(circle at 30% 0%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 62%),#ffffff14;overflow:hidden}.logo-tile img{max-width:100%;max-height:5.4rem;object-fit:contain}.logo-tile.wide img{max-height:3.9rem}.logo-tile.text span{font-weight:950;font-size:1.08rem;text-align:center}.rank-main,.rank-side{min-width:0}.rank-title-line{display:flex;gap:.8rem;align-items:flex-start;justify-content:space-between}.rank-title-line h3{margin:0;font-size:1.7rem;line-height:1.08;font-weight:950}.rank-title-line a{flex:0 0 auto;min-height:2.1rem;display:inline-flex;align-items:center;padding:0 .65rem;border:1px solid color-mix(in srgb,var(--accent) 60%,rgba(255,255,255,.2));border-radius:8px;color:#fff;font-size:.78rem;font-weight:900}.verdict{margin:.25rem 0 .65rem;color:var(--accent);font-weight:950}.rank-main p:not(.verdict){margin:0;color:#dbe0ef;line-height:1.62}.fact-line{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:1rem 0 0}.fact-line div{min-width:0;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.fact-line dt{margin-bottom:.22rem;color:var(--accent);font-size:.72rem;font-weight:950;text-transform:uppercase}.fact-line dd{margin:0;color:#d7ddec;font-size:.84rem;line-height:1.35}.rank-side{padding-left:1rem;border-left:1px solid rgba(255,255,255,.11)}.side-label{margin:0 0 .55rem;color:var(--accent-alt);font-size:.78rem;font-weight:950;text-transform:uppercase}.rank-side ul{margin:0;padding-left:1.05rem;color:#dde3f1;line-height:1.48}.rank-side li+li{margin-top:.42rem}.tradeoff{margin:.85rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}.tradeoff strong{color:#fff}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--line)}.method-grid div{padding:1.2rem;background:var(--panel-solid)}.method-grid strong{display:block;margin-bottom:.45rem;color:#fff;font-size:1.02rem}.method-grid p{margin:0;color:var(--muted);line-height:1.58}.chooser-list{display:grid;gap:.65rem}.chooser-list p{margin:0;padding:1.05rem 1.15rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:linear-gradient(90deg,#00e5ff14,#ff25ae0b);color:#dce1ef;line-height:1.55}.chooser-list strong{color:#fff}.legacy-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}.legacy-item{display:grid;grid-template-columns:4.25rem minmax(0,1fr);gap:1rem;align-items:center;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0b}.legacy-logo{height:4.25rem;display:grid;place-items:center;border-radius:8px;background:#ffffff12;overflow:hidden}.legacy-logo img{width:82%;max-height:82%;object-fit:contain}.legacy-item strong,.legacy-item small{display:block}.legacy-item small{margin-top:.25rem;color:var(--muted);line-height:1.45}.faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}details{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0b}summary{cursor:pointer;padding:1rem 1.1rem;color:#fff;font-weight:900}details p{margin:0;padding:0 1.1rem 1rem;color:var(--muted);line-height:1.6}.source-cloud{display:flex;flex-wrap:wrap;gap:.55rem}.source-cloud a{display:inline-flex;align-items:center;min-height:2.35rem;padding:0 .8rem;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#e8ecfb;background:#ffffff0e;font-weight:850}.site-footer{width:min(1180px,calc(100% - 3rem));margin:2rem auto 0;padding:2rem 0 3rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-top:1px solid rgba(255,255,255,.12)}.site-footer strong{display:block;margin-bottom:.35rem;font-size:1.05rem}.site-footer p{margin:0;color:var(--muted);line-height:1.58}@media(max-width:1020px){.hero-inner{grid-template-columns:1fr;align-items:end;padding-top:4.5rem}h1{font-size:4rem;max-width:12ch}.proof-strip,.answer-grid,.method-grid{grid-template-columns:repeat(2,1fr)}.proof-strip div:nth-child(2){border-right:0}.proof-strip div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}.rank-card{grid-template-columns:4rem 7rem minmax(0,1fr)}.rank-side{grid-column:3;padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.11);padding-top:1rem}.fact-line{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.site-header{position:static;align-items:flex-start;flex-direction:column;padding:1rem}.nav-links{width:100%;justify-content:flex-start}.nav-links a{padding:0 .58rem;font-size:.86rem}.hero{min-height:auto}.hero-inner{width:min(100% - 2rem,42rem);min-height:auto;padding:3.5rem 0 4rem}h1{font-size:3.05rem;line-height:.98}.hero-lede{font-size:1rem}.hero-actions{flex-direction:column}.button{width:100%}.mini-rank{grid-template-columns:2.8rem 3.6rem minmax(0,1fr)}.proof-strip,.section-shell,.site-footer{width:min(100% - 2rem,42rem)}.proof-strip{margin-top:-1.6rem;grid-template-columns:1fr}.proof-strip div{border-right:0;border-top:1px solid rgba(255,255,255,.1)}.proof-strip div:first-child{border-top:0}.section-shell{padding:3rem 0}.section-heading h2{font-size:2.05rem;line-height:1.1}.answer-grid,.method-grid,.legacy-list,.faq-list,.site-footer{grid-template-columns:1fr}.answer-grid p{border-right:0;border-top:1px solid rgba(255,255,255,.1)}.answer-grid p:first-child{border-top:0}.comparison-table{overflow:visible;border:0;background:transparent;gap:.75rem}.comparison-row,.comparison-head{grid-template-columns:1fr;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0b}.comparison-head{display:none}.rank-card{grid-template-columns:3.4rem minmax(0,1fr);gap:.85rem}.rank-number{font-size:1.8rem}.logo-tile{min-height:5.8rem}.rank-main,.rank-side{grid-column:1 / -1}.rank-title-line{flex-direction:column}.rank-title-line h3{font-size:1.42rem}.fact-line{grid-template-columns:1fr}}@media(max-width:420px){.brand{font-size:.92rem}h1{font-size:2.5rem}.mini-rank{grid-template-columns:2.4rem 3.2rem minmax(0,1fr);gap:.65rem}.mini-number{font-size:1.55rem}}
