:root{--ink:#17231f;--muted:#65746e;--paper:#f7f5ef;--card:#fffdf8;--line:#dfe4dc;--green:#2f6b52;--green-dark:#1f4e3b}*{box-sizing:border-box}body{background:radial-gradient(circle at top right, #e6efe2 0, transparent 35%), var(--paper);color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif}.shell{max-width:820px;margin:0 auto;padding:12vh 24px 48px}.hero{margin-bottom:34px}.eyebrow{color:var(--green);letter-spacing:.18em;font:700 12px/1.2 Arial,sans-serif}h1{letter-spacing:-.055em;max-width:600px;margin:16px 0 12px;font-size:clamp(42px,8vw,76px);line-height:.98}.hero p{max-width:520px;color:var(--muted);font:18px/1.5 Arial,sans-serif}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(26px,6vw,58px);box-shadow:0 24px 60px #2f4d3a1a}.card-topline{color:var(--green);letter-spacing:.12em;justify-content:space-between;font:700 11px/1.2 Arial,sans-serif;display:flex}h2{text-transform:uppercase;letter-spacing:.08em;margin:56px 0 20px;font-family:Arial,sans-serif;font-size:16px}.prompt{letter-spacing:-.02em;min-height:132px;margin:0;font-size:clamp(25px,4vw,38px);line-height:1.2}.actions{flex-wrap:wrap;gap:12px;margin-top:48px;display:flex}button{cursor:pointer;border-radius:999px;padding:13px 18px;font:700 14px Arial,sans-serif;transition:transform .15s,background .15s}button:hover{transform:translateY(-1px)}.primary{color:#fff;background:var(--green);border:1px solid var(--green)}.primary:hover{background:var(--green-dark)}.secondary{color:var(--green-dark);border:1px solid var(--line);background:0 0}.note{color:var(--muted);margin:22px 4px 0;font:13px/1.5 Arial,sans-serif}code{color:var(--green-dark);font-family:Consolas,monospace}
