/* Editorial task navigation and inspectable, explicitly scoped evidence. */
.marketing-hero { --editorial-accent: #6951ae; --editorial-tint: #f2eff9; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px 56px; align-items:start; padding:36px 0 22px; }
.marketing-hero > * { min-width:0; }
.marketing-kicker { margin:0 0 12px; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; line-height:1.5; }
.marketing-hero h1 { margin:0; max-width:15ch; font-size:clamp(36px,4.2vw,56px); line-height:1.06; letter-spacing:-.04em; text-wrap:balance; }
.marketing-description { margin:16px 0 20px; max-width:48ch; font-size:17px; line-height:1.55; }
.marketing-hero .intent-paths { margin:0; padding:0; border-top:1px solid currentColor; }
.marketing-hero .intent-card { display:grid; grid-template-columns:24px minmax(0,1fr) 20px; align-items:center; gap:10px; padding:14px 0; border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent); text-decoration:none; color:inherit; min-height:64px; }
.intent-index { font-family:ui-monospace,monospace; font-size:11px; opacity:.7; }
.intent-label { display:grid; gap:3px; }
.intent-label strong { font-size:16px; line-height:1.35; }
.intent-label > span { font-size:12px; line-height:1.45; opacity:.8; }
.intent-arrow { font-size:20px; }
.intent-card:hover .intent-label strong { text-decoration:underline; text-underline-offset:4px; }
.marketing-hero .evidence-preview { padding:26px; border:1px solid #d6d4dc; border-top:4px solid var(--editorial-accent); background:var(--editorial-tint); color:#20232c; }
.evidence-preview h2 { margin:0 0 22px; font-size:clamp(23px,2.3vw,30px); line-height:1.18; letter-spacing:-.025em; text-wrap:balance; }
.evidence-diagram { margin:0; }
.evidence-row { padding:13px 0; border-top:1px solid #20232c29; }
.evidence-row dt { display:flex; gap:10px; font-size:14px; font-weight:700; line-height:1.45; }
.evidence-row dt > span { color:var(--editorial-accent); font-family:ui-monospace,monospace; font-size:11px; align-self:center; }
.evidence-row dd { margin:4px 0 0 26px; font-size:13px; line-height:1.5; }
.evidence-limit { margin:17px 0 12px; font-size:12px; line-height:1.6; }
.evidence-action { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:14px; font-weight:700; color:inherit; text-underline-offset:4px; }
.evidence-reference { margin:6px 0 0; font-size:10px; line-height:1.6; color:#45454f; }
.evidence-reference a { color:inherit; }
.marketing-trust { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:10px 24px; border-top:1px solid color-mix(in srgb,currentColor 22%,transparent); padding-top:12px; font-size:12px; }
.marketing-trust a { display:inline-flex; align-items:center; min-height:32px; color:inherit; text-underline-offset:4px; }
main:not(.shell) > :is(.marketing-hero,.comparison-bridge) { margin-inline:48px; }
.marketing-hero[data-publication="desk-signal"] { --editorial-accent:#b84b13; --editorial-tint:#f5f1e8; }
.marketing-hero[data-publication="migration-desk"] { --editorial-accent:#255db1; --editorial-tint:#eef3fa; }
.marketing-hero[data-publication="launch-ledger"] { --editorial-accent:#9b492e; --editorial-tint:#f7eee1; }
.marketing-hero[data-publication="cutroom"] { --editorial-accent:#49631c; --editorial-tint:#f1f4df; }
.marketing-hero[data-publication="skill-path"] { --editorial-accent:#7651a3; --editorial-tint:#f4efe8; }
.marketing-hero[data-publication="peptide-fieldnotes"] { --editorial-accent:#38675d; --editorial-tint:#f0f5f2; }
.evidence-connections .evidence-row { border-left:2px solid var(--editorial-accent); padding-left:14px; }
.evidence-connections .evidence-row + .evidence-row { margin-top:8px; }
.evidence-ledger .evidence-row { display:grid; grid-template-columns:90px minmax(0,1fr); gap:12px; }
.evidence-ledger .evidence-row dd { margin:0; }
.evidence-ledger h2,.evidence-planner h2 { font-family:Georgia,serif; font-weight:400; }
.evidence-timeline .evidence-diagram { border-left:2px solid var(--editorial-accent); padding-left:16px; }
.evidence-timeline .evidence-row dt > span { padding:2px 5px; background:#dfebbc; }
.evidence-acceptance .evidence-row { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1fr); gap:12px; }
.evidence-acceptance .evidence-row dd { margin:0; }
.evidence-manifest .evidence-row { border-bottom:1px dashed #9baea5; border-top:0; }
.evidence-manifest .evidence-row dd { font-family:ui-monospace,monospace; font-size:12px; }
.evidence-planner .evidence-row dt > span { border:1px solid var(--editorial-accent); padding:2px 5px; }
:is(.marketing-hero,.comparison-bridge) :focus-visible { outline:3px solid currentColor; outline-offset:4px; }
.comparison-bridge { display:grid; grid-template-columns:160px minmax(0,1fr); gap:24px; padding:22px 0; margin:28px 0; border-top:1px solid var(--line,#dce0d3); }
.comparison-bridge h2 { font-size:20px; line-height:1.3; margin:8px 0; }
.comparison-bridge nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.comparison-bridge nav a { display:flex; align-items:start; gap:8px; padding:8px 0; min-height:44px; font-size:13px; line-height:1.5; color:inherit; text-decoration:none; }
.comparison-bridge nav a > span { margin-left:auto; }
.comparison-bridge nav a:hover strong { text-decoration:underline; text-underline-offset:4px; }
body[data-site]:has(.buying-desk) .page-intro { max-width:1000px; padding:26px 0 16px; margin-bottom:0; }
body[data-site]:has(.buying-desk) .page-intro h1 { font-size:42px; line-height:1.12; max-width:25ch; margin:0 0 12px; }
body[data-site]:has(.buying-desk) .page-intro .eyebrow { margin-bottom:8px; }
body[data-site]:has(.buying-desk) .page-intro .lede { font-size:16px; line-height:1.55; margin-bottom:0; }
body:has(.comparison-bridge) .buying-desk-header h2 { font-size:24px; margin:6px 0 10px; }
body:has(.comparison-bridge) .buying-desk-header p { font-size:14px; line-height:1.5; margin:8px 0; }
body:has(.comparison-bridge) .buying-jumps { margin:14px 0; }
body:has(.comparison-bridge) details.decision-selector { margin:14px 0; padding:10px 18px; }
body:has(.comparison-bridge) .quick-comparison { margin:24px 0; }
body:has(.comparison-bridge) .cost-comparison { margin:20px 0; }

@media(max-width:900px) {
  .marketing-hero { gap:22px 28px; }
  .marketing-hero h1 { font-size:40px; }
  .marketing-hero .evidence-preview { padding:20px; }
  .comparison-bridge { grid-template-columns:1fr; gap:8px; }
}
@media(max-width:700px) {
  .comparison-bridge nav { grid-template-columns:1fr; gap:0; }
  body[data-site]:has(.buying-desk) .page-intro h1 { font-size:32px; }
  .marketing-hero { grid-template-columns:minmax(0,1fr); gap:20px; padding:22px 0 12px; }
  .marketing-hero h1 { max-width:19ch; font-size:36px; }
  .marketing-description { font-size:16px; margin:12px 0 16px; }
  .marketing-kicker { font-size:10px; margin-bottom:10px; }
  .marketing-hero .intent-card { padding:11px 0; min-height:58px; }
  .intent-label strong { font-size:15px; }
  .intent-label > span { font-size:12px; }
  .marketing-hero .evidence-preview { padding:18px; }
  .evidence-preview h2 { font-size:25px; margin-bottom:14px; }
  .evidence-row { padding:10px 0; }
  .marketing-trust { gap:4px 18px; font-size:11px; }
  main:not(.shell) > :is(.marketing-hero,.comparison-bridge) { margin-inline:20px; }
  body .site-header:has(~ main .marketing-hero) { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:10px!important; min-height:0; padding-block:12px!important; }
  .site-header:has(~ main .marketing-hero) .header-cta { display:none; }
  body .site-header:has(~ main .marketing-hero) .brand { font-size:17px!important; gap:8px; min-width:0; min-height:44px; flex-shrink:1; }
  body .site-header:has(~ main .marketing-hero) :is(.brand-mark,.brand-icon) { width:30px; height:30px; flex-basis:30px; flex-shrink:0; }
  .site-header:has(~ main .marketing-hero) .mobile-nav { margin-left:auto; flex-shrink:0; }
  .site-header:has(~ main .marketing-hero) .mobile-nav summary { min-width:44px; min-height:44px; }

}
@media(max-width:360px) {
  .marketing-hero h1 { font-size:30px; }
  body .site-header:has(~ main .marketing-hero) .brand { font-size:15px!important; }
  .evidence-acceptance .evidence-row,.evidence-ledger .evidence-row { grid-template-columns:1fr; gap:4px; }
}