/* Page styles are scoped; shared public header/footer use their own wrapper. */
.marketing-refresh { --mr-ink:#202323; --mr-teal:#175d66; --mr-muted:#646c70; --mr-line:#e3e6e6; color:var(--mr-ink); background:#fff; font-family:Arial,Helvetica,sans-serif; }
.marketing-refresh .site-main { width:100%; max-width:none; padding:0; margin:0; }
.marketing-refresh a { text-decoration:none; }
.marketing-refresh a:focus-visible { outline:2px solid var(--mr-teal); outline-offset:5px; }
.marketing-refresh .mr-nav { display:flex; align-items:center; gap:30px; flex-wrap:wrap; }
.marketing-refresh .mr-nav a { color:#37484d; font-size:14px; padding:12px 0; }
.marketing-refresh .mr-nav a:hover, .marketing-refresh .mr-nav a[aria-current] { color:var(--mr-teal); text-decoration:underline; text-underline-offset:6px; }
.marketing-refresh .mr-header { background:linear-gradient(100deg,#f6f8f8,#fff 55%,#f0f9f9); border-bottom:1px solid #eef0f0; padding:0; }
.marketing-refresh .mr-header-inner { width:100%; margin:auto; min-height:64px; display:flex; justify-content:space-between; align-items:center; gap:24px; padding:10px clamp(20px,6vw,76px); }
.marketing-refresh .mr-logo { flex-shrink:0; }
.marketing-refresh .mr-header .mr-nav { margin-left:auto; justify-content:flex-end; flex-wrap:nowrap; }
.marketing-refresh .mr-header .mr-nav a { white-space:nowrap; }
.marketing-refresh .mr-logo img { display:block; width:132px; height:auto; }
.marketing-refresh .mr-eyebrow { color:var(--mr-teal); font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; margin:0 0 24px; line-height:1.6; }
.marketing-refresh .mr-button { min-height:48px; display:inline-flex; justify-content:center; align-items:center; padding:13px 23px; border:1px solid var(--mr-line); border-radius:6px; font-size:14px; font-weight:400; color:var(--mr-ink); background:#fff; transition:background .15s; }
.marketing-refresh .mr-button:hover { background:#f1f7f7; }
.marketing-refresh .mr-primary { color:#fff; background:var(--mr-teal); border-color:var(--mr-teal); }
.marketing-refresh .mr-primary:hover { background:#104b54; }
.marketing-refresh .mr-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin:30px 0 0; }
.marketing-refresh .mr-vault-hero { max-width:980px; margin:0 auto; text-align:center; padding:100px 24px 88px; }
.marketing-refresh .mr-vault-hero h1 { color:var(--mr-ink); font-size:clamp(36px,4.5vw,58px); line-height:1.12; letter-spacing:-.045em; font-weight:700; margin:0 auto 24px; max-width:920px; }
.marketing-refresh .mr-lead { max-width:630px; margin:0 auto; font-size:19px; line-height:1.65; color:var(--mr-muted); }
.marketing-refresh .mr-fine-print { max-width:710px; margin:25px auto 0; font-size:12px; color:var(--mr-muted); line-height:1.65; }
.marketing-refresh .mr-band { border-top:1px solid #edf0f0; padding:76px 26px; }
.marketing-refresh .mr-tinted { background:#f7f9f9; }
.marketing-refresh .mr-content { max-width:980px; margin:0 auto; }
.marketing-refresh .mr-content h2 { font-size:36px; letter-spacing:-.035em; line-height:1.18; margin:0 0 25px; font-weight:700; }
.marketing-refresh .mr-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:32px 0 26px; }
.marketing-refresh .mr-steps article { background:#fff; border:1px solid var(--mr-line); border-radius:10px; padding:25px 22px 30px; }
.marketing-refresh .mr-step-number { color:var(--mr-teal); font-size:11px; font-weight:700; letter-spacing:.15em; }
.marketing-refresh .mr-steps h3 { font-size:18px; letter-spacing:-.02em; line-height:1.3; margin:18px 0 15px; }
.marketing-refresh .mr-steps p, .marketing-refresh .mr-section-description { font-size:15px; color:var(--mr-muted); line-height:1.75; margin:0; }
.marketing-refresh .mr-text-link { display:inline-block; color:var(--mr-teal); font-size:14px; padding:8px 0; }
.marketing-refresh .mr-text-link:hover { text-decoration:underline; }
.marketing-refresh .mr-record-layout { display:grid; grid-template-columns: .85fr 1.15fr; gap:65px; align-items:center; }
.marketing-refresh .mr-record-layout .mr-text-link { margin-top:20px; }
.marketing-refresh .mr-record-card { border:1px solid var(--mr-line); border-radius:10px; overflow:hidden; background:#fff; }
.marketing-refresh .mr-record-heading { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; background:#f7f9f9; padding:18px 24px; font-size:13px; font-weight:700; border-bottom:1px solid var(--mr-line); }
.marketing-refresh .mr-record-label { color:var(--mr-teal); font-weight:400; }
.marketing-refresh .mr-record-card dl { margin:0; padding:0 24px; }
.marketing-refresh .mr-record-card dl div { padding:21px 0; border-bottom:1px solid #edf0f0; }
.marketing-refresh .mr-record-card dt { color:var(--mr-muted); text-transform:uppercase; letter-spacing:.13em; font-size:10px; font-weight:700; margin-bottom:9px; }
.marketing-refresh .mr-record-card dd { margin:0; font-size:14px; line-height:1.6; }
.marketing-refresh .mr-record-caption { color:var(--mr-muted); margin:0; font-size:11px; line-height:1.6; padding:18px 24px; }
.marketing-refresh .mr-closing { text-align:center; padding:10px 0; }
.marketing-refresh .mr-closing h2 { font-size:40px; }
.marketing-refresh .mr-closing p:not(.mr-eyebrow) { color:var(--mr-muted); font-size:16px; line-height:1.7; }
.marketing-refresh .mr-closing .mr-closing-note { font-size:13px; margin:25px 0 0; }
.marketing-refresh .mr-closing-note a { color:var(--mr-teal); }
@media(max-width:760px) {
 .marketing-refresh .mr-header-inner { gap:20px; padding:10px 20px; }
 .marketing-refresh .mr-header .mr-nav { gap:18px; }
 .marketing-refresh .mr-logo img { width:112px; }
 .marketing-refresh .mr-nav { gap:23px; justify-content:center; }
 .marketing-refresh .mr-nav a { font-size:13px; }
 .marketing-refresh .mr-vault-hero { padding:62px 22px 55px; }
 .marketing-refresh .mr-lead { font-size:17px; }
 .marketing-refresh .mr-band { padding:50px 22px; }
 .marketing-refresh .mr-content h2 { font-size:30px; }
 .marketing-refresh .mr-steps { grid-template-columns:repeat(2,1fr); }
 .marketing-refresh .mr-record-layout { grid-template-columns:1fr; gap:28px; }
}
@media(max-width:400px) {
 .marketing-refresh .mr-steps { grid-template-columns:1fr; }
 .marketing-refresh .mr-button { width:100%; }
}

.marketing-refresh .mr-header { position:relative; height:auto; }

@media(max-width:480px) {
 .marketing-refresh .mr-header-inner { align-items:flex-start; gap:14px; padding:14px 16px; }
 .marketing-refresh .mr-logo { padding-top:6px; }
 .marketing-refresh .mr-logo img { width:100px; }
 .marketing-refresh .mr-header .mr-nav { display:grid; grid-template-columns:auto auto; gap:0 18px; justify-items:end; }
 .marketing-refresh .mr-header .mr-nav a { padding:7px 0; font-size:12px; }
}

.marketing-refresh .mr-pricing-hero { max-width:1000px; padding-bottom:110px; }
.marketing-refresh .mr-pricing-hero h1 { font-size:clamp(36px,4vw,48px); }
.marketing-refresh .mr-pricing-hero .mr-lead { max-width:790px; font-size:20px; }
.marketing-refresh .mr-pricing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.marketing-refresh .mr-price-card { padding:22px 20px; border:1px solid var(--mr-line); border-radius:12px; }
.marketing-refresh .mr-price-card .mr-eyebrow { margin-bottom:14px; font-size:12px; }
.marketing-refresh .mr-price-card h2 { font-size:20px; letter-spacing:-.02em; margin-bottom:14px; line-height:1.35; }
.marketing-refresh .mr-price { font-size:28px; font-weight:700; line-height:1.3; margin:0 0 20px; }
.marketing-refresh .mr-price-card ul { margin:0 0 16px; padding-left:20px; }
.marketing-refresh .mr-price-card li { padding-left:0; margin-bottom:12px; font-size:16px; line-height:1.6; }
.marketing-refresh .mr-price-card li::marker { color:#43c6ce; }
.marketing-refresh .mr-plan-note { color:var(--mr-muted); font-size:16px; line-height:1.65; margin:22px 0 18px; }
.marketing-refresh .mr-report-description { font-size:16px; line-height:1.7; margin:0 0 15px; }
.marketing-refresh .mr-report-link { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.marketing-refresh .mr-sample-label { border:1px solid var(--mr-line); border-radius:20px; padding:5px 8px; color:var(--mr-muted); font-size:10px; letter-spacing:.13em; text-transform:uppercase; font-weight:700; }
.marketing-refresh .mr-report-note { max-width:800px; color:var(--mr-muted); font-size:14px; line-height:1.65; margin:16px 0 0; }
@media(max-width:760px) {
 .marketing-refresh .mr-pricing-hero { padding-bottom:60px; }
 .marketing-refresh .mr-pricing-hero .mr-lead { font-size:17px; }
 .marketing-refresh .mr-pricing-grid { grid-template-columns:1fr; }
}

.marketing-refresh .mr-pricing-hero h1 > span { display:block; }
.marketing-refresh .report-disclaimer { margin:28px auto 0; max-width:760px; padding:15px 18px; background:#f3f7f7; border:1px solid var(--mr-line); border-radius:8px; font-size:13px; line-height:1.65; color:var(--mr-muted); }
.marketing-refresh .mr-app-preview { margin-top:30px; border:1px solid #dce2e2; border-radius:12px; background:white; padding:28px; box-shadow:0 8px 30px #173a3a08; }
.marketing-refresh .mr-app-brand { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:10px; letter-spacing:.09em; color:var(--mr-muted); border-bottom:1px solid var(--mr-line); padding-bottom:18px; margin-bottom:22px; }
.marketing-refresh .mr-app-title { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.marketing-refresh .mr-app-title h3 { font-size:22px; margin:0; }
.marketing-refresh .mr-app-chip { display:inline-block; border:1px solid var(--mr-line); border-radius:6px; padding:6px 10px; font-size:12px; font-weight:400; color:var(--mr-muted); }
.marketing-refresh .mr-app-meta { font-size:12px; color:var(--mr-muted); line-height:1.7; }
.marketing-refresh .mr-app-tabline { display:flex; flex-wrap:wrap; gap:24px; border-bottom:1px solid var(--mr-line); font-size:13px; margin:22px 0; }
.marketing-refresh .mr-app-tabline > * { padding:12px 0; color:var(--mr-muted); }
.marketing-refresh .mr-app-tabline strong { color:var(--mr-teal); border-bottom:2px solid var(--mr-teal); }
.marketing-refresh .mr-app-narrative { border:1px solid var(--mr-line); border-radius:8px; padding:24px; font-size:15px; line-height:1.8; }
.marketing-refresh .mr-app-metrics { margin:24px 0; font-size:13px; line-height:1.7; color:var(--mr-muted); }
.marketing-refresh .mr-app-metrics strong { color:var(--mr-ink); }
.marketing-refresh .mr-app-detail { border:1px solid var(--mr-line); border-radius:8px; margin-top:12px; scroll-margin-top:20px; }
.marketing-refresh .mr-app-detail summary { cursor:pointer; padding:18px; font-size:14px; font-weight:600; }
.marketing-refresh .mr-app-detail summary > span:last-child { margin-left:12px; color:var(--mr-muted); font-size:12px; font-weight:400; }
.marketing-refresh .mr-app-detail summary small { color:var(--mr-muted); font-weight:400; line-height:2; }
.marketing-refresh .mr-app-detail > div { border-top:1px solid var(--mr-line); padding:20px; font-size:14px; line-height:1.8; }
.marketing-refresh .mr-app-detail h4 { margin:20px 0 6px; font-size:13px; }
.marketing-refresh .mr-app-detail blockquote { margin:12px 0; padding:16px; background:#f7f9f9; border-left:2px solid #adcacb; }
.marketing-refresh .mr-source-row { display:flex; flex-wrap:wrap; gap:15px; justify-content:space-between; }
@media(max-width:600px) {
 .marketing-refresh .mr-app-preview { padding:18px; }
 .marketing-refresh .mr-app-narrative { padding:18px; }
 .marketing-refresh .mr-app-tabline { gap:18px; }
}

/* FAQ: open answers mirror the brief; native details retain keyboard toggles. */
.marketing-refresh .mr-faq-hero { padding-block:96px 108px; border-bottom:1px solid var(--mr-line); }
.marketing-refresh .mr-faq-hero h1 { max-width:1100px; }
.marketing-refresh .mr-faq-content { padding:54px 24px 64px; }
.marketing-refresh .mr-faq-group + .mr-faq-group { margin-top:42px; }
.marketing-refresh .mr-faq-group h2 { color:var(--mr-teal); font-size:30px; line-height:1.2; text-transform:uppercase; letter-spacing:-.025em; margin:0 0 30px; }
.marketing-refresh .mr-faq-group details { border-top:1px solid var(--mr-line); }
.marketing-refresh .mr-faq-group details:last-child { border-bottom:1px solid var(--mr-line); }
.marketing-refresh .mr-faq-group summary { display:flex; justify-content:space-between; gap:24px; padding:22px 0; font-size:15px; line-height:1.5; font-weight:700; cursor:pointer; list-style:none; }
.marketing-refresh .mr-faq-group summary::-webkit-details-marker { display:none; }
.marketing-refresh .mr-faq-group summary::after { content:'+'; color:var(--mr-teal); flex-shrink:0; }
.marketing-refresh .mr-faq-group details[open] > summary::after { content:'−'; }
.marketing-refresh .mr-faq-group summary:focus-visible { outline:2px solid var(--mr-teal); outline-offset:4px; }
.marketing-refresh .mr-faq-group details p { color:var(--mr-muted); font-size:15px; line-height:1.75; margin:0; padding:0 0 22px; }
@media (max-width:600px) {
  .marketing-refresh .mr-faq-hero { padding-block:60px; }
  .marketing-refresh .mr-faq-group h2 { font-size:24px; }
  .marketing-refresh .mr-faq-content { padding-block:40px; }
}

.marketing-refresh .mr-about-prose { max-width:760px; }
.marketing-refresh .mr-about-prose > p:not(.mr-report-note), .marketing-refresh .mr-about-card > p:not(.mr-eyebrow), .marketing-refresh .mr-about-founders p:not(.mr-eyebrow) { color:var(--mr-muted); font-size:16px; line-height:1.75; }
.marketing-refresh .mr-about-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.marketing-refresh .mr-about-card { border:1px solid var(--mr-line); border-radius:10px; padding:32px; }
.marketing-refresh .mr-about-founders { display:grid; grid-template-columns:1fr 1fr; gap:48px; margin-top:44px; }
.marketing-refresh .mr-about-founders h3 { font-size:28px; margin:0 0 16px; }
.marketing-refresh .mr-about-founders .mr-eyebrow { margin-bottom:12px; }
.marketing-refresh .mr-about-backers { border-top:1px solid var(--mr-line); margin-top:44px; padding-top:30px; }
.marketing-refresh .mr-about-backers .mr-eyebrow { margin-bottom:12px; }
@media(max-width:680px) {
 .marketing-refresh .mr-about-grid, .marketing-refresh .mr-about-founders { grid-template-columns:1fr; gap:28px; }
 .marketing-refresh .mr-about-card { padding:24px; }
}

.marketing-refresh .mr-backer-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:28px; }
.marketing-refresh .mr-backer-grid figure { margin:0; text-align:center; }
.marketing-refresh .mr-backer-grid img { display:block; width:100%; height:80px; object-fit:contain; margin:0 auto 18px; }
.marketing-refresh .mr-backer-grid figcaption { font-size:13px; line-height:1.5; color:var(--mr-muted); }
@media(max-width:760px) { .marketing-refresh .mr-backer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 24px; } }

.marketing-refresh .mr-agency-services { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:32px; }
.marketing-refresh .mr-agency-services .mr-about-card { background:#fff; padding:26px; }
.marketing-refresh .mr-agency-services h3 { font-size:24px; line-height:1.25; margin:0 0 18px; letter-spacing:-.025em; }
@media(max-width:760px) { .marketing-refresh .mr-agency-services { grid-template-columns:1fr; } }

.marketing-refresh .mr-method-metrics { margin-top:32px; }
.marketing-refresh .mr-method-metrics article { border-top:1px solid var(--mr-line); padding:28px 0; }
.marketing-refresh .mr-method-metrics article:last-child { padding-bottom:0; }
.marketing-refresh .mr-methodology h3 { font-size:24px; line-height:1.3; margin:0 0 16px; }
.marketing-refresh .mr-method-metrics p { max-width:760px; color:var(--mr-muted); font-size:16px; line-height:1.75; }
.marketing-refresh .mr-method-metrics .mr-method-question { color:var(--mr-teal); font-weight:700; }
.marketing-refresh .mr-method-bands { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:28px 0; }
.marketing-refresh .mr-method-bands div { border:1px solid var(--mr-line); border-radius:8px; padding:20px; background:white; }
.marketing-refresh .mr-method-bands dt { font-weight:700; color:var(--mr-teal); }
.marketing-refresh .mr-method-bands dd { margin:12px 0 0; font-size:14px; }
@media(max-width:480px) { .marketing-refresh .mr-method-bands { grid-template-columns:1fr; } }

.marketing-refresh .mr-compact-footer { border-top:1px solid #252525; background:#111; padding:40px 24px 28px; color:#b8bcbc; }
.marketing-refresh .mr-compact-footer-inner { max-width:980px; margin:auto; }
.marketing-refresh .mr-compact-footer nav { display:flex; flex-wrap:wrap; gap:14px 26px; }
.marketing-refresh .mr-compact-footer a { color:#d5d9d9; font-size:13px; line-height:1.6; }
.marketing-refresh .mr-compact-footer a:hover { color:#7bdee2; text-decoration:underline; }
.marketing-refresh .mr-compact-footer-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; margin-top:24px; font-size:12px; }
@media(max-width:600px) { .marketing-refresh .mr-compact-footer-bottom { align-items:flex-start; flex-direction:column; gap:14px; } }

.marketing-refresh .mr-footer-description { color:#b8bcbc; font-size:13px; margin:14px 0 28px; }
.marketing-refresh .mr-footer-disclaimer { color:#a4aaaa; font-size:11px; line-height:1.6; margin:24px 0 0; }
.marketing-refresh .mr-compact-footer a:focus-visible { outline-color:#7bdee2; }

/* Keep wide developer reference tables within the mobile page. */
.mr-table-scroll { max-width: 100%; overflow-x: auto; }
.mr-table-scroll:focus-visible { outline: 2px solid #17616b; outline-offset: 3px; }

.marketing.docs p { overflow-wrap: anywhere; }

.marketing-refresh .mr-manifesto-body { max-width: 46rem; margin: 0 auto; padding: 0 1.5rem 5rem; }
.marketing-refresh .mr-manifesto-body section { padding: 2.5rem 0; border-top: 1px solid #e3e7e8; }
.marketing-refresh .mr-manifesto-body h2 { font-size: clamp(1.6rem, 3vw, 2rem); line-height: 1.25; margin: 0 0 1.25rem; }
.marketing-refresh .mr-manifesto-body p { font-size: 1.0625rem; line-height: 1.8; color: #515a5e; margin: 0 0 1.2rem; }
.marketing-refresh .mr-manifesto-body a:not(.mr-button) { color: #17616b; text-decoration: underline; text-underline-offset: 3px; }
.marketing-refresh .mr-manifesto-mission { margin-top: 1rem; }

/* Keep footer navigation grouped and the approved logo at its intrinsic ratio. */
.marketing-refresh .mr-footer-top { display:grid; grid-template-columns:1fr 1.4fr; gap:64px; padding-bottom:32px; }
.marketing-refresh .mr-footer-logo { display:inline-block; }
.marketing-refresh .mr-footer-logo img { display:block; width:132px; height:auto; max-width:100%; }
.marketing-refresh .mr-compact-footer .mr-footer-links { display:grid; grid-template-columns:1.3fr 1fr; gap:32px; }
.marketing-refresh .mr-footer-links h2 { color:#a4aaaa; font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; line-height:1.5; margin:0 0 14px; }
.marketing-refresh .mr-footer-links a { display:block; width:fit-content; margin:0 0 10px; }
.marketing-refresh .mr-footer-description { max-width:230px; margin:14px 0 0; line-height:1.7; }
.marketing-refresh .mr-compact-footer-bottom { border-top:1px solid #303434; padding-top:24px; margin-top:0; }
@media(max-width:600px) { .marketing-refresh .mr-footer-top { grid-template-columns:1fr; gap:30px; } .marketing-refresh .mr-compact-footer .mr-footer-links { gap:20px; } }