@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=Syne:wght@700;800&display=swap");.grok{--ink:#e8fff3;--mute:rgba(232,255,243,0.65);--lime:#7dffb3;--panel:rgba(12,16,32,0.72);min-height:100vh;position:relative;overflow:hidden;color:var(--ink);font-family:IBM Plex Mono,ui-monospace,monospace;display:grid;place-items:center;padding:32px 18px}.grok-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(800px 420px at 15% 10%,rgba(125,255,179,.18),transparent 55%),radial-gradient(700px 400px at 90% 20%,rgba(120,140,255,.16),transparent 50%),linear-gradient(160deg,#070a14,#10182b 50%,#0c1020)}.grok-hero{position:relative;z-index:1;width:min(580px,100%);text-align:center;display:grid;gap:12px;justify-items:center;animation:grok-in .55s ease both}@keyframes grok-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.grok-logo{width:min(320px,78vw);height:auto;border:2px solid rgba(125,255,179,.45);border-radius:18px;background:#0b1020;box-shadow:0 0 0 1px rgba(125,255,179,.15),0 20px 50px rgba(0,0,0,.45)}.grok-kicker{margin:8px 0 0;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}.grok h1{margin:0;font-family:Syne,sans-serif;font-weight:800;font-size:clamp(3.6rem,14vw,6.4rem);line-height:.9;letter-spacing:-.04em;color:var(--lime)}.grok-tag{margin:0;font-size:1.1rem;font-weight:700;color:#9aa7ff}.grok-ascii{line-height:1.25;color:var(--lime);background:var(--panel);border:1px solid rgba(125,255,179,.25);padding:12px 18px;text-align:left}.grok-ascii,.grok-lead{margin:4px 0 0;font-size:.95rem}.grok-lead{max-width:34rem;line-height:1.5;color:var(--mute)}.grok-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.grok-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid rgba(125,255,179,.45);background:transparent;color:var(--ink);text-decoration:none;font-weight:700;font-size:.88rem;transition:background .15s ease,border-color .15s ease}.grok-btn:hover{border-color:var(--lime);background:rgba(125,255,179,.08)}.grok-btn-primary{background:var(--lime);color:#07110c;border-color:var(--lime)}.grok-btn-primary:hover{background:#a6ffcc}.grok-ca{margin:12px 0 0;font-size:.74rem;color:var(--mute)}.grok-ca code{display:block;margin-top:6px;word-break:break-all;color:var(--ink)}