:root{--ink:#111418;--paper:#f2efe5;--muted:#8f948f;--line:#30343a;--acid:#b9f33d;--cyan:#48d9d3;--rust:#e7653c;--violet:#8b75ff}*{box-sizing:border-box}html{background:var(--ink);color:var(--paper);scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 80% -10%,#283234 0,transparent 32rem),linear-gradient(180deg,#15191d,#0d0f12 80%);min-height:100vh}.hero{max-width:1240px;margin:auto;padding:86px 32px 64px;border-bottom:1px solid var(--line)}.eyebrow,.model-name,.badge,.number,footer{font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}.eyebrow{color:var(--acid)}h1{font-size:clamp(52px,9vw,118px);line-height:.85;letter-spacing:-.075em;margin:28px 0 34px;max-width:1100px}h1 span{color:transparent;-webkit-text-stroke:1px #858c8b}.hero>p{max-width:730px;color:#b5bab7;font-size:clamp(16px,2vw,21px);line-height:1.65;margin:0}.legend{display:flex;flex-wrap:wrap;gap:24px;margin-top:34px;color:#9da29f;font:12px ui-monospace,Consolas,monospace}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.dot.model{background:var(--cyan)}.dot.codex{background:var(--acid);box-shadow:0 0 12px #b9f33d99}main{max-width:1240px;margin:auto;padding:56px 32px 90px}.timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.game-card{position:relative;display:flex;flex-direction:column;min-height:620px;border:1px solid var(--line);background:#171b20;overflow:hidden;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-4px);border-color:#6b726e}.codex-card{grid-column:1/-1;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:auto 1fr auto;min-height:570px;border-color:#5b6d36;background:linear-gradient(130deg,#1b211b,#14191d)}.card-top{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);grid-column:1/-1}.number{color:#767c79}.badge{color:var(--cyan);border:1px solid #3e6465;padding:6px 8px}.codex-badge{color:var(--acid);border-color:#66852e}.preview{height:270px;position:relative;overflow:hidden;background:#20262d}.preview:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px);pointer-events:none}.tech{position:absolute;bottom:24px;left:17%;width:66px;height:88px;display:grid;place-items:center;border-radius:18px 18px 10px 10px;background:#24394c;color:#fff;font:bold 20px ui-monospace;box-shadow:inset 0 -16px #17242f}.paper{position:absolute;background:#eee9d9;color:#343637;padding:12px 10px;box-shadow:6px 7px #0004;font:bold 9px ui-monospace;transform:rotate(-10deg)}.p1{right:14%;top:25%}.p2{right:33%;top:58%;transform:rotate(8deg)}.preview-one{background:linear-gradient(#bce7ef 0 64%,#567a86 64%)}.preview-two{background:linear-gradient(150deg,#10272f,#20444a)}.preview-two .server{position:absolute;inset:18% 12% 15% auto;width:90px;border:2px solid #52747a;background:repeating-linear-gradient(#1c3035 0 22px,#8ac54a 22px 25px)}.preview-three{background:linear-gradient(#e28b6e,#493c5d 65%,#252536 65%)}.sun{position:absolute;width:150px;height:150px;border-radius:50%;background:#f2c66d;right:8%;top:7%}.printer{position:absolute;right:17%;bottom:26px;background:#171820;padding:27px 34px;font-size:28px}.preview-four{height:auto;grid-row:2/4;grid-column:1;background:radial-gradient(circle at 65% 40%,#4b5032,#182021 42%,#0b0d0f 78%)}.preview-four .tech{left:25%;bottom:16%;transform:scale(1.45)}.boss{position:absolute;right:17%;top:22%;width:160px;height:200px;display:grid;place-items:center;background:#5f2d23;border:3px solid #c06444;clip-path:polygon(12% 0,88% 0,100% 20%,88% 100%,12% 100%,0 20%);font:900 22px ui-monospace}.spark{position:absolute;color:var(--acid);font-size:32px}.s1{left:50%;top:30%}.s2{left:41%;top:55%}.scanline{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#b9f33d17,transparent);transform:skewX(-12deg)}.card-copy{padding:30px 30px 24px}.codex-card .card-copy{grid-column:2;grid-row:2;padding:54px 34px 24px}.model-name{color:var(--acid);margin:0 0 12px}.model-card .model-name{color:var(--cyan)}h2{font-size:clamp(27px,3vw,40px);line-height:1.05;letter-spacing:-.04em;margin:0 0 17px}.card-copy>p:last-child{color:#aeb4b0;line-height:1.65;margin:0}.play{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-top:1px solid var(--line);color:var(--paper);text-decoration:none;font-weight:750}.play:hover{background:var(--paper);color:var(--ink)}.codex-card .play{grid-column:2;grid-row:3}.play.featured{background:var(--acid);color:#17200c;border:0}.play.featured:hover{background:#d2ff70}.comparison{margin-top:84px;padding-top:42px;border-top:1px solid var(--line)}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:26px}.comparison-grid div{display:flex;flex-direction:column;gap:10px}.comparison-grid strong{font-size:19px}.comparison-grid span{color:#969c99;line-height:1.6;font-size:14px}footer{max-width:1240px;margin:auto;padding:26px 32px 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#747a77}footer a{color:#aeb5b0;text-decoration:none}@media(max-width:800px){.hero{padding-top:58px}.timeline{grid-template-columns:1fr}.codex-card{grid-column:auto;display:flex}.preview-four{height:300px;order:1}.codex-card .card-top{order:0}.codex-card .card-copy{order:2;padding:30px}.codex-card .play{order:3}.comparison-grid{grid-template-columns:1fr}.game-card{min-height:0}footer{gap:18px;flex-direction:column}h1{-webkit-hyphens:auto;hyphens:auto}}