:root{--green:#0b6b3a;--green-soft:#e7f3ec;--red:#c8102e;--ink:#1b1f1d;--muted:#5b6460;--bg:#fbfaf7;--card:#fff;--radius:16px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--green-soft:#12301f;--ink:#eef1ef;--muted:#a3ada8;--bg:#111513;--card:#1a1f1c}}*,:before,:after{box-sizing:border-box}body{min-height:100dvh;margin:0}.page{max-width:40rem;min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top)) 1.25rem max(1.25rem, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.brand{align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--green) 55%, var(--red) 55%);border-radius:10px;place-items:center;width:2.25rem;height:2.25rem;display:grid}.hero{flex-direction:column;flex:1;justify-content:center;padding:2.5rem 0;display:flex}h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2rem,8vw,3.25rem);line-height:1.1}.tagline{color:var(--muted);margin:0 0 1.5rem;font-size:1.1rem}.badge{color:var(--green);background:var(--green-soft);border-radius:999px;align-self:flex-start;margin:0 0 2rem;padding:.4rem .9rem;font-size:.9rem;font-weight:600}@media (prefers-color-scheme:dark){.badge{color:#7fd3a4}}.examples{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.examples li{border-radius:var(--radius);background:var(--card);flex-direction:column;padding:.9rem 1rem;display:flex;box-shadow:0 1px 3px #00000014}.examples .pt{font-weight:600}.examples .en{color:var(--muted);font-size:.95rem}.footer{color:var(--muted);text-align:center;font-size:.85rem}