/* Homepage-only components. The original stylesheets and all other pages stay intact. */
.original-plus-home :where(select,input,[tabindex]):focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
.original-plus-home [hidden] { display:none!important; }
.output-explorer { padding:25px; width:100%; min-width:0; }
.output-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--border); padding-bottom:15px; margin-bottom:18px; }
.output-heading .sample-eyebrow { margin:0; color:var(--accent-ink); font-size:10px; }
.output-count { white-space:nowrap; color:var(--muted); font:9px/1.4 var(--font-mono); }
.output-controls { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(108px,1fr); gap:12px; margin-bottom:22px; }
.output-controls label,.trial-calculator label { display:block; color:var(--green); font-size:11px; font-weight:600; }
.output-controls select,.trial-calculator select,.trial-calculator input { display:block; width:100%; min-width:0; min-height:42px; margin-top:7px; border:1px solid var(--border); border-radius:2px; padding:9px 28px 9px 10px; background:var(--paper-light); color:var(--green); font:12px var(--font-sans); }
.output-preview { min-height:252px; max-height:315px; overflow:auto; scrollbar-width:thin; outline-offset:-3px!important; }
.output-record h3 { font-size:29px; margin:0 0 8px; line-height:1.1; letter-spacing:-.045em; }
.output-record-kind { color:var(--accent-ink); font:9px/1.65 var(--font-mono); margin:0 0 16px; text-transform:uppercase; }
.output-record .sample-company { font-size:16px; margin-bottom:20px; }
.output-record dl > div { padding:11px 0; gap:15px; grid-template-columns:1fr 1.2fr; }
.output-record dt { font-size:11px; }
.output-record dd { font-size:12px; }
.output-record dd small { font-size:10px; }
.output-provenance { min-height:38px; margin:16px 0 0; font-size:11px; line-height:1.65; }
.output-downloads { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:18px; padding-top:17px; border-top:1px solid var(--border); }
.output-downloads .button { min-height:40px; padding:9px 12px; font-size:11px; }
.home-hero .output-downloads .button-dark { background:var(--green); color:var(--cream); border-color:var(--green); }
.home-hero .output-downloads .button-dark:hover { background:var(--green-dark); }
.output-copy { padding:10px 5px; border:0; background:none; color:var(--green); font-size:11px; font-weight:600; cursor:pointer; text-decoration:underline; text-underline-offset:4px; min-height:40px; }
.output-source { display:flex; flex-wrap:wrap; gap:10px 15px; align-items:center; margin-top:15px; }
.output-source a { color:var(--green); font-size:10px; text-decoration:underline; text-underline-offset:3px; }
.output-source span { color:var(--muted); font-size:9px; line-height:1.7; }
.output-status { margin:0; color:var(--green); font-size:11px; line-height:1.6; }
.output-status:not(:empty) { margin-top:12px; }
.output-preview table { width:100%; border-collapse:collapse; min-width:390px; text-align:left; font-size:11px; }
.output-preview caption { text-align:left; color:var(--muted); font:9px/1.6 var(--font-mono); margin-bottom:18px; }
.output-preview th,.output-preview td { padding:13px 10px; border-bottom:1px solid var(--border); vertical-align:top; line-height:1.65; }
.output-preview th { font-weight:600; font-size:10px; background:var(--paper); }
.output-preview pre { margin:0; color:var(--green); font:11px/1.65 var(--font-mono); white-space:pre; tab-size:2; }
.output-preview .fit-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.output-preview .fit-number { font-size:38px; line-height:1; }
.output-preview .fit-number small { font:12px var(--font-mono); }
.output-preview .fit-evidence { margin:13px 0 0; padding-left:17px; color:var(--muted); font-size:12px; line-height:1.6; }
.original-plus-home .product-card h3 { min-height:0; }
.product-returns { padding-top:16px; margin-top:22px; border-top:1px dashed var(--border); }
.product-returns > span { display:block; font:10px var(--font-mono); color:var(--accent-ink); }
.product-returns p { color:var(--muted); font-size:12px; line-height:1.65; margin:8px 0 0; }
.original-plus-home .product-card .card-price { margin-top:22px; font-size:25px; line-height:1.2; letter-spacing:-.03em; }
.original-plus-home .card-price span { display:block; font-size:11px; line-height:1.6; letter-spacing:0; margin-top:6px; }
.selected-outcomes { grid-template-columns:repeat(2,minmax(0,1fr)); }
.selected-outcomes .outcome-card { padding:27px 30px; min-height:0; }
.selected-outcomes .outcome-card:nth-child(even) { border-right:0; }
.selected-outcomes .outcome-card:nth-child(-n+2) { border-bottom:1px solid var(--border); }
.outcome-top { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.outcome-top img { width:36px; height:36px; }
.selected-outcomes .outcome-audience { margin:18px 0 0; color:var(--accent-ink); font:9px/1.6 var(--font-mono); text-transform:uppercase; letter-spacing:.02em; }
.selected-outcomes h3 { margin-top:15px; max-width:400px; font-size:27px; }
.workflow-heading { display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin:45px 0 20px; }
.workflow-heading h3 { margin:0; font-size:24px; line-height:1.25; letter-spacing:-.04em; }
.workflow-heading p { margin:0; color:var(--muted); font-size:12px; }
.workflow-tools { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); border:1px solid var(--border); background:var(--paper-light); }
.workflow-tools a { display:flex; flex-direction:column; align-items:flex-start; padding:20px 17px; border-right:1px solid var(--border); min-width:0; }
.workflow-tools a:last-child { border:0; }
.workflow-tools a:hover { background:var(--paper); }
.workflow-logo { width:28px; height:28px; object-fit:contain; margin-bottom:18px; }
.workflow-tools strong { font-size:14px; margin-bottom:8px; }
.workflow-tools span { color:var(--muted); font-size:10px; line-height:1.6; }
.selected-pricing { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:75px; align-items:start; }
.pricing-steps { display:flex; gap:18px; margin:30px 0 0; padding:0; list-style:none; counter-reset:steps; }
.pricing-steps li { flex:1; counter-increment:steps; border-top:1px solid var(--border); color:var(--muted); padding-top:13px; font-size:12px; }
.pricing-steps li:before { content:'0' counter(steps); display:block; font:11px var(--font-mono); color:var(--accent-ink); margin-bottom:10px; }
.selected-pricing .release-notes { margin:30px 0 0; }
.selected-pricing .release-notes summary { font-size:12px; }
.trial-calculator { min-width:0; padding:30px; background:var(--paper-light); border:1px solid var(--border); border-top:4px solid var(--green); }
.trial-calculator label { margin-bottom:20px; font-size:12px; }
.trial-calculator input { padding:12px; font-size:26px; }
.trial-presets { display:flex; gap:8px; margin-top:-10px; }
.trial-presets button { min-height:36px; padding:7px 14px; border:1px solid var(--border); border-radius:2px; background:var(--paper); color:var(--green); font-size:11px; cursor:pointer; }
.trial-total { display:flex; justify-content:space-between; align-items:center; gap:18px; border-top:1px solid var(--border); padding-top:23px; margin-top:25px; }
.trial-total span { color:var(--muted); font-size:12px; line-height:1.65; }
.trial-total output { font-size:41px; letter-spacing:-.05em; line-height:1.1; overflow-wrap:anywhere; }
.trial-total output.invalid { font-size:20px; letter-spacing:0; max-width:220px; }
.trial-calculator>p { color:var(--muted); font-size:11px; line-height:1.7; margin:22px 0 0; }
.output-detail-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:75px; align-items:center; }
.output-benefits { list-style:none; padding:0; margin:26px 0; }
.output-benefits li { padding:13px 0; border-bottom:1px solid var(--border); font-size:13px; }
.output-benefits li:before { content:'↗'; margin-right:15px; color:var(--accent-ink); }
.section-heading p.output-projection-note { font-size:11px; margin-top:25px; line-height:1.75; }
.output-projection-note code { font-size:10px; overflow-wrap:anywhere; }
#sample-data { scroll-margin-top:24px; }
.original-plus-home .final-band { padding:52px 0; background:var(--paper); border-top:0; }
.original-plus-home .final-band-inner { padding:0; background:transparent; border:0; }
/* Original sequence: green, cream, paper; a green workflow band breaks up the page. */
.original-plus-home #products,
.original-plus-home #pricing,
.original-plus-home #sample-data {
  background:var(--background);
  border-block-color:transparent;
}
.original-plus-home [aria-labelledby="faq-heading"] { background:var(--paper); }
.original-plus-home #use-cases {
  --muted:#c2cdb3;
  --border:#f4e8cf40;
  --accent-ink:var(--cream);
  background:var(--green);
  color:var(--cream);
}
.original-plus-home #use-cases .section-heading h2 { color:var(--cream); }
.original-plus-home #use-cases .outcome-grid { gap:22px; border:0; }
.original-plus-home #use-cases .outcome-card {
  --muted:#566153;
  --border:#c9ccb7;
  --accent-ink:#b22d19;
  padding:28px 30px;
  border:1px solid var(--border);
  background:var(--paper-light);
  color:var(--green);
  transition:none;
}
.original-plus-home #use-cases .outcome-number {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid var(--border);
  color:var(--green);
  font-size:11px;
}
.original-plus-home #use-cases .outcome-audience { font-size:10px; }
.original-plus-home #use-cases .outcome-card strong { padding-top:18px; border-top:1px solid var(--border); }
.original-plus-home #use-cases .outcome-card:is(:hover,:focus-visible) { background:var(--paper-light); border-color:var(--green); }
.original-plus-home #use-cases .outcome-card:is(:hover,:focus-visible) strong { text-decoration:underline; text-underline-offset:4px; }
.original-plus-home #use-cases .outcome-card strong span { transform:none; transition:none; }
.original-plus-home #use-cases .workflow-heading { margin-top:54px; }
.original-plus-home #use-cases .workflow-tools { background:var(--green-dark); }
.original-plus-home #use-cases .workflow-logo { filter:brightness(0) invert(1); opacity:.92; }
.original-plus-home #use-cases .workflow-tools a:is(:hover,:focus-visible) { background:#225d44; }
/* Selected hover treatment: a gentle lift, with an unchanged cream fill. */
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine) {
  .original-plus-home #use-cases .outcome-card { transition:translate 260ms var(--ease-out); }
  .original-plus-home #use-cases .outcome-card:is(:hover,:focus-visible) { translate:0 -6px; }
}
@media(max-width:1100px) {
  .output-explorer { padding:22px; }
  .output-controls { grid-template-columns:minmax(0,1.4fr) minmax(100px,1fr); }
  .workflow-tools { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .workflow-tools a:nth-child(4) { border-right:0; }
  .workflow-tools a:nth-child(-n+4) { border-bottom:1px solid var(--border); }
  .selected-pricing,.output-detail-layout { gap:40px; }
}
@media(max-width:960px) {
  .selected-pricing,.output-detail-layout { grid-template-columns:1fr; gap:35px; }
  .output-detail-layout .output-explorer { max-width:none; }
  .output-preview { max-height:360px; }
  .workflow-heading { display:block; }
  .workflow-heading p { margin-top:12px; }
}
@media(max-width:640px) {
  .output-explorer { padding:20px; }
  .output-controls { grid-template-columns:minmax(0,1fr); gap:13px; }
  .output-controls select { min-height:44px; font-size:13px; }
  .output-controls label { font-size:11px; }
  .output-record h3 { font-size:28px; }
  .output-record .sample-company { font-size:16px; }
  .output-preview { min-height:240px; max-height:340px; }
  .output-heading .sample-eyebrow { font-size:10px; }
  .output-downloads .button,.output-copy { min-height:44px; }
  .output-downloads { gap:6px 10px; }
  .output-provenance { min-height:0; }
  .output-source { gap:10px; }
  .output-source a { font-size:11px; }
  .selected-outcomes { grid-template-columns:1fr; }
  .selected-outcomes .outcome-card { padding:25px 0; border-right:0; border-bottom:1px solid var(--border); }
  .selected-outcomes .outcome-card:last-child { border-bottom:0; }
  .selected-outcomes h3 { font-size:26px; }
  .original-plus-home #use-cases .outcome-grid { gap:18px; }
  .original-plus-home #use-cases .outcome-card { padding:24px 22px; }
  .workflow-tools { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workflow-tools a { padding:20px; border-bottom:1px solid var(--border); }
  .workflow-tools a:nth-child(even) { border-right:0; }
  .workflow-tools a:last-child { grid-column:1/-1; }
  .workflow-tools a:nth-last-child(2) { border-bottom:1px solid var(--border); }
  .workflow-tools strong { font-size:15px; }
  .workflow-tools span { font-size:11px; }
  .workflow-heading h3 { font-size:25px; }
  .trial-calculator { padding:24px; }
  .trial-calculator select { font-size:12px; }
  .trial-total output { font-size:38px; }
  .pricing-steps { gap:15px; }
  .pricing-steps li { font-size:11px; }
  .original-plus-home .final-band { padding:42px 0; }
  .original-plus-home .final-band-inner { padding:0; }
}