.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body[data-page="reviews"]{background:#070a0e}
body[data-page="reviews"] .site-nav-link[aria-current="page"]{color:var(--cyan)}
.reviews-page{overflow:clip;background:var(--ground)}

.reviews-hero{position:relative;min-height:calc(100svh - 64px);display:flex;align-items:center;padding:clamp(5rem,11vw,9rem) 0 clamp(4rem,8vw,7rem);overflow:hidden;border-bottom:1px solid var(--rule);background:
	radial-gradient(60% 90% at 82% 20%,rgba(20,252,252,.08),transparent 66%),
	radial-gradient(45% 80% at 3% 84%,rgba(252,58,240,.1),transparent 68%),#080b0f}
.reviews-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(120,132,143,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(120,132,143,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 96%)}
.reviews-hero::after{content:"";position:absolute;width:min(52vw,720px);aspect-ratio:1;right:-15%;top:-22%;border:1px solid rgba(20,252,252,.12);transform:rotate(17deg);box-shadow:0 0 0 54px rgba(20,252,252,.018),0 0 0 108px rgba(252,58,240,.014);animation:hero-orbit 18s linear infinite}
.reviews-hero-inner{position:relative;z-index:1}
.reviews-kicker{display:flex;align-items:center;gap:.7rem;margin-bottom:clamp(1.8rem,4vw,3.4rem);color:var(--cyan);font:700 .68rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.reviews-kicker span{width:8px;height:8px;background:var(--cyan);box-shadow:0 0 14px var(--cyan);animation:signal-blink 1.8s steps(2,end) infinite}
.reviews-hero h1{max-width:1050px;font-size:clamp(4rem,10vw,9.3rem);line-height:.75;letter-spacing:-.035em}
.reviews-hero h1 em{font-style:normal;color:var(--magenta);text-shadow:0 0 42px rgba(252,58,240,.14)}
.reviews-subtitle{max-width:760px;margin:clamp(2.2rem,5vw,4rem) 0 0;color:var(--white);font:400 clamp(1.05rem,2vw,1.45rem)/1.6 var(--mono)}
.reviews-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem}
.motion-toggle{display:inline-flex;min-height:48px;align-items:center;gap:.65rem;padding:.9rem 1rem;border:1px solid var(--rule);background:transparent;color:var(--dim);cursor:pointer;font:700 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.motion-toggle:hover,.motion-toggle:focus-visible{border-color:var(--cyan);color:var(--cyan)}
.motion-toggle span{width:7px;height:7px;background:var(--cyan);box-shadow:0 0 8px rgba(20,252,252,.75)}
.motion-toggle[aria-pressed="true"] span{background:var(--dim);box-shadow:none}
.signal-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:900px;margin:clamp(3rem,7vw,5rem) 0 0;border:1px solid var(--rule);background:rgba(8,11,15,.72);backdrop-filter:blur(12px)}
.signal-counts div{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1rem;min-height:88px;padding:1rem 1.15rem;border-right:1px solid var(--rule)}
.signal-counts div:last-child{border:0}
.signal-counts dt{color:var(--dim);font:700 .58rem/1.35 var(--mono);letter-spacing:.09em;text-transform:uppercase}
.signal-counts dd{margin:0;color:var(--white);font:700 2.1rem/.8 var(--display)}

.signal-section,.source-section{padding:var(--band) 0}
.signal-section{position:relative;border-bottom:1px solid var(--rule);background:linear-gradient(180deg,rgba(20,252,252,.018),transparent 35%)}
.reviews-section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:end;gap:clamp(2rem,7vw,7rem);margin-bottom:clamp(2rem,5vw,3.6rem)}
.section-index{margin:0 0 1rem;color:var(--magenta);font:700 .64rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.reviews-section-head h2,.reviews-close h2{font-size:clamp(3.2rem,7vw,6.6rem);line-height:.82;letter-spacing:-.025em}
.reviews-section-head>p{max-width:58ch;margin:0;color:var(--dim);font-size:.84rem;line-height:1.7}

.live-wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:112px;gap:8px;perspective:1200px}
.live-tile{--tile-accent:var(--cyan);position:relative;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--tile-accent) 32%,var(--rule));background:var(--panel);isolation:isolate;transition:border-color .22s,box-shadow .22s,transform .22s}
.live-tile::before{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 38%,rgba(255,255,255,.045) 46%,transparent 54% 100%);transform:translateX(-130%)}
.live-tile::after{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;border:1px solid transparent;transition:border-color .2s}
.live-tile:hover,.live-tile:focus-within{z-index:8;border-color:var(--tile-accent);box-shadow:0 22px 55px -34px #000,0 0 25px color-mix(in srgb,var(--tile-accent) 12%,transparent);transform:translateY(-3px)}
.live-tile:hover::after,.live-tile:focus-within::after{border-color:color-mix(in srgb,var(--tile-accent) 65%,transparent)}
.live-tile.is-active::before{animation:tile-scan .72s ease-out}
.live-tile.is-active{animation:tile-hit .72s cubic-bezier(.2,.8,.2,1)}
.tile-span-3{grid-column:span 3}.tile-span-4{grid-column:span 4}.tile-span-5{grid-column:span 5}.tile-span-6{grid-column:span 6}.tile-span-7{grid-column:span 7}.tile-span-12{grid-column:span 12}
.tile-row-2{grid-row:span 2}.tile-row-3{grid-row:span 3}.tile-row-4{grid-row:span 4}
.tile-link{position:relative;display:block;width:100%;height:100%;overflow:hidden;color:var(--white)}
.tile-link:focus-visible{outline:2px solid var(--tile-accent);outline-offset:-4px}
.tile-media,.language-reel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter .28s,transform .7s cubic-bezier(.2,.75,.2,1)}
.live-tile:hover .tile-media,.live-tile:focus-within .tile-media{filter:brightness(.42) saturate(.8);transform:scale(1.025)}
.tile-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(4,7,10,.2) 55%,rgba(4,7,10,.94) 100%)}
.tile-label{position:absolute;z-index:2;left:1.1rem;right:1.1rem;bottom:1rem;display:flex;flex-direction:column;gap:.35rem;transition:transform .26s,opacity .2s}
.tile-label span,.tile-overline{color:var(--tile-accent);font:700 .57rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.tile-label strong{max-width:24ch;font:700 clamp(1.05rem,2vw,1.65rem)/1 var(--display);text-transform:uppercase}
.tile-label-row{flex-direction:row;align-items:end;justify-content:space-between}
.tile-label-row strong{color:var(--cyan)}
.tile-label-row i{font-style:normal;color:var(--magenta)}
.source-cue{position:absolute;z-index:5;right:.75rem;top:.75rem;padding:.38rem .46rem;border:1px solid rgba(255,255,255,.18);background:rgba(4,7,10,.82);color:var(--white);font:700 .52rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
.tile-source{position:absolute;z-index:6;inset:auto 0 0;display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;align-items:center;padding:1rem 1.1rem;background:color-mix(in srgb,var(--tile-accent) 91%,#fff 9%);color:#05080b;transform:translateY(102%);transition:transform .26s cubic-bezier(.2,.8,.2,1)}
.tile-source span{font:700 .54rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}
.tile-source strong{grid-row:2;font:700 1.15rem/.95 var(--display);text-transform:uppercase}
.tile-source i{grid-row:1/3;grid-column:2;font:normal 1.4rem/1 var(--mono)}
.live-tile:hover .tile-source,.live-tile:focus-within .tile-source{transform:translateY(0)}
.live-tile:hover .tile-label,.live-tile:focus-within .tile-label{opacity:.22;transform:translateY(-52px)}

.tile-justmazz{--tile-accent:var(--magenta)}
.tile-justmazz .tile-media{object-position:center top}
.tile-metrics{--tile-accent:var(--magenta)}
.tile-hot{background:var(--magenta);color:#05070a}
.tile-hot .tile-link{padding:1rem;color:#05070a}
.tile-hot .tile-overline{color:#05070a}
.tile-hot .source-cue{top:auto;right:1rem;bottom:1rem;border-color:rgba(0,0,0,.25);background:transparent;color:#05070a}
.metric-number{display:block;margin-top:1.3rem;font:700 clamp(4.6rem,7vw,7.5rem)/.62 var(--display);letter-spacing:-.06em}
.metric-number::after{content:"";position:absolute;width:7px;height:7px;margin:2px 0 0 8px;background:#05070a;animation:signal-blink 1.3s steps(2,end) infinite}
.metric-label{position:absolute;left:1rem;bottom:1rem;font:700 .64rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.metric-bars{position:absolute;right:1rem;bottom:3.2rem;display:flex;align-items:end;gap:3px;height:35px}
.metric-bars i{display:block;width:4px;background:#05070a;animation:bar-hop 1.1s ease-in-out infinite}.metric-bars i:nth-child(1){height:26%}.metric-bars i:nth-child(2){height:75%;animation-delay:-.4s}.metric-bars i:nth-child(3){height:42%;animation-delay:-.7s}.metric-bars i:nth-child(4){height:100%;animation-delay:-.2s}.metric-bars i:nth-child(5){height:55%;animation-delay:-.9s}.metric-bars i:nth-child(6){height:82%;animation-delay:-.5s}
.tile-copy-link{display:flex;flex-direction:column;padding:1.15rem}
.tile-copy-link blockquote{margin:auto 0 0;font:700 clamp(1.45rem,2.7vw,2.55rem)/.93 var(--display);text-transform:uppercase}
.tile-copy-link .source-cue{top:auto;right:1rem;bottom:1rem}
.tile-cyan{--tile-accent:var(--cyan);background:var(--cyan)}
.tile-cyan .tile-link,.tile-cyan .tile-overline{color:#04090c}
.tile-cyan .source-cue{border-color:rgba(0,0,0,.25);background:transparent;color:#04090c}
.tile-sungyup{--tile-accent:var(--cyan)}
.language-reel{position:absolute;inset:0}
.language-reel img{object-position:center top;animation:language-switch 8s steps(1,end) infinite}
.language-reel img+img{opacity:0;animation-delay:-4s}
.tile-contain .tile-media{object-fit:cover;object-position:center}
.tile-gbhackers{--tile-accent:#ff5038;background:#171b1c}
.tile-gbhackers .tile-label{padding:.6rem;background:rgba(5,8,10,.82);backdrop-filter:blur(7px)}
.tile-csn{--tile-accent:#238cff}
.tile-csn .tile-media{object-position:left top}
.tile-research{--tile-accent:var(--amber);background:#0d1117}
.tile-research .tile-link{padding:1.2rem;background-image:linear-gradient(rgba(251,252,70,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(251,252,70,.05) 1px,transparent 1px);background-size:24px 24px}
.tile-research h3{margin:auto 0 .65rem;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.75;color:var(--amber)}
.tile-research p{max-width:30ch;margin:0 0 2.2rem;color:var(--text);font-size:.72rem;line-height:1.55}
.tile-research .source-cue{top:auto;left:1.2rem;right:auto;bottom:1rem}
.research-cycle{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1.25rem}
.research-cycle span{padding:.28rem .4rem;border:1px solid rgba(251,252,70,.3);background:rgba(251,252,70,.04);color:var(--amber);font:700 .48rem/1 var(--mono);text-transform:uppercase;animation:chip-pulse 3s ease-in-out infinite}.research-cycle span:nth-child(2){animation-delay:-.6s}.research-cycle span:nth-child(3){animation-delay:-1.2s}.research-cycle span:nth-child(4){animation-delay:-1.8s}.research-cycle span:nth-child(5){animation-delay:-2.4s}
.tile-rst{--tile-accent:#3ba6ff}
.tile-rst .tile-media{object-position:center top}
.tile-pulse{--tile-accent:var(--magenta);padding:1.1rem;background:linear-gradient(120deg,rgba(252,58,240,.1),rgba(20,252,252,.04)),#0d1117}
.pulse-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.pulse-head a{color:var(--cyan);font:700 .57rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.pulse-track{display:flex;width:max-content;gap:.5rem;margin:1.4rem 0 1rem;animation:pulse-track 15s linear infinite}
.pulse-track span{padding:.48rem .62rem;border:1px solid var(--rule);background:var(--ground);color:var(--white);font:700 .62rem/1 var(--mono);white-space:nowrap}
.tile-pulse p{margin:0;color:var(--dim);font-size:.67rem}
.tile-amber{--tile-accent:var(--amber);background:var(--amber)}
.tile-amber .tile-link,.tile-amber .tile-overline{color:#05080b}
.tile-amber .source-cue{border-color:rgba(0,0,0,.25);background:transparent;color:#05080b}
.tile-research-set{--tile-accent:var(--cyan);display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem;padding:1.15rem;background:linear-gradient(135deg,rgba(20,252,252,.065),transparent 45%),#0d1117}
.research-set-copy{display:flex;min-width:0;flex-direction:column;justify-content:space-between}
.research-set-copy h3{max-width:21ch;font-size:clamp(1.45rem,3vw,2.5rem);line-height:.88}
.tile-research-set nav{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule)}
.tile-research-set nav a{display:flex;align-items:center;justify-content:space-between;padding:.8rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--text);font:700 .65rem/1 var(--mono);text-transform:uppercase;transition:background .18s,color .18s}.tile-research-set nav a:nth-child(2n){border-right:0}.tile-research-set nav a:nth-child(n+3){border-bottom:0}.tile-research-set nav a:hover,.tile-research-set nav a:focus-visible{background:var(--cyan);color:#05080b}.tile-research-set nav span{color:var(--magenta)}

.source-section{background:#080b0f}
.ledger-grid{border:1px solid var(--rule)}
.ledger-group{padding:clamp(1.2rem,3vw,2rem);border-bottom:1px solid var(--rule)}
.ledger-group:last-child{border-bottom:0}
.ledger-heading{display:flex;align-items:center;gap:.8rem;margin-bottom:1.3rem}
.ledger-heading>span{display:grid;width:32px;aspect-ratio:1;place-items:center;background:var(--magenta);color:#05080b;font:700 .65rem/1 var(--mono)}
.ledger-heading h3{font:700 1.35rem/1 var(--display)}
.ledger-group ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.ledger-group:first-child ol{grid-template-columns:repeat(3,minmax(0,1fr))}
.ledger-group li{min-width:0;background:var(--ground)}
.ledger-group a{position:relative;display:grid;grid-template-rows:auto 1fr;align-content:start;height:100%;min-width:0;overflow:hidden;border:1px solid var(--rule);color:var(--text);background:var(--ground);transition:background .16s,color .16s,border-color .16s,transform .16s}
.ledger-group a:hover,.ledger-group a:focus-visible{z-index:2;border-color:var(--cyan);background:var(--panel-hi);color:var(--white);transform:translateY(-2px)}
.source-thumb{display:block;width:100%;height:auto;aspect-ratio:720/454;object-fit:cover;object-position:top;border-bottom:1px solid var(--rule);background:#05080b;transition:filter .2s,transform .35s}
.ledger-group a:hover .source-thumb,.ledger-group a:focus-visible .source-thumb{filter:brightness(.68) saturate(.8);transform:scale(1.018)}
.ledger-group a>span:not(.source-thumb){display:block;min-width:0;min-height:72px;padding:.72rem 2rem .72rem .78rem;font-size:.63rem;line-height:1.35}
.ledger-group a b{display:block;margin-bottom:.23rem;color:var(--cyan);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}
.ledger-group a i{position:absolute;right:.55rem;top:.55rem;display:grid;width:25px;aspect-ratio:1;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(5,8,11,.86);color:var(--magenta);font:normal .85rem/1 var(--mono);backdrop-filter:blur(6px)}

.reviews-close{padding:var(--band) 0;border-block:1px solid var(--rule);background:radial-gradient(50% 120% at 5% 80%,rgba(252,58,240,.09),transparent 70%),radial-gradient(50% 120% at 95% 20%,rgba(20,252,252,.06),transparent 70%)}
.reviews-close-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:clamp(3rem,8vw,8rem)}
.reviews-close-grid>div:last-child>p{max-width:52ch;margin:0 0 1.6rem;color:var(--text);line-height:1.7}

.motion-paused .reviews-page *,.motion-paused .reviews-page *::before,.motion-paused .reviews-page *::after{animation-play-state:paused!important}
.live-tile.is-held *,.live-tile.is-held *::before,.live-tile.is-held *::after{animation-play-state:paused!important}

@keyframes hero-orbit{to{transform:rotate(377deg)}}
@keyframes signal-blink{50%{opacity:.22}}
@keyframes tile-scan{to{transform:translateX(130%)}}
@keyframes tile-hit{0%,100%{transform:translateZ(0)}35%{transform:translateZ(14px) scale(.992)}65%{transform:translateZ(5px) scale(1.005)}}
@keyframes bar-hop{0%,100%{transform:scaleY(.4);transform-origin:bottom}50%{transform:scaleY(1);transform-origin:bottom}}
@keyframes language-switch{0%,49.99%{opacity:1;transform:translateY(0)}50%,100%{opacity:0;transform:translateY(-10px)}}
@keyframes chip-pulse{0%,100%{background:rgba(251,252,70,.04)}50%{background:rgba(251,252,70,.18)}}
@keyframes pulse-track{to{transform:translateX(-33.333%)}}

@media(max-width:1060px){
	.signal-counts{grid-template-columns:1fr 1fr}.signal-counts div:nth-child(2){border-right:0}.signal-counts div:nth-child(-n+2){border-bottom:1px solid var(--rule)}
	.live-wall{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:105px}
	.tile-span-7,.tile-span-12{grid-column:span 6}.tile-span-5{grid-column:span 3}.tile-span-4{grid-column:span 3}
	.tile-research-set{grid-template-columns:1fr}
	.research-set-copy h3{font-size:1.8rem}
}

@media(max-width:760px){
	.reviews-hero{min-height:auto;padding-top:5rem}
	.reviews-hero::after{width:92vw;right:-48%;top:-4%}
	.reviews-hero h1{font-size:clamp(3.7rem,19vw,6.5rem);line-height:.77}
	.reviews-subtitle{font-size:1rem}
	.reviews-hero-actions{align-items:stretch}.reviews-hero-actions .btn,.motion-toggle{width:100%;justify-content:center}
	.signal-counts{grid-template-columns:1fr 1fr}.signal-counts div{min-height:78px;padding:.8rem}.signal-counts dd{font-size:1.7rem}
	.reviews-section-head,.reviews-close-grid{grid-template-columns:1fr;align-items:start;gap:1.4rem}
	.reviews-section-head h2,.reviews-close h2{font-size:clamp(3.1rem,15vw,5.4rem)}
	.live-wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:116px;gap:6px}
	.tile-span-3,.tile-span-4,.tile-span-5,.tile-span-6,.tile-span-7,.tile-span-12{grid-column:span 2}
	.tile-justmazz{grid-row:span 4}.tile-metrics,.tile-daniel{grid-column:span 1;grid-row:span 2}.tile-sungyup{grid-row:span 3}.tile-gbhackers{grid-row:span 2}.tile-csn{grid-row:span 3}.tile-research{grid-column:span 2;grid-row:span 3}.tile-rst{grid-column:span 2;grid-row:span 4}.tile-pulse{grid-row:span 2}.tile-stork{grid-row:span 2}.tile-research-set{grid-row:span 4}
	.tile-copy-link{padding:.85rem}.tile-copy-link blockquote{margin-bottom:2.65rem;font-size:clamp(1.25rem,5vw,1.8rem)}.tile-copy-link .tile-overline{font-size:.48rem}
	.metric-number{font-size:4.7rem}.metric-bars{display:none}.metric-label{max-width:8ch;line-height:1.2}.tile-hot .source-cue{display:none}
	.tile-research .tile-link{padding:.85rem}.tile-research h3{font-size:3rem}.tile-research p{font-size:.62rem}.research-cycle{gap:.2rem}.research-cycle span{font-size:.43rem}
	.tile-rst .tile-label strong{font-size:.95rem}
	.tile-research-set{padding:.85rem}.tile-research-set nav{grid-template-columns:1fr}.tile-research-set nav a{border-right:0;border-bottom:1px solid var(--rule)!important}.tile-research-set nav a:last-child{border-bottom:0!important}
	.ledger-group ol,.ledger-group:first-child ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:520px){
	.ledger-group ol,.ledger-group:first-child ol{grid-template-columns:1fr}
	.ledger-group a>span:not(.source-thumb){min-height:66px}
}

@media(hover:none){
	.source-cue{display:none}
	.tile-source{padding:.55rem .7rem;transform:none;background:rgba(5,8,11,.88);color:var(--white);backdrop-filter:blur(7px)}
	.tile-source span{display:none}.tile-source strong{grid-row:auto;font:700 .75rem/1 var(--mono);letter-spacing:.05em}.tile-source i{grid-row:auto;font-size:.9rem}
	.tile-label{bottom:2.6rem}
}

@media(prefers-reduced-motion:reduce){
	.reviews-hero::after,.reviews-kicker span,.metric-number::after,.metric-bars i,.language-reel img,.research-cycle span,.pulse-track{animation:none!important}
	.language-reel img+img{display:none}
	.live-tile,.tile-media,.tile-source,.tile-label{transition:none!important}
}
