*{box-sizing:border-box}body{margin:0;max-width:100%;overflow-x:hidden;background:#09090b;color:#f5f5f2;font:16px/1.5 Arial,sans-serif}nav,main{max-width:980px;margin:auto;padding:24px}nav{display:flex;justify-content:space-between}.brand{color:#fff;text-decoration:none}.brand b{letter-spacing:.12em}nav a{color:#ff3158}h1,h2,.lead,p,a{overflow-wrap:anywhere}h1{font-size:clamp(2.5rem,7vw,5.5rem);line-height:.95;margin:70px 0 24px}.lead{color:#bbb;font-size:1.15rem;max-width:720px}.grid{display:grid;min-width:0;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}textarea,pre{width:100%;min-height:360px;background:#111116;color:#eee;border:1px solid #333;padding:18px;font:14px/1.45 Consolas,monospace;white-space:pre-wrap}button{background:#ff3158;color:#fff;border:0;padding:14px 22px;font-weight:700;cursor:pointer;margin:12px 0}.note{color:#999}.cta{display:inline-block;color:#fff;margin:30px 0}@media(max-width:700px){.grid{grid-template-columns:1fr}h1{margin-top:35px;overflow-wrap:break-word}textarea,pre{min-height:280px}}