.center-hero{min-height:380px;background:#142634;color:#fff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);overflow:hidden}.center-hero-copy{padding:60px 58px 56px;position:relative;z-index:1}.center-eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;color:#83cd66;margin:0 0 28px}.center-hero h1{font-size:clamp(36px,4vw,58px);line-height:1.18;letter-spacing:-.045em;margin:0 0 22px;max-width:680px}.center-hero-copy>p:not(.center-eyebrow){color:#c4d3d8;font-size:17px;line-height:1.8;margin:0;max-width:600px}.center-hero-copy>a{display:inline-flex;align-items:center;gap:20px;color:#a3e18a;font-size:15px;font-weight:700;margin-top:30px;border-bottom:1px solid #7bb968;padding-bottom:8px}.center-hero-copy>a:hover{color:#fff}.center-hero-art{position:relative;overflow:hidden;background:linear-gradient(135deg,#1b3442,#1f4b46);display:flex;align-items:center;justify-content:center}.center-hero-art>span{position:absolute;right:-33px;top:42px;font-size:clamp(68px,9vw,130px);line-height:1;font-weight:800;letter-spacing:-.09em;color:#ffffff0b;transform:rotate(-90deg) translateX(-36%);transform-origin:right top}.center-hero-art strong{font-size:clamp(80px,13vw,185px);letter-spacing:-.12em;color:#ffffff11;position:relative}.art-lines{position:absolute;inset:25px;display:flex;flex-direction:column;justify-content:space-between;transform:skewY(-17deg)}.art-lines i{height:1px;background:#a6dfa923}.art-lines i:nth-child(2){background:#a6dfa95e}
.center-feature{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;background:#eff4f2;min-height:460px}.center-feature-image{background:#fff;margin:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.center-feature-image img{width:100%;height:100%;max-height:420px;object-fit:contain}.center-feature-copy{padding:54px 55px;display:flex;flex-direction:column;align-items:flex-start}.center-kicker{margin:0;font-size:12px;letter-spacing:.1em;color:#4a9e2c;font-weight:700}.center-kicker span{color:#8da09b;margin-left:10px}.center-feature h2{font-size:clamp(29px,3vw,42px);line-height:1.3;letter-spacing:-.035em;margin:24px 0 18px}.center-feature-copy>p:not(.center-kicker){font-size:16px;line-height:1.8;color:#526771;margin:0;max-width:470px}.center-feature-points{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 28px}.center-feature-points span{font-size:12px;font-weight:700;letter-spacing:.04em;padding:8px 13px;border:1px solid #b9cdc1;color:#347d22}.center-feature-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:auto}.center-text-link{font-size:14px;font-weight:700;color:#347d22;border-bottom:1px solid #83b66f;padding-bottom:5px}.center-text-link:hover{color:#122333}
.center-section{padding-block:96px}.center-section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}.center-section-heading p{font-size:12px;letter-spacing:.14em;font-weight:700;color:#4a9e2c;margin:0 0 14px}.center-section-heading h2{font-size:clamp(31px,3vw,43px);line-height:1.25;letter-spacing:-.035em;margin:0}.center-section-heading>span{font-size:16px;line-height:1.8;color:#62737b;max-width:430px;text-align:right}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dfe7e8;min-height:425px;transition:box-shadow .2s,transform .2s}.category-card:hover{box-shadow:0 14px 35px #14263416;transform:translateY(-3px)}.category-visual{height:165px;position:relative;background:#183440;overflow:hidden;display:flex;align-items:center;justify-content:center}.category-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#13263266,#13263211)}.category-visual strong{font-size:64px;line-height:1;font-weight:800;letter-spacing:-.09em;color:#ffffffcc;position:relative;z-index:1}.category-number{position:absolute;left:23px;top:20px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.14em;z-index:2}.category-content{padding:27px 27px 23px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.category-count{font-size:12px;color:#4a9e2c;font-weight:700}.category-content h3{font-size:24px;line-height:1.3;margin:14px 0 4px}.category-en{font-size:13px;color:#8a999f;margin:0;min-height:19px}.category-example{font-size:13px;line-height:1.6;color:#61727b;margin:18px 0 22px;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-cta{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:17px;border-top:1px solid #e4eaeb;margin-top:auto;font-size:14px;font-weight:700;color:#347d22}.category-cta span{font-size:19px}
.center-systems{background:#f3f6f6}.center-contact{background:#dfeee0;padding-block:70px}.center-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.center-contact h2{font-size:clamp(30px,3vw,42px);margin:17px 0}.center-contact p:not(.section-kicker){font-size:16px;line-height:1.8;color:#506657;max-width:680px;margin:0}.center-contact .button{min-width:230px;flex:none}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.center-feature-copy{padding:36px}.center-feature-image{margin:15px}.center-hero-copy{padding:45px}.center-feature-actions{gap:15px}}
@media(max-width:760px){.center-hero{grid-template-columns:1fr;min-height:0}.center-hero-copy{padding:42px 28px 48px}.center-hero h1{font-size:36px}.center-hero-copy>p:not(.center-eyebrow){font-size:16px}.center-hero-art{display:none}.center-feature{grid-template-columns:1fr;margin-top:30px}.center-feature-image{min-height:310px}.center-feature-copy{padding:26px 28px 34px}.center-feature h2{font-size:31px;margin-top:15px}.center-feature-actions{margin-top:0}.center-section{padding-block:68px}.center-section-heading{display:block;margin-bottom:27px}.center-section-heading>span{display:block;text-align:left;margin-top:15px;font-size:15px}.center-contact-inner{display:block}.center-contact .button{margin-top:25px}}
@media(max-width:540px){.center-hero-copy{padding:34px 22px 42px}.center-hero h1{font-size:33px}.category-grid,.systems-grid{grid-template-columns:1fr}.category-card{min-height:0}.category-visual{height:150px}.category-content{padding:23px}.category-example{min-height:0;margin-bottom:20px}.system-card{min-height:245px}.center-feature-actions{align-items:flex-start;flex-direction:column}.center-feature-actions .button{width:100%}.center-contact .button{width:100%}}
@media(prefers-reduced-motion:reduce){.category-card{transition:none}}
.visual-sl .category-visual{background:#eaf0ed url('/web-images-r31/d3769b366ede.webp') center 53% / contain no-repeat}.visual-sl .category-visual:before{background:linear-gradient(90deg,#15352a99,transparent 55%)}.visual-sl .category-visual strong{font-size:72px;color:#123826cc;text-shadow:0 1px 10px #fff}.category-pending{border-style:dashed;background:#f8faf9}.category-pending .category-visual{background:linear-gradient(135deg,#d9e8de,#e9f0ec)}.category-pending .category-visual:before{background:repeating-linear-gradient(135deg,transparent 0 18px,#ffffff4f 18px 19px)}.category-pending .category-visual strong{color:#9cb4a5;font-size:66px}.category-pending .category-number{color:#4d7a62}.category-pending .category-content h3{color:#5c7068}.category-pending .category-cta{color:#74877d}.inspection-panel{background:#173d38;color:#fff;padding:48px 50px;display:flex;align-items:end;justify-content:space-between;gap:45px;position:relative;overflow:hidden}.inspection-panel:after{content:"";width:430px;height:430px;border:1px solid #ffffff20;border-radius:50%;position:absolute;right:-100px;top:-180px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.inspection-panel>div,.inspection-panel>a{position:relative;z-index:1}.inspection-kicker{font-size:12px;font-weight:700;letter-spacing:.14em;color:#9add87;margin:0 0 18px}.inspection-panel h3{font-size:clamp(27px,3vw,40px);line-height:1.25;margin:0 0 18px}.inspection-panel p:not(.inspection-kicker){font-size:16px;color:#c7d9d4;line-height:1.8;max-width:760px;margin:0}.inspection-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.inspection-tags span{font-size:12px;padding:8px 12px;border:1px solid #ffffff50;color:#e4f2e8}.inspection-panel .button{flex:none}
@media(max-width:760px){.inspection-panel{padding:34px 28px;display:block}.inspection-panel .button{margin-top:30px}}
.new-arrivals{margin-top:76px}.new-arrivals-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.new-arrival{display:grid;grid-template-columns:1fr 1fr;min-height:370px;overflow:hidden;background:#193743;color:#fff;transition:transform .2s}.new-arrival:hover{transform:translateY(-3px)}.new-arrival-e{background:#28584b}.new-arrival-copy{padding:33px;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:1}.new-arrival-tag{font-size:11px;font-weight:800;letter-spacing:.16em;color:#a1e58c}.new-arrival h3{font-size:clamp(36px,3.6vw,55px);line-height:1.08;letter-spacing:-.055em;margin:36px 0 16px}.new-arrival p{font-size:14px;line-height:1.75;color:#c6d8d7;margin:0}.new-arrival-spec{margin-top:25px}.new-arrival-spec strong{display:block;font-size:32px;line-height:1}.new-arrival-spec small{font-size:16px}.new-arrival-spec span{font-size:12px;color:#c1d1ce}.new-arrival-cta{font-size:14px;color:#a7ea92;font-weight:800;margin-top:auto;padding-top:25px}.new-arrival-image{background:#f0f3f1;min-width:0;display:flex;align-items:center;justify-content:center}.new-arrival-image img{width:100%;height:100%;object-fit:contain}.new-arrivals-note{font-size:12px;color:#74838a;line-height:1.7;margin:15px 0 0}.visual-s .category-visual{background:#e8eeea url('/web-images-r31/18a9f79e51a4.webp') center / cover no-repeat}.visual-ed .category-visual{background:#e8eeea url('/web-images-r31/66b5b26fe6c1.webp') center / cover no-repeat}.visual-vd .category-visual{background:#e8eeea url('/web-images-r31/3c1548265984.webp') center 48% / cover no-repeat}.visual-s .category-visual:before,.visual-ed .category-visual:before,.visual-vd .category-visual:before{background:linear-gradient(100deg,#183735ad,#18373525)}.visual-s .category-visual strong,.visual-ed .category-visual strong,.visual-vd .category-visual strong{color:#fff;text-shadow:0 2px 14px #102526aa}.new-arrival-image img{mix-blend-mode:multiply}
@media(max-width:1100px){.new-arrival{grid-template-columns:1fr;min-height:0}.new-arrival-image{height:240px;order:-1}.new-arrival-copy{min-height:340px}}
@media(max-width:760px){.new-arrivals{margin-top:48px}.new-arrivals-grid{grid-template-columns:1fr}.new-arrival{grid-template-columns:1fr 1fr;min-height:310px}.new-arrival-image{height:auto;order:0}.new-arrival-copy{min-height:0}}
@media(max-width:540px){.new-arrival{grid-template-columns:1fr}.new-arrival-image{height:250px;order:-1}.new-arrival-copy{min-height:300px;padding:26px}.new-arrival h3{margin-top:25px}.new-arrival-spec{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.new-arrival{transition:none}}
.new-arrival-note{display:block;font-size:11px;line-height:1.55;color:#c6d8d7;margin-top:12px}
.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.support-card{display:flex;flex-direction:column;align-items:flex-start;min-height:240px;padding:32px;background:#e8eeea;color:#16372f;position:relative;overflow:hidden;transition:transform .2s ease,background .2s ease}
.support-card:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #2d77502b;border-radius:50%;right:-35px;top:-75px;box-shadow:0 0 0 35px #2d77500b,0 0 0 70px #2d775008}
.support-card:hover{transform:translateY(-3px);background:#dceadf}
.support-card>span{font-size:11px;letter-spacing:.15em;font-weight:700;color:#4b8b62}
.support-card h3{font-size:clamp(26px,2.5vw,34px);margin:22px 0 10px;line-height:1.2}
.support-card p{font-size:14px;line-height:1.7;color:#50695e;margin:0;max-width:390px}
.support-card strong{font-size:13px;color:#348447;margin-top:auto;padding-top:22px}
.systems-group+.systems-group{border-top:1px solid #d8e3df;margin-top:64px;padding-top:54px}
.systems-group-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}
.systems-group-heading span{font-size:11px;font-weight:800;letter-spacing:.14em;color:#4a9e2c}
.systems-group-heading h3{font-size:clamp(27px,2.7vw,38px);line-height:1.2;color:#153039;margin:10px 0 0}
.systems-group-heading p{font-size:14px;line-height:1.7;color:#60747d;margin:0;text-align:right}
@media(max-width:760px){.systems-group+.systems-group{margin-top:48px;padding-top:40px}.systems-group-heading{display:block}.systems-group-heading p{text-align:left;margin-top:12px}}
@media(max-width:640px){.support-grid{grid-template-columns:1fr}.support-card{min-height:210px;padding:28px}}
.visual-kd .category-visual{background:#e8eeea url('/web-images-r31/e99100747e7f.webp') center 48% / cover no-repeat}
.visual-kd .category-visual:before{background:linear-gradient(100deg,#183735ad,#18373525)}
.visual-kd .category-visual strong{color:#fff;text-shadow:0 2px 14px #102526aa}
.visual-generic .category-visual{background-color:#dfeae4;background-position:center;background-size:cover}.visual-generic .category-visual:before{background:linear-gradient(100deg,#183735a8,#18373527)}.visual-generic .category-visual strong{color:#fff;text-shadow:0 2px 14px #102526aa}
.visual-vd-kd .category-visual{background:#edf1ed url('/web-images-r31/3c1548265984.webp') left center / 50% auto no-repeat;background-image:url('/web-images-r31/3c1548265984.webp'),url('/web-images-r31/e99100747e7f.webp');background-position:left center,right center;background-size:50% auto,50% auto;background-repeat:no-repeat}.visual-vd-kd .category-visual:before{background:linear-gradient(90deg,#173f39b8,#173f394b 55%,#173f39b8)}.visual-vd-kd .category-visual strong{font-size:52px;color:#fff;text-shadow:0 2px 14px #102526cc}
.visual-ld .category-visual{background:#e9efec url('/web-images-r31/95a730661e82.webp') center 48% / cover no-repeat}.visual-ld .category-visual:before{background:linear-gradient(100deg,#173f39b8,#173f3938)}.visual-ld .category-visual strong{color:#fff;text-shadow:0 2px 14px #102526cc}
/* Published series use the same code color and size as the SL card. */
.category-card:not(.category-pending) .category-visual strong{font-size:72px;color:#123826cc;text-shadow:0 1px 10px #fff}
.category-card:not(.category-pending):not(.visual-sl) .category-visual:before{background:linear-gradient(90deg,#eaf3ecb8,#eaf3ec5e)}
.category-card:not(.category-pending):not(.visual-sl) .category-number{color:#245140}
.visual-sd .category-visual{background-color:#edf1ed;background-position:center;background-size:contain;background-repeat:no-repeat}
.category-card.visual-generic:not(.category-pending) .category-visual{background-color:#edf1ed;background-position:center;background-size:contain;background-repeat:no-repeat}
.category-card.visual-md-sd .category-visual{background-color:#edf1ed;background-image:url('/web-images-r31/2adfae4dd7dd.webp'),url('/web-images-r31/df501c83f2d2.webp');background-position:left center,right center;background-size:50% auto,50% auto;background-repeat:no-repeat}
.category-card.visual-ld .category-visual{background-color:#edf1ed;background-position:center top;background-size:auto 175%;background-repeat:no-repeat}
.category-card.visual-ld .category-visual:before{background:linear-gradient(90deg,#eaf3ec55,#eaf3ec22)}
.category-card.visual-ed .category-visual{background-position:center top}
.support-branches{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.support-branches span{border:1px solid #b7cfc0;color:#306947;background:#f5faf6;padding:6px 9px;font-size:12px;font-weight:700}.support-card:last-child:nth-child(odd){grid-column:1/-1;min-height:205px}
@media(max-width:640px){.support-card:last-child:nth-child(odd){grid-column:auto}}

/* The inspection system uses the same full-card link as the other system tiles. */
.inspection-panel{cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.inspection-panel>.inspection-cta{position:relative;z-index:1}
.inspection-panel:hover{transform:translateY(-3px);box-shadow:0 14px 35px #14263424}
.inspection-panel:focus-visible{outline:3px solid #4a9e2c;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.inspection-panel{transition:none}}

/* Match the two spotlight panels to the homepage treatment. */
.new-arrivals.wrap .new-arrivals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.new-arrivals.wrap .new-arrival-image{background:linear-gradient(180deg,#f2f1f2 0%,#e9e7e8 55%,#dcdada 100%)}
.new-arrivals.wrap .new-arrival-image img{mix-blend-mode:normal;object-fit:contain}
.new-arrivals.wrap .new-arrival-plus .new-arrival-image{overflow:hidden}
.new-arrivals.wrap .new-arrival-plus .new-arrival-image{background:linear-gradient(180deg,#e9ebf2 0%,#e8e9ef 55%,#e5e5ea 100%)}
.new-arrivals.wrap .new-arrival-plus .new-arrival-image img{transform:scale(1.16)}
@media(max-width:760px){.new-arrivals.wrap .new-arrivals-grid{grid-template-columns:1fr}}
