/* Customer frontend, based on the reviewed design proposals. */
.mobile-feedback{display:none}
.spotlight-section{background:#dcecd9;padding:80px 0}.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.spotlight-grid h2{font-size:clamp(60px,8vw,112px);letter-spacing:-5px;line-height:1;margin:25px 0}.spotlight-grid p:not(.eyebrow){font-size:20px;line-height:1.75;max-width:540px;margin-bottom:30px}.spotlight-image{height:400px;min-width:0}.spotlight-image>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.spotlight-image .abstract-product{border-radius:20px}@media(max-width:760px){.spotlight-section{padding:55px 0}.spotlight-grid{grid-template-columns:1fr;gap:30px}.spotlight-grid h2{letter-spacing:-3px;overflow-wrap:anywhere}.spotlight-grid p:not(.eyebrow){font-size:17px}.spotlight-image{height:300px}}
.customer-site .intro{color:#536b5c}.customer-site .eyebrow{color:#427257}.customer-site .detail-visual>img,.customer-site .card-image>img{mix-blend-mode:multiply}.customer-site .environment-image>img,.customer-site .card-image>img[src*='water-solution']{mix-blend-mode:normal}
.customer-site .hero-copy .intro{color:#536b5c}.customer-site .hero-copy .eyebrow{color:#427257}.customer-site .scroll-cue{color:#5a7361}.customer-site .image-label{background:#253b31d9;color:#e5f4e9}.customer-site .section-heading>p{color:#546b5c}
.customer-site{--ink:#25332f;--mint:#a8e4c7;background:#f8f8f3;color:var(--ink)}.customer-site [hidden]{display:none!important}.website-preview{display:flex;gap:24px;flex-wrap:wrap;align-items:center;background:#dceee3;padding:10px 5%;font-size:12px}.website-preview span{font-weight:700}.website-preview a{padding:5px 0}.customer-site .site-header{position:relative;z-index:20;max-width:none;padding-inline:5%;border-bottom:1px solid #d9e1d8}.customer-nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.customer-nav details{position:relative}.customer-nav summary{cursor:pointer;list-style:none;padding:14px 0}.customer-nav summary:after{content:'⌄';margin-left:8px}.customer-nav> a{padding:14px 0}.nav-menu{position:absolute;top:100%;left:-20px;min-width:275px;max-height:70vh;overflow:auto;padding:14px;background:#fff;border:1px solid #d2ddd4;box-shadow:0 16px 50px #25332f20;border-radius:12px}.nav-menu a{display:block;padding:11px 13px;border-radius:7px;line-height:1.4}.nav-menu a:hover{background:#e9f4ed}.customer-site .hero-copy h1{max-width:680px}.customer-site .hero-photo{object-fit:cover}.customer-site .home-hero{padding-top:65px;padding-bottom:60px}.story-intro{max-width:850px;padding-block:50px 90px}.story-intro h2{font-size:clamp(30px,3.5vw,48px)}.rich-text{font-size:17px;line-height:1.8;overflow-wrap:anywhere}.rich-text h2{font-size:clamp(29px,3vw,44px);line-height:1.12;letter-spacing:-1.4px;margin:0 0 25px}.rich-text h3{font-size:24px;line-height:1.25;margin:35px 0 12px}.rich-text p{margin:0 0 20px}.rich-text ul,.rich-text ol{padding-left:24px;margin:20px 0}.rich-text li{margin:8px 0}.rich-text a{text-decoration:underline;text-underline-offset:4px}.rich-text table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.rich-text td,.rich-text th{padding:10px;border:1px solid #ccd7ce}.solution-grid,.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card{background:#fff;border:1px solid #dce3da;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.card-image{height:245px;background:radial-gradient(ellipse at 60% 40%,#edf6e9,#d6dfd0);position:relative;display:block;overflow:hidden}.card-image>img{height:100%;width:100%;object-fit:contain;padding:32px;transition:transform .4s}.catalog-card:hover .card-image>img{transform:scale(1.035)}.solution-card .card-image>img[src*='water-solution']{object-fit:cover;padding:0}.card-copy{padding:28px;display:flex;flex-direction:column;align-items:start;flex:1}.card-copy .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:14px}.card-copy h3{font-size:31px;letter-spacing:-1px;margin:0 0 16px;line-height:1.12}.card-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#526459;margin-bottom:26px}.card-copy .text-link{margin-top:auto;font-size:13px;min-height:44px;display:flex;align-items:center}.abstract-product{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 70% 20%,#608275,#263a31);color:#b8e9cf;position:relative;overflow:hidden}.abstract-product span{font-size:67px;font-weight:800;letter-spacing:-5px;border:1px solid #ffffff30;padding:20px 45px;border-radius:20px}.abstract-product i{width:250px;height:250px;position:absolute;border:1px solid #b0e9cb38;border-radius:50%;right:-90px;bottom:-120px}.abstract-product b{font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-top:20px;font-weight:400}.coming{position:absolute;top:15px;left:15px;background:#25332f;color:#e0f5e7;padding:6px 12px;font-size:11px;border-radius:20px}.inline-coming{position:static;display:inline-block;margin-bottom:15px}.chain-controls,.filter-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.chain-controls button,.filter-controls button{background:transparent;color:var(--ink);font:inherit;font-size:13px;min-height:44px;border:1px solid #a9beb0;border-radius:30px;padding:10px 19px;cursor:pointer}.chain-controls button[aria-pressed=true],.filter-controls button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.complete-chain{padding:0;list-style:none;display:flex;gap:10px}.complete-chain li{flex:1;min-width:0;border:1px solid #cddbd0;border-radius:10px;padding:24px 16px;background:#eef3eb}.complete-chain li>span{color:#5e8771;font-size:11px}.complete-chain h3{font-size:18px;line-height:1.25;margin:25px 0 12px}.complete-chain p{font-size:11px;line-height:1.6;color:#526459}.chain-explanation{font-size:14px;max-width:800px;line-height:1.7;margin-top:25px}.featured-section{background:#263a31;color:#eff5ec}.featured-section .section-heading h2{color:#eff5ec}.featured-section .eyebrow{color:#a8d8bb}.featured-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:24px;scrollbar-color:#8bbca1 #42574c;overscroll-behavior-x:contain}.featured-track .catalog-card{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;color:var(--ink);border:0}.featured-track .eyebrow{color:#4e705a}.carousel-controls{display:flex;gap:10px}.carousel-controls button{width:48px;height:48px;border:1px solid #91baa2;border-radius:50%;background:transparent;color:white;font-size:23px;cursor:pointer}.carousel-controls button:disabled{opacity:.35;cursor:default}.carousel-hint{font-size:13px;color:#c8ddce;margin-top:15px;display:flex;justify-content:space-between;gap:20px}.carousel-hint a{color:white}.listing-intro{padding-block:65px}.listing-intro h1{font-size:clamp(42px,5vw,76px);line-height:1.02;letter-spacing:-3px;max-width:800px}.listing-intro .intro{max-width:680px;margin-top:28px}.detail-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding-block:55px 80px}.detail-copy{min-width:0}.breadcrumb-link{display:inline-block;font-size:12px;color:#5e7264;margin-bottom:40px;min-height:44px;padding-top:10px}.detail-copy h1{font-size:clamp(44px,5.5vw,78px);letter-spacing:-3px;line-height:1.02;overflow-wrap:anywhere;margin:18px 0 26px}.detail-copy .intro{font-size:18px;line-height:1.7}.detail-copy .actions{margin-top:30px}.detail-copy .eyebrow{line-height:1.7}.detail-visual{height:500px;min-width:0;background:radial-gradient(ellipse at 55% 35%,#f3f5e9,#d9e3d5);border-radius:24px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.detail-visual>img{width:100%;height:100%;object-fit:contain;padding:55px}.detail-visual.environment-image>img{object-fit:cover;padding:0}.visual-tag{position:absolute;bottom:20px;left:24px;font-size:10px;letter-spacing:1.1px;background:#f8faf1dd;padding:10px 15px;border-radius:5px;max-width:calc(100% - 48px);overflow-wrap:anywhere}.selected-variant{font-size:11px;line-height:1.6;color:#61776a;margin-top:22px}.editorial-section{display:grid;grid-template-columns:1fr 2fr;gap:85px;border-top:1px solid #d4ded5}.editorial-aside{font-size:23px;line-height:1.5;max-width:240px;margin-top:22px;color:#607667}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.data-grid>div{min-width:0}.data-grid h3{font-size:23px;margin:0 0 23px}.catalog-gallery{margin-bottom:30px}.catalog-gallery>a{height:330px;display:block;background:white;border-radius:15px;padding:25px}.catalog-gallery img{width:100%;height:100%;object-fit:contain}.catalog-gallery .gallery-options{flex-wrap:wrap;display:flex;gap:7px;justify-content:flex-start;margin-top:14px}.catalog-gallery button{font-size:12px;padding:8px 14px;min-height:44px;background:transparent;border:1px solid #a1b4a5;border-radius:8px;cursor:pointer;color:#25332f}.catalog-gallery button[aria-pressed=true]{background:#25332f;color:white}.catalog-gallery #gallery-caption{font-size:11px;color:#607366;margin-top:10px}.catalog-bullets{padding-left:20px;font-size:15px;line-height:1.7}.spec-list{margin:0 0 40px}.spec-list>div{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;border-top:1px solid #ced9cd;padding:16px 0;font-size:14px}.spec-list dt{font-weight:600}.spec-list dd{margin:0;overflow-wrap:anywhere}.document-list{list-style:none;padding:0;margin-bottom:30px}.document-list a{display:flex;gap:20px;justify-content:space-between;overflow-wrap:anywhere;padding:16px 0;border-bottom:1px solid #cbd8cb;font-size:13px}.document-list a span{flex-shrink:0}.data-note{padding:27px;background:#e3eddf;border-radius:15px;margin-bottom:30px}.data-note p{font-size:15px;line-height:1.7}.catalog-price{font-size:24px;margin-top:30px}.catalog-price small{display:block;font-size:12px}.variant-list{list-style:none;padding:0}.variant-list a{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #d0dcd1;padding:24px 5px;font-size:17px;line-height:1.5}.variant-list small{display:block;font-size:11px;color:#5b7664;margin-bottom:6px}.variant-list b{font-size:13px;flex-shrink:0}.variant-list a:hover{background:#e9f1e5}.parts-details{padding:15px 0;margin-bottom:25px}.parts-details summary{font-size:18px;cursor:pointer;padding:12px 0}.parts-details .variant-list a{font-size:14px;padding:15px 0}.package-list{max-width:950px;margin:auto}.contact-band{background:#c0e5cc;padding:80px 0}.contact-band h2{font-size:clamp(42px,5vw,68px);letter-spacing:-2px;line-height:1.05;margin:25px 0}.contact-band p:not(.eyebrow){max-width:500px;font-size:17px;line-height:1.7;margin-bottom:25px}.contact-band .mint{background:#25332f;color:white}.customer-footer{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding-block:50px}.customer-footer>p{font-size:12px;color:#617366}.customer-footer nav{display:flex;gap:25px;flex-wrap:wrap;margin-left:auto;font-size:12px}.customer-footer nav a{padding:12px 0}.roc-demo{display:grid;grid-template-columns:1fr .9fr 1.1fr;background:#fff;border:1px solid #d0dfd2;border-radius:22px;overflow:hidden}.demo-input,.demo-process,.demo-result{padding:35px;min-width:0}.roc-demo .eyebrow{font-size:9px;line-height:1.8;letter-spacing:1.2px}.demo-input h3{font-size:28px;margin:20px 0}.demo-input label{display:block;font-size:12px;line-height:1.5;font-weight:600;margin:16px 0 9px}.demo-reading{display:flex;gap:12px;align-items:baseline}.demo-reading output{font-size:68px;letter-spacing:-4px}.demo-reading>span{font-size:24px}.demo-input input[type=range]{width:100%;min-height:44px;accent-color:#3e7a57;cursor:pointer}.demo-scale{display:flex;justify-content:space-between;font-size:11px}.threshold-list{display:grid;gap:5px;padding:18px 0;border-bottom:1px solid #dae4da;font-size:11px}.threshold-list>span{display:flex;justify-content:space-between;gap:10px}.demo-input select{width:100%;min-height:44px;font:inherit;font-size:12px;background:#f3f6ef;border:1px solid #acbfad;border-radius:7px;padding:8px;color:#25332f}.demo-input .demo-check{display:flex;align-items:center;gap:10px;min-height:44px}.demo-check input{width:20px;height:20px;flex-shrink:0;accent-color:#3e7a57}.demo-input .reset-demo{background:transparent;padding:12px 0;text-decoration:underline;text-underline-offset:4px;font-size:12px;min-height:44px}.demo-process{background:#eaf1e5;text-align:center;display:flex;flex-direction:column;align-items:center}.demo-meter{position:relative;border:2px solid #93ad95;background:#f9fcf5;border-radius:17px;width:150px;max-width:100%;height:220px;margin:40px 0 25px;overflow:hidden}.meter-fill{background:linear-gradient(#92d7b3,#4b9e78);height:42%;position:absolute;bottom:0;width:100%;transition:height .18s,background .18s}.meter-rule{position:absolute;border-top:2px dashed #816636;width:100%;height:1px;left:0}.meter-rule.critical{border-color:#9b4338}.demo-process>strong{font-size:17px}.local-action{border:1px solid #b6cbb7;border-radius:12px;margin-top:25px;padding:17px;width:100%;display:grid;gap:10px}.local-action span{font-size:10px;text-transform:uppercase;letter-spacing:1px}.local-action b{font-size:16px;line-height:1.4}.small-note{font-size:11px;line-height:1.8;color:#556e5d;margin-top:20px}.demo-result{background:#253b31;color:#f2f8ef;display:flex;flex-direction:column}.demo-result .eyebrow{color:#c2dfc8}.message-preview{background:#fff;color:#253b31;border-radius:18px;padding:30px 24px;margin-top:60px;border-top:5px solid #a2c9af;min-height:260px}.message-label{font-size:9px;letter-spacing:1px}.message-preview h3{font-size:24px;line-height:1.2;margin:25px 0 18px}.message-preview>p{font-size:14px;line-height:1.75}.message-recipient{border-top:1px solid #d1ded3;margin-top:25px;padding-top:16px;display:grid;gap:9px}.message-recipient span{font-size:10px;color:#6e806f}.message-recipient strong{font-size:13px;line-height:1.7}.demo-result .small-note{color:#b5d1bd}.roc-demo[data-state=warning] .meter-fill{background:linear-gradient(#f4cf86,#cc9b4b)}.roc-demo[data-state=critical] .meter-fill{background:linear-gradient(#efa895,#c45941)}.roc-demo[data-state=warning] .message-preview{border-top-color:#d4a449}.roc-demo[data-state=critical] .message-preview{border-top-color:#c45941}.demo-disclaimer{font-size:12px;line-height:1.8;max-width:900px;margin-top:20px}.customer-site :focus-visible{outline:3px solid #cf862c;outline-offset:5px}.customer-site a,.customer-site button,.customer-site summary{touch-action:manipulation}
@media(min-width:1500px){.customer-site .wrap{max-width:1320px}}
@media(max-width:1100px){.customer-nav{gap:20px}.detail-hero{gap:35px}.detail-visual{height:410px}.roc-demo{grid-template-columns:1fr 1fr}.demo-input{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.demo-input .eyebrow,.demo-input h3{grid-column:1/-1}.demo-input h3{margin:10px 0}.demo-input #roc-range{grid-column:1/-1}.demo-input .demo-scale,.demo-input .threshold-list{grid-column:1/-1}.demo-input .demo-reading{grid-column:2;grid-row:3/5;justify-content:flex-end}.complete-chain{flex-wrap:wrap}.complete-chain li{flex-basis:30%}.message-preview{margin-top:35px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-track .catalog-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:760px){.customer-site .site-header{flex-wrap:wrap;padding:15px 5%;gap:18px;justify-content:space-between}.customer-nav{order:3;width:100%;gap:22px;justify-content:space-between;font-size:12px}.customer-nav details{position:static}.nav-menu{left:5%;right:5%;top:100%;min-width:0}.customer-site .header-contact{font-size:11px;min-height:44px}.website-preview{gap:10px 20px;font-size:10px}.website-preview a{min-height:34px;display:flex;align-items:center}.customer-site .home-hero{padding-top:35px;padding-bottom:35px}.customer-site .hero-copy h1{font-size:clamp(47px,10vw,68px);line-height:1.03;letter-spacing:-2.7px}.customer-site .home-hero .intro{font-size:16px}.story-intro{padding-block:30px 55px}.rich-text{font-size:16px}.rich-text h3{font-size:22px}.solution-grid{grid-template-columns:1fr}.detail-hero{grid-template-columns:1fr;padding-block:25px 45px;gap:30px}.detail-copy h1{font-size:clamp(43px,10vw,65px);letter-spacing:-2px}.detail-copy .intro{font-size:16px}.breadcrumb-link{margin-bottom:20px}.detail-visual{height:340px}.detail-visual>img{padding:35px}.editorial-section{grid-template-columns:1fr;gap:20px}.editorial-aside{display:none}.data-grid{grid-template-columns:1fr;gap:40px}.data-grid .rich-text{font-size:15px}.section-heading{gap:20px}.customer-site .section-heading h2{font-size:clamp(34px,8vw,48px)}.customer-site .section-heading>p{font-size:14px}.complete-chain li{flex-basis:43%}.card-copy{padding:24px}.card-copy h3{font-size:29px}.carousel-hint{flex-direction:column;font-size:11px}.customer-footer{gap:20px}.customer-footer nav{margin-left:0}.contact-band{padding:55px 0}.roc-demo{grid-template-columns:1fr}.demo-input,.demo-process,.demo-result{padding:26px}.demo-input{display:block}.demo-input h3{margin:18px 0}.demo-reading output{font-size:60px}.demo-process{display:grid;grid-template-columns:110px 1fr;column-gap:25px;text-align:left}.demo-process .eyebrow{grid-column:1/-1}.demo-meter{grid-column:1;grid-row:2/5;width:100%;height:170px;margin:22px 0}.demo-process>strong{grid-column:2;margin-top:20px}.local-action{grid-column:2;margin-top:14px;padding:14px}.demo-process .small-note{grid-column:1/-1;margin-top:5px}.message-preview{margin-top:20px;min-height:0}.message-preview h3{font-size:24px}.message-preview>p{font-size:15px}.message-recipient strong{font-size:14px}.small-note{font-size:12px}.demo-disclaimer{font-size:12px}.roc-demo .eyebrow{font-size:10px}.demo-input label,.demo-input select,.threshold-list{font-size:13px}.demo-input input[type=range]{height:50px}.demo-input input[type=range]::-webkit-slider-thumb{width:27px;height:27px}.customer-site .button{min-height:48px;font-size:13px}.listing-intro h1{letter-spacing:-2px}.package-list .variant-list a{font-size:15px}.spec-list>div{font-size:13px;gap:15px}}
@media(max-width:540px){.catalog-grid{grid-template-columns:1fr}.featured-track .catalog-card{flex-basis:88%}.featured-track{gap:15px}.card-image{height:230px}.customer-site .section{padding-top:55px;padding-bottom:55px}.customer-site .section-heading{align-items:flex-start}.customer-site .featured-section .section-heading{flex-direction:row}.carousel-controls button{width:44px;height:44px}.customer-site .featured-section .section-heading h2{font-size:31px}.customer-site .featured-section .eyebrow{font-size:8px;letter-spacing:1px}.complete-chain li{padding:20px 14px}.complete-chain h3{font-size:18px}.complete-chain p{font-size:12px}.chain-controls button{font-size:12px;padding:10px 13px}.detail-visual{height:290px}.catalog-gallery>a{height:270px}.variant-list a{font-size:15px;gap:10px}.variant-list b{font-size:11px}.demo-process{grid-template-columns:90px 1fr;column-gap:20px}.demo-input,.demo-process,.demo-result{padding:22px}.local-action b{font-size:15px}.customer-site .hero-visual{min-height:350px}.customer-site .hero-photo{height:100%}.customer-site .signal-note{left:15px;right:15px;width:auto;padding:18px;bottom:28px}.customer-site .signal-note strong{font-size:15px}.customer-site .signal-note span{font-size:10px}.customer-site .signal-note small{font-size:8px}.customer-site .hero-copy .eyebrow{font-size:9px;line-height:1.8;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal-ready{opacity:1!important;transform:none!important}}
@media print{.website-preview,.customer-nav,.header-contact,.carousel-controls,.chain-controls,.filter-controls{display:none!important}.featured-track{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.reveal-ready{opacity:1!important;transform:none!important}.roc-demo{break-inside:avoid}.catalog-card{break-inside:avoid}}
@media(max-width:760px){.mobile-feedback{display:block;margin:20px 0 10px;padding:20px;background:#edf4e9;border:1px solid #c4d7c4;border-left:4px solid #628c6b;border-radius:10px}.mobile-feedback>strong{font-size:20px}.mobile-feedback>p{font-size:13px;line-height:1.7;margin:12px 0}.mobile-feedback dl{margin:0;border-top:1px solid #bdcdbb;padding-top:10px}.mobile-feedback dl>div{display:grid;grid-template-columns:90px 1fr;gap:10px;font-size:12px;line-height:1.5;margin:6px 0}.mobile-feedback dt{color:#60715d}.mobile-feedback dd{margin:0;font-weight:600}.roc-demo[data-state=warning] .mobile-feedback{background:#fff4dc;border-color:#c9a65a}.roc-demo[data-state=critical] .mobile-feedback{background:#fff0e9;border-color:#bd664a}.roc-demo .demo-process,.roc-demo .demo-result{display:none}.demo-reading{justify-content:flex-start!important}.demo-input .demo-reading{justify-content:flex-start}.roc-demo .demo-input{padding-top:25px}}
.customer-nav .nav-menu{max-height:min(70vh,640px);overflow-y:auto}
.roc-quicklinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:40px}
.roc-quicklinks a{display:flex;flex-direction:column;gap:12px;padding:25px;border:1px solid #d3deda;border-radius:16px;color:#25544b;text-decoration:none;background:#fff}
.roc-quicklinks strong{font-size:1.35rem;color:#123a33}.roc-quicklinks span{font-size:.9rem;line-height:1.5}
.part-grid,.industry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.system-part{display:flex;align-items:flex-start;gap:20px;padding:28px;background:#fff;border:1px solid #dbe4df;border-radius:18px;text-decoration:none;color:#183b33}
.system-part h3{font-size:1.4rem;margin:7px 0 12px}.system-part p{margin:0;color:#4d665f;line-height:1.6}.system-part small{color:#526c63}.part-number{color:#598776;font-size:.8rem}.system-part>b{margin-left:auto}
.industry-grid a{background:#eaf2ec;border-radius:18px;padding:28px;color:#163b30;text-decoration:none}.industry-grid h3{font-size:1.5rem;margin:0 0 16px}.industry-grid p{line-height:1.65}.industry-grid span{font-weight:700}
.system-part:hover,.roc-quicklinks a:hover,.industry-grid a:hover{border-color:#3d8065;box-shadow:0 12px 24px #163b3010}
.solution-picker{background:#e5f1e9;color:#173b32;padding:clamp(22px,4vw,48px);border:1px solid #d2e3d6;border-radius:24px;margin-bottom:48px}
.picker-heading{max-width:760px}.picker-heading h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;margin:12px 0}.picker-heading p{line-height:1.6}
.industry-select{display:flex;flex-direction:column;gap:10px;max-width:480px;font-weight:700;margin:24px 0}.industry-select select{font:inherit;padding:14px;border-radius:9px;border:1px solid #abc1b3;background:#fff;color:#163b30;width:100%}
.solution-picker fieldset{border:0;padding:0;margin:25px 0}.solution-picker legend{font-weight:700;margin-bottom:12px}.need-options{display:flex;flex-wrap:wrap;gap:9px}.need-options label{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #c2d5c8;border-radius:30px;padding:12px 16px;cursor:pointer}.need-options label:has(input:checked){background:#123e32;color:#fff;border-color:#123e32}.need-options input{accent-color:#548b69;width:17px;height:17px;flex-shrink:0}
.selection-result{scroll-margin-top:120px;margin-bottom:30px}.selection-result h2{font-size:clamp(1.5rem,3vw,2.4rem)}.selection-parts{padding:22px;border:1px solid #c5d9cb;border-radius:14px;background:white;margin:24px 0}.selection-parts summary{font-weight:700;cursor:pointer}.selection-parts p{line-height:1.7}.link-chips{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0}.link-chips a{display:block;color:#174f3c;background:#edf5ee;border-radius:30px;padding:10px 16px;text-decoration:none}
.certification-note{font-size:.78rem;line-height:1.65;color:#5d7068;padding-top:0;padding-bottom:30px;margin-top:0}.inline-coming{position:static!important;display:inline-block;margin-bottom:18px;max-width:100%;white-space:normal}
.ack-demo{padding:clamp(18px,4vw,40px);border:1px solid #56776c;border-radius:22px;background:#173d34}.ack-demo ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;counter-reset:ack}.ack-demo li{padding:20px;border:1px solid #55776b;border-radius:12px;line-height:1.5;counter-increment:ack}.ack-demo li:before{content:'0' counter(ack);display:block;font-size:.75rem;color:#acd4b9;margin-bottom:12px}.ack-demo li.active{background:#d6f4ba;color:#173d34;border-color:#d6f4ba}.ack-demo li.active:before{color:#366a50}.ack-demo li.done{border-color:#a0c3a7}.ack-feedback{min-height:130px;padding:20px 0}.ack-feedback strong{font-size:1.6rem}.ack-feedback p{line-height:1.7}.ack-demo button:disabled{opacity:.45;cursor:default}.ack-demo .button.secondary{background:transparent;color:white;border:1px solid #8bb19b}
@media(max-width:700px){.roc-quicklinks,.part-grid,.industry-grid,.ack-demo ol{grid-template-columns:1fr}.system-part{padding:22px;gap:12px}.ack-demo .actions{align-items:stretch;flex-direction:column}.ack-demo .button{white-space:normal;justify-content:center}.need-options label{font-size:.88rem;padding:11px 12px}.customer-nav{gap:10px!important}.roc-quicklinks a{padding:22px}.industry-select select{font-size:1rem}}
.customer-site .customer-nav{flex-wrap:wrap}
@media(max-width:360px){.customer-site .customer-nav{justify-content:flex-start;column-gap:14px!important;row-gap:0!important}.customer-nav> a,.customer-nav summary{padding-block:8px}.customer-site .nav-menu{left:0;min-width:0;width:min(275px,calc(100vw - 40px))}.customer-nav details:nth-child(2) .nav-menu{left:auto;right:0}}