/* FLOW showroom. Equipment first; the configurator remains a working surface. */
:root{--ink:#202a27;--muted:#596760;--green:#285447;--line:#d7ddd6;--paper:#f7f8f4;--copper:#b64725;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
html{scroll-padding-top:24px;scrollbar-color:#87988e #eff1eb}body{background:#f7f8f4;color:var(--ink);background-image:none}::selection{color:#fff;background:#285447}button,input,textarea{caret-color:var(--green)}a{text-underline-offset:4px}button:focus-visible,a:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #b64725;outline-offset:4px}h1,h2,h3{text-wrap:balance;letter-spacing:-.035em}p{line-height:1.75}.eyebrow,.journal-eyebrow{display:none}[hidden]{display:none!important}
header{max-width:1600px;margin:auto;height:92px;background:transparent;border-color:var(--line);padding:0 4%;gap:24px}.logo{font-size:34px;letter-spacing:-.04em;color:var(--ink)}.logo>span:first-child{color:var(--green)}.lab{color:#5a6e62;letter-spacing:.12em;font-size:10px}header nav{font-size:12px}header nav span{color:#a1aaa3;margin:0 20px}header nav a{color:#4c5e53}header nav b{color:var(--ink)}header button{border:1px solid #cbd3ca;border-radius:7px;padding:11px 15px;color:#46594c;font-size:11px;min-height:42px}
main{max-width:1600px;padding:0 4%}.showroom-intro{display:grid;grid-template-columns:.92fr 1.08fr;min-height:610px;align-items:stretch;gap:20px;padding:0;margin:0;border-radius:0;background:none;color:var(--ink);box-shadow:none;overflow:visible}.showroom-intro:after{display:none}.hero-copy{padding:98px 0 55px;align-self:center}.showroom-intro h1{font-size:clamp(48px,5.25vw,78px);line-height:1.04;letter-spacing:-.04em;max-width:660px;margin:0 0 30px;font-weight:600}.showroom-intro h1 em{font-style:normal;color:var(--green)}.showroom-intro p{color:#56675c;font-size:16px;max-width:395px;line-height:1.85;margin:0 0 28px}.hero-cta{background:var(--copper);color:#fff;border-radius:7px;font-size:13px;font-weight:700;padding:17px 22px;gap:24px;margin:0;min-height:54px;transition:transform 160ms var(--ease-out)}.hero-cta:hover{background:#963a1d}.hero-cta:active{transform:scale(.98)}.hero-cta svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.6}.hero-secondary{display:block;width:max-content;margin-top:18px;font-size:12px;color:#4e6155;text-decoration:none;border-bottom:1px solid #8a9a8f;padding-bottom:3px}.hero-footnote{font-size:11px;margin-top:42px;color:#405749}.hero-footnote span{color:#647269;border-left:1px solid #bdc8be;margin-left:14px;padding-left:14px}.hero-showcase{position:relative;min-width:0;align-self:center;height:560px;background:#edf0e9;border-radius:12px;overflow:hidden}.hero-showcase>canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.hero-showcase>canvas:active{cursor:grabbing}.showcase-heading{position:absolute;top:28px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:baseline;pointer-events:none;z-index:2}.showcase-heading>span:first-child{font-size:21px;font-weight:800;letter-spacing:-.03em}.showcase-heading>span:first-child b{font-weight:400;color:#6b7a6e}.showcase-heading>span:last-child{font-size:10px;color:#5c6c60}.showcase-bottom{position:absolute;left:25px;right:25px;bottom:46px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#4c6052;pointer-events:none}.showcase-bottom button{font-size:10px;padding:10px 12px;border-radius:6px;border:1px solid #b8c5b9;background:#f7faf3;pointer-events:auto}.showcase-bottom button[aria-pressed=true]{background:#285447;color:white;border-color:#285447}.showcase-caption{position:absolute;bottom:20px;left:25px;color:#69796c;font-size:9px}.hero-3d-fallback{position:absolute;inset:120px 30px auto;line-height:1.7}
.trust-strip{display:flex;justify-content:space-between;margin:0 0 74px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0}.trust-strip>div{border:0;border-radius:0;background:none;box-shadow:none;padding:26px 16px 26px 0;flex:1;gap:16px}.trust-strip>div>span{display:none}.trust-strip>div:not(:first-child){padding-left:35px;border-left:1px solid var(--line)}.trust-strip p{font-size:11px;color:#657166}.trust-strip b{color:#283d30;font-size:13px;font-weight:700;margin-bottom:3px}
.workspace{grid-template-columns:minmax(0,1fr) 318px;gap:24px;scroll-margin-top:24px}.builder{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}.stage-head{background:#fff;border:1px solid var(--line);border-radius:12px 12px 0 0;padding:21px;font-size:9px;letter-spacing:.08em}.stage-head b{font-size:13px;color:#284c3c}.stage-head .seg{background:#eff2ec}.stage-head .seg .on{background:#285447;color:#fff;box-shadow:none}.seg button{min-height:40px;padding:10px 14px;border-radius:5px;font-size:11px}.layout-controls{padding:16px 20px;background:white;border-left:1px solid var(--line);border-right:1px solid var(--line)}.layout-controls>span{color:#536656}.layout-options button{border-radius:6px;color:#4f6155;font-size:11px}.layout-options button.on{background:#eef4ed;border-color:#49715a;color:#285447}.layout-options .custom-option{color:#285447}.layout-controls>small{color:#69766b;font-size:10px;max-width:580px}.system-controls{background:#fff!important;border-color:var(--line)!important;padding:14px 20px!important}.system-controls button{font-size:10px!important;min-height:40px;border-radius:5px!important}.system-controls .on{background:#285447!important;color:#fff!important}.stage,.stage.is-volume{background:#edf0e9;border-color:var(--line)}.stage.is-volume .stage-label{background:transparent;position:absolute;left:20px;top:15px;z-index:2;padding:0;color:#5e7261;font-size:8px;letter-spacing:.1em}.stage-label strong{font-size:10px;font-weight:500;letter-spacing:0}.real-volume-stage{height:490px;background:#edf0e9}.volume-help{display:none}.volume-ui>button{top:18px;right:18px;background:#f7f9f2;border-color:#becbbc;color:#405c48;border-radius:5px;min-height:36px}.volume-label{font:600 9px Manrope,Arial,sans-serif;color:#34543f;background:#f8faf2;border-color:#b6c6b4;border-radius:4px;box-shadow:none;padding:6px 8px;backdrop-filter:none}.volume-note{font-size:9px;color:#586d5a;text-shadow:none;bottom:15px}.hydraulic-legend,.stage.is-volume .hydraulic-legend{background:#f6f8f2;color:#5b6c5f;font-size:10px}.stage-bottom{font-size:10px;margin:0 16px 14px;color:#536b58}.stage-bottom button{border-radius:5px;color:#3f6149;background:#f7f9f3;font-size:10px}.hydraulic-status{font-size:11px;color:#4b6252}.hydraulic-assumption{font-size:10px!important;color:#68766a!important;line-height:1.75}.stats{border:1px solid var(--line);border-radius:10px;padding:24px 0;margin-top:17px}.stat b{font-size:25px;font-weight:600;color:#233e2d}.stat small{font-size:9px;color:#647465}.stat b span{color:#617563;font-size:11px}.calculation-note{font-size:10px;color:#69766a;flex-wrap:wrap}.module-head{margin:42px 0 7px}.module-head h2{font-size:28px;letter-spacing:-.035em;font-weight:600;margin:0 0 16px}.module-head>span{font-size:11px;color:#657867;display:block}.tabs{gap:0;border-bottom:1px solid var(--line);padding-bottom:0;margin-bottom:24px}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;color:#637266;padding:12px 14px 15px;font-size:12px;background:transparent;min-height:47px}.tabs button.active{background:transparent;border-color:#285447;color:#285447;box-shadow:none;font-weight:800}
.cards{gap:14px}.product-card{border-radius:12px;border:1px solid #d6ded2;background:white;box-shadow:none;transition:none}.product-card:hover{border-color:#7d9882;box-shadow:none}.product-card.is-selected{border:1px solid #285447;box-shadow:inset 0 0 0 1px #285447}.product-visual{height:210px;background:#edf0e9;padding:0;overflow:hidden;flex-shrink:0}.product-art{width:100%;height:100%;max-width:none;display:block}.product-art canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.product-art canvas:active{cursor:grabbing}.model-fallback{display:block;padding:35px 16px;height:100%;width:100%}.product-art.is-model .model-fallback{display:none}.product-status{top:12px;left:12px;border-radius:4px;background:#fff;color:#5a6c5f;padding:6px 8px;font-size:8px;pointer-events:none}.product-status.chosen{background:#285447}.product-badge{bottom:12px;left:12px;transform:none;background:none;color:#52715a;padding:0;font-size:8px;letter-spacing:.02em;pointer-events:none}.product-model-hint{position:absolute;bottom:12px;right:12px;color:#617865;font-size:8px;pointer-events:none}.product-body{padding:17px}.product-category{font-size:9px;color:#68786c;letter-spacing:.03em}.product-card h3{font-size:17px;color:#243d2b;font-weight:600;line-height:1.45;min-height:48px;margin:8px 0 11px}.product-benefit{font-size:12px;color:#596b5e;line-height:1.75;min-height:63px}.product-facts{font-size:10px}.product-facts dt{color:#647368}.product-facts dd{color:#3b5644}.product-fit{font-size:10px;color:#647467;margin-bottom:15px}.product-fit b{color:#4e6855;font-weight:700}.product-price{font-size:19px;font-weight:700;color:#285447;letter-spacing:-.025em}.product-price small{font-size:9px;color:#6c7b6e}.product-footer button{background:#285447;border-radius:5px;font-size:11px;padding:12px 14px;min-height:43px}.product-footer button:hover{background:#1d4035}.product-footer button[aria-pressed=true]{background:#edf3e9;color:#2f573c}.product-scores{border-color:#d9e2d3!important}.module-score{color:#536958!important}.module-score strong,.module-score b{color:#315b3e!important}.card-index-note{font-size:9px;color:#65766a!important}.explain{background:#eaf0e5;border-radius:6px;color:#526d58;font-size:11px;padding:17px;line-height:1.8}
aside{padding:25px 22px;border-radius:12px;border-color:#cfd9cb;background:#edf2e7;box-shadow:none;top:20px;max-height:none;overflow:visible;position:static}.aside-title h2{font-weight:600;font-size:27px;letter-spacing:-.035em;margin:0 0 10px}.aside-title p{font-size:11px;color:#586b5b;line-height:1.8}.score-label{font-size:9px;letter-spacing:.08em;color:#607463}.config-score{background:transparent!important;border-color:#d1dccb!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}.config-score>span{font-size:11px!important;color:#48654f!important}.config-score strong{font-weight:600!important;color:#254a33!important}.config-score small,.config-score p,.index-disclaimer{color:#617464!important}.config-score b{background:#dfead8!important;color:#345a3c!important}.index-track{background:#d6e1d0!important}.index-track i{background:#547c56!important;transition:none!important}.index-disclaimer{font-size:10px!important;line-height:1.8!important}.index-method summary,.actual-specs summary{font-size:10px!important;color:#4f6c54!important}.index-method p{font-size:10px!important;color:#5a715e!important}.change{background:#e3eddb;border:0;border-radius:6px;padding:14px;color:#4f6b55}.change b{color:#2d5039}.change small{color:#5c745f;font-size:8px}.price{border-color:#c9d8c2}.price>span,.price>small,.price-delta{color:#5e7461;font-size:10px;line-height:1.75}.price strong{color:#21452f;font-size:37px;letter-spacing:-.035em}.price button{background:#285447;border-radius:6px;font-size:11px;font-weight:700}.price button:hover{background:#1f4036}.price .request-button{background:transparent;border:1px solid #a8bea1;color:#406449}.note{font-size:9px;color:#627366;line-height:1.8}.result-row p,.included-note{color:#617766}.result-row strong{color:#375c40}
.real-system{border-radius:0!important;border:0!important;box-shadow:none!important;background:none!important;padding:0!important;margin-top:100px!important;gap:70px!important;align-items:center}.real-photo{background:#e5e9df;border-radius:12px;overflow:hidden}.real-photo img{max-height:600px;object-fit:cover;object-position:center 65%}.real-photo figcaption{background:#e8ede2;color:#5f7462;font-size:10px!important;padding:17px!important;line-height:1.8}.real-copy h2{font-size:clamp(30px,3.3vw,48px)!important;line-height:1.12!important;color:#284635;font-weight:600;letter-spacing:-.035em}.real-copy p{font-size:13px!important;color:#647165!important;line-height:1.9!important}.real-copy dt{font-size:13px!important;color:#344f3c!important}.real-copy dd{font-size:12px!important;color:#647366!important}.real-copy dl>div{border-color:#d3ddce!important}.technology{margin-top:90px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;padding:38px 0;gap:32px;grid-template-columns:1.25fr 1fr 1fr 1fr}.technology h2{font-weight:600;font-size:30px;letter-spacing:-.035em;margin:0 0 18px}.technology h3{font-size:18px;font-weight:600;margin-top:0;color:#2f4b38}.technology article>span{display:none}.technology article{border-color:#cfd9c9;padding-left:24px}.technology p{font-size:12px;line-height:1.9;color:#627364}.journal-home{padding:40px 0!important;background:none!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}.journal-home-heading h2{font-size:36px!important;font-weight:600!important;letter-spacing:-.035em!important;color:#2c4837!important;line-height:1.2!important}.journal-grid{gap:25px!important}.journal-card{border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transition:transform 200ms var(--ease-out)!important}.journal-cover{border-radius:8px;background:#e4ebdc!important;color:#47664c!important;height:145px!important}.journal-cover svg{opacity:.75}.journal-cover>span{display:none}.journal-card h3{font-size:17px!important;line-height:1.5!important;font-weight:600!important;color:#2e4e39!important}.journal-card>div:last-child{padding:18px 0!important}.journal-card p{font-size:12px!important;color:#647467!important;line-height:1.8!important}.journal-card small,.journal-read{font-size:10px!important;color:#52715a!important}.journal-home-heading>a{color:#335c42!important}.seo-content{background:#edf1e7;box-shadow:none;border:0;border-radius:12px;padding:35px;gap:55px;margin:40px 0 60px}.seo-content h2{font-weight:600;font-size:26px;color:#2b4936}.seo-content p{color:#5d7061;font-size:12px}.seo-content summary{color:#3d6048;font-size:12px}footer{font-size:10px;color:#536e5c;border-color:#cfdbca;letter-spacing:.03em;margin-top:40px;padding:30px 0 40px}footer a{color:#335b42}
dialog{border:0;box-shadow:0 25px 80px #18291c30;border-radius:12px;background:#f8faf4}dialog::backdrop{background:#182b2466;backdrop-filter:none}dialog h2{font-weight:600;color:#2c4e37}#custom-request-form label{color:#41614b;font-size:12px}#custom-request-form input,#custom-request-form textarea{font-size:14px;border-color:#bccfb5;border-radius:6px}#custom-request-form input::placeholder,#custom-request-form textarea::placeholder{color:#687e6b}.request-primary{background:#285447;border-radius:6px}.request-primary:hover{background:#1e4135}.request-intro,.request-privacy,.request-service-status{color:#5e7563}.request-privacy{font-size:10px}.request-primary:disabled{background:#dce3d5;color:#52634d}.request-connection{color:#456c4e}.request-config{background:#e9efe2;color:#586f5c}
.journal-page{background:#f7f8f4}.journal-header{max-width:1300px;height:92px}.journal-logo{color:#253e2e!important}.journal-logo small{color:#5c7561!important}.journal-cta{background:#285447!important;border-radius:6px!important;color:white!important}.article-heading h1{font-size:clamp(34px,4vw,58px)!important;font-weight:600!important;letter-spacing:-.035em!important;color:#294835!important;max-width:900px!important}.article-heading p,.article-body p,.article-body li{color:#536c5b!important;line-height:1.9!important}.article-body h2{color:#2c4a36!important;font-weight:600!important}.article-aside{background:#e9efe1!important;border:0!important;border-radius:10px!important}.article-callout{background:#e8efdf!important;border:0!important}.breadcrumbs,.article-heading small{color:#5d7562!important}
@media(hover:hover) and (pointer:fine){.hero-cta:hover{transform:translateY(-2px)}.journal-card:hover{transform:translateY(-3px)}.product-art canvas:hover{cursor:grab}}
@media(min-width:1450px){.hero-showcase{height:610px}.showroom-intro{min-height:670px}.real-volume-stage{height:540px}}
@media(max-width:1150px){.showroom-intro{grid-template-columns:1fr 1.05fr;min-height:550px;gap:20px}.showroom-intro h1{font-size:55px}.hero-copy{padding:65px 0 45px}.hero-showcase{height:480px}.showcase-heading{left:20px;right:20px}.showcase-heading>span:last-child{font-size:8px}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.product-body{padding:13px}.cards{gap:10px}.product-visual{height:175px}.product-card h3{font-size:15px}.product-footer{display:block}.product-footer button{width:100%;max-width:none;margin-top:12px}.product-model-hint{font-size:7px}.real-system{gap:40px!important}.technology{grid-template-columns:1fr 1fr}.technology article{border:0;padding:0}.product-badge{max-width:50%;font-size:7px}.product-benefit{font-size:11px}}
@media(max-width:1080px){.workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:28px}.aside-title{grid-column:1/-1}#benefits{grid-row:2/5}.note{grid-column:2}.price{align-self:start}.product-visual{height:240px}.product-body{padding:20px}.product-card h3{font-size:18px}.product-benefit{font-size:12px}.product-model-hint,.product-badge{font-size:9px}.product-footer{display:flex}.product-footer button{width:auto;margin:0;max-width:130px}.hero-footnote span{display:block;border:0;padding:0;margin:7px 0 0}.showcase-bottom{flex-wrap:wrap;bottom:48px;gap:10px}.hero-copy{padding-top:45px}.trust-strip{margin-bottom:50px}}
@media(max-width:760px){header{height:76px;padding:0 20px;gap:10px}header .logo{font-size:30px}header button{font-size:10px;min-height:39px;padding:9px 12px}main{padding:0 20px}.showroom-intro{display:flex;flex-direction:column;gap:24px;min-height:0;margin-bottom:28px}.hero-copy{padding:46px 0 0;width:100%}.showroom-intro h1{font-size:clamp(42px,10vw,64px);line-height:1.07;letter-spacing:-.04em;margin-bottom:23px}.showroom-intro p{font-size:14px;line-height:1.85;max-width:420px;margin-bottom:24px}.hero-cta{font-size:12px;min-height:50px;padding:14px 18px}.hero-secondary{display:inline-block;margin:0 0 0 16px;font-size:11px}.hero-footnote{margin-top:24px;font-size:10px}.hero-footnote span{display:inline;border-left:1px solid #bdc8be;margin-left:10px;padding-left:10px}.hero-showcase{width:100%;height:390px;flex-shrink:0}.showcase-heading{top:20px;left:18px;right:18px}.showcase-heading>span:first-child{font-size:20px}.showcase-heading>span:last-child{font-size:9px}.showcase-bottom{left:18px;right:18px;bottom:40px;flex-wrap:nowrap;font-size:9px}.showcase-bottom button{font-size:9px;padding:8px 10px;min-height:36px}.showcase-caption{left:18px;bottom:17px;font-size:8px}.trust-strip{display:flex;flex-direction:column;margin:0 0 40px;overflow:visible;border-top:0;gap:0;padding:0}.trust-strip>div{min-width:0;padding:15px 0;gap:0;border-top:1px solid var(--line);width:100%}.trust-strip>div:not(:first-child){border-left:0;padding:15px 0}.trust-strip p{display:flex;flex-wrap:wrap;column-gap:12px;align-items:baseline;font-size:10px}.trust-strip b{font-size:12px;margin:0}.stage-head{padding:15px;gap:14px}.stage-head>div:first-child{font-size:9px}.stage-head b{font-size:12px}.stage-head .seg{width:100%}.stage-head .seg button{flex:1;font-size:11px;padding:10px}.layout-controls{padding:14px}.layout-options{gap:7px}.layout-options button{padding:9px 10px;font-size:10px}.layout-options button svg{width:20px}.layout-controls>small{font-size:9px}.system-controls{padding:12px 14px!important;gap:9px!important}.system-controls button{font-size:9px!important}.diagram-actions{gap:8px!important}.stage.is-volume .stage-label{position:relative;left:auto;top:auto;padding:12px 14px 0;font-size:8px}.stage.is-volume .stage-label strong{font-size:9px;margin-left:8px}.real-volume-stage{height:390px}.volume-label{font-size:8px;padding:5px}.volume-ui>button{top:8px;right:10px;font-size:9px;padding:8px}.volume-note{font-size:8px;left:12px;bottom:12px}.hydraulic-legend{font-size:8px;gap:8px}.stage-bottom{font-size:9px;gap:6px;margin:0 10px 10px}.stage-bottom button{font-size:9px;padding:9px;min-height:38px}.hydraulic-assumption{font-size:9px!important}.stats{padding:20px 0;gap:20px 0}.stat{padding:0 18px}.stat b{font-size:26px}.stat small{font-size:9px}.module-head{margin-top:32px;align-items:flex-start;gap:10px}.module-head h2{font-size:25px;margin-bottom:12px}.module-head>span{font-size:9px;white-space:nowrap;margin-top:7px}.tabs{margin-bottom:18px}.tabs button{font-size:11px;padding:12px 14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-visual{height:180px}.product-body{padding:14px}.product-card h3{font-size:15px;min-height:44px}.product-benefit{font-size:11px;min-height:77px}.product-category{font-size:8px}.product-status{font-size:7px;padding:5px 6px;left:10px;top:10px}.product-badge{font-size:7px;max-width:100%;bottom:27px;left:10px}.product-model-hint{font-size:7px;left:10px;right:auto;bottom:12px}.product-facts{font-size:9px}.product-fit{font-size:10px}.product-price{font-size:18px}.product-price small{font-size:8px}.product-footer{display:block}.product-footer button{width:100%;max-width:none;margin-top:12px;font-size:11px}.explain{font-size:11px;padding:15px}aside{display:block;padding:23px;margin-top:24px}#benefits{display:block}.aside-title h2{font-size:27px}.price strong{font-size:38px}.real-system{margin-top:60px!important;gap:25px!important}.real-photo img{max-height:500px}.real-copy h2{font-size:34px!important}.real-copy p{font-size:12px!important}.technology{margin-top:52px;grid-template-columns:1fr;padding:28px 0;gap:20px}.technology article{border-top:1px solid var(--line);padding-top:20px}.technology h2{font-size:30px}.technology h3{font-size:20px}.technology p{font-size:12px}.journal-home{padding:30px 0!important}.journal-home-heading h2{font-size:29px!important}.journal-home-heading{align-items:flex-start!important}.journal-home-heading>a{font-size:10px!important;white-space:nowrap}.journal-grid{gap:25px!important}.journal-cover{height:130px!important}.seo-content{padding:24px;gap:30px;margin-top:30px}.seo-content h2{font-size:24px}.seo-content summary{font-size:12px}.seo-content p{font-size:12px}footer{flex-wrap:wrap;font-size:9px;padding-bottom:30px}footer span:last-child{max-width:none;width:100%}#custom-request-form input,#custom-request-form textarea{font-size:16px}.journal-header{height:76px}.article-heading h1{font-size:36px!important}.article-body p,.article-body li{font-size:14px!important}}
@media(max-width:390px){main{padding:0 15px}header{padding:0 15px}.hero-secondary{display:block;width:max-content;margin:18px 0 0}.hero-footnote{font-size:9px}.hero-showcase{height:355px}.showcase-heading>span:last-child{font-size:8px}.showcase-bottom{font-size:8px;gap:5px}.cards{grid-template-columns:1fr}.product-visual{height:250px}.product-body{padding:20px}.product-card h3{font-size:19px;min-height:0}.product-benefit{font-size:12px;min-height:0}.product-status{font-size:9px}.product-badge{font-size:9px;bottom:15px}.product-model-hint{left:auto;right:12px;bottom:15px;font-size:9px}.product-facts{font-size:11px}.product-fit{font-size:11px}.product-footer{display:flex}.product-footer button{width:auto;margin:0;max-width:140px}.product-price{font-size:21px}.journal-home-heading{flex-direction:column;gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-cta:hover,.journal-card:hover{transform:none}}

/* Match the scroll viewport to the 3D canvas; preserve deliberate zoom overflow. */
.stage.is-volume .hydraulic-canvas{height:490px}.real-volume-stage{height:calc(490px * var(--diagram-zoom,1))}.product-score{color:#52694f}.product-score b{color:#667861}.product-score b.positive{color:#315d3c}.score-caption{color:#64775c}.article-formula{border-left:0;border-radius:6px}.article-callout{padding:24px;border-radius:8px}.article-aside p{color:#5c7160}.journal-page{font-family:Manrope,Arial,sans-serif}
@media(min-width:1450px){.stage.is-volume .hydraulic-canvas{height:540px}.real-volume-stage{height:calc(540px * var(--diagram-zoom,1))}}
@media(max-width:760px){.stage.is-volume .hydraulic-canvas{height:390px}.real-volume-stage{height:calc(390px * var(--diagram-zoom,1))}}

/* Catalog presentation shared with the reading pages through the showroom sheet. */
:root {
  --store-ground: #f3f3f3;
  --store-green: #4d7700;
  --store-green-hover: #395b00;
  --store-price: #a94416;
  --store-line: #dedfdb;
}
.flow-store, .journal-page { background: var(--store-ground); }
.store-banner {
  padding: 8px 16px;
  background: #fff0b9;
  color: #664315;
  text-align: center;
  font-size: 12px;
  font-weight: 750;
}
.flow-store > header {
  display: flex;
  height: auto;
  min-height: 66px;
  max-width: none;
  padding: 10px max(4%, calc((100% - 1472px) / 2));
  background: white;
  border-bottom: 1px solid var(--store-line);
}
.flow-store > header nav { display: flex; align-items: center; gap: clamp(12px, 2vw, 32px); }
.flow-store > header nav a { color: #252721; font-size: 13px; font-weight: 750; white-space: nowrap; }
.flow-store > header nav a:hover { color: var(--store-green); text-decoration: underline; }
.flow-store .logo > span:first-child { color: var(--store-green); }
.flow-store .showroom-intro {
  margin: 22px 0 0;
  min-height: 0;
  gap: 12px;
  align-items: stretch;
  padding: 14px;
  border-radius: 16px;
  background: #a8321b;
  color: white;
  overflow: hidden;
}
.flow-store .hero-copy { padding: clamp(20px, 3.5vw, 54px); }
.flow-store .showroom-intro h1 {
  margin-bottom: 14px;
  color: white;
  font-size: clamp(34px, 5.2vw, 75px);
  font-weight: 800;
}
.flow-store .showroom-intro p, .flow-store .hero-secondary { color: #fff3e9; }
.flow-store .showroom-intro p { margin-bottom: 17px; line-height: 1.55; }
.flow-store .hero-secondary { border-color: #ffcbb7; }
.flow-store .hero-cta { color: #23350d; background: #dbf499; }
.flow-store .hero-cta:hover { background: #efffc9; }
.flow-store .hero-footnote { display: none; }
.flow-store .hero-showcase { height: clamp(330px, 33vw, 464px); align-self: stretch; }
.system-shelf { margin-top: 28px; scroll-margin-top: 12px; }
.system-shelf-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 18px;
  margin-bottom: 12px;
}
.system-shelf-heading h2 { margin: 0; font-size: clamp(24px, 3.1vw, 36px); }
.system-shelf-heading > a { color: var(--store-green); font-size: 13px; font-weight: 800; }
.system-shelf-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.system-card { background: white; border-radius: 14px; overflow: hidden; }
.system-card-plan { display: grid; place-items: center; min-height: 104px; margin: 8px; border-radius: 9px; background: #edf2e4; }
.system-plan-slots {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, 23px);
  grid-auto-columns: 23px;
  gap: 13px;
  color: #304e1b;
}
.system-plan-slots::before { content: ""; position: absolute; top: calc(50% - 1px); left: 11px; right: 11px; height: 2px; background: currentColor; }
.system-plan-slots i { position: relative; border: 2px solid currentColor; border-radius: 5px; }
.system-plan-slots i:nth-child(odd)::after,
.system-plan-slots i:nth-child(even)::after { content: ""; position: absolute; left: calc(50% - 1px); width: 2px; height: 8px; background: currentColor; }
.system-plan-slots i:nth-child(odd)::after { top: 100%; }
.system-plan-slots i:nth-child(even)::after { bottom: 100%; }
.system-card-body { padding: 9px 16px 16px; }
.system-card h3 { margin: 0; font-size: 22px; }
.system-card p { margin: 1px 0 12px; color: #545b50; font-size: 13px; }
.system-card-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 9px; }
.system-card-footer small { display: block; color: #545b50; font-size: 11px; }
.system-card-footer strong { color: var(--store-price); font-size: clamp(17px, 2vw, 22px); font-variant-numeric: tabular-nums; white-space: nowrap; }
.system-card-footer a, .help-panel button {
  display: inline-grid;
  place-items: center;
  min-height: 44px;
  padding: 8px 14px;
  border-radius: 8px;
  background: var(--store-green);
  color: white;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
.system-card-footer a:hover, .help-panel button:hover { background: var(--store-green-hover); }
.flow-store .trust-strip { margin: 12px 0 34px; gap: 12px; border: 0; }
.flow-store .trust-strip > div { padding: 15px; border: 0; border-radius: 12px; background: white; }
.flow-store .product-footer button:not([aria-pressed=true]), .journal-page .journal-cta { background: var(--store-green); color: white; }
.flow-store .product-price, .flow-store .price strong { color: var(--store-price); }

.flow-help {
  position: fixed;
  z-index: 20;
  right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  gap: 8px;
  max-width: calc(100vw - 24px);
}
.flow-help summary {
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  min-height: 44px;
  padding: 8px 13px;
  border-radius: 22px;
  background: var(--store-green);
  color: white;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}
.flow-help summary::-webkit-details-marker { display: none; }
.flow-help svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.flow-help:not([open]) .help-open, .flow-help[open] .help-closed { display: none; }
.help-panel {
  width: min(290px, calc(100vw - 24px));
  overflow: auto;
  max-height: calc(100dvh - 76px);
  border-radius: 14px;
  background: white;
  box-shadow: 0 8px 28px #202a2733;
}
.help-panel strong { display: block; padding: 11px 15px; background: var(--store-green); color: white; }
.help-panel p { margin: 11px 15px 5px; font-size: 14px; }
.help-panel a, .help-panel button, .help-panel small { display: block; margin: 0 15px; }
.help-panel a { padding: 9px 0; color: var(--store-green); font-size: 13px; font-weight: 750; }
.help-panel button { margin-top: 4px; border: 0; }
.help-panel small { padding: 8px 0 12px; color: #545b50; font-size: 11px; }
.flow-store > footer { padding-bottom: 65px; }

@media (max-width: 760px) {
  .flow-store > header { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; }
  .flow-store > header nav { display: flex; grid-row: 2; grid-column: 1 / -1; flex-wrap: wrap; gap: 4px 16px; }
  .flow-store > header nav a { padding-block: 7px; }
  .flow-store .showroom-intro { grid-template-columns: 1fr; margin-top: 12px; padding: 10px; }
  .flow-store .hero-copy { padding: 14px 10px 4px; }
  .flow-store .showroom-intro h1 br { display: none; }
  .flow-store .hero-showcase { height: 260px; }
  .flow-store .trust-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .system-shelf-grid, .flow-store .trust-strip { grid-template-columns: 1fr; }
  .system-card { display: grid; grid-template-columns: minmax(80px, 30%) minmax(0, 1fr); }
  .system-card-plan { min-height: 80px; }
  .system-plan-slots { grid-template-rows: repeat(2, 13px); grid-auto-columns: 13px; gap: 9px; }
  .system-plan-slots::before { left: 6px; right: 6px; }
  .system-plan-slots i:nth-child(odd)::after, .system-plan-slots i:nth-child(even)::after { height: 5px; }
  .system-card-body { padding: 9px 10px 10px 4px; }
  .system-card p { margin-bottom: 5px; }
  .system-card-footer a { padding-inline: 8px; }
}
.flow-store .hero-showcase { color: var(--ink); }
.flow-store .showcase-heading > span:first-child b,
.flow-store .showcase-caption { color: #516157; }
.flow-help .help-panel { position: absolute; right: 0; bottom: calc(100% + 8px); }