*{box-sizing:border-box}
:root{--bg:#050506;--panel:#111114;--line:#29292f;--text:#f4f5ed;--muted:#8b8d86;--acid:#c6ff39}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Courier New",monospace}
a{color:inherit;text-decoration:none}
.pp-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.pp-side{position:sticky;top:0;height:100vh;padding:32px 25px;border-right:1px solid var(--line);background:#09090b}
.pp-logo{font-size:24px;font-weight:900}.pp-logo b{color:var(--acid)}
.pp-nav{display:grid;gap:8px;margin-top:65px}.pp-nav a{padding:13px;border:1px solid transparent;color:var(--muted);font-size:12px;text-transform:uppercase}
.pp-nav a.on,.pp-nav a:hover{border-color:var(--acid);color:var(--acid)}
.pp-side-note{position:absolute;bottom:30px;color:#676961;font-size:11px;line-height:1.8}
.pp-main{padding:32px 4vw}
.pp-hero{padding:55px;border:1px solid var(--line);background:radial-gradient(circle at 80% 20%,#25300d,#0b0b0d 40%)}
.pp-kicker{color:var(--acid);font-size:11px;letter-spacing:4px;text-transform:uppercase}
.pp-hero h1{max-width:960px;margin:28px 0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(50px,8vw,105px);line-height:.9;letter-spacing:-6px;text-transform:uppercase}
.pp-lead{max-width:700px;color:var(--muted);font-family:Arial,sans-serif;font-size:18px;line-height:1.7}
.pp-eq{display:flex;align-items:flex-end;gap:8px;height:150px;margin-top:50px}
.pp-eq i{display:block;width:24px;background:var(--acid)}
.pp-eq i:nth-child(1){height:28%}.pp-eq i:nth-child(2){height:70%}.pp-eq i:nth-child(3){height:45%}.pp-eq i:nth-child(4){height:95%}.pp-eq i:nth-child(5){height:62%}.pp-eq i:nth-child(6){height:35%}.pp-eq i:nth-child(7){height:80%}.pp-eq i:nth-child(8){height:53%}
.pp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:1px;background:var(--line)}
.pp-card{min-height:250px;padding:32px;background:#0b0b0d}.pp-card:nth-child(3n){background:#13150e}
.pp-card span{color:var(--acid)}.pp-card h2{margin:48px 0 13px;font-family:Arial,sans-serif;font-size:23px}
.pp-card p{color:var(--muted);font-family:Arial,sans-serif;line-height:1.7}
.pp-footer{display:flex;justify-content:space-between;padding:35px 0;color:#65665f;font-size:11px}
@media(max-width:850px){.pp-layout{display:block}.pp-side{position:relative;height:auto}.pp-nav{display:flex;overflow:auto;margin-top:25px}.pp-side-note{display:none}.pp-main{padding:18px}.pp-hero{padding:30px}.pp-grid{grid-template-columns:1fr}.pp-hero h1{letter-spacing:-4px}}