/* Amazing Membership join page. Everything is scoped under .amzj so the
   HubSpot theme cannot leak in and this cannot leak out. Tokens follow the
   Amazing brand system and the evergreen homepage (Inter, navy, orange). */

.amzj {
  --bg: #0f172a;
  --bg-2: #1e293b;
  --line: rgba(148, 163, 184, 0.22);
  --brand: #f97316;
  --brand-dark: #ea580c;
  --brand-on-light: #c2410c;
  --gold: #f59e0b;
  --success: #22c55e;
  --heading: #ffffff;
  --text: #f3f4f6;
  --muted: #94a3b8;
  --ink: #0f172a;
  --ink-2: #334155;
  --ink-muted: #475569;
  --paper: #f8fafc;
  --card: #ffffff;
  --card-line: #e2e8f0;
  --radius: 16px;
  --radius-lg: 24px;
  --wrap: 1120px;

  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.amzj *,
.amzj *::before,
.amzj *::after { box-sizing: border-box; }

/* :where() keeps the reset at single-class specificity so component rules win. */
.amzj :where(h1, h2, h3, p, ul, ol, li, figure, blockquote) { margin: 0; padding: 0; font-family: inherit; }
.amzj :where(ul, ol) { list-style: none; }
.amzj :where(img) { display: block; max-width: 100%; height: auto; }
.amzj :where(a) { color: inherit; }
.amzj h1, .amzj h2 { text-wrap: balance; letter-spacing: -0.03em; }
.amzj p, .amzj li, .amzj blockquote { text-wrap: pretty; }
.amzj a:focus-visible, .amzj summary:focus-visible {
  outline: 3px solid var(--brand);
  outline-offset: 4px;
  border-radius: 8px;
}

.amzj-wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; padding: 0 24px; }
.amzj-narrow { max-width: 860px; }

