/* The stock week is live text, including when the page is zoomed. */
.stock-week {min-width:0; width:100%; margin:0; overflow:hidden; background:#fffaf2; color:var(--ink); border:1px solid #73818a; border-radius:12px; box-shadow:0 18px 42px #14253438}
.week-chrome,.week-chrome>span {display:flex;align-items:center;justify-content:space-between;gap:14px}
.week-chrome {padding:12px 18px;background:#334759;color:#fff7eb}
.week-chrome img {width:82px}
.week-chrome>span>span {padding-left:12px;border-left:1px solid #86939d;font-size:15px}
.week-chrome small {font-size:13px;color:#f4d6c3}
.week-body {padding:clamp(14px,2vw,29px)}
.week-body h3 {font-size:clamp(23px,2.25vw,35px);line-height:1.15}
.stock-week .week-intro {font-size:15px;margin:5px 0 16px;line-height:1.4;color:#55646c}
.week-switch {display:inline-flex;gap:3px;background:#eae4da;border-radius:7px;padding:3px;max-width:100%}
.week-switch[hidden] {display:none}
.week-switch button {background:transparent;color:#40515c;font-size:14px;border-radius:5px;padding:8px 12px;min-height:40px;line-height:1.15}
.week-switch button[aria-pressed=true] {color:#fffaf2;background:#2b4152}
.week-scroll {margin:19px 0 10px;max-width:100%;overflow-x:auto}
.week-table {width:100%;table-layout:fixed;border-collapse:separate;border-spacing:3px;font-size:14px;text-align:center;font-variant-numeric:tabular-nums}
.week-table th,.week-table td {border-radius:4px}
.week-table thead th {padding:4px 0 9px;color:#53606a;font-weight:450}
.week-table thead b,.week-table tbody small {display:block}
.week-table thead b {font-size:19px;color:var(--ink)}
.week-table th:first-child {width:23%;text-align:left;line-height:1.2}
.week-table tbody th {font-weight:600;background:#f3ede3;padding:9px 7px}
.week-table tbody small {font-size:12px;font-weight:400;color:#5c6567;margin-top:4px}
.week-table td {font-size:15px;line-height:1.2;font-weight:550;padding:7px 1px}
.week-table .free,.week-key .free {background:#e6eee9;color:#2b534a}
.week-table .none,.week-key .none {background:#e3dfd8;color:#4c5358}
.week-table .short,.week-key .short {background:#f0c5ac;color:#73371f}
.week-key,.week-key span {display:flex;align-items:center;gap:7px}
.week-key {flex-wrap:wrap;gap:10px 17px;color:#475861;font-size:13px}
.week-key i {width:11px;height:11px;display:inline-block;border-radius:2px;border:1px solid #27374840}
.stock-week .week-readout {font-size:15px;color:#384954;margin:16px 0 0;max-width:none;line-height:1.45;padding-top:12px;border-top:1px solid #d5cbbb}
.sr-week {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.stock-copy,.chapter-copy {min-width:0}
.stock-tally {display:flex;gap:0;margin:23px 0 0}
.stock-tally div {padding-inline:18px;border-left:1px solid #617384}
.stock-tally div:first-child {border:0;padding-left:0}
.stock-tally dt {font-size:14px;color:#d2dae0}
.stock-tally dd {font-size:32px;line-height:1.2;font-weight:550;margin:4px 0 0}
.stock-tally div:last-child dd {color:#ffbb96}
.chapter-next {display:inline-flex;gap:12px;align-items:center;min-height:44px;text-decoration:none;color:#f0b48e;font-size:15px;margin-top:13px}
.chapter-next:hover,.chapter-next:focus-visible {text-decoration:underline;text-underline-offset:4px}
.chapter-copy p {color:#dbe3e8;margin:14px 0;max-width:42ch}
.chapter-copy .chapter-detail {font-size:16px;color:#c0ced6}
.chapter-copy .walkthrough-link,.chapter-copy .story-link {margin:4px 0 0}
.chapter-copy .chapter-next {display:flex;width:fit-content}
.customer-visual figure>img {width:100%;object-fit:contain}
.secondary-shot {background:#ede9e2;display:grid;place-items:center;padding:14px;width:100%;cursor:zoom-in}
.secondary-shot img {width:auto;max-height:380px;object-fit:contain}
.chapter-visual figure[hidden] {display:none}
.industry-shot {margin:0;min-width:0;border:1px solid #a6acac;border-radius:9px;overflow:hidden;background:#f6f2eb;color:var(--ink);display:flex;flex-direction:column}
.industry-shot a {display:grid;place-items:center;padding:13px;cursor:zoom-in}
.industry-shot img {width:auto;max-height:min(58vh,530px);object-fit:contain}
.industry-shot figcaption {padding:12px 16px;background:#fffbf5;border-top:1px solid #d4ccbd;display:flex;justify-content:space-between;gap:12px;font-size:15px}
.industry-shot figcaption span {color:#81513a}
@media(min-width:821px) {
  :root {--head-height:75px;--chapter-height:calc(100vh - var(--head-height));--chapter-height:calc(100svh - var(--head-height))}
  html {scroll-padding-top:var(--head-height);scroll-snap-type:y mandatory}
  section,[id="top"],#package-builder {scroll-margin-top:0}
  .hero,.availability,.opening-chapter,.story-grid>.story-card,.dashboard-feature,.origin,.faq,.demo,.tool-drawer[open] section.section,.industry-lead,.industry>section {min-height:var(--chapter-height);scroll-snap-align:start}
  .tool-drawer>summary,#package-builder:not([hidden]),.footer {scroll-snap-align:start}
  .hero,.dashboard-feature,.origin,.demo {display:grid;align-content:center;padding-block:clamp(26px,5vh,68px)}
  .hero .hero-grid {width:min(1392px,calc(100% - clamp(48px,9vw,144px)));padding-block:0}
  .hero-media {max-height:50vh}
  .availability {grid-template-columns:minmax(0,.76fr) minmax(0,1.42fr);gap:clamp(25px,4vw,70px);padding-block:clamp(24px,5vh,64px)}
  .availability h2 {font-size:clamp(36px,3.8vw,60px)}
  .availability .stock-week p {max-width:none}
  .hire-story {padding-block:0}
  .story-grid {display:block}
  .opening-chapter {display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,2vh,25px);padding-block:clamp(17px,3vh,40px)}
  .story-heading {margin:0}
  .story-heading .eyebrow {margin-bottom:5px}
  .story-heading h2 {font-size:clamp(28px,2.8vw,43px)}
  .story-heading>p:last-child {margin-top:6px;font-size:16px}
  .story-card {display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.35fr);align-items:center;gap:clamp(25px,5vw,78px);padding-block:clamp(26px,4vh,54px)}
  .opening-chapter .story-card {padding-block:clamp(15px,2.5vh,30px) 0}
  .chapter-heading {align-items:flex-start;flex-direction:column;gap:15px}
  .step-number {width:41px;height:41px;font-size:16px}
  .chapter-heading h3 {font-size:clamp(35px,3.8vw,61px);letter-spacing:-.04em}
  .chapter-copy p {font-size:clamp(17px,1.48vw,21px)}
  .chapter-visual {box-shadow:0 16px 38px #14253335}
  .chapter-visual img {object-fit:contain}
  .enquiry-screenshot img {max-height:clamp(145px,calc(100svh - 445px),450px)}
  .secondary-shot img,.quote-sheet-open img {max-height:clamp(210px,calc(100svh - 320px),595px)}
  .customer-visual figure>img {max-height:56vh}
  .crew-plan-preview {align-items:center}
  .crew-plan-preview img {height:auto;width:auto;max-height:clamp(215px,calc(100svh - 265px),650px)}
  .tool-drawer[open] section.section {display:grid;align-content:center;padding-block:clamp(26px,4vh,54px)}
  #plans .section-heading,#warehouse .section-heading {width:100%}
  .faq {align-content:center;padding-block:clamp(28px,4vh,56px)}
  .industry {max-width:1392px;padding-block:0}
  .industry-lead,.industry>section.industry-point {display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.17fr);align-items:center;gap:clamp(25px,5vw,72px);padding-block:clamp(28px,4vh,58px)}
  .industry-lead .industry-image {margin:0;max-height:64vh;object-fit:contain}
  .industry>section.industry-next {display:grid;align-content:center;justify-items:start}
}
@media(max-width:820px) {
  .opening-chapter .story-card {margin-top:16px}
  .chapter-copy p {max-width:55ch;margin:10px 0}
  .chapter-copy .chapter-next {margin:5px 0 12px}
  .stock-tally {margin-top:15px}
  .industry-shot {margin-top:18px}
}
@media(max-width:620px) {
  .week-body {padding:12px 9px}
  .week-chrome {padding:10px}
  .week-chrome,.week-chrome>span {gap:7px}
  .week-chrome img {width:70px}
  .week-chrome>span>span {padding-left:7px;font-size:14px}
  .week-switch button {padding:8px 9px;min-height:44px}
  .week-scroll {margin-top:13px}
  .week-table {font-size:11px;border-spacing:2px}
  .week-table thead b {font-size:14px}
  .week-table tbody th {padding:7px 3px}
  .week-table tbody small {font-size:10px}
  .week-table td {font-size:12px;overflow-wrap:normal}
  .week-table th:first-child {width:22%}
  .week-key {gap:8px;font-size:12px}
  .secondary-shot img {max-height:none}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-snap-type:none;scroll-behavior:auto}
}
.industry-ledger {padding:clamp(18px,3vw,40px);background:#f8f2e8;color:var(--ink);border-radius:10px}
.industry-ledger h3 {font-size:26px}
.industry .industry-ledger p {color:#51606b}
.industry-ledger dl {margin:16px 0 0}
.industry-ledger dl>div {padding:10px 0;border-top:1px solid #d3ccc1}
.industry-ledger dt {font-weight:600}
.industry-ledger dd {margin:3px 0;color:#465963}
.week-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
.week-display {min-height:36px;padding:5px 0;background:transparent;color:#80452d;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.week-display[hidden],.week-example[hidden],#crm-calendar-capture[hidden] {display:none}
.stock-capture-open img {width:100%;height:auto;display:block;border:1px solid #d4ccc1;margin:12px 0;cursor:zoom-in}
.stock-week .capture-foot {margin:0;color:#51606a;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:14px}
.capture-foot a {color:#81482e;text-underline-offset:3px}
@media(min-width:821px) { .stock-capture-open img {width:auto;max-width:100%;max-height:calc(100svh - 300px);margin-inline:auto;object-fit:contain} }