@font-face{font-family:Anton;src:url(/fonts/anton.woff2) format('woff2');font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter.woff2) format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:JBM;src:url(/fonts/mono.woff2) format('woff2');font-display:swap}
:root{--bg:#050505;--tx:#f4f4f0;--mu:#8d8d86;--ac:#c8ff2e;--line:#232323;--card:#0f0f0f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 Inter,system-ui,sans-serif}img{max-width:100%;height:auto;display:block}a{color:var(--ac)}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}.narrow{max-width:820px}h1,h2,h3{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.01em;line-height:.95;margin:0}h2 em,h1 span{font-style:normal;color:var(--ac)}
.big{font-size:clamp(46px,8vw,120px);margin-bottom:24px}.sub{color:var(--mu);font-size:18px;max-width:620px;margin:0 0 40px}.muted{color:var(--mu)}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ac);color:#000!important;font:800 15px Inter;letter-spacing:.02em;text-transform:uppercase;padding:15px 26px;border-radius:0;text-decoration:none;border:0;cursor:pointer;transition:transform .12s}.btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #fff}
.btn.ghost{background:transparent;color:var(--tx)!important;border:2px solid var(--tx)}.btn.sm{padding:10px 16px;font-size:13px}.btn.big,.btn.huge{padding:22px 40px;font-size:19px}
.demo-flag{background:var(--ac);color:#000;text-align:center;font:800 11px Inter;letter-spacing:.2em;padding:5px}
.nav{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#050505d9;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.logo{font:24px Anton;color:var(--tx);text-decoration:none;letter-spacing:.04em}
.nav a{color:var(--tx);text-decoration:none;margin-left:22px;font:700 13px Inter;letter-spacing:.12em;text-transform:uppercase}.nav a.go{background:var(--ac);color:#000;padding:8px 14px}
.wall{position:relative;height:calc(100vh - 80px);min-height:620px;overflow:hidden}.rows{position:absolute;inset:0;display:grid;grid-template-rows:repeat(4,1fr);gap:8px;padding:8px 0}
.rw{overflow:hidden}.tr{display:flex;gap:8px;height:100%;width:max-content;animation:sl 90s linear infinite}.r1 .tr,.r3 .tr{animation-direction:reverse;animation-duration:110s}.wall:hover .tr{animation-play-state:paused}@keyframes sl{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.tr{animation:none}}
.tile{position:relative;height:100%;aspect-ratio:3/4;padding:0;border:0;background:#111;cursor:pointer;overflow:hidden;flex:0 0 auto}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .35s}.tile:hover img{transform:scale(1.07)}
.tile.peek img{filter:saturate(.7) brightness(.75)}.tile.lock img{filter:grayscale(.85) brightness(.45) blur(1.5px)}.tile:hover img{filter:none}
.tb{position:absolute;left:8px;top:8px;font:800 10px Inter;letter-spacing:.14em;padding:4px 7px;background:#000c;color:var(--tx)}.tile.free .tb{background:var(--ac);color:#000}
.hud{position:absolute;left:24px;bottom:28px;max-width:720px;background:#050505e6;padding:28px 30px;border-left:6px solid var(--ac);pointer-events:auto}.hud h1{font-size:clamp(44px,6.5vw,96px)}.hud p{color:#cfcfc8;font-size:18px;margin:16px 0 20px;max-width:520px}
.legend{position:absolute;right:24px;bottom:28px;display:flex;gap:16px;font:700 11px Inter;letter-spacing:.14em;text-transform:uppercase;background:#050505d9;padding:10px 14px}.d{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px}.d.free{background:var(--ac)}.d.peek{background:#888}.d.lock{background:#333;border:1px solid #666}
.sec{padding:120px 0 0}
.remix{display:grid;grid-template-columns:110px 1fr;gap:20px}.picks{display:flex;flex-direction:column;gap:8px}.pick{padding:0;border:2px solid transparent;background:none;cursor:pointer;opacity:.55}.pick.on{border-color:var(--ac);opacity:1}.pick img{aspect-ratio:1;object-fit:cover;width:100%}
.rv{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;background:var(--card);border:1px solid var(--line);padding:24px}.rimg img{width:100%;max-height:640px;object-fit:cover}.rbody h3{font-size:46px;margin:6px 0 18px}.k{font:800 11px Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--ac)}
.sws{display:grid;gap:8px;margin-bottom:16px}.tg{text-align:left;background:#151515;color:var(--tx);border:1px solid #333;padding:10px 12px;font:13px JBM;cursor:pointer}.tg small{display:block;font:12px Inter;color:var(--mu);margin-top:2px}.tg s{opacity:.55}.tg.on{background:var(--ac);color:#000;border-color:var(--ac)}.tg.on small{color:#222}
pre{white-space:pre-wrap;font:13px/1.65 JBM;background:#000;border:1px solid #2a2a2a;padding:14px;margin:0 0 14px;max-height:260px;overflow:auto;color:#ddd}mark{background:var(--ac);color:#000;padding:0 3px}.m2{color:var(--ac)}
.styles{display:grid;gap:4px;margin-top:10px}.st{display:grid;grid-template-columns:260px 1fr;border-top:1px solid var(--line);align-items:center}.sth{padding:18px 24px;display:flex;justify-content:space-between;align-items:baseline}.sth b{font:34px Anton;font-weight:400;text-transform:uppercase;line-height:1}.sth span{font:16px JBM;color:var(--ac)}
.strip{display:flex;gap:4px;height:170px;overflow:hidden}.strip img{height:100%;width:auto;flex:0 0 auto;object-fit:cover;filter:grayscale(1);transition:filter .3s}.st:hover .strip img{filter:none}
.inside{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.list{list-style:none;padding:0;margin:0}.list li{border-top:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:150px 1fr;gap:14px}.list b{font:24px Anton;font-weight:400;text-transform:uppercase}.list span{color:var(--mu)}
.pgs{display:flex;gap:16px}.pgs img{width:50%;box-shadow:0 30px 60px #000}.pgs img:first-child{transform:rotate(-3deg)}.pgs img:last-child{transform:rotate(3deg) translateY(20px)}
.get{text-align:center}.pricebox{border:2px solid var(--ac);padding:60px 24px;max-width:900px}.flag{display:inline-block;background:var(--ac);color:#000;font:800 12px Inter;letter-spacing:.2em;padding:6px 10px;margin-bottom:18px}
.pr{display:flex;justify-content:center;align-items:baseline;gap:18px}.now{font:150px/1 Anton;color:var(--tx)}.was{font:44px Anton;color:var(--mu);text-decoration:line-through}.pn{color:#cfcfc8;margin:10px 0 28px}.ph{color:var(--ac);font-size:13px}.sm2{color:var(--mu);font-size:14px;margin-top:16px}
details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font:28px Anton;text-transform:uppercase;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';color:var(--ac)}details[open] summary:after{content:'–'}details p{color:var(--mu)}code{font:13px JBM;color:var(--ac)}
dialog{border:0;padding:0;background:#0b0b0b;color:var(--tx);max-width:1040px;width:calc(100% - 32px);max-height:calc(100vh - 40px);border:1px solid #333}dialog::backdrop{background:#000d;backdrop-filter:blur(4px)}
.x{position:absolute;right:10px;top:10px;z-index:2;background:#000;color:#fff;border:1px solid #444;width:38px;height:38px;cursor:pointer;font-size:16px}.dv{display:grid;grid-template-columns:.9fr 1.1fr}.dimg{background:#000}.dimg img{width:100%;height:100%;max-height:calc(100vh - 40px);object-fit:contain}
.dbody{padding:28px;overflow:auto;max-height:calc(100vh - 40px)}.dbody h3{font-size:40px;margin:6px 0 18px}.part{border-top:1px solid #222;padding:12px 0}.part>span{font:800 10.5px Inter;letter-spacing:.18em;color:var(--mu)}.part p{margin:6px 0 0}.m{font:13px/1.6 JBM}
.cues{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cues i{font:normal 12.5px JBM;background:#1a1a1a;border:1px solid #2e2e2e;padding:3px 8px}.swp{font:13px JBM}.swp s{opacity:.55}.swp b{color:var(--ac);font-weight:600}.swp em{display:block;font:12.5px Inter;color:var(--mu);font-style:normal}
.bl{filter:blur(5px);user-select:none;color:#888}.unl{background:#111;border:1px dashed var(--ac);padding:16px;margin-top:10px}.unl p{margin:0 0 12px}.acts{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-top:14px}.ok2{font-size:13px;color:var(--mu)}
.foot{border-top:1px solid var(--line);margin-top:120px;padding:50px 24px 110px}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;max-width:1240px;margin:0 auto}.fgrid a:not(.logo){display:block;color:var(--mu);text-decoration:none;margin:4px 0}.fgrid p{color:var(--mu)}.fine{max-width:1240px;margin:30px auto 0;color:#666;font-size:12.5px}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;justify-content:space-between;align-items:center;background:#050505f2;border-top:2px solid var(--ac);padding:10px 12px 10px 18px;transform:translateY(110%);transition:transform .3s;font:800 13px Inter;letter-spacing:.08em;text-transform:uppercase}.sticky.show{transform:none}
.co h1,.prose h1{font-size:64px;margin:14px 0 20px}.prose h2{font-size:30px;margin:30px 0 8px}.prose p{color:#cfcfc8}.eyebrow{color:var(--ac);font:800 12px Inter;letter-spacing:.2em;text-transform:uppercase}.pill{display:inline-block;background:var(--ac);color:#000;font:800 12px Inter;letter-spacing:.08em;padding:5px 10px}
.order{display:flex;gap:14px;align-items:center;border:1px solid #333;padding:14px;margin-bottom:20px}.order img{width:66px;height:66px;object-fit:cover}.order div{flex:1}.order p{margin:2px 0 0}.amt2{font:40px Anton}.flow{padding-left:20px;color:#cfcfc8}.co .btn{margin:14px 10px 0 0}
.check{width:70px;height:70px;background:var(--ac);color:#000;font-size:38px;display:flex;align-items:center;justify-content:center}.lead2{font-size:19px}.demo-only{border:1px dashed var(--ac);padding:18px;margin:24px 0}.sec.co,.sec.prose{padding:70px 24px 40px}
@media (max-width:900px){.nav nav a:not(.go){display:none}.remix{grid-template-columns:1fr}.picks{flex-direction:row;overflow-x:auto}.pick{flex:0 0 72px}.rv,.inside,.dv{grid-template-columns:1fr}.st{grid-template-columns:1fr}.sth{padding:14px 0 8px}.strip{height:120px}.fgrid{grid-template-columns:1fr 1fr}.dimg img{max-height:42vh}.dbody{max-height:none}dialog{overflow:auto}}
@media (max-width:600px){.sticky{display:flex}.wall{height:calc(100svh - 70px);min-height:560px}.rows{grid-template-rows:repeat(3,1fr)}.r3{display:none}.hud{left:10px;right:10px;bottom:10px;padding:18px}.hud p{font-size:15px;margin:10px 0 14px}.legend{display:none}.big{font-size:52px}.rbody h3{font-size:34px}.now{font-size:110px}.list li{grid-template-columns:1fr;gap:2px}.sec{padding-top:90px}.nav a.go{margin-left:0}.btn.huge{width:100%;padding:20px}}
.strip{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.strip img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.strip{grid-template-columns:repeat(6,1fr);height:90px}}
.acts.top{padding:0 0 14px}
/* ---- C2 additions: monthly issue ---- */
.issk{font-family:Anton,Impact,sans-serif;letter-spacing:.12em;color:#c8ff2e;font-size:14px;margin:0 0 10px}
.toc3{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.toc3 li{display:flex;gap:10px;align-items:baseline;border-bottom:1px solid #ffffff1a;padding:8px 0}.toc3 span{color:#c8ff2e;font-size:12px}.toc3 b{flex:1;font-weight:500}.toc3 i{opacity:.6;font-style:normal}
.off{border:1px dashed #c8ff2e88;padding:12px 16px;margin-top:14px}.off p{margin:6px 0 0;opacity:.75;font-size:14px}.ph{opacity:.7;font-size:12px;font-weight:400}
.arch2{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:center;margin-top:24px}.arch2 figure{margin:0;position:relative}.arch2 img{width:100%;height:auto;display:block;filter:grayscale(.3) contrast(.9)}
.lbl2{position:absolute;left:12px;top:12px;background:#000c;border:1px solid #c8ff2e;color:#c8ff2e;font-size:11px;letter-spacing:.14em;padding:5px 10px}.arch2 h3{font-family:Anton,Impact,sans-serif;font-size:30px;letter-spacing:.02em;margin:0 0 10px}.arch2 p{opacity:.8}
.center2{text-align:center}.plans2{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;max-width:900px;margin:30px auto 16px}.pl{border:1px solid #ffffff2a;padding:30px;display:flex;flex-direction:column;gap:6px;position:relative;background:#0b0b0b}.pl h3{font-family:Anton,Impact,sans-serif;letter-spacing:.06em;font-size:22px;margin:0}
.pl ul{padding-left:18px;opacity:.85;margin:10px 0 18px}.pl .btn{margin-top:auto;text-align:center}.pl.best{border:2px solid #c8ff2e;box-shadow:0 0 60px #c8ff2e22}.pl .flag{position:absolute;top:-13px;left:24px}.pl .per{font-size:22px;opacity:.7;margin-left:4px}
@media (max-width:860px){.arch2,.plans2{grid-template-columns:1fr}.toc3{grid-template-columns:1fr}}
.pl{text-align:left}.hud .issk{color:#c8ff2e;font-size:13px}
.settings{font-size:12px;opacity:.75;margin:6px 0 0}
/* accessibility + hardening (C2 only) */
:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--ac);color:#000;padding:10px 16px;z-index:100;font-weight:800}
.skip:focus{left:8px;top:8px}
.foot .fine{color:#9c9c95}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}