/* The close: title cluster left, one classic window right with the same
   three steps as the fold. Reuses .hx-win from halde-handoff.css. */
html[data-design-system="halde"] .landing-page .closing-stage{min-height:0;display:block;padding:clamp(64px,8vh,110px) var(--page-gutter) clamp(80px,10vh,130px);overflow:visible;color:var(--text-primary);border-top:1px solid var(--border-default);background:var(--bg-page)}
html[data-design-system="halde"] .landing-page .closing-stage::before{display:none}
html[data-design-system="halde"] .close-row{width:min(100%,var(--page-max));box-sizing:border-box;display:grid;grid-template-columns:minmax(240px,.44fr) minmax(0,1.56fr);gap:clamp(28px,5vw,80px);align-items:center;margin:0 auto}
html[data-design-system="halde"] .close-copy h2{margin:0;max-width:18ch;font-size:var(--type-landing-section-size,clamp(28px,2.35vw,36px));font-weight:400;font-variation-settings:"wght" 400;line-height:1.12;letter-spacing:-.03em;text-wrap:pretty}
html[data-design-system="halde"] .close-copy h2 .claim-quiet{display:block;color:var(--text-tertiary)}

html[data-design-system="halde"] .close-win{--font-technical:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;min-width:0;font-family:var(--font-technical)}
html[data-design-system="halde"] .close-steps{margin:0;padding:0;list-style:none}
html[data-design-system="halde"] .close-steps li{display:grid;grid-template-columns:36px 84px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:8px;align-items:center;padding:18px 18px 18px 16px;border-top:1px dotted rgba(17,17,17,.35)}
html[data-design-system="halde"] .close-steps li:first-child{border-top:0}
html[data-design-system="halde"] .close-steps li>i{grid-row:1/3;align-self:start;padding-top:10px;color:#ff5a1f;font:700 11px/1 var(--font-technical);font-style:normal;letter-spacing:.1em}
html[data-design-system="halde"] .close-step-label{grid-row:1/3;align-self:start;padding-top:10px;color:#111;font:600 11px/1 var(--font-technical);letter-spacing:.1em}
html[data-design-system="halde"] .close-steps small{grid-column:3;color:#5b6068;font:400 12px/1.5 var(--font-technical)}
html[data-design-system="halde"] .close-line{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 6px 0 14px;color:#111;border:1.5px solid #111;background:#fff}
html[data-design-system="halde"] .close-line code{flex:1 1 auto;min-width:0;overflow:hidden;font:400 13px/1.5 var(--font-technical);text-overflow:ellipsis;white-space:nowrap}
html[data-design-system="halde"] .close-line--prompt code{white-space:normal;padding:8px 0}
html[data-design-system="halde"] .close-line--prompt code b{color:#ff5a1f;font-weight:600}
html[data-design-system="halde"] .close-line button{appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;color:#fff;border:1.5px solid #111;border-radius:0;background:#ff5a1f;font:700 10px/1 var(--font-technical);letter-spacing:.12em;cursor:pointer}
html[data-design-system="halde"] .close-line button i{font-style:normal;font-size:12px}
html[data-design-system="halde"] .close-line button:is(:hover,:focus-visible){box-shadow:3px 3px 0 #111;outline:none}
html[data-design-system="halde"] .close-line--gate{justify-content:space-between;padding-right:6px;background:#fff3ee;font:400 13px/1.5 var(--font-technical)}
html[data-design-system="halde"] .close-line--gate b{flex:0 0 auto;padding:7px 10px;color:#fff;border:1.5px solid #111;background:#ff5a1f;font:700 10px/1 var(--font-technical);letter-spacing:.12em;box-shadow:3px 3px 0 #111}
html[data-design-system="halde"] .close-win>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;padding:0 16px;border-top:1.5px solid #111;font:600 10px/1 var(--font-technical);letter-spacing:.1em}
html[data-design-system="halde"] .close-win>footer span{color:#5b6068}
html[data-design-system="halde"] .close-win>footer nav{display:flex;gap:18px}
html[data-design-system="halde"] .close-win>footer a{color:#111;text-decoration:none;border-bottom:1px solid currentColor}
html[data-design-system="halde"] .close-win>footer a:is(:hover,:focus-visible){color:#ff5a1f;outline:none}

html[data-design-system="halde"][data-resolved-theme="dark"] .close-step-label,html[data-design-system="halde"][data-resolved-theme="dark"] .close-win>footer a{color:#f1f1ed}
html[data-design-system="halde"][data-resolved-theme="dark"] .close-steps li{border-top-color:rgba(241,241,237,.35)}
html[data-design-system="halde"][data-resolved-theme="dark"] .close-line{color:#f1f1ed;border-color:#f1f1ed;background:#0a0a09}
html[data-design-system="halde"][data-resolved-theme="dark"] .close-line--gate{background:rgba(255,90,31,.12)}
html[data-design-system="halde"][data-resolved-theme="dark"] .close-line button,html[data-design-system="halde"][data-resolved-theme="dark"] .close-line--gate b{border-color:#f1f1ed}
html[data-design-system="halde"][data-resolved-theme="dark"] .close-line button:is(:hover,:focus-visible),html[data-design-system="halde"][data-resolved-theme="dark"] .close-line--gate b{box-shadow:3px 3px 0 #f1f1ed}
html[data-design-system="halde"][data-resolved-theme="dark"] .close-win>footer{border-top-color:#f1f1ed}

@media (max-width:1100px){
  html[data-design-system="halde"] .close-row{grid-template-columns:1fr;gap:28px}
}
@media (max-width:620px){
  html[data-design-system="halde"] .landing-page .closing-stage{padding:48px 18px 72px}
  html[data-design-system="halde"] .close-steps li{grid-template-columns:28px minmax(0,1fr);padding:14px 12px}
  html[data-design-system="halde"] .close-step-label{grid-row:1;grid-column:2;padding-top:0}
  html[data-design-system="halde"] .close-line{grid-column:2}
  html[data-design-system="halde"] .close-steps small{grid-column:2}
  html[data-design-system="halde"] .close-line code{font-size:12px}
  html[data-design-system="halde"] .close-line--gate{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}
  html[data-design-system="halde"] .close-win>footer{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}
}