/* Full-width product stories; palette and typography from the accepted SaaS brandbook. */
.product-promos{scroll-margin-top:86px}
.product-promo{padding:96px 0;overflow:hidden}
.product-promo h2{font-size:clamp(42px,4.6vw,68px);line-height:1.06;font-weight:500;letter-spacing:-.045em;margin:30px 0 26px}
.product-promo h2 em{font-style:normal}
.promo-kicker{display:flex;align-items:center;gap:14px;font-size:13px;line-height:1.5;letter-spacing:.025em;margin:0}
.promo-index{font-size:12px;opacity:.65}
.product-promo .promo-lead{font-size:19px;line-height:1.65;max-width:530px;margin:0}
.promo-principle{font-size:14px;line-height:1.7;margin:24px 0 30px}
.promo-description{display:inline-flex;gap:30px;align-items:center;font-size:16px;font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding:10px 0;min-height:44px}
.promo-description span{font-size:24px;line-height:1;transition:transform .15s}
.promo-description:hover span{transform:translate(2px,-2px)}
.promo-description:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.promo-execution{background:#10130F;color:#F2F4E9}
.promo-execution-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.promo-execution .promo-lead,.promo-water .promo-lead{color:#CBD2C6}
.promo-execution em,.promo-execution .promo-description{color:#B9FF61}
.promo-execution .promo-kicker,.promo-execution .promo-principle{color:#A7B1A1}
.execution-art{position:relative;max-width:560px}
.execution-art svg{width:100%;height:auto;display:block}
.execution-cycle{display:flex;justify-content:space-between;position:absolute;left:14%;right:14%;bottom:0;font-size:13px;color:#A7B1A1}
.promo-knowledge{background:#F3F1E7;color:#23281F;padding-top:88px;padding-bottom:90px}
.knowledge-heading h2{font-size:clamp(48px,6vw,88px);max-width:950px;margin-top:28px;margin-bottom:55px}
.promo-knowledge em{color:#536747}
.knowledge-body{display:grid;grid-template-columns:1.3fr 1fr;gap:72px;align-items:start}
.knowledge-route{display:flex;align-items:flex-start;gap:20px;padding-top:9px}
.knowledge-route span{flex:1;min-width:0;border-top:2px solid #536747;padding-top:18px}
.knowledge-route b{font-size:20px;font-weight:500;display:block}
.knowledge-route small{font-size:13px;line-height:1.6;color:#535E4D;display:block;margin-top:12px;max-width:100px}
.knowledge-route i{font-style:normal;font-size:22px;color:#536747;margin-top:17px}
.promo-knowledge .promo-lead{color:#23281F}
.promo-knowledge .promo-principle{color:#535E4D}
.promo-knowledge .promo-description{color:#23281F}
.promo-water{background:#23281F;color:#F2F4E9;padding-top:90px;padding-bottom:90px}
.promo-water-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}
.promo-water em,.promo-water .promo-description{color:#69C9EF}
.promo-water .promo-kicker,.promo-water .promo-principle{color:#A7B1A1}
.water-art svg{display:block;width:100%;height:auto}
.water-system{display:flex;justify-content:space-between;gap:12px;padding:12px 7% 0;font-size:12px;color:#A7B1A1}
.promo-system{background:#F3F1E7;color:#23281F}
.promo-system .system-summary{margin-top:0;padding-top:27px;padding-bottom:27px;border:0;font-size:14px}
@media(max-width:1000px){.promo-execution-layout,.promo-water-layout{gap:32px}.knowledge-body{gap:40px}.knowledge-route{gap:12px}.knowledge-route b{font-size:17px}.product-promo .promo-lead{font-size:18px}}
@media(max-width:760px){.product-promos{scroll-margin-top:78px}.product-promo{padding:54px 0 56px}.product-promo h2{font-size:clamp(36px,9vw,52px);margin-top:23px;margin-bottom:24px}.promo-kicker{font-size:12px;gap:10px}.promo-execution-layout,.knowledge-body,.promo-water-layout{grid-template-columns:1fr;gap:40px}.product-promo .promo-lead{font-size:17px;line-height:1.65}.promo-principle{font-size:13px;margin:20px 0 22px}.execution-art{max-width:420px;width:100%;margin:0 auto}.execution-cycle{font-size:12px}.knowledge-heading h2{font-size:clamp(43px,11.3vw,62px);margin-bottom:35px}.knowledge-body{gap:32px}.knowledge-route{gap:10px}.knowledge-route b{font-size:16px}.knowledge-route small{font-size:12px;margin-top:8px}.knowledge-route i{font-size:17px}.promo-water .promo-copy{grid-row:1}.water-art{max-width:460px;width:100%;margin:0 auto}.water-system{padding-left:5%;padding-right:5%;gap:8px;font-size:11px}.promo-system .system-summary{gap:16px;align-items:flex-start;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.promo-description span{transition:none}}

/* Machine controls: real, complete 1280x800 panel screen beside operator benefits. */
.home-machine-control{background:#F3F1E7;color:#23281F;padding:90px 0 84px;scroll-margin-top:100px}
.machine-control-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:52px;align-items:center}
.home-machine-control h2{font-size:clamp(34px,3.25vw,48px);line-height:1.08;font-weight:500;letter-spacing:-.04em;margin:24px 0}
.home-machine-control h2 em{font-style:normal;color:#536747}
.home-machine-control .promo-kicker{color:#535E4D;font-size:12px}
.home-machine-control .machine-control-lead{font-size:17px;line-height:1.65;color:#23281F;max-width:480px;margin:0}
.machine-control-benefits{list-style:none;padding:0;margin:28px 0 24px}
.machine-control-benefits li{margin:0;padding:14px 0;border-top:1px solid #C7CFC0}
.machine-control-benefits strong{display:block;font-size:16px;font-weight:500;line-height:1.5}
.machine-control-benefits li span{display:block;font-size:14px;line-height:1.6;color:#535E4D;margin-top:3px}
.machine-control-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.machine-control-actions .promo-description{gap:16px;color:#23281F;font-size:15px}
.machine-project-link{font-size:13px;color:#535E4D;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.machine-project-link:hover{text-decoration:underline}
.machine-control-panel{margin:0;min-width:0}
.machine-control-screen{display:block;background:#10130F;padding:12px 12px 0;border-radius:16px;color:#F2F4E9;text-decoration:none;box-shadow:0 22px 50px #23281F1A}
.machine-control-screen img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;border-radius:0}
.machine-screen-expand{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:8px 4px;font-size:12px;color:#A7B1A1}
.machine-screen-expand>span{color:#B9FF61;font-size:20px}
.machine-control-screen:hover .machine-screen-expand{color:#F2F4E9}
.machine-control-screen:focus-visible,.machine-project-link:focus-visible{outline:2px solid #536747;outline-offset:5px}
.machine-control-panel figcaption{color:#535E4D;font-size:12px;line-height:1.6;margin-top:16px;padding:0 4px}
@media(max-width:1000px){.machine-control-layout{grid-template-columns:1fr 1.3fr;gap:32px}.home-machine-control h2{font-size:36px}}
@media(max-width:760px){.home-machine-control{padding:54px 0 56px;scroll-margin-top:78px}.machine-control-layout{grid-template-columns:1fr;gap:32px}.home-machine-control h2{font-size:clamp(32px,8.2vw,44px);margin:23px 0}.machine-control-benefits{margin:24px 0 20px}.machine-control-screen{padding:8px 8px 0;border-radius:12px}.machine-control-panel figcaption{font-size:11px;margin-top:12px}.machine-control-screen .machine-screen-expand{font-size:12px}}

/* Product description actions stay visible on each band and at narrow widths. */
.product-promo .promo-description,.machine-control-actions .promo-description{border:0;border-radius:10px;min-height:52px;padding:14px 22px;font-size:16px;line-height:1.35;font-weight:500;gap:22px;max-width:100%}
.promo-execution .promo-description{background:#B9FF61;color:#23281F}
.promo-knowledge .promo-description{background:#23281F;color:#F3F1E7}
.promo-water .promo-description{background:#69C9EF;color:#23281F}
.machine-control-actions .promo-description{background:#23281F;color:#F3F1E7}
.product-promo .promo-description:hover,.machine-control-actions .promo-description:hover{filter:brightness(.94)}
.promo-execution .promo-description:focus-visible{outline-color:#B9FF61}
.promo-water .promo-description:focus-visible{outline-color:#69C9EF}
.promo-knowledge .promo-description:focus-visible,.machine-control-actions .promo-description:focus-visible{outline:2px solid #23281F;outline-offset:5px}
@media(max-width:760px){.product-promo .promo-description,.machine-control-actions .promo-description{padding:14px 18px;gap:16px;font-size:15px}}