/* Consumer marketing pages. Brand artwork and tokens come from the homepage.
   No colored side borders. Use composition, typography and surfaces. */
.consumer-page .growth-hero { text-align:left; padding:40px 0 68px; background:var(--page); }
.consumer-page .growth-hero > .container { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); column-gap:64px; align-items:center; }
.consumer-page .growth-hero .back { grid-column:1/-1; margin-bottom:48px; font-size:13px; }
.consumer-page .growth-hero .eyebrow { grid-column:1; font-size:11px; letter-spacing:.14em; }
.consumer-page .growth-hero .display { grid-column:1; font-size:clamp(36px,4.1vw,56px); line-height:1.04; letter-spacing:-.045em; margin:20px 0 24px; }
.headline-question { display:block; text-transform:none; font-size:.57em; line-height:1.2; letter-spacing:-.025em; margin-top:20px; color:var(--text-2); }
.consumer-page .growth-hero .lead { grid-column:1; font-size:17px; line-height:1.65; max-width:53ch; margin:0; }
.sample-feature { grid-column:2; min-width:0; background:var(--canvas); border-radius:24px; overflow:hidden; }
.sample-art { height:230px; display:flex; align-items:center; background:radial-gradient(ellipse at center,var(--glow),transparent 70%); }
.sample-art .brand-loop { width:125%; max-width:none; flex-shrink:0; margin-left:-12.5%; }
.sample-link { display:block; margin:0 12px 12px; padding:28px; border-radius:16px; background:var(--surface); color:var(--ink); text-decoration:none; }
.sample-kicker { display:block; color:var(--text-2); font-size:12px; }
.sample-link strong { display:block; font-size:26px; line-height:1.15; letter-spacing:-.03em; margin:10px 0 26px; }
.sample-action { display:flex; align-items:center; gap:10px; font-size:13px; font-weight:800; }
.sample-action > span:last-child { margin-left:auto; }
.sample-play { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--accent); color:var(--on-accent); font-size:11px; }
.sample-link:hover .sample-action { color:var(--accent); }
.sample-link:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.consumer-page .reading { max-width:1120px; padding-top:0; }
.reading .article-byline { max-width:none; font-size:11px; color:var(--text-2); padding:20px 0; margin:0; }
.reading .citation { margin-left:4px; font-size:10px; white-space:nowrap; opacity:.75; }
.reading .citation a { padding:2px; text-decoration:none; }
.reading .consumer-choices { max-width:none; margin:18px 0 72px; gap:48px; padding:28px 0; border-block:1px solid var(--border); }
.reading .consumer-choices .choice { padding:0; background:none; border:0; border-radius:0; box-shadow:none; }
.choice-label { font-size:13px; font-weight:800; margin-bottom:16px; color:var(--accent); }
.reading .consumer-choices h2 { font-size:23px; margin:0 0 12px; }
.reading .consumer-choices p { font-size:16px; line-height:1.65; margin:0; max-width:48ch; color:var(--text-2); }
.reading > .consumer-article { max-width:none; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:72px; margin:0; padding:38px 0; border-bottom:1px solid var(--border-subtle); }
.article-heading { display:grid; grid-template-columns:24px 1fr; gap:20px; align-items:baseline; }
.section-number { font-size:11px; color:var(--text-3); font-variant-numeric:tabular-nums; }
.reading .consumer-article h2 { font-size:26px; letter-spacing:-.035em; line-height:1.2; margin:0; text-wrap:pretty; }
.reading .consumer-article p { font-size:17px; line-height:1.7; margin:0 0 12px; max-width:54ch; color:var(--text-2); }
.reading .consumer-article p:last-child { margin-bottom:0; }
.consumer-page .reading #comparison { margin:80px 0; }
.consumer-page #comparison h2 { font-size:30px; margin-bottom:28px; }
.consumer-page .table-scroll { border:0; border-radius:16px; }
.consumer-page .consumer-table { font-size:14px; }
.consumer-page .consumer-table caption { color:var(--text-2); font-size:12px; padding:20px 24px; }
.consumer-page .consumer-table th,.consumer-page .consumer-table td { padding:24px; }
.consumer-page .consumer-table thead th { background:var(--surface); font-size:15px; }
.consumer-page .consumer-table tbody th { font-size:13px; }
.consumer-page .consumer-table td p { font-size:14px; line-height:1.65; }
.reading > .consumer-verdict { max-width:none; padding:48px; margin:72px 0 40px; background:var(--surface); border-radius:20px; display:grid; grid-template-columns:1fr 1.15fr; column-gap:56px; align-items:start; }
.reading .consumer-verdict h2 { font-size:30px; margin:0; grid-row:1/3; }
.reading .consumer-verdict p { margin:0 0 24px; font-size:17px; line-height:1.65; }
.reading .consumer-verdict .btn { justify-self:start; font-size:13px; padding:12px 20px; background:var(--cta); color:var(--on-cta); border:0; }
.reading .article-notes { max-width:none; margin:32px 0 64px; color:var(--text-2); font-size:12px; }
.reading .article-notes summary { cursor:pointer; padding:10px 0; }
.reading .article-notes p,.reading .article-notes li { font-size:13px; max-width:78ch; }
.reading .article-notes ol { margin-top:16px; }
.consumer-page .reading .cta { margin-top:64px; border:0; padding:64px 28px; }
.consumer-page .reading .cta h2 { font-size:clamp(32px,4vw,48px); }
.consumer-page .reading .cta p { font-size:16px; }
@media(max-width:850px) {
 .consumer-page .growth-hero > .container { column-gap:32px; }
 .sample-art { height:170px; }
 .sample-link { padding:20px; }.sample-link strong { font-size:22px; }
 .reading > .consumer-article { gap:32px; }.reading .consumer-article h2 { font-size:23px; }
 .reading > .consumer-verdict { padding:32px; column-gap:32px; }
}
@media(max-width:650px) {
 .consumer-page .growth-hero { padding:24px 0 32px; }
 .consumer-page .growth-hero > .container { display:block; }
 .consumer-page .growth-hero .back { margin-bottom:32px; }
 .consumer-page .growth-hero .display { font-size:38px; margin:16px 0 20px; }
 .consumer-page .growth-hero .lead { font-size:16px; }
 .sample-feature { margin-top:28px; }.sample-art { height:150px; }.sample-art .brand-loop { width:100%; margin:0; }
 .sample-link strong { margin-bottom:18px; }.sample-kicker { font-size:11px; }
 .reading .consumer-choices { gap:28px; margin:8px 0 32px; }
 .choice-label { margin-bottom:8px; }.reading .consumer-choices h2 { font-size:21px; }
 .reading > .consumer-article { grid-template-columns:1fr; gap:16px; padding:28px 0; }
 .article-heading { grid-template-columns:20px 1fr; gap:12px; }
 .reading .consumer-article h2 { font-size:24px; }.reading .consumer-article p { font-size:16px; }
 .consumer-page .reading #comparison { margin:48px 0; }.consumer-page #comparison h2 { font-size:27px; }
 .consumer-page .consumer-table { min-width:570px; }
 .reading > .consumer-verdict { display:block; padding:28px; margin:44px 0 28px; }
 .reading .consumer-verdict h2 { font-size:27px; margin-bottom:20px; }.reading .consumer-verdict p { font-size:16px; }
}

.reading > .consumer-related { max-width:none; margin:56px 0; }
.reading .consumer-related h2 { font-size:26px; }
.reading .consumer-related ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 32px; list-style:none; padding:0; }
.reading .consumer-related li { margin:0; padding:0; }
.reading .consumer-related a { display:flex; justify-content:space-between; gap:16px; padding:16px 0; border-bottom:1px solid var(--border); text-decoration:none; font-size:14px; color:var(--ink); }
.reading .consumer-related a::after { content:"↗"; color:var(--accent); }
.reading .consumer-related a:hover { color:var(--accent); }
@media(max-width:650px) { .reading .consumer-related ul { grid-template-columns:1fr; gap:0; } }