/* Desktop section rail: blends into the page; titles reveal on hover */
@media (min-width:1280px){
  nav[aria-label="Section navigation"] a{font-size:11.5px;font-weight:500;letter-spacing:.1em;gap:10px}
  nav[aria-label="Section navigation"] a.text-slate-2{color:oklch(37% .0132 74)}
  nav[aria-label="Section navigation"] a.text-slate-2:hover,nav[aria-label="Section navigation"] a.text-slate-2:focus-visible{color:var(--navy)}
  nav[aria-label="Section navigation"] a.text-teal-deep{font-weight:600}
  nav[aria-label="Section navigation"] a .tnum{color:oklch(62% .0132 74);font-weight:400}
  nav[aria-label="Section navigation"] a.text-teal-deep .tnum{color:var(--teal)}
  nav[aria-label="Section navigation"] a>span:first-child{height:2px!important}
  nav[aria-label="Section navigation"] a.text-slate-2>span:first-child{width:14px!important}
  nav[aria-label="Section navigation"] a.text-teal-deep>span:first-child{width:26px!important}
  nav[aria-label="Section navigation"]{overflow:visible}
  nav[aria-label="Section navigation"]>ul{background:var(--paper);width:max-content;max-width:none;align-self:flex-start;align-items:flex-start;padding-right:16px}
  nav[aria-label="Section navigation"] li{width:max-content}
  nav[aria-label="Section navigation"] a>span:last-child{flex:none;transition:max-width .28s ease,opacity .28s ease}
  nav[aria-label="Section navigation"] a>span:last-child{max-width:none!important}
  nav[aria-label="Section navigation"] a:not(:hover):not(:focus-visible)>span:last-child{max-width:0!important;opacity:0}
}
/* Footer wordmark: scale to its container so the final letter is never clipped */
footer .shell{container-type:inline-size}
footer p[aria-hidden="true"].font-black{font-size:min(140px,13.2cqi)!important;overflow:visible!important}

/* Candidate workflow illustrations replace screenshots of superseded billing UI. */
.workflow-specimen { padding: clamp(18px, 3vw, 34px); color: #193b48; background: #f8faf9; font-size: 15px; line-height: 1.5; }
.workflow-specimen-label { margin: 0 0 14px; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: #52656c; }
.workflow-specimen h3 { margin: 0 0 18px; font-size: clamp(18px, 2vw, 24px); font-weight: 700; }
.workflow-specimen dl { margin: 0; }
.workflow-specimen dl > div { display: grid; grid-template-columns: minmax(100px, 1fr) 2fr; gap: 18px; border-top: 1px solid #dce5e3; padding: 14px 0; }
.workflow-specimen dt { font-weight: 600; }
.workflow-specimen dd { margin: 0; }
@media (max-width: 480px) { .workflow-specimen dl > div { grid-template-columns: 1fr; gap: 4px; } }