:root{--paper:#f3f0e7;--ink:#11120f;--acid:#d7ff43;--line:#cfccc0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px Arial,sans-serif}main{max-width:1250px;margin:auto;padding:0 5vw}nav{height:80px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font:12px monospace;letter-spacing:.1em}nav b{font:900 20px Arial}header{padding:10vh 0 7vh;display:grid;grid-template-columns:1fr 2fr;gap:40px}header small{font:12px monospace;letter-spacing:.15em}h1{font-size:clamp(55px,8vw,105px);line-height:.9;letter-spacing:-.07em;margin:0}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}header p{grid-column:2;max-width:700px;line-height:1.6;color:#57594f}.panel{display:grid;grid-template-columns:1.7fr 1fr;background:#151711;color:white;box-shadow:11px 11px var(--acid)}.panel>div{padding:45px;border-right:1px solid #3b3d35}.panel label,.panel aside span{display:block;color:#929589;font:10px monospace;letter-spacing:.14em;margin-bottom:13px}.panel code{display:block;border:1px solid #56594d;padding:17px;overflow-wrap:anywhere}.panel p{font:12px/1.6 monospace;color:#8e9185;margin:25px 0}.panel button{width:100%;padding:18px;background:var(--acid);border:0;font-weight:900;cursor:pointer}.panel aside{padding:30px}.panel aside strong{display:block;font:28px monospace;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #383a33}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin:90px 0;border:1px solid var(--line)}article{padding:32px;border-right:1px solid var(--line)}article:last-child{border:0}article:nth-child(2){background:var(--acid)}article b{font:12px monospace;color:#777}article h2{margin-top:35px}article p{color:#5d5f55;line-height:1.6}@media(max-width:750px){main{padding:0 20px}nav span{display:none}header{display:block;padding:60px 0}header small{display:block;margin-bottom:30px}header p{margin-top:30px}.panel,.facts{grid-template-columns:1fr}.panel>div{padding:27px;border-right:0;border-bottom:1px solid #3b3d35}.facts article{border-right:0;border-bottom:1px solid var(--line)}}
:where(.panel) button.secondary{margin-top:10px;background:transparent;color:var(--acid);border:1px solid #56594d}