.dc-hero{max-width:1000px;margin:0 auto;padding:58px 24px 0;text-align:center}.dc-hero h1{margin:14px auto 0}.dc-hero .lede{margin:18px auto 0;font-size:17px;color:var(--ink-soft);max-width:52ch;line-height:1.6}.dc-hero .lede b{color:var(--ink);font-weight:600}.dc-code{max-width:760px;margin:26px auto 0;background:var(--ink);color:#c7cede;border-radius:12px;padding:18px 22px;font-family:var(--mono);font-size:12.5px;line-height:1.75;overflow-x:auto;text-align:left}.dc-code .c{color:#8a93a6}.dc-code .g{color:#8fe6d4}.dc-code .y{color:#e6d38f}.dc-grid{max-width:1000px;margin:28px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;text-align:left}.dc-card{background:#fff;border:1.5px solid var(--ink);border-radius:12px;padding:20px 22px}.dc-card h3{font-family:var(--serif);font-size:17px;font-weight:600;margin:0}.dc-card p{margin:8px 0 0;font-size:13.5px;color:var(--ink-soft);line-height:1.6}.dc-card code,.dc-card p b{color:var(--ink)}.dc-card code{font-family:var(--mono);font-size:11.5px;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:1px 5px}@media (max-width:680px){.dc-grid{grid-template-columns:1fr}}.dc-signin{max-width:680px;margin:30px auto 0;padding:18px 24px;background:#fff;border:1.5px solid var(--nile);border-radius:12px;text-align:left;font-size:14px;line-height:1.65;color:var(--ink-soft)}.dc-signin b{color:var(--ink);font-weight:600}