/* Scoped closing sections: preserve the approved hero, solutions and videos. */
.hkClosing { padding: 100px 0; }
.hkClosing h2 { margin: 0; font-size: clamp(36px,3.8vw,58px); line-height: 1.08; letter-spacing: -.045em; font-weight: 500; text-wrap: balance; }
.hkClosing h2 span { color: #717572; }
.hkEyebrow { margin: 0 0 24px; font-size: 10px; font-weight: 700; line-height: 1.5; letter-spacing: .15em; text-transform: uppercase; }
.hkIntro { font-size: 16px; line-height: 1.75; margin: 24px 0 0; max-width: 470px; }
.hkSetup { background: var(--paper); color: var(--ink); border-top: 1px solid #d6dbd0; }
.hkSetup .hkEyebrow, .hkQuestions .hkEyebrow { display: flex; align-items: center; gap: 12px; color: #426600; }
.hkSetup .hkEyebrow::before, .hkQuestions .hkEyebrow::before { content: ''; width: 24px; height: 2px; background: var(--acid); }
.hkSetup h2 span { color: #5c7246; }
.hkSectionHead { display: grid; grid-template-columns: 1.5fr 1fr; align-items: end; gap: 70px; }
.hkSectionHead .hkIntro { margin: 0; color: #5a605a; }
.hkSetupSteps { list-style: none; padding: 0; margin: 48px 0 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.hkSetupSteps li { position: relative; min-width: 0; padding: 32px; border: 1px solid #d9dfd1; border-radius: 20px; background: #fafbf7; box-shadow: 0 8px 28px rgba(25,40,12,.035); transition: border-color .2s,box-shadow .2s; }
.hkSetupSteps li:hover { border-color: #8cab67; box-shadow: 0 16px 36px rgba(25,40,12,.07); }
.hkStepNumber { position: absolute; top: 24px; right: 28px; font-size: 64px; line-height: 1; font-weight: 500; letter-spacing: -.07em; color: #dbe3d0; }
.hkStepIcon { display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid #d8e5c6; border-radius: 14px; background: #eef4e5; color: #507900; margin-bottom: 40px; }
.hkStepIcon svg { width: 30px; height: 30px; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.hkSetupSteps h3 { font-size: 23px; font-weight: 500; letter-spacing: -.03em; margin: 0 0 14px; }
.hkSetupSteps p { color: #5a605a; font-size: 14px; line-height: 1.75; margin: 0; max-width: 370px; }
.hkSetupSteps li:last-child { background: linear-gradient(135deg,#202c19,#101710); border-color: #34452b; color: var(--white); }
.hkSetupSteps li:last-child p { color: #b6c2ad; }
.hkSetupSteps li:last-child .hkStepNumber { color: #5b793b; }
.hkSetupSteps li:last-child .hkStepIcon { background: #2b3b1d; border-color: #48632b; color: #a0d14a; }
.hkStepOutcome { display: block; font-size: 11px; font-weight: 600; color: #3f4939; }

.hkWorkspace { color: var(--white); background: #101311; }
.hkWorkspaceGrid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.3fr); align-items: center; gap: 64px; }
.hkWorkspace .hkEyebrow { color: var(--acid); }
.hkWorkspace h2 span { color: #b4bcb0; }
.hkWorkspace .hkIntro { color: #a5afa3; }
.hkBenefits { list-style: none; padding: 0; margin: 32px 0; }
.hkBenefits li { display: flex; gap: 16px; margin-top: 24px; }
.hkBenefits li > span { flex: 0 0 28px; height: 28px; display: grid; place-items: center; color: var(--acid); background: rgba(118,185,0,.09); border-radius: 50%; font-size: 14px; }
.hkBenefits h3 { font-weight: 500; font-size: 16px; margin: 3px 0 8px; }
.hkBenefits p { color: #a5afa3; font-size: 13px; line-height: 1.75; margin: 0; max-width: 360px; }
.hkTextLink { display: inline-block; color: var(--acid); font-size: 12px; padding: 8px 0; }
.hkTextLink:hover { text-decoration: underline; text-underline-offset: 5px; }
.hkProductPreview { border: 1px solid #353c32; border-radius: 16px; overflow: hidden; background: #191e18; box-shadow: 0 24px 70px rgba(0,0,0,.2); }
.hkPreviewTop { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 20px 24px; border-bottom: 1px solid #353c32; background: #131711; }
.hkPreviewBrand { font-size: 17px; font-weight: 800; letter-spacing: -.04em; }
.hkPreviewBrand > span { margin-left: 8px; color: #9fa898; font-weight: 400; font-size: 11px; letter-spacing: normal; }
.hkDemoBadge { color: #b9c5ae; background: #252d20; border: 1px solid #3a4631; padding: 5px 8px; font-size: 9px; border-radius: 4px; white-space: nowrap; }
.hkPreviewBody { padding: 28px; }
.hkPreviewTitle { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 26px; }
.hkPreviewLabel { font-size: 8px; letter-spacing: .13em; color: #99a691; }
.hkPreviewTitle h3 { margin: 8px 0 0; font-size: 20px; letter-spacing: -.03em; font-weight: 500; }
.hkPeriod { color: #aab5a3; font-size: 10px; border: 1px solid #3a4235; padding: 8px; border-radius: 5px; white-space: nowrap; }
.hkMetrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.hkMetrics > div { padding: 18px 14px; background: #22291f; border: 1px solid #36402e; border-radius: 8px; }
.hkMetrics span { display: block; color: #b4bfac; font-size: 10px; line-height: 1.5; }
.hkMetrics strong { display: block; font-size: clamp(24px,2.4vw,36px); font-weight: 500; letter-spacing: -.045em; line-height: 1.2; margin: 12px 0 8px; }
.hkMetrics small { color: #9bab91; font-size: 9px; line-height: 1.5; display: block; }
.hkChart { padding: 24px 0; }
.hkChartHead { display: flex; justify-content: space-between; gap: 12px; font-size: 11px; color: #bcc8b5; }
.hkChartHead > span:last-child { color: #9eab97; font-size: 9px; }
.hkChartHead i { display: inline-block; width: 6px; height: 6px; border-radius: 2px; background: var(--acid); margin-right: 4px; }
.hkBars { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 14px; margin-top: 20px; }
.hkBarSpace { display: flex; align-items: flex-end; justify-content: center; height: 120px; border-bottom: 1px solid #4a5442; background: repeating-linear-gradient(to top,transparent 0 29px,#2c3427 29px 30px); }
.hkBarSpace span { display: block; width: 65%; max-width: 34px; background: linear-gradient(0deg,#527d0b,var(--acid)); border-radius: 4px 4px 0 0; }
.hkBarColumn small { display: block; text-align: center; color: #9bab91; font-size: 9px; margin-top: 10px; }
.hkPreviewAlert { display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid #38442e; background: #20281b; border-radius: 8px; }
.hkAlertMark { font-size: 22px; color: var(--acid); }
.hkPreviewAlert > div { flex: 1; min-width: 0; }
.hkPreviewAlert strong { display: block; font-size: 12px; font-weight: 500; margin-bottom: 5px; }
.hkPreviewAlert div > span { color: #a1af97; font-size: 10px; line-height: 1.6; display: block; }
.hkReviewBadge { font-size: 8px; color: #c7d6ba; border: 1px solid #4b5d3c; padding: 6px 8px; border-radius: 4px; white-space: nowrap; }
.hkPreviewNote { margin: 18px 0 0; color: #95a08d; font-size: 10px; line-height: 1.6; }

.hkQuestions { background: var(--paper); color: var(--ink); padding-top: 20px; }
.hkQuestionsGrid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 40px; align-items: start; }
.hkQuestionsIntro { position: relative; overflow: hidden; padding: 44px; border: 1px solid #35402c; border-radius: 24px; background: radial-gradient(ellipse at 100% 100%,#2c411b,transparent 65%),#131912; color: var(--white); }
.hkQuestions .hkEyebrow { color: #b8cda6; }
.hkQuestions h2 span { color: #a0cc67; }
.hkQuestions .hkIntro { color: #b8c3b0; font-size: 14px; max-width: 330px; }
.hkFaqList { display: grid; gap: 12px; }
.hkFaqList details { border: 1px solid #d3dbcb; border-radius: 14px; padding: 0 24px; background: #fafbf7; transition: border-color .2s,box-shadow .2s; }
.hkFaqList details:hover { border-color: #9aae84; }
.hkFaqList details[open] { background: #fff; border-color: #97b573; box-shadow: 0 6px 24px rgba(39,58,20,.05); }
.hkFaqList summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; cursor: pointer; list-style: none; padding: 22px 0; font-size: 17px; font-weight: 500; letter-spacing: -.02em; line-height: 1.4; }
.hkFaqList summary:focus-visible { outline-color: #527900; outline-offset: 5px; border-radius: 4px; }
.hkFaqList summary::-webkit-details-marker { display: none; }
.hkFaqList summary > span { flex-shrink: 0; position: relative; width: 30px; height: 30px; border: 1px solid #cbd8bc; background: #f0f5e9; border-radius: 50%; }
.hkFaqList summary > span::before, .hkFaqList summary > span::after { content: ''; position: absolute; background: #4b583c; left: 9px; top: 13px; width: 10px; height: 1px; }
.hkFaqList summary > span::after { transform: rotate(90deg); }
.hkFaqList details[open] summary > span::after { transform: rotate(0); }
.hkFaqList details[open] summary > span { background: var(--acid); border-color: var(--acid); }
.hkFaqList details[open] summary > span::before { background: #18230a; }
.hkFaqList p { margin: 0 44px 24px 0; color: #5a6254; font-size: 14px; line-height: 1.8; }

.hkContact { padding-top: 0; background: var(--paper); color: var(--ink); }
.hkContactCard { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 64px; padding: 60px; border-radius: 20px; background: var(--acid); }
.hkContact h2 { font-size: clamp(32px,3.1vw,48px); }
.hkContact .hkEyebrow { margin-bottom: 20px; }
.hkContactCopy > p:last-child { max-width: 490px; margin: 22px 0 0; line-height: 1.7; font-size: 15px; }
.hkContactActions { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.hkContactButton { display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; background: #11160b; color: #fff; border-radius: 999px; padding: 19px 25px; font-size: 14px; font-weight: 600; white-space: nowrap; transition: background .2s; }
.hkContactButton:hover { background: #28341a; }
.hkContactEmail { font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.hkContactHint { font-size: 10px; }
.hkContact :focus-visible { outline-color: #10140c; }
.hkFooter { background: var(--black); padding: 56px 0 26px; color: #aab1a5; }
.hkFooterTop { display: flex; justify-content: space-between; align-items: center; gap: 44px; padding-bottom: 42px; }
.hkFooterBrand > a { display: inline-block; color: var(--white); font-size: 28px; letter-spacing: -.055em; font-weight: 800; }
.hkFooterBrand p { margin: 14px 0 0; font-size: 12px; line-height: 1.7; }
.hkFooter nav { display: flex; flex-wrap: wrap; gap: 24px; font-size: 12px; }
.hkFooter a:hover { color: var(--acid); }
.hkFooterBottom { display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid #262c22; padding-top: 24px; font-size: 10px; line-height: 1.8; }
@media (max-width: 1180px) {
  .hkWorkspaceGrid { gap: 34px; grid-template-columns: minmax(0,.85fr) minmax(0,1.2fr); }
  .hkPreviewBody { padding: 20px; }
  .hkReviewBadge { display: none; }
  .hkQuestionsGrid { gap: 28px; }
  .hkQuestionsIntro { padding: 32px; }
  .hkSetupSteps li { padding: 26px; }
  .hkContactCard { padding: 44px; gap: 36px; }
}
@media (max-width: 980px) {
  .hkClosing { padding: 72px 0; }
  .hkSectionHead { grid-template-columns: 1fr; gap: 24px; }
  .hkSectionHead .hkIntro { max-width: 560px; }
  .hkWorkspaceGrid { grid-template-columns: 1fr; gap: 42px; }
  .hkWorkspaceCopy .hkIntro { max-width: 600px; }
  .hkBenefits { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
  .hkBenefits li { display: block; margin-top: 0; }
  .hkBenefits li > span { width: 28px; margin-bottom: 14px; }
  .hkMetrics strong { font-size: 36px; }
  .hkReviewBadge { display: block; }
  .hkQuestionsGrid { grid-template-columns: 1fr; gap: 34px; }
  .hkQuestions { padding-top: 0; }
  .hkSetupSteps { gap: 14px; }
  .hkSetupSteps li { padding: 22px; }
  .hkSetupSteps h3 { font-size: 20px; }
  .hkStepNumber { font-size: 52px; right: 18px; }
  .hkQuestions .hkIntro { max-width: 480px; }
  .hkQuestions h2 br { display: none; }
  .hkContact { padding-top: 0; }
  .hkContactCard { grid-template-columns: 1fr; }
  .hkContactActions { align-items: flex-start; }
}
@media (max-width: 620px) {
  .hkClosing { padding: 56px 0; }
  .hkEyebrow { margin-bottom: 18px; }
  .hkSetupSteps { grid-template-columns: 1fr; gap: 14px; margin-top: 32px; }
  .hkSetupSteps li { padding: 26px; }
  .hkStepNumber { top: 24px; right: 24px; }
  .hkStepIcon { margin-bottom: 24px; }
  .hkQuestions { padding-top: 0; }
  .hkQuestionsIntro { padding: 28px; border-radius: 18px; }
  .hkFaqList details { padding: 0 18px; }
  .hkBenefits { display: block; }
  .hkBenefits li { display: flex; margin-top: 24px; }
  .hkPreviewTop { padding: 16px; }
  .hkPreviewBrand > span { display: none; }
  .hkPreviewBody { padding: 18px 14px; }
  .hkPreviewTitle { display: block; }
  .hkPreviewTitle h3 { font-size: 19px; }
  .hkPeriod { display: inline-block; margin-top: 12px; }
  .hkMetrics { gap: 6px; }
  .hkMetrics > div { padding: 14px 8px; }
  .hkMetrics span { min-height: 30px; font-size: 9px; }
  .hkMetrics strong { font-size: 26px; }
  .hkMetrics small { font-size: 8px; }
  .hkBars { gap: 7px; }
  .hkReviewBadge { display: none; }
  .hkPreviewAlert { padding: 12px; }
  .hkFaqList summary { font-size: 16px; gap: 16px; }
  .hkFaqList p { margin-right: 0; }
  .hkContact { padding-top: 0; }
  .hkContactCard { padding: 32px 24px; gap: 32px; border-radius: 16px; }
  .hkContact h2 { font-size: 32px; }
  .hkContactButton { width: 100%; padding-inline: 20px; }
  .hkFooterTop { align-items: flex-start; flex-direction: column; gap: 30px; }
  .hkFooter nav { gap: 20px; line-height: 1.5; }
  .hkFooterBottom { flex-direction: column; gap: 12px; }
}