.am26-certificate-hero { padding: clamp(64px,9vw,118px) 0; background: linear-gradient(135deg, #f0f6ec 0%, #fff 56%, #f1f0ed 100%); }
.am26-certificate-hero__grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(320px,.75fr); gap: clamp(36px,7vw,100px); align-items: center; }
.am26-certificate-lead { max-width: 700px; color: var(--am26-muted); font-size: clamp(1.05rem,2vw,1.32rem); }
.am26-certificate-benefits { display: grid; gap: 9px; margin: 28px 0 0; padding: 0; list-style: none; }
.am26-certificate-benefits li { position: relative; padding-left: 28px; font-weight: 700; }
.am26-certificate-benefits li::before { content: '✓'; position: absolute; left: 0; color: var(--am26-brand-700); }
.am26-certificate-preview { position: relative; display: grid; min-height: 290px; align-content: center; padding: 40px; overflow: hidden; border-radius: 34px; background: var(--am26-brand-950); color: #fff; box-shadow: 0 28px 70px rgba(58,60,61,.22); }
.am26-certificate-preview::after { content: ''; position: absolute; width: 220px; height: 220px; right: -65px; bottom: -90px; border: 40px solid rgba(132,181,92,.45); border-radius: 50%; }
.am26-certificate-preview span { font-size: .78rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.am26-certificate-preview strong { margin: 34px 0 4px; color: #fff; font-size: clamp(2.2rem,5vw,4rem); line-height: 1; }
.am26-certificate-preview small { color: #e5ece1; font-size: 1rem; }
.am26-stage-notice { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 28px; padding: 16px 18px; border: 1px solid #e0c787; border-radius: 14px; background: #fff8e7; color: #5e4a1f; }
.am26-stage-notice strong { flex: 0 0 auto; }
.am26-certificate-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,.65fr); gap: 28px; align-items: start; }
.am26-certificate-form,
.am26-certificate-aside,
.am26-certificate-result { border: 1px solid var(--am26-border); border-radius: var(--am26-radius-lg); background: #fff; box-shadow: var(--am26-shadow); }
.am26-certificate-form { padding: clamp(22px,4vw,42px); }
.am26-certificate-step { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 16px; padding: 0 0 30px; }
.am26-certificate-step + .am26-certificate-step { padding-top: 30px; border-top: 1px solid var(--am26-border); }
.am26-certificate-step__number { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: var(--am26-brand-950); color: #fff; font-weight: 900; }
.am26-certificate-step fieldset { min-width: 0; padding: 0; border: 0; }
.am26-certificate-step legend { margin-bottom: 18px; color: var(--am26-brand-950); font-size: 1.24rem; font-weight: 850; }
.am26-choice-grid,
.am26-amount-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.am26-choice,
.am26-amount-grid label { position: relative; cursor: pointer; }
.am26-choice input,
.am26-amount-grid input { position: absolute; opacity: 0; }
.am26-choice > span,
.am26-amount-grid label > span { display: flex; min-height: 70px; flex-direction: column; justify-content: center; padding: 14px 16px; border: 1px solid var(--am26-border); border-radius: 14px; background: #fff; }
.am26-choice small { color: var(--am26-muted); }
.am26-choice input:checked + span,
.am26-amount-grid input:checked + span { border-color: var(--am26-brand-700); background: var(--am26-mint); box-shadow: inset 0 0 0 1px var(--am26-brand-700); }
.am26-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.am26-field { display: grid; gap: 7px; margin-top: 16px; color: var(--am26-brand-950); font-weight: 750; }
.am26-field--wide { grid-column: 1 / -1; }
.am26-field input,
.am26-field textarea { width: 100%; min-width: 0; padding: 13px 14px; border: 1px solid var(--am26-border); border-radius: 11px; background: #fff; color: var(--am26-ink); }
.am26-field textarea { min-height: 110px; resize: vertical; }
.am26-certificate-consent { display: flex; gap: 11px; margin: 0 0 18px; color: var(--am26-muted); font-size: .9rem; }
.am26-certificate-consent input { margin-top: 4px; flex: 0 0 auto; }
.am26-certificate-submit { width: 100%; justify-content: center; }
.am26-certificate-help { margin: 14px 0 0; color: var(--am26-muted); text-align: center; }
.am26-certificate-help a { color: var(--am26-brand-700); font-weight: 800; }
.am26-certificate-aside { position: sticky; top: 118px; padding: 28px; }
.am26-certificate-aside ol { display: grid; gap: 12px; color: var(--am26-muted); }
.am26-certificate-rule { margin-top: 14px; padding: 15px; border-radius: 13px; background: var(--am26-soft); }
.am26-certificate-rule p { margin: 5px 0 0; color: var(--am26-muted); font-size: .9rem; }
.am26-certificate-result { padding: clamp(26px,5vw,52px); }
.am26-certificate-result dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.am26-certificate-result dl > div { padding: 14px; border-radius: 12px; background: var(--am26-soft); }
.am26-certificate-result dt { color: var(--am26-muted); font-size: .78rem; }
.am26-certificate-result dd { margin: 4px 0 0; font-weight: 800; overflow-wrap: anywhere; }
.am26-certificate-result__actions { display: flex; gap: 12px; margin-top: 22px; }
.am26-certificate-states article { padding: 24px; border: 1px solid var(--am26-border); border-radius: var(--am26-radius); background: #fff; }
.am26-certificate-states p { margin: 0; color: var(--am26-muted); }

@media (max-width: 920px) {
  .am26-certificate-hero__grid,
  .am26-certificate-layout { grid-template-columns: 1fr; }
  .am26-certificate-preview { min-height: 230px; }
  .am26-certificate-aside { position: static; }
}
@media (max-width: 650px) {
  .am26-stage-notice { flex-direction: column; gap: 5px; }
  .am26-certificate-step { grid-template-columns: 1fr; }
  .am26-choice-grid,
  .am26-amount-grid,
  .am26-form-grid,
  .am26-certificate-result dl { grid-template-columns: 1fr; }
  .am26-certificate-result__actions { align-items: stretch; flex-direction: column; }
  .am26-certificate-result__actions .am26-button { justify-content: center; }
}

/* AM26_CERTIFICATE_COMPACT_20260831 */
body.am26.am26-page--promotions .am26-certificate-teaser { padding: 6px 32px; }
@media (max-width: 760px) { body.am26.am26-page--promotions .am26-certificate-teaser { padding: 6px 20px; } }