.amzj-eyebrow {
  color: var(--brand);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.amzj-light .amzj-eyebrow { color: var(--brand-on-light); }

.amzj-h2 {
  color: var(--heading);
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 800;
  line-height: 1.12;
}
.amzj-light .amzj-h2 { color: var(--ink); }
.amzj-lead { color: var(--muted); font-size: 18px; max-width: 720px; }
.amzj-light .amzj-lead { color: var(--ink-muted); }
.amzj-head { display: grid; gap: 14px; justify-items: center; text-align: center; margin-bottom: 44px; }

.amzj-section { padding: 88px 0; }
.amzj-light { background: var(--paper); color: var(--ink-2); }
.amzj-white { background: #ffffff; }

/* ---------- Header ---------- */
.amzj-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 0; }
.amzj-header img { width: 140px; height: 32px; object-fit: contain; object-position: left center; }
.amzj-header-meta { display: flex; align-items: center; gap: 22px; color: var(--muted); font-size: 14px; }
.amzj-header-meta span { display: inline-flex; align-items: center; gap: 8px; }
.amzj-header-meta a { color: var(--text) !important; text-decoration: none !important; }
.amzj-header-meta a:hover { color: var(--brand) !important; }
.amzj-icon { width: 18px; height: 18px; flex: none; }

/* ---------- Hero ---------- */
.amzj-hero {
  position: relative;
  overflow: hidden;
  padding-bottom: 72px;
  background:
    radial-gradient(900px 420px at 72% 46%, rgba(249, 115, 22, 0.16), transparent 70%),
    radial-gradient(700px 380px at 12% 0%, rgba(59, 130, 246, 0.10), transparent 70%),
    var(--bg);
}
.amzj-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(148, 163, 184, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, 0.06) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse at 50% 30%, #000 20%, transparent 72%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 30%, #000 20%, transparent 72%);
  pointer-events: none;
}
.amzj-hero > * { position: relative; }
.amzj-hero-copy { display: grid; gap: 18px; justify-items: center; text-align: center; padding: 18px 0 38px; }
.amzj-h1 {
  max-width: 1000px;
  color: var(--heading);
  font-size: clamp(33px, 4.5vw, 58px);
  font-weight: 900;
  line-height: 1.05;
}
.amzj-h1 em { color: var(--brand); font-style: normal; }
.amzj-hero-copy .amzj-lead { color: #cbd5e1; max-width: 760px; }

/* ---------- Plans ---------- */
.amzj-plans { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); gap: 22px; max-width: 940px; margin: 0 auto; align-items: stretch; }
.amzj-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px 30px 26px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(30, 41, 59, 0.72);
  backdrop-filter: blur(8px);
}
.amzj-plan--best {
  border: 2px solid var(--brand);
  background: linear-gradient(180deg, rgba(249, 115, 22, 0.13), rgba(30, 41, 59, 0.86) 42%);
  box-shadow: 0 24px 70px rgba(249, 115, 22, 0.20);
}
.amzj-plan-flag {
  position: absolute;
  top: -14px;
  left: 28px;
  padding: 5px 14px;
  border-radius: 999px;
  background: var(--brand);
  color: var(--ink);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.amzj-plan-name { color: var(--heading); font-size: 20px; font-weight: 700; line-height: 1.3; }
.amzj-plan-kicker { color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 6px; }
.amzj-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 10px; margin: 12px 0 4px; color: var(--heading); }
.amzj-price strong { font-size: clamp(46px, 5vw, 60px); font-weight: 900; line-height: 1; letter-spacing: -0.04em; }
.amzj-price span { color: #cbd5e1; font-size: 17px; font-weight: 600; }
.amzj-billed { color: #cbd5e1; font-size: 15px; }
.amzj-billed s { color: var(--muted); }
.amzj-billed b { color: var(--heading); }
.amzj-plan ul { display: grid; gap: 10px; margin: 20px 0 24px; }
.amzj-plan li { position: relative; padding-left: 28px; color: var(--text); font-size: 15px; line-height: 1.5; }
.amzj-plan li svg { position: absolute; left: 0; top: 2px; width: 18px; height: 18px; color: var(--brand); }
.amzj-plan li b { color: var(--heading); }
.amzj-plan-foot { margin-top: 12px; color: var(--muted); font-size: 13px; text-align: center; }

.amzj .amzj-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 58px;
  margin-top: auto;
  padding: 16px 24px;
  border: 2px solid var(--brand);
  border-radius: 999px;
  background: var(--brand) !important;
  color: var(--ink) !important;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.amzj .amzj-btn:hover { background: #fb8a3c !important; border-color: #fb8a3c; box-shadow: 0 10px 30px rgba(249, 115, 22, 0.35); }
.amzj .amzj-btn--ghost { background: transparent !important; color: var(--heading) !important; border-color: rgba(248, 250, 252, 0.55); }
.amzj .amzj-btn--ghost:hover { background: rgba(248, 250, 252, 0.08) !important; border-color: #ffffff; box-shadow: none; }
.amzj-btn svg { width: 18px; height: 18px; flex: none; }

.amzj-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 30px; margin-top: 30px; color: #cbd5e1; font-size: 14px; }
.amzj-trust span { display: inline-flex; align-items: center; gap: 8px; }
.amzj-trust svg { color: var(--success); }

.amzj-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; max-width: 760px; margin: 44px auto 0; }
.amzj-stat { padding: 20px 22px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(15, 23, 42, 0.55); text-align: center; }
.amzj-stat strong { display: block; color: var(--heading); font-size: clamp(26px, 3.2vw, 36px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.15; }
.amzj-stat span { color: var(--muted); font-size: 14px; }

/* ---------- Quotes ---------- */
.amzj-quote-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.amzj-quote {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 28px;
  border: 1px solid var(--card-line);
  border-radius: var(--radius);
  background: var(--card);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(15, 23, 42, 0.06);
}
.amzj-quote blockquote { color: var(--ink); font-size: 18px; font-weight: 500; line-height: 1.55; }
.amzj-quote blockquote::before {
  content: "\201C";
  display: block;
  height: 30px;
  color: var(--brand);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 60px;
  line-height: 1;
}
.amzj-quote--hl blockquote { font-size: 23px; font-weight: 700; line-height: 1.35; letter-spacing: -0.015em; }
.amzj-by { display: flex; align-items: center; gap: 14px; margin-top: auto; }
.amzj-by img, .amzj-avatar { width: 56px; height: 56px; flex: none; border-radius: 50%; object-fit: cover; }
.amzj-avatar { display: grid; place-items: center; background: var(--bg-2); color: #ffffff; font-size: 17px; font-weight: 800; letter-spacing: 0.02em; }
.amzj-by strong { display: block; color: var(--ink); font-size: 16px; line-height: 1.3; }
.amzj-by div span { display: block; color: var(--ink-muted); font-size: 13px; line-height: 1.4; }
.amzj-chip {
  align-self: flex-start;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(249, 115, 22, 0.12);
  color: var(--brand-on-light);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}
.amzj-context { color: var(--ink-muted); font-size: 15px; }

/* ---------- Value stack ---------- */
.amzj-stack { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.amzj-panel { display: grid; gap: 22px; padding: 32px; border: 1px solid var(--card-line); border-top: 4px solid var(--brand); border-radius: var(--radius); background: var(--card); box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06); }
.amzj-panel-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.amzj-panel h3 { color: var(--ink); font-size: 25px; font-weight: 800; line-height: 1.2; letter-spacing: -0.02em; }
.amzj-panel-sub { color: var(--ink-muted); font-size: 16px; }
.amzj-value-tag { flex: none; padding: 6px 12px; border-radius: 999px; background: var(--ink); color: #ffffff; font-size: 13px; font-weight: 800; white-space: nowrap; }
.amzj-shot { border: 1px solid var(--card-line); border-radius: 12px; background: var(--paper); padding: 14px; }
.amzj-shot img { width: 100%; border-radius: 6px; }
.amzj-systems { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 20px; counter-reset: sys; }
.amzj-systems li { position: relative; padding-left: 34px; color: var(--ink-2); font-size: 15px; line-height: 1.4; counter-increment: sys; }
.amzj-systems li::before {
  content: counter(sys, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 1px;
  color: var(--brand-on-light);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.amzj-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.amzj-chips li { padding: 6px 12px; border: 1px solid var(--card-line); border-radius: 999px; background: var(--paper); color: var(--ink); font-size: 14px; font-weight: 600; }
.amzj-label { color: var(--ink); font-size: 13px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.amzj-roles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.amzj-roles li { padding: 14px 16px; border: 1px solid var(--card-line); border-radius: 12px; background: var(--paper); }
.amzj-roles strong { display: block; color: var(--ink); font-size: 15px; line-height: 1.3; }
.amzj-roles span { display: block; margin-top: 3px; color: var(--ink-muted); font-size: 14px; line-height: 1.45; }
.amzj-roles em { display: block; margin-top: 6px; color: var(--brand-on-light); font-size: 12px; font-style: normal; font-weight: 700; line-height: 1.4; }
.amzj-mini { display: grid; gap: 14px; }
.amzj-mini figure { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: start; }
.amzj-mini img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.amzj-mini blockquote { color: var(--ink); font-size: 15px; line-height: 1.5; }
.amzj-mini figcaption { margin-top: 4px; color: var(--ink-muted); font-size: 13px; }

.amzj-ledger { max-width: 860px; margin: 40px auto 0; padding: 30px 34px; border-radius: var(--radius); background: var(--bg); color: var(--text); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.25); }
.amzj-ledger li { display: flex; align-items: baseline; gap: 12px; padding: 12px 0; border-bottom: 1px dashed rgba(148, 163, 184, 0.35); font-size: 16px; }
.amzj-ledger li span:first-child { color: var(--text); }
.amzj-ledger li i { flex: 1; }
.amzj-ledger li b { color: var(--heading); white-space: nowrap; }
.amzj-ledger-total { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; padding-top: 22px; }
.amzj-ledger-total p { color: var(--muted); font-size: 15px; }
.amzj-ledger-total strong { display: block; color: var(--heading); font-size: 26px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; }
.amzj-ledger-total strong em { color: var(--brand); font-style: normal; }
.amzj-ledger .amzj-btn { width: auto; min-width: 250px; margin-top: 0; }

.amzj-more > summary { display: none; list-style: none; }
.amzj-more > summary::-webkit-details-marker { display: none; }

/* ---------- Two ways (dark editorial) ---------- */
.amzj-ways { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 28px; align-items: stretch; }
.amzj-feature { display: flex; flex-direction: column; gap: 26px; padding: 40px; border: 1px solid var(--line); border-left: 4px solid var(--brand); border-radius: var(--radius); background: var(--bg-2); }
.amzj-feature blockquote { color: var(--heading); font-size: clamp(19px, 1.9vw, 23px); font-weight: 500; line-height: 1.55; }
.amzj-feature blockquote b { color: var(--brand); font-weight: 700; }
.amzj-dark .amzj-by strong { color: var(--heading); }
.amzj-dark .amzj-by div span { color: var(--muted); }
.amzj-dark .amzj-chip { background: rgba(249, 115, 22, 0.16); color: #fdba74; }
.amzj-feature .amzj-chip { padding: 12px 16px; border-radius: 12px; font-weight: 600; line-height: 1.5; }
.amzj-side { display: grid; gap: 22px; }
.amzj-side .amzj-quote { border-color: var(--line); background: rgba(30, 41, 59, 0.6); box-shadow: none; }
.amzj-side .amzj-quote blockquote { color: var(--text); font-size: 16px; font-weight: 400; }
.amzj-dark .amzj-avatar { background: #334155; }

/* ---------- Results ---------- */
.amzj-results { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 22px; }
.amzj-results > :nth-child(1) { grid-column: span 6; }
.amzj-results > :nth-child(n + 2) { grid-column: span 2; }
.amzj-result-feature { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 34px; align-items: center; }
.amzj-result-feature > img { width: 220px; height: 220px; border-radius: var(--radius); object-fit: cover; }
.amzj-result-feature .amzj-body { display: grid; gap: 16px; }
.amzj-disclaimer { max-width: 860px; margin: 34px auto 0; color: var(--ink-muted); font-size: 13px; line-height: 1.65; text-align: center; }

/* ---------- Guarantee ---------- */
.amzj-guarantee { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 40px; align-items: center; padding: 44px; border: 1px solid #fed7aa; border-radius: var(--radius-lg); background: linear-gradient(135deg, #fff7ed, #ffffff 60%); }
.amzj-seal { display: grid; place-items: center; width: 150px; height: 150px; border: 3px solid var(--brand); border-radius: 50%; background: #ffffff; color: var(--brand-on-light); text-align: center; box-shadow: 0 0 0 8px rgba(249, 115, 22, 0.12); }
.amzj-seal strong { display: block; color: var(--ink); font-size: 46px; font-weight: 900; line-height: 1; letter-spacing: -0.04em; }
.amzj-seal span { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.amzj-guarantee h2 { margin-bottom: 12px; }
.amzj-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 24px; counter-reset: step; }
.amzj-steps li { counter-increment: step; padding-top: 14px; border-top: 2px solid #fdba74; color: var(--ink-2); font-size: 15px; line-height: 1.5; }
.amzj-steps li::before { content: "0" counter(step); display: block; margin-bottom: 4px; color: var(--brand-on-light); font-size: 12px; font-weight: 800; letter-spacing: 0.1em; }
.amzj-steps b { color: var(--ink); }

/* ---------- On the fence ---------- */
.amzj-fence { display: grid; gap: 28px; justify-items: center; text-align: center; }
.amzj-fence-q { max-width: 760px; color: var(--muted); font-size: 18px; font-style: italic; }
.amzj-fence blockquote { max-width: 900px; color: var(--heading); font-size: clamp(21px, 2.5vw, 30px); font-weight: 600; line-height: 1.42; letter-spacing: -0.015em; }
.amzj-fence blockquote b { color: var(--brand); font-weight: 700; }
.amzj-fence .amzj-by { margin-top: 0; text-align: left; }
.amzj-fence .amzj-by img { width: 64px; height: 64px; }

/* ---------- FAQ ---------- */
.amzj-faq { display: grid; gap: 12px; }
.amzj-faq details { border: 1px solid var(--card-line); border-radius: 14px; background: var(--card); }
.amzj-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 24px; color: var(--ink); font-size: 17px; font-weight: 700; line-height: 1.4; cursor: pointer; list-style: none; }
.amzj-faq summary::-webkit-details-marker { display: none; }
.amzj-faq summary::after { content: "+"; flex: none; color: var(--brand-on-light); font-size: 26px; font-weight: 500; line-height: 1; transition: transform 200ms ease; }
.amzj-faq details[open] summary::after { transform: rotate(45deg); }
.amzj-faq details > div { display: grid; gap: 12px; padding: 0 24px 22px; color: var(--ink-2); font-size: 16px; }
.amzj-faq a { color: var(--brand-on-light) !important; font-weight: 600; }

/* ---------- Final ---------- */
.amzj-final { text-align: center; background: radial-gradient(800px 380px at 50% 100%, rgba(249, 115, 22, 0.18), transparent 70%), var(--bg); }
.amzj-final-plans { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; max-width: 760px; margin: 36px auto 0; }
.amzj-final-plan { display: grid; gap: 14px; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(30, 41, 59, 0.7); }
.amzj-final-plan--best { border: 2px solid var(--brand); }
.amzj-final-plan p { color: #cbd5e1; font-size: 15px; }
.amzj-final-plan p b { color: var(--heading); font-size: 19px; }
.amzj-legal { max-width: 860px; margin: 36px auto 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.amzj-legal a { color: #cbd5e1 !important; }
.amzj-legal b { color: #cbd5e1; }
.amzj-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; padding: 26px 0 96px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.amzj-footer nav { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.amzj-footer a { color: var(--muted) !important; text-decoration: none !important; }
.amzj-footer a:hover { color: var(--text) !important; }

/* ---------- Sticky mobile bar ---------- */
.amzj-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: none; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: rgba(15, 23, 42, 0.96); backdrop-filter: blur(10px); transform: translateY(110%); transition: transform 220ms ease; }
.amzj-sticky.is-on { transform: translateY(0); }
.amzj-sticky p { color: var(--muted); font-size: 12px; line-height: 1.35; }
.amzj-sticky p b { display: block; color: var(--heading); font-size: 15px; }
.amzj .amzj-sticky .amzj-btn { width: auto; min-height: 48px; margin: 0; padding: 12px 20px; font-size: 15px; }

/* ---------- Load-in ---------- */
@media (prefers-reduced-motion: no-preference) {
  /* Kept short on purpose: the plan buttons must never wait on decoration. */
  .amzj-rise { opacity: 0; transform: translateY(10px); animation: amzj-rise 380ms cubic-bezier(0.2, 0.7, 0.2, 1) forwards; }
  .amzj-rise:nth-child(2) { animation-delay: 50ms; }
  .amzj-rise:nth-child(3) { animation-delay: 100ms; }
  .amzj-plans .amzj-rise:nth-child(1) { animation-delay: 120ms; }
  .amzj-plans .amzj-rise:nth-child(2) { animation-delay: 170ms; }
  @keyframes amzj-rise { to { opacity: 1; transform: none; } }
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .amzj-quote-grid { grid-template-columns: minmax(0, 1fr); }
  .amzj-stack, .amzj-ways { grid-template-columns: minmax(0, 1fr); }
  .amzj-results > :nth-child(n + 2) { grid-column: span 6; }
}

@media (max-width: 767px) {
  .amzj-wrap { padding: 0 18px; }
  .amzj-section { padding: 60px 0; }
  .amzj-head { margin-bottom: 32px; }
  .amzj-header { padding: 16px 0; }
  .amzj-header img { width: 118px; height: 28px; }
  .amzj-header-meta span { display: none; }
  .amzj-hero { padding-bottom: 52px; }
  .amzj-hero-copy { gap: 12px; padding: 2px 0 30px; }
  .amzj-hero-copy .amzj-lead { font-size: 16px; line-height: 1.5; }
  .amzj .amzj-btn { min-height: 54px; padding: 14px 16px; font-size: 16px; gap: 8px; }
  .amzj-plan ul { gap: 8px; margin: 16px 0 20px; }
  .amzj-plans { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .amzj-plan { padding: 28px 22px 22px; }
  .amzj-stats { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 34px; }
  .amzj-panel { padding: 24px 20px; }
  .amzj-panel-top { flex-direction: column; }
  .amzj-more > summary { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border: 1px solid var(--card-line); border-radius: 12px; background: var(--paper); color: var(--ink); font-size: 15px; font-weight: 700; cursor: pointer; }
  .amzj-more > summary::after { content: '+'; color: var(--brand-on-light); font-size: 22px; line-height: 1; }
  .amzj-more[open] > summary { margin-bottom: 16px; }
  .amzj-more[open] > summary::after { content: '3'; }
  .amzj-systems, .amzj-roles { grid-template-columns: minmax(0, 1fr); }
  .amzj-ledger { padding: 24px 20px; }
  .amzj-ledger li { flex-direction: column; gap: 2px; }
  .amzj-ledger li i { display: none; }
  .amzj-ledger .amzj-btn { width: 100%; }
  .amzj-feature { padding: 28px 22px; }
  .amzj-result-feature { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .amzj-result-feature > img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-position: 50% 30%; }
  .amzj-guarantee { grid-template-columns: minmax(0, 1fr); gap: 26px; padding: 30px 22px; justify-items: center; text-align: center; }
  .amzj-steps { grid-template-columns: minmax(0, 1fr); text-align: left; }
  .amzj-faq summary { padding: 18px 18px; font-size: 16px; }
  .amzj-faq details > div { padding: 0 18px 20px; }
  .amzj-final-plans { grid-template-columns: minmax(0, 1fr); }
  .amzj-sticky { display: flex; }
}