:root { --remoby-blue: rgb(91, 124, 255); --remoby-amber: rgb(245, 158, 11); --remoby-amber-accent: rgb(242, 168, 29); --remoby-navy: rgb(17, 24, 39); --remoby-navy-deep: rgb(0, 26, 58); --remoby-navy-slate: rgb(34, 45, 68); --slate-50: rgb(248, 250, 252); --slate-100: rgb(241, 245, 249); --slate-200: rgb(226, 232, 240); --slate-300: rgb(203, 213, 225); --slate-400: rgb(148, 163, 184); --slate-600: rgb(71, 85, 105); --grey-500: rgb(144, 144, 144); --white: rgb(255, 255, 255); --tag-blue-bg: rgba(91, 124, 255, 0.1); --surface-page: var(--slate-50); --surface-card: var(--white); --surface-subtle: var(--slate-100); --surface-dark: var(--remoby-navy); --border-default: var(--slate-200); --text-primary: var(--remoby-navy); --text-secondary: var(--slate-600); --text-muted: var(--grey-500); --text-on-dark: var(--white); --text-on-dark-muted: rgba(255, 255, 255, 0.8); --font-primary: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-label: "Space Grotesk", "Manrope", -apple-system, sans-serif; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-extrabold: 800; --fs-10: 10px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-24: 24px; --fs-32: 32px; --fs-48: 48px; --fs-52: 52px; --lh-snug: 1.1; --lh-heading: 1.2; --lh-body: 1.4; --lh-relaxed: 1.5; --tracking-tight: -0.01em; --tracking-label: 0.02em; --radius-4: 4px; --radius-6: 6px; --radius-8: 8px; --radius-12: 12px; --radius-16: 16px; --radius-20: 20px; --ring-outer: 0 0 0 1px var(--border-default); --type-body-lg: var(--fw-regular) var(--fs-18)/var(--lh-relaxed) var(--font-primary); --type-body: var(--fw-regular) var(--fs-16)/var(--lh-body) var(--font-primary); --type-h2: var(--fw-semibold) var(--fs-32)/var(--lh-heading) var(--font-primary); --type-h3: var(--fw-semibold) var(--fs-24)/var(--lh-heading) var(--font-primary); --cpm-amber: #F59E0B; --cpm-blue: #5B7CFF; --cpm-navy: #111827; --cpm-text: #111827; --cpm-text-2: #334155; --cpm-muted: #64748B; --cpm-border: #E2E8F0; --cpm-subtle: #F8FAFC; }
.cpm-drivers, .cpm-inline-cta { font-family: var(--font-primary); box-sizing: border-box; }
.cpm-drivers *, .cpm-inline-cta * { box-sizing: border-box; }
.cpm-drivers h2 { margin: 0 0 16px; font: var(--type-h2); letter-spacing: var(--tracking-tight); color: var(--text-primary); }
.cpm-drivers h3 { margin: 0 0 6px; font: var(--fw-bold) var(--fs-20)/1.35 var(--font-primary); color: var(--text-primary); }
.cpm-drivers p { margin: 0 0 16px 0; font: var(--type-body-lg); color: var(--text-secondary); text-wrap: pretty; }
.cpm-drivers p:last-child { margin-bottom: 0; }
.cpm-drivers p strong { color: var(--cpm-text); font-weight: 700; }
.cpm-drivers__stack { display: flex; flex-direction: column; gap: 18px; }
.cpm-callout { display: flex; gap: 18px; align-items: flex-start; padding: 22px 26px; border-radius: 16px; background: #FFF8EB; box-shadow: inset 0 0 0 1px rgba(245,158,11,.35); border-left: 5px solid var(--cpm-amber); }
.cpm-callout__icon { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-top: 1px; border-radius: 99px; background: var(--cpm-amber); color: var(--cpm-navy); font-weight: 800; font-size: 17px; line-height: 1; }
.cpm-callout p { color: var(--text-primary); margin: 0; }
.cpm-mark { background: linear-gradient(transparent 58%, rgba(245,158,11,.45) 58%); padding: 0 2px; }
.cpm-inline-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; margin-top: 32px; padding: 24px 28px; border-radius: 16px; background: var(--cpm-subtle); box-shadow: inset 0 0 0 1px var(--cpm-border); border-left: 5px solid var(--cpm-blue); }
.cpm-inline-cta__copy { flex: 1 1 340px; }
.cpm-inline-cta h3 { margin: 0 0 4px; font: var(--fw-bold) var(--fs-20)/1.35 var(--font-primary); color: var(--text-primary); }
.cpm-inline-cta__text { margin: 0; font: var(--type-body); color: var(--text-secondary); }
.cpm-inline-cta__text p { margin: 0; }
.cpm-inline-cta__text strong { color: var(--text-primary); font-weight: 700; }
.alt-article-content a.cpm-btn { display: inline-flex; align-items: center; gap: 10px; padding: 12px 24px; border-radius: 8px; background: var(--cpm-amber); color: var(--cpm-navy); font-family: var(--font-primary); font-size: 16px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: background .15s ease; }
.alt-article-content a.cpm-btn:hover { background: #E08E06; text-decoration: none; }
.alt-article-content a.cpm-btn span { font-size: 18px; line-height: 1; }
.cpm-formats { font-family: var(--font-primary); box-sizing: border-box; }
.cpm-formats * { box-sizing: border-box; }
.cpm-formats h2 { margin: 0 0 8px; font: var(--type-h2); letter-spacing: var(--tracking-tight); color: var(--text-primary); }
.cpm-formats__lead { margin: 0 0 20px; font: var(--type-body); color: var(--text-secondary); }
.cpm-formats__cards { display: flex; flex-wrap: wrap; gap: 20px; }
.cpm-fcard { flex: 1 1 320px; display: flex; flex-direction: column; gap: 18px; padding: 28px; border-radius: 20px; box-shadow: inset 0 0 0 1px var(--cpm-border); }
.cpm-fcard--pop { background: #fff; border-top: 5px solid var(--cpm-amber); }
.cpm-fcard--engagement { background: var(--cpm-subtle); border-top: 5px solid var(--cpm-blue); }
.cpm-fcard h3 { margin: 0; font: var(--fw-bold) var(--fs-20)/1.35 var(--font-primary); color: var(--text-primary); }
.cpm-fcard__rate { font-size: 40px; line-height: 1; font-weight: 800; color: var(--cpm-text); font-variant-numeric: tabular-nums; }
.cpm-fcard__unit { display: inline-block; margin-top: 10px; padding: 5px 12px; border-radius: 99px; font-family: var(--font-label); font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.cpm-fcard--pop .cpm-fcard__unit { background: var(--cpm-amber); color: var(--cpm-navy); }
.cpm-fcard--engagement .cpm-fcard__unit { background: var(--cpm-blue); color: #fff; }
.cpm-fcard__meta { display: flex; flex-direction: column; gap: 10px; padding-top: 18px; border-top: 1px solid var(--cpm-border); }
.cpm-fcard__row { display: flex; justify-content: space-between; gap: 16px; }
.cpm-fcard__row dt { flex-shrink: 0; margin: 0; font-family: var(--font-label); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--cpm-muted); }
.cpm-fcard__row dd { margin: 0; font-size: 16px; line-height: 1.5; text-align: right; color: var(--cpm-text-2); }
.cpm-fcard__row dd.is-figure { font-weight: 600; color: var(--cpm-text); font-variant-numeric: tabular-nums; }
.cpm-formats__prose { display: flex; flex-direction: column; gap: 18px; margin-top: 20px; }
.cpm-formats__prose p { margin: 0 0 16px 0; font: var(--type-body-lg); color: var(--text-secondary); text-wrap: pretty; }
.cpm-formats__prose p:last-child { margin-bottom: 0; }
.cpm-formats__prose strong { color: var(--cpm-text); font-weight: 700; }
.alt-article-wrap { background: #d9dee6; padding: 80px 20px; min-height: 100vh; }
.alt-article-container { max-width: 1440px; margin: 0 auto; background: var(--surface-page); overflow: hidden; }
.alt-article-content { max-width: 880px; margin: 0 auto; padding: 24px 40px 96px; display: flex; flex-direction: column; }
.alt-article-content a { color: var(--remoby-blue); text-decoration: none; }
.alt-article-content a:hover { text-decoration: underline; }
.alt-faq-item { border-bottom: 1px solid var(--border-default); background: transparent; }
.alt-faq-summary { width: 100%; text-align: left; background: none; border: none; padding: 24px 0; font: var(--fw-regular) var(--fs-18)/var(--lh-heading) var(--font-primary); color: var(--text-primary); cursor: pointer; display: flex; justify-content: space-between; align-items: center; outline: none; }
.alt-faq-icon { position: relative; width: 24px; height: 24px; flex-shrink: 0; }
.alt-faq-icon::before,
.alt-faq-icon::after { content: ''; position: absolute; background: var(--text-primary); transition: transform 0.3s ease, opacity 0.3s ease; }
.alt-faq-icon::before { top: 11px; left: 0; width: 24px; height: 2px; }
.alt-faq-icon::after { top: 0; left: 11px; width: 2px; height: 24px; }
.alt-faq-item.is-open .alt-faq-icon::after { transform: rotate(90deg); opacity: 0; }
.alt-faq-item.is-open .alt-faq-icon::before { transform: rotate(180deg); }
.alt-faq-content-wrapper { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s ease; }
.alt-faq-item.is-open .alt-faq-content-wrapper { grid-template-rows: 1fr; }
.alt-faq-content { overflow: hidden; }
.alt-faq-content p,
.alt-faq-content ul,
.alt-faq-content ol { padding: 0 0 24px 0; margin: 0; font: var(--type-body); color: var(--text-secondary); }
.alt-faq-content li { margin-bottom: 8px; }
.alt-faq-question-text p { margin: 0; display: inline; }
.alt-snapshot-grid { display: grid; grid-template-columns: 230px 1fr; gap: 56px; align-items: stretch; }
.alt-table-wrapper { border-radius: var(--radius-12); border: 1px solid var(--border-default); overflow: hidden; min-width: 0; width: 100%; }
.alt-table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; font: var(--type-body); font-size: var(--fs-16); border: none; }
.alt-table th, .alt-table td { display: table-cell !important; }
.alt-table th:nth-child(1), .alt-table td:nth-child(1) { width: 40%; }
.alt-table th:nth-child(2), .alt-table td:nth-child(2) { width: 30%; }
.alt-table th:nth-child(3), .alt-table td:nth-child(3) { width: 30%; }
.ext-tpa-1 { height: 78px; border-bottom: 1px solid var(--border-default); background: var(--white); }
.ext-tpa-2 { font-family:var(--font-label); font-size:var(--fs-14); color:var(--text-muted); margin-bottom:28px; }
.ext-tpa-3 { color:var(--text-muted); text-decoration:none; }
.ext-tpa-4 { color:var(--text-muted); text-decoration:none; }
.ext-tpa-5 { color:var(--text-secondary); }
.ext-tpa-6 { width:fit-content; margin-bottom:20px; }
.ext-tpa-7 { display:inline-flex; font-family:var(--font-label); font-size:14px; font-weight:var(--fw-medium); color:rgb(180, 111, 4); background:rgba(245, 158, 11, 0.12); padding:4px 12px; border-radius:6px; }
.ext-tpa-8 { margin:0 0 16px; font:var(--fw-semibold) var(--fs-52)/var(--lh-snug) var(--font-primary); letter-spacing:var(--tracking-tight); color:var(--text-primary); text-wrap:balance; }
.ext-tpa-9 { margin:0; font:var(--type-body-lg); font-size:20px; color:var(--text-secondary); max-width:720px; text-wrap:pretty; }
.ext-tpa-10 { display:flex; gap:0; margin:40px 0 8px; border-top:3px solid var(--remoby-amber); border-bottom:1px solid var(--border-default); overflow-x:auto; -webkit-overflow-scrolling:touch; }
.ext-tpa-11 { font:var(--fw-extrabold) var(--fs-32)/1 var(--font-primary); color:var(--remoby-amber-accent); }
.ext-tpa-12 { font-size:var(--fs-16); font-weight:var(--fw-semibold); color:var(--remoby-amber-accent); }
.ext-tpa-13 { margin-top:8px; font-family:var(--font-label); font-size:var(--fs-16); letter-spacing:var(--tracking-label); color:var(--text-muted); }
.ext-tpa-14 { margin-top:56px; }
.ext-tpa-15 { font-family:var(--font-label); font-weight:var(--fw-medium); font-size:var(--fs-16); letter-spacing:var(--tracking-label); color:var(--remoby-blue); }
.ext-tpa-16 { margin:12px 0 24px; font:var(--type-h2); letter-spacing:var(--tracking-tight); color:var(--text-primary); }
.ext-tpa-17 { display:flex; flex-direction:column; gap:12px; }
.ext-tpa-18 { display:flex; gap:16px; align-items:center; background:var(--surface-card); box-shadow:var(--ring-outer); border-left:4px solid var(--remoby-blue); border-radius:var(--radius-16); padding:20px 24px; }
.ext-tpa-19 { flex-shrink:0; display:flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:99px; background:var(--tag-blue-bg); color:var(--remoby-blue); font-size:14px; }
.ext-tpa-20 { margin:0; font:var(--type-body-lg); color:var(--text-primary); }
.ext-tpa-21 { margin:56px 0 8px; font:var(--type-h2); letter-spacing:var(--tracking-tight); color:var(--text-primary); }
.ext-tpa-22 { margin:0 0 20px; font:var(--type-body); font-size:var(--fs-14); color:var(--text-muted); }
.ext-tpa-23 { margin-bottom:20px; }
.ext-tpa-24 { height: 100%; }
.ext-tpa-25 { width:100%; height:100%; object-fit:cover; border-radius:var(--radius-12); display:block; }
.ext-tpa-26 { width:100%; height:100%; object-fit:cover; border-radius:var(--radius-12); display:block; }
.ext-tpa-27 { text-align:left; background:var(--remoby-blue); color:var(--text-on-dark); font-weight:var(--fw-semibold); padding:14px 16px; border-radius:8px 0 0 0; }
.ext-tpa-28 { text-align:right; background:var(--remoby-blue); color:var(--text-on-dark); font-weight:var(--fw-semibold); padding:14px 16px; }
.ext-tpa-29 { text-align:right; background:var(--remoby-blue); color:var(--text-on-dark); font-weight:var(--fw-semibold); padding:14px 16px; border-radius:0 8px 0 0; }
.ext-tpa-30 { font-family:var(--font-label); font-size:var(--fs-10); letter-spacing:var(--tracking-label); text-transform:uppercase; color:var(--white); background:var(--remoby-blue); padding:2px 8px; border-radius:var(--radius-4); margin-left:6px; }
.ext-tpa-31 { text-align:right; padding:14px 16px; border-bottom:1px solid var(--border-default); color:var(--text-secondary); }
.ext-tpa-32 { display:flex; gap:14px; align-items:flex-start; margin-top:20px; background:var(--surface-subtle); border-radius:var(--radius-12); padding:16px 20px; }
.ext-tpa-33 { flex-shrink:0; margin-top:1px; }
.ext-tpa-34 { margin:0; font:var(--type-body); font-size:var(--fs-15); color:var(--text-secondary); }
.ext-tpa-35 { margin-top:56px; }
.ext-tpa-36 { margin-top:56px; }
.ext-tpa-37 { margin:56px 0 12px; font:var(--type-h2); letter-spacing:var(--tracking-tight); color:var(--text-primary); }
.ext-tpa-38 { margin:0; font:var(--type-body-lg); color:var(--text-secondary); text-wrap:pretty; }
.ext-tpa-39 { margin-top:56px; border-radius:var(--radius-20); background:var(--surface-subtle); padding:40px; display:flex; flex-direction:column; gap:20px; }
.ext-tpa-40 { font-family:var(--font-label); font-weight:var(--fw-medium); font-size:var(--fs-16); letter-spacing:var(--tracking-label); color:var(--remoby-blue); }
.ext-tpa-41 { margin:0; font:var(--type-h2); letter-spacing:var(--tracking-tight); color:var(--text-primary); }
.ext-tpa-42 { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:16px; }
.ext-tpa-43 { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 24px; border-radius:var(--radius-16); background:var(--surface-card); box-shadow:0 1px 2px rgba(17,24,39,0.06), inset 0 0 0 1px var(--border-default); text-decoration:none; transition:box-shadow .15s; }
.ext-tpa-44 { display:flex; align-items:center; gap:14px; }
.ext-tpa-45 { width:36px; height:36px; border-radius:var(--radius-12); background:var(--remoby-blue); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ext-tpa-46 { font:var(--type-body-lg); font-weight:var(--fw-bold); color:var(--text-primary); }
.ext-tpa-47 { flex-shrink:0; width:32px; height:32px; border-radius:99px; background:var(--tag-blue-bg); color:var(--remoby-blue); display:flex; align-items:center; justify-content:center; font-size:16px; }
.ext-tpa-48 { margin-top:48px; border-radius:var(--radius-20); background:var(--surface-dark); padding:48px 48px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:20px; }
.ext-tpa-49 { margin:0; font:var(--fw-semibold) var(--fs-32)/var(--lh-heading) var(--font-primary); letter-spacing:var(--tracking-tight); color:var(--text-on-dark); max-width:560px; }
.ext-tpa-50 { margin: 0; font: var(--type-body-lg); color: var(--text-on-dark-muted); max-width: 560px; }
.ext-tpa-51 { display:inline-flex; align-items:center; justify-content:center; background:var(--remoby-amber); color:var(--remoby-navy); font-weight:var(--fw-semibold); font-size:16px; padding:12px 24px; border-radius:8px; text-decoration:none; min-width:240px; height:48px; gap:8px; }
.ext-tpa-52 { margin-top:56px; }
.ext-tpa-53 { font-family:var(--font-label); font-weight:var(--fw-medium); font-size:var(--fs-16); letter-spacing:var(--tracking-label); color:var(--remoby-blue); }
.ext-tpa-54 { margin:12px 0 8px; font:var(--type-h2); letter-spacing:var(--tracking-tight); color:var(--text-primary); }
.ext-tpa-55 { display:flex; flex-direction:column; }
.ext-tpa-56 { margin:40px 0 0; padding-top:20px; border-top:1px solid var(--border-default); font:var(--type-body); font-size:var(--fs-14); color:var(--text-muted); text-wrap:pretty; }

@media (max-width: 640px) {
  .cpm-drivers h2, .cpm-formats h2 { font-size: 26px; }
  .cpm-drivers p, .cpm-formats__prose p { font: var(--type-body); }
  .cpm-inline-cta__text { font: var(--type-body); font-size: 15px; }
  .cpm-drivers h3, .cpm-inline-cta h3 { font-size: 18px; }
  .cpm-callout { padding: 18px 20px; gap: 14px; }
  .cpm-inline-cta { padding: 20px 22px; }
  .cpm-btn { width: 100%; justify-content: center; }
  .cpm-fcard { flex: 1 1 100%; padding: 22px; }
  .cpm-fcard__rate { font-size: 34px; }
  .cpm-fcard__row { flex-direction: column; gap: 2px; }
  .cpm-fcard__row dd { text-align: left; }
}

@media (max-width: 768px) {
  .alt-snapshot-grid { grid-template-columns: 1fr; gap: 32px; }
  .alt-table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .alt-table { min-width: 550px; }
}