/* The "What you are risking" box under the homepage plans (28 Sep 2026).
   AGK is new and small, so the page answers the trust question with things an
   owner can check: hear the line, test before launch, no setup fee (since 15
   Oct 2026; it was the earned second half of the setup), no lock-in. Tokens
   come from redesign.css; brass stays small (eyebrow and icons), rust and
   forest stay reserved for missed-vs-caught. */
.risk { margin-top: 34px; display: grid; gap: 22px; padding: 28px; background: var(--soft); border: 1px solid var(--line); border-radius: 12px; }
.risk-head .eyebrow { margin-bottom: 10px; }
.risk-head h3 { font-family: var(--display); font-weight: 500; font-size: clamp(24px, 3.2vw, 32px); line-height: 1.15; letter-spacing: -.01em; text-wrap: balance; }
.risk-head h3 em { font-style: italic; color: var(--brass-text); }
.risk-points { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; font-size: 15px; color: var(--muted); }
.risk-points li { display: flex; gap: 12px; align-items: flex-start; }
.risk-points .icon { flex: none; width: 20px; height: 20px; margin-top: 2px; color: var(--brass-text); }
.risk-points b { color: var(--ink); font-weight: 600; }
.risk-points .num { white-space: nowrap; }
@media (min-width: 800px) { .risk { padding: 34px; } .risk-points { grid-template-columns: 1fr 1fr; gap: 20px 32px; } }
@media (min-width: 1000px) { .risk { grid-template-columns: .8fr 2fr; gap: 40px; align-items: start; } }

/* The offer band (class name kept from the 28 Sep setup offer; since 5 Oct it
   shows the free trial, and the setup offer ended with the setup fee on 15 Oct
   2026). A plain band under the risk box, not a second card: brass only
   on the eyebrow and the emphasis, no countdown, no counter of places left. */
.setup-offer { margin-top: 18px; padding: 22px 28px; border: 1px solid var(--line); border-radius: 12px; display: grid; gap: 8px; }
.setup-offer .eyebrow { margin-bottom: 2px; }
.setup-offer h3 { font-family: var(--display); font-weight: 500; font-size: clamp(20px, 2.4vw, 24px); line-height: 1.2; text-wrap: balance; }
.setup-offer h3 em { font-style: italic; color: var(--brass-text); }
.setup-offer p:not(.eyebrow) { font-size: 15px; color: var(--muted); max-width: 70ch; }
@media (min-width: 800px) { .setup-offer { padding: 24px 34px; } }