@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800;900&display=swap');

:root { --bg:#0b0b0d; --panel:#15151a; --panel2:#1b1b21; --text:#f7f7f2; --muted:#a5a5ad; --red:#ff3b30; --yellow:#ffce16; --border:#303038; }
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--text); font:400 16px/1.6 Inter,Arial,sans-serif; }
body::before { content:""; position:fixed; inset:0; z-index:20; opacity:.045; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
a { color:inherit; text-decoration:none; } button { font:inherit; } img { display:block; width:100%; height:100%; object-fit:cover; }
h1,h2,h3 { font-family:"Archivo Black",sans-serif; line-height:.94; text-transform:uppercase; }
.site-noise { display:none; }
.hero { min-height:100vh; display:flex; flex-direction:column; position:relative; overflow:hidden; background:radial-gradient(circle at 75% 40%,#ff3b3030,transparent 29%),radial-gradient(circle at 15% 85%,#ffce1618,transparent 24%),var(--bg); }
.hero::after { content:"SUCKS"; position:absolute; right:-5vw; bottom:-12vw; color:#fff; opacity:.022; font:clamp(9rem,25vw,26rem)/1 "Archivo Black"; pointer-events:none; }
.nav,.hero-content,.section,.counter-section,.research-wrap { width:min(1180px,92%); margin:auto; }
.nav { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:26px 0; z-index:1; }
.logo,.footer-logo { font-family:"Archivo Black",sans-serif; letter-spacing:-1px; }.logo span,.footer-logo span,h1 span { color:var(--red); }
.nav-links { display:flex; gap:24px; color:#aaaab2; font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.nav-links a:hover { color:var(--yellow); }
.nav-button { border:1px solid var(--border); border-radius:99px; background:transparent; color:var(--text); cursor:pointer; padding:10px 15px; font-size:.7rem; font-weight:900; letter-spacing:.09em; }.nav-button:hover { border-color:var(--red); color:var(--red); }
.hero-content { display:grid; grid-template-columns:1.05fr .8fr; align-items:center; gap:5vw; margin:auto; z-index:1; }.eyebrow { color:var(--red); font-size:.7rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; margin-bottom:14px; }
h1 { font-size:clamp(5rem,14vw,11rem); letter-spacing:-.07em; }.subtitle { max-width:600px; margin:24px 0 8px; color:var(--muted); font-size:clamp(1rem,2vw,1.2rem); }.hero-footnote { color:#6e6e75; font-size:.7rem; }
.hero-buttons { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }.button { display:inline-block; border:0; cursor:pointer; padding:14px 20px; font-size:.72rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; transition:transform .2s,background .2s; }.button:hover { transform:translateY(-2px); }.primary { background:var(--red); color:#fff; }.primary:hover { background:#ff5147; }.secondary { background:transparent; border:1px solid var(--border); color:var(--text); }
.hero-image { height:clamp(310px,46vw,540px); position:relative; padding:10px; background:#16161a; border:1px solid #3a3a42; box-shadow:22px 24px 0 #ff3b3022; transform:rotate(2deg); }.hero-image::before { content:"REDACTED"; position:absolute; top:27px; left:-23px; z-index:2; padding:5px 10px; background:var(--yellow); color:#161616; font-size:.6rem; font-weight:900; letter-spacing:.12em; transform:rotate(-4deg); }
figcaption { position:absolute; right:10px; bottom:10px; left:10px; padding:10px 12px; background:#08080be8; color:#d5d5dc; font-size:.68rem; } figcaption span { color:var(--red); font-weight:900; letter-spacing:.09em; margin-right:8px; }.scroll-cue { width:min(1180px,92%); margin:0 auto 28px; color:#68686f; font-size:.6rem; letter-spacing:.15em; z-index:1; }
.ticker { overflow:hidden; padding:12px 0; background:var(--yellow); color:#121212; font-size:.68rem; font-weight:900; letter-spacing:.1em; white-space:nowrap; }.ticker div { display:inline-block; animation:ticker 28s linear infinite; }@keyframes ticker { to { transform:translateX(-43%); } }
.section { padding:106px 0; }.section-heading { max-width:720px; margin-bottom:48px; }.section-heading h2,.research-heading h2 { font-size:clamp(3rem,7vw,6rem); letter-spacing:-.055em; }.section-heading p:last-child,.research-heading p:last-child { margin-top:18px; color:var(--muted); }
.stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.stat-card { min-height:200px; display:flex; flex-direction:column; justify-content:space-between; padding:22px; background:var(--panel); border:1px solid var(--border); }.stat-card span,.stat-card i { color:var(--muted); font-size:.6rem; font-style:normal; font-weight:800; letter-spacing:.1em; }.stat-card strong { font:clamp(2rem,4vw,3.6rem)/1 "Archivo Black"; letter-spacing:-.06em; }.stat-card strong small { font-size:.45em; }.index-card { background:var(--red); border-color:var(--red); }.index-card span,.index-card i { color:#ffe8e7; }
.evidence-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.card { min-height:310px; position:relative; padding:29px; background:var(--panel); border:1px solid var(--border); }.card.featured { border-color:var(--red); transform:translateY(-12px); }.card-number { margin-bottom:38px; color:#484850; font:3rem "Archivo Black"; }.card h3 { margin-bottom:15px; font-size:1.45rem; }.card p { color:var(--muted); font-size:.9rem; }.tag { position:absolute; bottom:24px; left:29px; color:var(--yellow); font-size:.6rem; font-weight:900; letter-spacing:.13em; }.excuse-list { list-style:none; color:#d3d3d8; font-size:.82rem; }.excuse-list li { padding:3px 0; }.excuse-list li::before { content:"// "; color:var(--red); }
.one-more-case { display:grid; grid-template-columns:.75fr 1.25fr; gap:18px; margin-top:45px; background:var(--panel); border:1px solid var(--border); }.one-more-case figure { min-height:390px; position:relative; }.case-copy { padding:clamp(30px,5vw,60px); }.case-copy h3 { max-width:570px; margin-bottom:28px; font-size:clamp(1.8rem,3.4vw,3.3rem); }.case-copy ol { list-style:none; counter-reset:case; }.case-copy li { display:grid; grid-template-columns:85px 1fr; gap:15px; padding:12px 0; border-top:1px solid var(--border); color:var(--muted); font-size:.85rem; }.case-copy b { color:var(--yellow); font-size:.72rem; }
.official-finding { position:relative; overflow:hidden; padding:100px 0; background:radial-gradient(circle at 50% 25%,#ff3b3020,transparent 30%),#101014; border-top:1px solid var(--border); border-bottom:1px solid var(--border); text-align:center; }.official-finding::before { content:"TY"; position:absolute; top:-92px; left:50%; color:#fff; opacity:.025; font:18rem "Archivo Black"; transform:translateX(-50%); }.roast-inner { width:min(1000px,92%); position:relative; margin:auto; }.verdict-stamp { display:inline-block; margin-bottom:25px; padding:8px 12px; border:2px solid var(--yellow); color:var(--yellow); font:1.25rem/.85 "Archivo Black"; letter-spacing:.06em; transform:rotate(-3deg); }.verdict-stamp small { font:.52rem Inter; letter-spacing:.14em; }.official-finding h2 { max-width:680px; margin:0 auto 26px; font-size:clamp(1.4rem,3vw,2.5rem); letter-spacing:-.04em; }.big-quote { font:clamp(2.2rem,6vw,5.4rem)/1 "Archivo Black"; letter-spacing:-.055em; text-transform:uppercase; }.finding-reasons { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:42px; text-align:left; }.finding-reasons div { padding:20px; background:#17171c; border-top:2px solid var(--red); }.finding-reasons span { color:var(--yellow); font:1.4rem "Archivo Black"; }.finding-reasons p { margin-top:10px; color:var(--muted); font-size:.78rem; line-height:1.5; }.finding-reasons strong { display:block; color:var(--text); font-size:.82rem; text-transform:uppercase; }.fine-print { margin-top:24px; color:#717179; font-size:.7rem; }
.suspect-section { display:grid; grid-template-columns:1fr 1fr; gap:0; padding-top:0; padding-bottom:0; overflow:hidden; background:var(--panel); }.suspect-photo { min-height:650px; position:relative; }.photo-label { position:absolute; top:25px; left:0; padding:8px 12px; background:var(--yellow); color:#171717; font-size:.6rem; font-weight:900; letter-spacing:.1em; }.suspect-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(40px,7vw,100px); }.suspect-copy h2,.feature-copy h2,.steam-copy h2,.generator-copy h2,.certificate-copy h2 { font-size:clamp(2.5rem,5vw,5rem); letter-spacing:-.05em; }.suspect-copy>p:not(.eyebrow) { margin:20px 0 28px; color:var(--muted); }.profile-links { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--border); border-left:1px solid var(--border); }.profile-links a,.copy-profile { display:grid; grid-template-columns:30px 1fr; gap:0 8px; padding:17px; background:transparent; border-right:1px solid var(--border); border-bottom:1px solid var(--border); color:var(--text); text-align:left; cursor:pointer; }.profile-links a:hover,.copy-profile:hover { background:#222229; }.profile-links span { grid-row:span 2; color:var(--red); font-size:.65rem; font-weight:900; }.profile-links strong { font-size:.82rem; }.profile-links small { color:var(--muted); font-size:.65rem; }.discreet { margin-top:18px; color:#68686f; font-size:.63rem; }
.split-feature { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }.feature-copy p:not(.eyebrow),.steam-copy p:not(.eyebrow),.generator-copy p:not(.eyebrow),.certificate-copy p:not(.eyebrow) { max-width:550px; margin:22px 0 28px; color:var(--muted); }.feature-meter { padding:30px; border:1px solid var(--border); background:var(--panel); }.feature-meter>div { display:grid; grid-template-columns:1fr auto; gap:12px; padding:15px 0; border-bottom:1px solid var(--border); }.feature-meter span,.feature-meter small { color:var(--muted); font-size:.65rem; font-weight:800; letter-spacing:.08em; }.feature-meter b { color:var(--yellow); font-size:.8rem; }.feature-meter small { display:block; margin-top:18px; font-size:.58rem; }
.steam-section { display:grid; grid-template-columns:.8fr 1fr .8fr; gap:0; align-items:stretch; padding-top:0; padding-bottom:0; border:1px solid var(--border); }.steam-copy { padding:clamp(30px,4vw,55px); background:#19191e; }.steam-section figure { min-height:440px; position:relative; }.text-link { display:inline-block; color:var(--yellow); font-size:.68rem; font-weight:900; letter-spacing:.1em; }.steam-metrics { display:flex; flex-direction:column; justify-content:center; }.steam-metrics div { padding:19px 25px; border-bottom:1px solid var(--border); }.steam-metrics dt { color:var(--red); font-size:.58rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }.steam-metrics dd { margin-top:4px; font-weight:700; font-size:.85rem; }
.surveillance-section { padding-bottom:75px; }.surveillance-heading { margin-bottom:40px; }.surveillance-heading h2 { font-size:clamp(3rem,6vw,5.4rem); letter-spacing:-.05em; }.surveillance-grid { display:grid; grid-template-columns:1.3fr .8fr .6fr; gap:14px; align-items:stretch; }.surveillance-main,.surveillance-side { min-height:440px; position:relative; }.surveillance-note { display:flex; flex-direction:column; justify-content:center; padding:32px; background:var(--panel2); border-top:4px solid var(--red); }.redaction { display:inline-block; width:max-content; margin-bottom:18px; padding:4px 7px; background:var(--yellow); color:#191919; font-size:.6rem; font-weight:900; letter-spacing:.1em; }.surveillance-note h3 { font-size:clamp(1.7rem,3vw,3rem); }.surveillance-note p { margin:17px 0 26px; color:var(--muted); font-size:.85rem; }.surveillance-note>span { color:#787880; font-size:.58rem; font-weight:900; letter-spacing:.09em; }
.research-section { padding:110px 0; background:#141419; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }.research-heading { max-width:650px; margin-bottom:46px; }.research-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.study-card,.chart-card { padding:clamp(28px,5vw,55px); background:#0e0e11; border:1px solid var(--border); }.study-card>span { color:var(--yellow); font-size:.65rem; font-weight:900; letter-spacing:.1em; }.study-card dl { margin-top:26px; }.study-card dl div { display:grid; grid-template-columns:1fr 1fr; gap:15px; padding:13px 0; border-top:1px solid var(--border); }.study-card dt { color:var(--muted); font-size:.68rem; }.study-card dd { color:var(--text); font-weight:800; font-size:.8rem; }.chart-card>p { font-size:.8rem; font-weight:800; }.fake-chart { height:230px; display:flex; align-items:end; justify-content:space-between; gap:12px; margin:34px 0 10px; padding:0 12px; border-bottom:1px solid #56565e; border-left:1px solid #56565e; background:repeating-linear-gradient(0deg,transparent,transparent 45px,#292930 46px); }.fake-chart i { width:13%; height:var(--h); display:block; background:var(--red); box-shadow:0 -4px 0 var(--yellow); }.chart-labels { display:flex; justify-content:space-between; color:#818189; font-size:.57rem; font-weight:900; letter-spacing:.1em; }
.roast-generator { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; }.roast-output { min-height:200px; display:flex; align-items:center; padding:clamp(30px,5vw,58px); background:var(--red); color:#fff; font:clamp(1.5rem,3vw,2.6rem)/1.05 "Archivo Black"; letter-spacing:-.04em; }.roast-output.bump { animation:bump .35s ease; }@keyframes bump { 50% { transform:scale(1.025) rotate(-1deg); } }
.certificate-section { display:grid; grid-template-columns:1.25fr .75fr; align-items:center; gap:70px; }.certificate { padding:10px; background:var(--yellow); color:#171717; transform:rotate(-1.2deg); box-shadow:15px 17px 0 #ff3b3033; }.certificate-inner { padding:clamp(28px,5vw,58px); border:2px solid #171717; outline:1px solid #171717; outline-offset:-8px; text-align:center; }.certificate .eyebrow { color:var(--red); }.cert-small { margin:12px 0; font-size:.66rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }.certificate h2 { font-size:clamp(2rem,4vw,4.5rem); }.certificate-inner>strong { display:block; color:var(--red); font:clamp(4rem,9vw,8rem)/1 "Archivo Black"; letter-spacing:-.08em; }.certificate-rule { height:1px; margin:28px 0 18px; background:#171717; }.certificate-meta { display:grid; grid-template-columns:1fr 1.5fr 1fr; gap:10px; font-size:.52rem; font-weight:800; letter-spacing:.06em; }.certificate-meta b { display:block; margin-top:5px; font-size:.66rem; line-height:1.25; }
.review-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }.review-grid blockquote { min-height:190px; display:flex; flex-direction:column; justify-content:space-between; padding:22px; background:var(--panel); border:1px solid var(--border); font-weight:700; font-size:.92rem; }.review-grid cite { color:var(--muted); font-size:.65rem; font-style:normal; font-weight:700; }.final-section { max-width:800px; text-align:center; }.final-section p:not(.eyebrow) { max-width:610px; margin:22px auto 30px; color:var(--muted); }
footer { padding:55px max(4%,calc((100% - 760px)/2)); border-top:1px solid var(--border); color:#8a8a92; font-size:.72rem; text-align:center; }.footer-logo { margin-bottom:14px; color:#fff; font-size:1.4rem; }.footer-disclaimer { max-width:780px; margin:auto; }.footer-disclaimer b { color:var(--yellow); }.image-credit,.copyright { margin-top:12px; color:#606068; font-size:.62rem; }
.ty-modal { display:none; position:fixed; inset:0; z-index:30; align-items:center; justify-content:center; padding:20px; background:#050507d9; }.ty-modal.open { display:flex; }.modal-box { width:min(520px,100%); position:relative; padding:clamp(34px,7vw,65px); background:var(--panel2); border:1px solid var(--red); box-shadow:15px 16px 0 #ff3b302b; }.modal-box h2 { font-size:clamp(2rem,4vw,3.4rem); }.modal-box>p:not(.eyebrow) { margin:18px 0 28px; color:var(--muted); }.modal-close:first-child { position:absolute; top:10px; right:14px; border:0; background:transparent; color:#aaa; cursor:pointer; font-size:2rem; }
@media (max-width:800px) { .nav-links { display:none; }.hero { min-height:auto; }.hero-content,.suspect-section,.split-feature,.roast-generator,.certificate-section,.research-grid,.incident-grid,.surveillance-grid { grid-template-columns:1fr; }.hero-content { padding:48px 0 70px; }.hero-image { height:370px; margin:15px 10px 0 0; }.scroll-cue { display:none; }.stat-grid,.evidence-grid,.review-grid { grid-template-columns:1fr 1fr; }.card.featured { transform:none; }.one-more-case,.steam-section { grid-template-columns:1fr; }.one-more-case figure { min-height:280px; }.suspect-photo { min-height:370px; }.suspect-copy { padding:60px 7%; }.split-feature,.certificate-section { gap:40px; }.steam-section figure { min-height:300px; }.surveillance-main,.surveillance-side { min-height:300px; }.research-section { padding:80px 0; }.certificate-section { padding-top:85px; }.review-grid blockquote { min-height:160px; }.finding-reasons { grid-template-columns:1fr; }.official-finding { padding:80px 0; } }
@media (max-width:520px) { h1 { font-size:22vw; }.section { padding:76px 0; }.stat-grid,.evidence-grid,.review-grid,.profile-links { grid-template-columns:1fr; }.profile-links { border-right:1px solid var(--border); }.case-copy li { grid-template-columns:1fr; gap:3px; }.certificate-meta { grid-template-columns:1fr; }.certificate { transform:none; }.hero-buttons { align-items:stretch; }.button { text-align:center; }.roast-output { min-height:230px; }.nav { padding-top:18px; }.nav-button { padding:8px 10px; font-size:.62rem; } }