/* v2 */
.soe-header,.soe-footer,.soe-banner-section,.soe-hero-section,.soe-section,.mm-hero-section,.mm-info-bar,.mm-features-section,.mm-videos-section,.soe-runtime7,#soe-mobile-nav,#soe-nav-backdrop{display:none !important;}:root{--jd-green:#367C2B;--jd-green-dark:#2A5F22;--jd-green-mid:#4A9540;--signal-yellow:#FFDE00;--safety-amber:#F5A524;--ink:#0E1110;--graphite:#1A1F1C;--paper:#FFFFFF;--steel-50:#F6F7F5;--steel-100:#EAEDE8;--steel-200:#D4D8D2;--steel-300:#A5ADA4;--steel-500:#6B746A;--steel-700:#3A413A;--font-display:"Inter Tight","Inter",system-ui,sans-serif;--font-sans:"Inter",system-ui,sans-serif;--font-nav:"Inter",system-ui,sans-serif;--font-mono:"Inter Tight","Inter",system-ui,sans-serif;--gutter:64px;--header-h:72px;--util-h:40px;}body{margin:0;padding:0;font-family:var(--font-sans);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}[data-soe] *{box-sizing:border-box;}[data-soe] img{max-width:100%;display:block;}[data-soe] a{color:inherit;text-decoration:none;}[data-soe] ul{list-style:none;margin:0;padding:0;}[data-soe] h1,[data-soe] h2,[data-soe] h3,[data-soe] h4{margin:0;}[data-soe=page]{background:var(--paper);position:relative;min-height:100vh;}[data-soe=top-util]{background:#000;color:var(--steel-300);height:var(--util-h);display:flex;align-items:center;padding:0 var(--gutter);font-family:var(--font-nav);font-size:13px;border-bottom:1px solid rgba(255,255,255,.06);}[data-soe=top-util-left]{display:flex;align-items:center;gap:28px;}[data-soe=top-util-link]{display:inline-flex;align-items:center;gap:8px;color:var(--steel-300);transition:color .15s;}[data-soe=top-util-link]:hover{color:var(--paper);}[data-soe=top-util-icon]{width:14px;height:14px;color:var(--jd-green-mid);flex-shrink:0;}[data-soe=nav]{background:var(--ink);color:var(--paper);height:var(--header-h);display:flex;align-items:stretch;padding-left:var(--gutter);border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:5;}[data-soe=nav-brand]{display:flex;align-items:center;gap:12px;padding-right:24px;margin-right:16px;border-right:1px solid rgba(255,255,255,.12);white-space:nowrap;}[data-soe=nav-mark]{width:36px;height:36px;background:var(--jd-green);position:relative;flex-shrink:0;}[data-soe=nav-mark]::after{content:"";position:absolute;inset:0;background:var(--signal-yellow);clip-path:polygon(50% 22%,82% 78%,18% 78%);}[data-soe=nav-word]{font-family:var(--font-display);font-weight:800;font-size:17px;line-height:1;letter-spacing:.005em;color:var(--paper);}[data-soe=nav-word-sub]{display:block;font-family:var(--font-nav);font-weight:500;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--steel-500);margin-top:5px;}[data-soe=nav-links]{display:flex;align-items:stretch;}[data-soe=nav-link]{font-family:var(--font-nav);color:var(--paper);padding:0 14px;font-size:14px;font-weight:400;display:inline-flex;align-items:center;height:100%;white-space:nowrap;border-top:3px solid transparent;border-bottom:3px solid transparent;transition:color .15s,border-color .15s;position:relative;}[data-soe=nav-link]:hover{color:var(--jd-green-mid);}[data-soe=nav-link][data-soe-state=active]{border-bottom-color:var(--jd-green);color:var(--paper);font-weight:500;}[data-soe=nav-caret]{display:inline-block;margin-left:8px;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.55;}[data-soe=nav-spacer]{flex:1;}[data-soe=nav-cta]{align-self:stretch;display:flex;align-items:center;background:var(--jd-green);color:var(--paper);padding:0 26px;font-family:var(--font-nav);font-weight:600;font-size:14px;transition:background .15s;position:relative;white-space:nowrap;}[data-soe=nav-cta]:hover{background:var(--jd-green-dark);}[data-soe=arr]{margin-left:10px;display:inline-block;width:18px;height:1.5px;background:currentColor;position:relative;}[data-soe=arr]::after{content:"";position:absolute;right:0;top:-3px;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);}[data-soe=nav-hamburger]{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:transparent;border:0;cursor:pointer;padding:0;order:-1;align-self:center;}[data-soe=nav-hamburger] span{display:block;width:22px;height:2px;background:var(--paper);transition:transform .2s,opacity .2s;}[data-soe=nav-drawer]{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--ink);z-index:100;padding:80px 32px 40px;transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;}[data-soe=nav-drawer][data-soe-state=open]{transform:translateX(0);}[data-soe=nav-drawer] li{border-bottom:1px solid rgba(255,255,255,.1);}[data-soe=nav-drawer] a{display:block;padding:18px 0;font-family:var(--font-nav);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);font-weight:600;}[data-soe=drawer-close]{position:absolute;top:20px;right:20px;width:36px;height:36px;background:transparent;border:0;cursor:pointer;color:var(--paper);font-size:28px;line-height:1;}[data-soe=drawer-contact]{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px;}[data-soe=drawer-contact] a{color:var(--steel-300);font-size:14px;display:flex;align-items:center;gap:10px;padding:0;text-transform:none;letter-spacing:0;font-weight:400;}[data-soe=btn]{font-family:var(--font-nav);font-weight:600;font-size:15px;padding:14px 28px;border:none;border-radius:0;cursor:pointer;display:inline-flex;align-items:center;gap:12px;line-height:1;transition:background .15s,color .15s,border-color .15s,transform .1s;text-decoration:none;white-space:nowrap;}[data-soe=btn]:active{transform:translateY(1px);}[data-soe=btn][data-soe-variant=primary]{background:var(--jd-green);color:var(--paper);}[data-soe=btn][data-soe-variant=primary]:hover{background:var(--jd-green-dark);}[data-soe=btn][data-soe-variant=dark]{background:var(--ink);color:var(--paper);}[data-soe=btn][data-soe-variant=dark]:hover{background:var(--graphite);}[data-soe=btn][data-soe-variant=outline]{background:transparent;color:var(--ink);border:2px solid var(--ink);padding:12px 26px;}[data-soe=btn][data-soe-variant=outline]:hover{background:var(--ink);color:var(--paper);}[data-soe=btn][data-soe-variant=inverse-outline]{background:transparent;color:var(--paper);border:2px solid var(--paper);padding:12px 26px;}[data-soe=btn][data-soe-variant=inverse-outline]:hover{background:var(--paper);color:var(--ink);}[data-soe=btn][data-soe-variant=ghost]{background:transparent;color:var(--jd-green);padding:0;border-bottom:2px solid var(--jd-green);}[data-soe=btn][data-soe-size=lg]{font-size:16px;padding:18px 36px;}[data-soe=eyebrow]{font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--jd-green);font-weight:700;display:inline-flex;align-items:center;gap:12px;}[data-soe=eyebrow]::before{content:"";width:24px;height:1px;background:var(--jd-green);display:inline-block;}[data-soe=lede]{font-family:var(--font-sans);font-weight:400;font-size:20px;line-height:1.5;color:var(--steel-700);max-width:580px;margin:0;}[data-soe=crumbs]{background:var(--steel-100);border-bottom:1px solid var(--steel-200);height:38px;padding:0 var(--gutter);display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--steel-700);}[data-soe=crumbs] a{color:var(--steel-700);transition:color .15s;}[data-soe=crumbs] a:hover{color:var(--ink);}[data-soe=crumbs-sep]{opacity:.35;}[data-soe=crumbs-current]{color:var(--ink);font-weight:700;}[data-soe=crumbs-meta]{margin-left:auto;color:var(--steel-700);}[data-soe=hero]{position:relative;min-height:720px;background:var(--ink);color:var(--paper);overflow:hidden;}[data-soe=hero-stage]{position:absolute;inset:0;}[data-soe=hero-slide]{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;pointer-events:none;}[data-soe=hero-slide][data-soe-state=active]{opacity:1;pointer-events:auto;z-index:1;}[data-soe=hero-bg]{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1);transition:transform 0s linear;will-change:transform;}[data-soe=hero-slide][data-soe-state=active] [data-soe=hero-bg]{transform:scale(1.06);transition:transform 9s linear;}[data-soe=hero-bg]::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.18) 100%);}[data-soe=hero-content]{position:relative;z-index:2;min-height:720px;padding:0 var(--gutter);}[data-soe=hero-text]{position:absolute;top:180px;left:var(--gutter);right:var(--gutter);max-width:920px;}[data-soe=hero-brand-tag]{font-family:var(--font-mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--jd-green-mid);margin-bottom:28px;display:inline-flex;align-items:center;gap:14px;}[data-soe=hero-brand-tag]::before{content:"";width:28px;height:1px;background:var(--jd-green-mid);}[data-soe=hero-h1]{font-family:var(--font-display);font-weight:800;font-size:64px;line-height:1.05;letter-spacing:-.03em;margin:0 0 12px;color:var(--paper);max-width:920px;padding-bottom:8px;}[data-soe=hero-subline]{display:block;color:var(--safety-amber);margin-top:8px;line-height:1.05;}[data-soe=hero-lede]{font-family:var(--font-sans);font-size:18px;line-height:1.55;color:var(--steel-300);max-width:540px;margin:28px 0 40px;}[data-soe=hero-ctas]{display:flex;gap:14px;}[data-soe=intro]{background:var(--paper);padding:140px var(--gutter) 120px;text-align:center;}[data-soe=intro] [data-soe=eyebrow]{justify-content:center;margin-bottom:56px;}[data-soe=intro] [data-soe=eyebrow]::after{content:"";width:24px;height:1px;background:var(--jd-green);display:inline-block;}[data-soe=intro-lockup]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0 auto 32px;max-width:100%;padding:0 var(--gutter);}[data-soe=intro-leadin]{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,6vw,80px);line-height:1.02;letter-spacing:-.035em;color:var(--ink);}[data-soe=intro-line2]{display:inline-flex;align-items:baseline;gap:0 18px;font-family:var(--font-display);font-weight:800;font-size:clamp(40px,6vw,80px);line-height:1.02;letter-spacing:-.035em;}[data-soe=intro-isprefix]{color:var(--ink);}[data-soe=intro-word]{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,6vw,80px);line-height:1.02;letter-spacing:-.035em;color:var(--jd-green);display:inline-flex;align-items:baseline;min-width:5ch;text-align:left;justify-content:flex-start;}[data-soe=intro-word]::after{content:"";display:inline-block;width:5px;height:.82em;background:var(--jd-green);margin-left:8px;transform:translateY(.05em);animation:soeCaret 1s steps(2,start) infinite;}@keyframes soeCaret{50%{opacity:0;}}[data-soe=intro-tagline]{font-family:var(--font-sans);font-size:20px;color:var(--steel-700);line-height:1.55;max-width:580px;margin:0 auto;}[data-soe=intro-underline]{width:64px;height:3px;background:var(--jd-green);margin:44px auto 0;}[data-soe=brands-section]{background:var(--steel-50);padding:120px var(--gutter) 140px;border-top:1px solid var(--steel-200);}[data-soe=brands-head]{display:grid;grid-template-columns:1fr auto;gap:64px;align-items:end;margin-bottom:64px;}[data-soe=brands-head-h2]{font-family:var(--font-display);font-weight:800;font-size:64px;line-height:1;letter-spacing:-.025em;margin:24px 0 20px;color:var(--ink);max-width:720px;}[data-soe=brands-head-lede]{font-family:var(--font-sans);font-size:19px;color:var(--steel-700);line-height:1.55;max-width:540px;margin:0;}[data-soe=brand-grid]{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;}[data-soe=brand-card-h]{background:var(--paper);border:1px solid var(--steel-200);display:flex;flex-direction:column;transition:border-color .2s,transform .2s;text-decoration:none;}[data-soe=brand-card-h]:hover{border-color:var(--jd-green);transform:translateY(-2px);}[data-soe=brand-card-visual]{aspect-ratio:16 / 9;background:var(--steel-100);background-size:cover;background-position:center;position:relative;border-bottom:1px solid var(--steel-200);overflow:hidden;}[data-soe=brand-card-visual]::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 14px,rgba(255,255,255,0) 14px 28px);}[data-soe=brand-card-visual]::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 55%);}[data-soe=brand-card-vbadge]{position:absolute;top:20px;left:20px;background:var(--signal-yellow);color:var(--ink);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:6px 10px;z-index:2;}[data-soe=brand-card-vbadge][data-soe-variant=green]{background:var(--jd-green);color:var(--paper);}[data-soe=brand-card-body]{padding:36px 36px 32px;flex:1;display:flex;flex-direction:column;}[data-soe=brand-card-cat]{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--jd-green);margin-bottom:14px;font-weight:700;}[data-soe=brand-card-name]{font-family:var(--font-display);font-weight:800;font-size:36px;line-height:1;letter-spacing:-.02em;margin:0 0 14px;color:var(--ink);}[data-soe=brand-card-desc]{font-family:var(--font-sans);font-size:15px;color:var(--steel-700);line-height:1.6;margin:0 0 28px;flex:1;}[data-soe=brand-card-foot]{display:flex;justify-content:space-between;align-items:center;padding-top:22px;border-top:1px solid var(--steel-200);font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;}[data-soe=brand-card-origin]{color:var(--steel-700);}[data-soe=brand-card-origin] b{color:var(--ink);font-weight:700;}[data-soe=brand-card-link]{color:var(--jd-green);font-weight:700;display:inline-flex;align-items:center;gap:8px;}[data-soe=cta-band]{background:var(--ink);color:var(--paper);padding:100px var(--gutter);position:relative;overflow:hidden;border-top:8px solid var(--jd-green);}[data-soe=cta-band]::before{content:"";position:absolute;right:-100px;bottom:-100px;width:360px;height:360px;background:var(--jd-green);transform:rotate(45deg);opacity:.9;}[data-soe=cta-band-inner]{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:80px;align-items:center;max-width:1200px;}[data-soe=cta-band] [data-soe=eyebrow]{color:var(--jd-green-mid);margin-bottom:24px;}[data-soe=cta-band] [data-soe=eyebrow]::before{background:var(--jd-green-mid);}[data-soe=cta-band-h2]{font-family:var(--font-display);font-weight:800;font-size:56px;line-height:1.02;letter-spacing:-.025em;margin:0 0 20px;color:var(--paper);max-width:720px;}[data-soe=cta-band-lede]{font-family:var(--font-sans);font-size:18px;color:var(--steel-300);max-width:600px;margin:0;line-height:1.55;}[data-soe=cta-band-ctas]{display:flex;flex-direction:column;gap:12px;}[data-soe=page-head]{background:var(--paper);padding:80px var(--gutter) 64px;border-bottom:1px solid var(--steel-200);}[data-soe=page-head-h1]{font-family:var(--font-display);font-weight:800;font-size:88px;line-height:.95;letter-spacing:-.03em;margin:24px 0 24px;color:var(--ink);}[data-soe=page-head-lede]{font-family:var(--font-sans);font-size:20px;line-height:1.55;color:var(--steel-700);max-width:560px;margin:0;}[data-soe=brands-list]{background:var(--paper);padding:80px var(--gutter) 100px;}[data-soe=brands-list-grid]{display:grid;grid-template-columns:1fr;gap:2px;background:var(--steel-200);border:1px solid var(--steel-200);}[data-soe=brand-card]{background:var(--paper);display:grid;grid-template-columns:5fr 4fr;min-height:420px;transition:background .15s;}[data-soe=brand-card]:hover{background:var(--steel-50);}[data-soe=brand-card-info]{padding:40px 40px 36px;display:flex;flex-direction:column;justify-content:space-between;}[data-soe=brand-card-info-top]{display:flex;flex-direction:column;gap:16px;}[data-soe=brand-card-num]{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;color:var(--jd-green);font-weight:700;}[data-soe=brand-card-h3]{font-family:var(--font-display);font-weight:800;font-size:40px;line-height:1;letter-spacing:-.02em;margin:0;color:var(--ink);}[data-soe=brand-card-origin-line]{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--steel-700);}[data-soe=brand-card-origin-line] b{color:var(--ink);font-weight:700;}[data-soe=brand-card-desc-l]{font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--steel-700);margin:16px 0 0;}[data-soe=brand-card-specs]{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin-top:28px;padding-top:24px;border-top:1px solid var(--steel-200);}[data-soe=brand-card-spec-label]{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel-700);margin-bottom:4px;}[data-soe=brand-card-spec-value]{font-family:var(--font-sans);font-weight:600;font-size:14px;color:var(--ink);}[data-soe=brand-card-info-foot]{display:flex;justify-content:space-between;align-items:center;margin-top:28px;}[data-soe=brand-card-tag]{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding:4px 10px;background:var(--jd-green-wash,#F3F8F0);color:var(--jd-green-dark);border:1px solid var(--jd-green-light,#DDECD7);}[data-soe=brand-card-tag][data-soe-variant=bestseller]{background:#FFF7D4;color:#6B5400;border-color:#F0E08E;}[data-soe=brand-card-tag][data-soe-variant=new]{background:var(--ink);color:var(--paper);border-color:var(--ink);}[data-soe=brand-card-link-large]{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--jd-green);font-weight:700;display:inline-flex;align-items:center;gap:10px;}[data-soe=brand-card-visual-l]{position:relative;border-left:1px solid var(--steel-200);overflow:hidden;background:var(--steel-100);background-size:cover;background-position:center;}[data-soe=brand-card-visual-l]::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 14px,rgba(255,255,255,0) 14px 28px);}[data-soe=brand-card-visual-l]::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 50%);}[data-soe=brand-card-vmeta]{position:absolute;bottom:20px;left:24px;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.5);z-index:2;}[data-soe=dealer-strip]{background:var(--ink);color:var(--paper);padding:64px var(--gutter);display:grid;grid-template-columns:1fr auto;gap:64px;align-items:center;}[data-soe=dealer-strip] [data-soe=eyebrow]{color:var(--jd-green-mid);margin-bottom:16px;}[data-soe=dealer-strip] [data-soe=eyebrow]::before{background:var(--jd-green-mid);}[data-soe=dealer-strip-h2]{font-family:var(--font-display);font-weight:800;font-size:40px;line-height:1.05;letter-spacing:-.02em;margin:0;color:var(--paper);max-width:660px;}[data-soe=p-hero]{position:relative;min-height:620px;background:var(--ink);color:var(--paper);overflow:hidden;}[data-soe=p-hero-bg]{position:absolute;inset:0;background-size:cover;background-position:center;}[data-soe=p-hero-bg]::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.55) 50%,rgba(0,0,0,.2) 100%);}[data-soe=p-hero-content]{position:relative;z-index:2;min-height:620px;padding:72px var(--gutter) 80px;display:flex;flex-direction:column;justify-content:center;max-width:880px;}[data-soe=p-hero-mark]{display:inline-flex;align-items:center;gap:16px;background:rgba(0,0,0,.4);border-left:3px solid var(--jd-green-mid);padding:14px 22px;margin-bottom:28px;width:fit-content;}[data-soe=p-hero-mark-logo]{font-family:var(--font-display);font-weight:900;font-size:22px;color:var(--safety-amber);letter-spacing:-.01em;text-transform:lowercase;font-style:italic;}[data-soe=p-hero-mark-meta]{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel-300);border-left:1px solid rgba(255,255,255,.15);padding-left:16px;line-height:1.5;}[data-soe=p-hero-mark-meta] b{color:var(--paper);font-weight:700;}[data-soe=p-hero-h1]{font-family:var(--font-display);font-weight:800;font-size:64px;line-height:1.05;letter-spacing:-.03em;margin:0 0 12px;color:var(--paper);max-width:820px;}[data-soe=p-hero-subline]{display:block;color:var(--safety-amber);margin-top:8px;line-height:1.05;}[data-soe=p-hero-lede]{font-family:var(--font-sans);font-size:19px;line-height:1.55;color:var(--steel-300);max-width:540px;margin:0 0 36px;}[data-soe=p-hero-ctas]{display:flex;gap:14px;}[data-soe=promo-strip]{background:var(--jd-green);color:var(--paper);padding:18px var(--gutter);display:flex;align-items:center;justify-content:center;gap:18px;font-family:var(--font-nav);font-size:15px;font-weight:500;text-align:center;}[data-soe=promo-strip-ico]{width:18px;height:18px;border:2px solid currentColor;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:12px;flex-shrink:0;}[data-soe=promo-strip] a{color:var(--paper);border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:1px;font-weight:600;}[data-soe=difference]{background:var(--steel-50);padding:100px var(--gutter) 120px;border-top:1px solid var(--steel-200);border-bottom:1px solid var(--steel-200);}[data-soe=difference-head]{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:64px;align-items:end;}[data-soe=difference-head-h2]{font-family:var(--font-display);font-weight:800;font-size:56px;line-height:1;letter-spacing:-.025em;margin:24px 0 0;color:var(--ink);}[data-soe=difference-head-lede]{font-family:var(--font-sans);font-size:18px;color:var(--steel-700);line-height:1.6;margin:0;}[data-soe=feature-grid]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}[data-soe=feature]{background:var(--paper);border:1px solid var(--steel-200);display:flex;flex-direction:column;}[data-soe=feature-visual]{aspect-ratio:4 / 3;background:linear-gradient(135deg,#1F2A1C 0%,#0A0D0A 100%);position:relative;overflow:hidden;border-bottom:1px solid var(--steel-200);}[data-soe=feature-visual]::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 14px,rgba(255,255,255,0) 14px 28px);}[data-soe=feature-visual]::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 50%);}[data-soe=feature-vmeta]{position:absolute;bottom:16px;left:20px;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.5);z-index:2;}[data-soe=feature-body]{padding:24px;}[data-soe=feature-body] p{font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--steel-700);margin:0;}[data-soe=feature-body] strong{color:var(--ink);font-weight:700;}[data-soe=videos]{background:var(--paper);padding:100px var(--gutter);}[data-soe=videos-head]{margin-bottom:56px;max-width:720px;}[data-soe=videos-head-h2]{font-family:var(--font-display);font-weight:800;font-size:56px;line-height:1;letter-spacing:-.025em;margin:24px 0 20px;color:var(--ink);}[data-soe=videos-head-lede]{font-family:var(--font-sans);font-size:18px;color:var(--steel-700);line-height:1.6;margin:0;max-width:600px;}[data-soe=video-grid]{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}[data-soe=video-card]{background:var(--paper);border:1px solid var(--steel-200);display:flex;flex-direction:column;transition:border-color .2s,transform .2s;}[data-soe=video-card]:hover{border-color:var(--jd-green);transform:translateY(-2px);}[data-soe=video-thumb]{aspect-ratio:16 / 10;background:linear-gradient(135deg,#2A2A2A 0%,#0E0E0E 100%);position:relative;overflow:hidden;border-bottom:1px solid var(--steel-200);}[data-soe=video-thumb]::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 14px,rgba(255,255,255,0) 14px 28px);}[data-soe=video-channel]{position:absolute;top:14px;left:14px;background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:4px 8px;}[data-soe=video-play]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;background:rgba(0,0,0,.55);border:2px solid var(--paper);display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;}[data-soe=video-card]:hover [data-soe=video-play]{background:var(--jd-green);border-color:var(--jd-green);}[data-soe=video-play]::after{content:"";width:0;height:0;border-left:18px solid var(--paper);border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px;}[data-soe=video-duration]{position:absolute;bottom:14px;right:14px;background:rgba(0,0,0,.7);color:var(--paper);font-family:var(--font-mono);font-size:11px;font-weight:600;padding:4px 8px;}[data-soe=video-body]{padding:24px;flex:1;display:flex;flex-direction:column;}[data-soe=video-cat]{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--jd-green);font-weight:700;margin-bottom:10px;}[data-soe=video-title]{font-family:var(--font-sans);font-weight:700;font-size:18px;line-height:1.3;color:var(--ink);margin:0 0 12px;}[data-soe=video-desc]{font-family:var(--font-sans);font-size:14px;line-height:1.55;color:var(--steel-700);margin:0 0 20px;flex:1;}[data-soe=video-foot]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--steel-200);font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--steel-700);}[data-soe=video-foot] b{color:var(--ink);font-weight:700;}[data-soe=video-foot-watch]{color:var(--jd-green);font-weight:700;display:inline-flex;align-items:center;gap:8px;}[data-soe=quote-band]{background:var(--ink);color:var(--paper);padding:80px var(--gutter);border-top:8px solid var(--jd-green);display:grid;grid-template-columns:1fr auto;gap:64px;align-items:center;}[data-soe=quote-band] [data-soe=eyebrow]{color:var(--jd-green-mid);margin-bottom:16px;}[data-soe=quote-band] [data-soe=eyebrow]::before{background:var(--jd-green-mid);}[data-soe=quote-band-h2]{font-family:var(--font-display);font-weight:800;font-size:44px;line-height:1.05;letter-spacing:-.02em;margin:0 0 12px;color:var(--paper);max-width:720px;}[data-soe=quote-band-lede]{font-family:var(--font-sans);font-size:17px;color:var(--steel-300);margin:0;max-width:560px;}[data-soe=quote-band-ctas]{display:flex;flex-direction:column;gap:12px;}[data-soe=footer]{background:var(--ink);color:var(--steel-300);padding:64px var(--gutter) 0;}[data-soe=footer-top]{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.08);}[data-soe=footer-brand]{display:flex;align-items:center;gap:14px;margin-bottom:24px;}[data-soe=footer-mark]{width:40px;height:40px;background:var(--jd-green);position:relative;}[data-soe=footer-mark]::after{content:"";position:absolute;inset:0;background:var(--signal-yellow);clip-path:polygon(50% 22%,82% 78%,18% 78%);}[data-soe=footer-word]{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--paper);line-height:1.1;}[data-soe=footer-word-sub]{display:block;font-family:var(--font-nav);font-weight:500;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--steel-500);margin-top:4px;}[data-soe=footer-tag]{font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--steel-300);max-width:280px;margin-bottom:24px;}[data-soe=footer-contact]{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;line-height:2;color:var(--steel-500);}[data-soe=footer-contact] b{color:var(--paper);font-weight:600;}[data-soe=footer-col-h]{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--paper);font-weight:700;margin:0 0 20px;}[data-soe=footer-col] li{margin-bottom:12px;font-family:var(--font-nav);font-size:14px;}[data-soe=footer-col] li a{color:var(--steel-300);transition:color .15s;}[data-soe=footer-col] li a:hover{color:var(--jd-green-mid);}[data-soe=footer-bot]{display:flex;align-items:center;justify-content:space-between;padding:28px 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--steel-500);}[data-soe=footer-legal]{display:flex;gap:24px;}[data-soe=footer-legal] a{color:var(--steel-500);}[data-soe=footer-legal] a:hover{color:var(--paper);}[data-soe=footer-social]{display:flex;gap:8px;}[data-soe=footer-social] a{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);color:var(--steel-300);font-family:var(--font-nav);font-size:12px;font-weight:600;text-transform:lowercase;transition:background .15s,color .15s;}[data-soe=footer-social] a:hover{background:var(--jd-green);color:var(--paper);}[data-soe-anim=reveal]{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease;}[data-soe-anim=reveal][data-soe-state=in-view]{opacity:1;transform:translateY(0);}@media (max-width:1024px){:root{--gutter:32px;}[data-soe=nav-link]{padding:0 12px;font-size:12px;}[data-soe=footer-top]{grid-template-columns:1.4fr 1fr 1fr;gap:40px;}[data-soe=footer-col][data-soe-pos=4],[data-soe=footer-col][data-soe-pos=5]{display:none;}[data-soe=brand-grid]{grid-template-columns:1fr;}[data-soe=feature-grid]{grid-template-columns:repeat(2,1fr);}[data-soe=video-grid]{grid-template-columns:repeat(2,1fr);}[data-soe=brands-list-grid]{grid-template-columns:1fr;}}@media (max-width:720px){:root{--gutter:20px;}[data-soe=top-util]{height:36px;}[data-soe=top-util-left]{gap:16px;font-size:11px;}[data-soe=top-util-link][data-soe-kind=email]{display:none;}[data-soe=nav]{padding:0 var(--gutter);height:60px;gap:12px;align-items:center;}[data-soe=nav-mark]{width:30px;height:30px;}[data-soe=nav-word]{font-size:14px;}[data-soe=nav-word-sub]{display:none;}[data-soe=nav-links]{display:none;}[data-soe=nav-cta]{padding:0 16px;font-size:11px;letter-spacing:.14em;}[data-soe=nav-cta] [data-soe=arr]{display:none;}[data-soe=nav-hamburger]{display:inline-flex;}[data-soe=nav-drawer]{display:block;}[data-soe=nav-brand]{border-right:0;padding-right:0;margin-right:0;}[data-soe=crumbs]{padding:12px var(--gutter);font-size:11px;}[data-soe=crumbs-meta]{display:none;}[data-soe=hero]{min-height:580px;}[data-soe=hero-content]{min-height:580px;padding:0;}[data-soe=hero-text]{top:100px;left:var(--gutter);right:var(--gutter);}[data-soe=hero-h1]{font-size:36px;line-height:1.08;padding-bottom:0;}[data-soe=hero-subline]{font-size:30px;}[data-soe=hero-lede]{font-size:16px;margin:20px 0 28px;}[data-soe=hero-ctas]{flex-direction:column;gap:10px;align-items:flex-start;}[data-soe=hero-ctas] [data-soe=btn]{width:100%;justify-content:center;}[data-soe=intro]{padding:80px var(--gutter) 64px;}[data-soe=intro-leadin],[data-soe=intro-word]{font-size:clamp(34px,9vw,56px);}[data-soe=intro-tagline]{font-size:16px;}[data-soe=brands-section]{padding:64px var(--gutter) 80px;}[data-soe=brands-head]{grid-template-columns:1fr;gap:24px;margin-bottom:36px;}[data-soe=brands-head-h2]{font-size:36px;}[data-soe=brands-head-lede]{font-size:16px;}[data-soe=brand-grid]{grid-template-columns:1fr;gap:20px;}[data-soe=brand-card-body]{padding:24px;}[data-soe=brand-card-name]{font-size:28px;}[data-soe=brand-card-foot]{flex-direction:column;gap:12px;align-items:flex-start;}[data-soe=cta-band]{padding:64px var(--gutter);}[data-soe=cta-band-inner]{grid-template-columns:1fr;gap:32px;}[data-soe=cta-band-h2]{font-size:32px;}[data-soe=page-head]{padding:56px var(--gutter) 40px;}[data-soe=page-head-h1]{font-size:40px;}[data-soe=page-head-lede]{font-size:16px;}[data-soe=brand-card]{grid-template-columns:1fr;}[data-soe=brand-card-info]{padding:32px 24px;}[data-soe=brand-card-h3]{font-size:32px;}[data-soe=p-hero]{min-height:480px;}[data-soe=p-hero-content]{padding:60px var(--gutter) 40px;}[data-soe=p-hero-h1]{font-size:38px;line-height:1.05;}[data-soe=p-hero-lede]{font-size:16px;}[data-soe=difference]{padding:64px var(--gutter) 80px;}[data-soe=difference-head]{grid-template-columns:1fr;gap:16px;margin-bottom:32px;}[data-soe=difference-head-h2]{font-size:36px;}[data-soe=difference-head-lede]{font-size:16px;}[data-soe=feature-grid]{grid-template-columns:1fr;gap:16px;}[data-soe=videos]{padding:64px var(--gutter);}[data-soe=videos-head-h2]{font-size:32px;}[data-soe=video-grid]{grid-template-columns:1fr;gap:20px;}[data-soe=quote-band]{grid-template-columns:1fr;gap:32px;padding:48px var(--gutter);}[data-soe=quote-band-h2]{font-size:32px;}[data-soe=footer]{padding:48px var(--gutter) 0;}[data-soe=footer-top]{grid-template-columns:1fr;gap:32px;padding:0 0 40px;}[data-soe=footer-col][data-soe-pos=4],[data-soe=footer-col][data-soe-pos=5]{display:block;}[data-soe=footer-bot]{flex-direction:column;gap:16px;align-items:flex-start;}[data-soe=footer-legal]{flex-wrap:wrap;gap:16px;}[data-soe=brands-list]{padding:48px var(--gutter) 64px;}[data-soe=brands-list-grid]{grid-template-columns:1fr;}[data-soe=dealer-strip]{grid-template-columns:1fr;gap:24px;padding:48px var(--gutter);}}

/* v2a-fixes */
[data-soe=hero-slide]{clip-path:inset(0 0 0 100%) !important;transition:clip-path 0s linear .9s !important;opacity:1 !important;pointer-events:none;}[data-soe=hero-slide][data-soe-state=active]{clip-path:inset(0 0 0 0) !important;transition:clip-path .9s cubic-bezier(.7,0,.2,1) !important;z-index:1 !important;pointer-events:auto;}[data-soe=hero-slide][data-soe-state=prev]{clip-path:inset(0 0 0 0) !important;z-index:0 !important;transition:clip-path 0s linear !important;}[data-soe=hero-lede]{color:var(--paper) !important;}[data-soe=p-hero-lede]{color:var(--paper) !important;}[data-soe=cta-band-lede]{color:var(--paper) !important;}[data-soe=quote-band-lede]{color:var(--paper) !important;}[data-soe=footer-tag]{color:var(--paper) !important;}[data-soe=hero]{min-height:560px !important;}[data-soe=hero-content]{min-height:560px !important;}[data-soe=hero-text]{top:120px !important;}[data-soe=hero-h1]{font-size:clamp(40px,4.6vw,56px) !important;line-height:1.05 !important;margin-bottom:8px !important;padding-bottom:0 !important;}[data-soe=hero-lede]{margin:18px 0 28px !important;}[data-soe=intro]{padding:72px var(--gutter) 80px !important;}[data-soe=intro-leadin],[data-soe=intro-line2],[data-soe=intro-word]{font-size:clamp(34px,5vw,64px) !important;}[data-soe=intro] [data-soe=eyebrow]{margin-bottom:36px !important;}[data-soe=hero-slide]:nth-child(1) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf211eb95c0705bab89_mulch-mule.jpg) !important;}[data-soe=hero-slide]:nth-child(2) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf1afd45b9b1874f17a_brinemasters.jpg) !important;background-position:center 60% !important;}[data-soe=hero-slide]:nth-child(3) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf3e52ea6ea030c518e_energreen.jpg) !important;background-position:70% center !important;}[data-soe=hero-slide]:nth-child(4) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf15f04771e02f81538_metec.webp) !important;background-position:center 55% !important;}[data-soe=brand-grid] a:nth-child(1) [data-soe=brand-card-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf211eb95c0705bab89_mulch-mule.jpg) !important;}[data-soe=brand-grid] a:nth-child(2) [data-soe=brand-card-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf1afd45b9b1874f17a_brinemasters.jpg) !important;background-position:center 60% !important;}[data-soe=brand-grid] a:nth-child(3) [data-soe=brand-card-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf3e52ea6ea030c518e_energreen.jpg) !important;background-position:70% center !important;}[data-soe=brand-grid] a:nth-child(4) [data-soe=brand-card-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf15f04771e02f81538_metec.webp) !important;background-position:center 55% !important;}[data-soe=brands-list-grid] article:nth-child(1) [data-soe=brand-card-visual-l]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf211eb95c0705bab89_mulch-mule.jpg) !important;}[data-soe=brands-list-grid] article:nth-child(2) [data-soe=brand-card-visual-l]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf1afd45b9b1874f17a_brinemasters.jpg) !important;background-position:center 60% !important;}[data-soe=brands-list-grid] article:nth-child(3) [data-soe=brand-card-visual-l]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf3e52ea6ea030c518e_energreen.jpg) !important;background-position:70% center !important;}[data-soe=brands-list-grid] article:nth-child(4) [data-soe=brand-card-visual-l]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf15f04771e02f81538_metec.webp) !important;background-position:center 55% !important;}[data-soe=p-hero] [data-soe=p-hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf211eb95c0705bab89_mulch-mule.jpg) !important;}[data-soe=cta-band-ctas]{justify-self:end !important;align-items:stretch !important;}[data-soe=quote-band-ctas]{justify-self:end !important;align-items:stretch !important;}[data-soe=nav-drawer] li:last-child{border-bottom:0 !important;}[data-soe=drawer-contact] svg{width:14px;height:14px;flex-shrink:0;color:var(--jd-green-mid);}[data-soe=brand-card-specs]{margin:0 !important;padding:0 !important;gap:14px 28px !important;}[data-soe=brand-card-specs] dt,[data-soe=brand-card-specs] dd,[data-soe=brand-card-spec]{margin:0 !important;padding:0 !important;}[data-soe=brand-card-spec-label]{margin-bottom:6px !important;line-height:1.2 !important;}[data-soe=brand-card-spec-value]{line-height:1.3 !important;}[data-soe=brand-card-info]{padding:32px 36px 32px !important;}[data-soe=brand-card-info-top]{gap:14px !important;}[data-soe=brand-card-info-foot]{margin-top:24px !important;padding-top:20px !important;border-top:1px solid var(--steel-200) !important;}[data-soe=brands-list-grid]{gap:24px !important;background:transparent !important;border:0 !important;}[data-soe=brand-card]{border:1px solid var(--steel-200) !important;}[data-soe=p-hero]{min-height:520px !important;}[data-soe=p-hero-content]{min-height:520px !important;padding:60px var(--gutter) 70px !important;}[data-soe=p-hero-h1]{font-size:clamp(40px,4.6vw,56px) !important;}[data-soe=p-hero-subline]{font-size:clamp(36px,4.2vw,52px) !important;}[data-soe=p-hero-lede]{margin-bottom:28px !important;}[data-soe=videos]{padding:80px var(--gutter) !important;}[data-soe=videos-head-h2]{font-size:clamp(32px,3.6vw,48px) !important;}[data-soe=difference]{padding:80px var(--gutter) 100px !important;}[data-soe=difference-head]{margin-bottom:48px !important;}[data-soe=difference-head-h2]{font-size:clamp(32px,3.6vw,48px) !important;}[data-soe=brands-section]{padding:80px var(--gutter) 100px !important;}[data-soe=brands-head]{margin-bottom:48px !important;}[data-soe=brands-head-h2]{font-size:clamp(32px,3.6vw,52px) !important;}[data-soe=cta-band]{padding:72px var(--gutter) !important;}[data-soe=cta-band-h2]{font-size:clamp(32px,3.6vw,48px) !important;}[data-soe=quote-band]{padding:64px var(--gutter) !important;}[data-soe=quote-band-h2]{font-size:clamp(32px,3.4vw,40px) !important;}[data-soe=page-head]{padding:64px var(--gutter) 56px !important;}[data-soe=page-head-h1]{font-size:clamp(48px,6vw,76px) !important;}[data-soe=brands-list]{padding:48px var(--gutter) 80px !important;}[data-soe=dealer-strip]{padding:56px var(--gutter) !important;}[data-soe=footer]{padding:56px var(--gutter) 0 !important;}[data-soe=footer-top]{padding-bottom:48px !important;gap:40px !important;}@media (max-width:720px){[data-soe=brand-card-specs]{grid-template-columns:1fr !important;gap:14px !important;text-align:center !important;}[data-soe=brand-card-spec]{display:flex !important;flex-direction:column !important;align-items:center !important;}[data-soe=brand-card-info]{text-align:center !important;align-items:center !important;}[data-soe=brand-card-info-top]{align-items:center !important;}[data-soe=brand-card-info-foot]{justify-content:center !important;flex-direction:column !important;gap:16px !important;align-items:center !important;}[data-soe=brand-card-origin-line]{text-align:center !important;}[data-soe=brand-card-h3]{text-align:center !important;}[data-soe=brand-card-num]{text-align:center !important;}[data-soe=brand-card-desc-l]{text-align:center !important;}[data-soe=brand-card-link-large]{justify-content:center !important;}[data-soe=hero-text]{top:80px !important;}[data-soe=hero-h1]{font-size:clamp(28px,7vw,38px) !important;}[data-soe=hero-subline]{font-size:clamp(24px,6vw,32px) !important;}[data-soe=cta-band-ctas],[data-soe=quote-band-ctas]{justify-self:stretch !important;}}

/* v2b-fixes */
[data-soe=cta-band-h2],[data-soe=quote-band-h2],[data-soe=dealer-strip-h2]{color:var(--paper) !important;}[data-soe=cta-band-lede],[data-soe=quote-band-lede]{color:#FFFFFF !important;}[data-soe=cta-band]::before{width:200px !important;height:200px !important;right:-60px !important;bottom:-60px !important;opacity:0.5 !important;}[data-soe=brand-card-info]{justify-content:center !important;gap:28px !important;padding:36px 40px !important;}[data-soe=page-head]{padding:80px var(--gutter) 72px !important;}[data-soe=page-head] [data-soe=eyebrow]{margin-bottom:32px !important;}[data-soe=page-head-h1]{margin:0 0 36px !important;}[data-soe=page-head-lede]{font-size:19px !important;line-height:1.55 !important;}[data-soe=btn] [data-soe=arr]{display:none !important;}[data-soe=nav-cta] [data-soe=arr]{display:none !important;}[data-soe=btn]{justify-content:center !important;gap:0 !important;}[data-soe=nav-cta]{justify-content:center !important;}[data-soe=brand-card-vbadge]{display:none !important;}[data-soe=footer-bot]{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:flex-start !important;gap:16px !important;}[data-soe=footer-legal]{margin-left:auto !important;display:flex !important;align-items:center !important;gap:18px !important;}[data-soe=footer-social]{margin-left:0 !important;padding-left:18px !important;border-left:1px solid rgba(255,255,255,.18) !important;display:flex !important;align-items:center !important;gap:8px !important;}[data-soe=hero-slide]{transition:clip-path 0s linear 1.5s,opacity .9s ease !important;opacity:0 !important;}[data-soe=hero-slide][data-soe-state=active]{transition:clip-path 1.5s cubic-bezier(.4,0,.2,1),opacity .35s ease !important;opacity:1 !important;}[data-soe=hero-slide][data-soe-state=prev]{transition:clip-path 0s linear,opacity 1.3s cubic-bezier(.4,0,.2,1) !important;opacity:0 !important;}@media (max-width:720px){[data-soe=footer-bot]{flex-direction:row !important;flex-wrap:wrap !important;}[data-soe=footer-legal]{margin-left:0 !important;width:100% !important;}[data-soe=footer-social]{border-left:0 !important;padding-left:0 !important;width:100% !important;}}

/* v2c-anim */
[data-soe-anim=reveal]{opacity:0;transform:translateY(22px);transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1) !important;will-change:opacity,transform;}[data-soe-anim=reveal][data-soe-state=in-view]{opacity:1 !important;transform:none !important;}[data-soe=brand-card-h],[data-soe=brand-card],[data-soe=feature],[data-soe=video-card]{transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease,border-color .25s ease,background .25s ease !important;}[data-soe=brand-card-h]:hover,[data-soe=brand-card]:hover,[data-soe=feature]:hover,[data-soe=video-card]:hover{transform:translateY(-4px) !important;box-shadow:0 22px 40px -22px rgba(0,0,0,.18) !important;}[data-soe=btn]{transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s cubic-bezier(.22,.61,.36,1) !important;}[data-soe=btn]:hover{transform:translateY(-1px) !important;}[data-soe=nav-link],[data-soe=top-util-link],[data-soe=footer-col] li a,[data-soe=footer-legal] a,[data-soe=footer-social] a{transition:color .2s ease,background .2s ease,opacity .2s ease !important;}@media (prefers-reduced-motion:reduce){[data-soe-anim=reveal]{opacity:1 !important;transform:none !important;transition:none !important;}[data-soe=brand-card-h]:hover,[data-soe=brand-card]:hover,[data-soe=feature]:hover,[data-soe=video-card]:hover,[data-soe=btn]:hover{transform:none !important;box-shadow:none !important;}}

/* v2d-early */
[data-soe-anim=active] [data-soe=hero-brand-tag],[data-soe-anim=active] [data-soe=hero-h1],[data-soe-anim=active] [data-soe=hero-lede],[data-soe-anim=active] [data-soe=hero-ctas],[data-soe-anim=active] [data-soe=intro-lockup],[data-soe-anim=active] [data-soe=intro-tagline],[data-soe-anim=active] [data-soe=intro-underline],[data-soe-anim=active] [data-soe=brands-head],[data-soe-anim=active] [data-soe=brand-card-h],[data-soe-anim=active] [data-soe=cta-band-text],[data-soe-anim=active] [data-soe=cta-band-ctas],[data-soe-anim=active] [data-soe=p-hero-h1],[data-soe-anim=active] [data-soe=p-hero-lede],[data-soe-anim=active] [data-soe=p-hero-ctas],[data-soe-anim=active] [data-soe=difference-head],[data-soe-anim=active] [data-soe=feature],[data-soe-anim=active] [data-soe=videos-head],[data-soe-anim=active] [data-soe=video-card],[data-soe-anim=active] [data-soe=quote-band-text],[data-soe-anim=active] [data-soe=quote-band-ctas],[data-soe-anim=active] [data-soe=page-head],[data-soe-anim=active] [data-soe=brand-card],[data-soe-anim=active] [data-soe=dealer-strip-text],[data-soe-anim=active] [data-soe=dealer-strip-ctas],[data-soe-anim=active] [data-soe=promo-strip]{opacity:0;transform:translateY(22px);transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;}[data-soe-anim=active] [data-soe=hero-brand-tag][data-soe-state=in-view],[data-soe-anim=active] [data-soe=hero-h1][data-soe-state=in-view],[data-soe-anim=active] [data-soe=hero-lede][data-soe-state=in-view],[data-soe-anim=active] [data-soe=hero-ctas][data-soe-state=in-view],[data-soe-anim=active] [data-soe=intro-lockup][data-soe-state=in-view],[data-soe-anim=active] [data-soe=intro-tagline][data-soe-state=in-view],[data-soe-anim=active] [data-soe=intro-underline][data-soe-state=in-view],[data-soe-anim=active] [data-soe=brands-head][data-soe-state=in-view],[data-soe-anim=active] [data-soe=brand-card-h][data-soe-state=in-view],[data-soe-anim=active] [data-soe=cta-band-text][data-soe-state=in-view],[data-soe-anim=active] [data-soe=cta-band-ctas][data-soe-state=in-view],[data-soe-anim=active] [data-soe=p-hero-h1][data-soe-state=in-view],[data-soe-anim=active] [data-soe=p-hero-lede][data-soe-state=in-view],[data-soe-anim=active] [data-soe=p-hero-ctas][data-soe-state=in-view],[data-soe-anim=active] [data-soe=difference-head][data-soe-state=in-view],[data-soe-anim=active] [data-soe=feature][data-soe-state=in-view],[data-soe-anim=active] [data-soe=videos-head][data-soe-state=in-view],[data-soe-anim=active] [data-soe=video-card][data-soe-state=in-view],[data-soe-anim=active] [data-soe=quote-band-text][data-soe-state=in-view],[data-soe-anim=active] [data-soe=quote-band-ctas][data-soe-state=in-view],[data-soe-anim=active] [data-soe=page-head][data-soe-state=in-view],[data-soe-anim=active] [data-soe=brand-card][data-soe-state=in-view],[data-soe-anim=active] [data-soe=dealer-strip-text][data-soe-state=in-view],[data-soe-anim=active] [data-soe=dealer-strip-ctas][data-soe-state=in-view],[data-soe-anim=active] [data-soe=promo-strip][data-soe-state=in-view]{opacity:1 !important;transform:none !important;}@media (prefers-reduced-motion:reduce){[data-soe-anim=active] [data-soe=hero-brand-tag],[data-soe-anim=active] [data-soe=hero-h1],[data-soe-anim=active] [data-soe=hero-lede],[data-soe-anim=active] [data-soe=hero-ctas],[data-soe-anim=active] [data-soe=intro-lockup],[data-soe-anim=active] [data-soe=intro-tagline],[data-soe-anim=active] [data-soe=intro-underline],[data-soe-anim=active] [data-soe=brands-head],[data-soe-anim=active] [data-soe=brand-card-h],[data-soe-anim=active] [data-soe=cta-band-text],[data-soe-anim=active] [data-soe=cta-band-ctas],[data-soe-anim=active] [data-soe=p-hero-h1],[data-soe-anim=active] [data-soe=p-hero-lede],[data-soe-anim=active] [data-soe=p-hero-ctas],[data-soe-anim=active] [data-soe=difference-head],[data-soe-anim=active] [data-soe=feature],[data-soe-anim=active] [data-soe=videos-head],[data-soe-anim=active] [data-soe=video-card],[data-soe-anim=active] [data-soe=quote-band-text],[data-soe-anim=active] [data-soe=quote-band-ctas],[data-soe-anim=active] [data-soe=page-head],[data-soe-anim=active] [data-soe=brand-card],[data-soe-anim=active] [data-soe=dealer-strip-text],[data-soe-anim=active] [data-soe=dealer-strip-ctas],[data-soe-anim=active] [data-soe=promo-strip]{opacity:1 !important;transform:none !important;transition:none !important;}}

/* v2g-fixes */
[data-soe-anim=active] [data-soe=intro] [data-soe=eyebrow],[data-soe-anim=active] [data-soe=cta-band] [data-soe=eyebrow],[data-soe-anim=active] [data-soe=quote-band] [data-soe=eyebrow],[data-soe-anim=active] [data-soe=dealer-strip] [data-soe=eyebrow],[data-soe-anim=active] [data-soe=brands-head-left] [data-soe=eyebrow],[data-soe-anim=active] [data-soe=videos-head] [data-soe=eyebrow],[data-soe-anim=active] [data-soe=difference-head] [data-soe=eyebrow],[data-soe-anim=active] [data-soe=page-head] [data-soe=eyebrow]{opacity:0;transform:translateY(22px);transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;}[data-soe-anim=active] [data-soe=intro] [data-soe=eyebrow][data-soe-state=in-view],[data-soe-anim=active] [data-soe=cta-band] [data-soe=eyebrow][data-soe-state=in-view],[data-soe-anim=active] [data-soe=quote-band] [data-soe=eyebrow][data-soe-state=in-view],[data-soe-anim=active] [data-soe=dealer-strip] [data-soe=eyebrow][data-soe-state=in-view],[data-soe-anim=active] [data-soe=brands-head-left] [data-soe=eyebrow][data-soe-state=in-view],[data-soe-anim=active] [data-soe=videos-head] [data-soe=eyebrow][data-soe-state=in-view],[data-soe-anim=active] [data-soe=difference-head] [data-soe=eyebrow][data-soe-state=in-view],[data-soe-anim=active] [data-soe=page-head] [data-soe=eyebrow][data-soe-state=in-view]{opacity:1 !important;transform:none !important;}[data-soe=brand-card-tag]{display:none !important;}[data-soe=brand-card-link-large] [data-soe=arr]{display:none !important;}[data-soe=crumbs-meta]{display:none !important;}[data-soe=brand-card]{min-height:560px !important;}[data-soe=brand-card-info]{display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important;padding:80px 48px !important;gap:40px !important;}[data-soe=dealer-strip-ctas]{display:flex !important;flex-direction:row !important;gap:14px !important;align-items:stretch !important;flex-wrap:wrap !important;}[data-soe=btn]{box-sizing:border-box !important;}[data-soe=hero-slide]{transition:clip-path 0s linear 1.6s,opacity 1s ease !important;}[data-soe=hero-slide][data-soe-state=active]{transition:clip-path 1.6s cubic-bezier(.45,0,.2,1),opacity .25s ease !important;}[data-soe=hero-slide][data-soe-state=prev]{transition:clip-path 0s linear 1.6s,opacity 1.4s cubic-bezier(.45,0,.2,1) !important;}[data-soe=hero-slide][data-soe-state=prev] [data-soe=hero-bg]{transform:scale(1.06) !important;transition:transform 1.6s linear !important;}html{background:var(--ink) !important;}body{margin:0 !important;background:var(--paper) !important;}[data-soe=top-util],[data-soe=nav]{box-sizing:border-box !important;margin:0 !important;}[data-soe=top-util]{border-bottom:0 !important;}@media (max-width:720px){[data-soe=brand-card-info]{padding:56px 28px !important;align-items:center !important;}[data-soe=dealer-strip-ctas]{flex-direction:column !important;}}

/* v2h-fixes */
@keyframes soeKenBurns{from{transform:scale(1);}to{transform:scale(1.07);}}[data-soe=hero-slide][data-soe-state=active] [data-soe=hero-bg],[data-soe=hero-slide][data-soe-state=prev] [data-soe=hero-bg]{animation:soeKenBurns 8s linear forwards !important;transition:none !important;}[data-soe=brand-card]{display:grid !important;grid-template-columns:5fr 4fr !important;grid-template-rows:1fr !important;min-height:600px !important;}[data-soe=brand-card-visual-l]{align-self:stretch !important;height:100% !important;}[data-soe=brand-card-info]{align-self:stretch !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important;padding:80px 48px !important;gap:40px !important;height:100% !important;}[data-soe-design]{display:none !important;}[data-soe=brand-card-visual]::before{display:none !important;}[data-soe=brand-card-visual-l]::before{display:none !important;}[data-soe=hero-bg]::after{display:block;}@media (max-width:720px){[data-soe=brand-card]{min-height:auto !important;grid-template-columns:1fr !important;grid-template-rows:auto !important;}[data-soe=brand-card-info]{padding:48px 28px !important;height:auto !important;}}

/* v2i-fixes */
[data-soe=brand-card]{display:flex !important;flex-direction:row !important;align-items:stretch !important;min-height:600px !important;grid-template-columns:none !important;grid-template-rows:none !important;}[data-soe=brand-card-visual-l]{flex:5 1 0 !important;align-self:stretch !important;}[data-soe=brand-card-info]{flex:4 1 0 !important;align-self:stretch !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important;padding:80px 48px !important;gap:40px !important;}@media (max-width:720px){:root{--util-h:36px !important;}[data-soe=nav]{top:36px !important;}[data-soe=brand-card]{flex-direction:column !important;min-height:auto !important;}[data-soe=brand-card-info]{padding:48px 28px !important;}}

/* v2j-fixes */
[data-soe=brand-card-specs]{border-top:0 !important;padding-top:0 !important;margin-top:8px !important;}

/* v2k-fixes */
[data-soe=hero-slide]{transition:clip-path 0s linear 1.9s,opacity 1.2s ease !important;}[data-soe=hero-slide][data-soe-state=active]{transition:clip-path 1.9s cubic-bezier(.45,0,.2,1),opacity .35s ease !important;}[data-soe=hero-slide][data-soe-state=prev]{transition:clip-path 0s linear 1.9s,opacity 1.8s cubic-bezier(.45,0,.2,1) !important;}

/* v2l-early-css */

[data-soe-design]{display:none;}
html{background:#0E1110;}
body{margin:0;padding:0;background:#fff;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.55;}
[data-soe] *{box-sizing:border-box;}
[data-soe] img{max-width:100%;display:block;}
[data-soe] a{color:inherit;text-decoration:none;}
[data-soe] ul,[data-soe] ol{list-style:none;margin:0;padding:0;}
[data-soe] svg{flex-shrink:0;}
[data-soe=top-util-icon]{width:14px;height:14px;color:#4A9540;}
[data-soe=top-util]{background:#0E1110;color:#A5ADA4;height:36px;display:flex;align-items:center;padding:0 20px;font-size:13px;box-sizing:border-box;border-bottom:0;margin:0;font-family:Inter,sans-serif;position:sticky;top:0;z-index:50;}
[data-soe=top-util-left]{display:flex;align-items:center;gap:16px;}
[data-soe=top-util-link]{display:inline-flex;align-items:center;gap:8px;color:#A5ADA4;text-decoration:none;font-size:11px;}
[data-soe=top-util-link][data-soe-kind=email]{display:none;}
[data-soe=nav]{background:#0E1110;color:#fff;height:60px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);box-sizing:border-box;margin:0;position:sticky;top:36px;z-index:49;gap:12px;}
[data-soe=nav-brand]{display:flex;align-items:center;gap:12px;white-space:nowrap;}
[data-soe=nav-mark]{width:30px;height:30px;background:#367C2B;position:relative;flex-shrink:0;}
[data-soe=nav-mark]::after{content:"";position:absolute;inset:0;background:#FFDE00;clip-path:polygon(50% 22%,82% 78%,18% 78%);}
[data-soe=nav-word]{font-weight:800;font-size:14px;color:#fff;font-family:Inter,sans-serif;}
[data-soe=nav-word-sub]{display:none;}
[data-soe=nav-links]{display:none;}
[data-soe=nav-spacer]{flex:1;}
[data-soe=nav-cta]{background:#367C2B;color:#fff;padding:0 16px;font-weight:600;font-size:11px;text-decoration:none;display:flex;align-items:center;align-self:stretch;font-family:Inter,sans-serif;letter-spacing:.14em;}
[data-soe=nav-cta] [data-soe=arr]{display:none;}
[data-soe=nav-hamburger]{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:transparent;border:0;padding:0;cursor:pointer;order:-1;}
[data-soe=nav-hamburger] span{display:block;width:22px;height:2px;background:#fff;}
[data-soe=nav-drawer]{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0E1110;z-index:100;padding:80px 32px 40px;transform:translateX(-100%);overflow-y:auto;}
[data-soe=drawer-close]{position:absolute;top:20px;right:20px;width:36px;height:36px;background:transparent;border:0;color:#fff;font-size:28px;}
[data-soe=hero]{background:#0E1110;min-height:560px;position:relative;overflow:hidden;color:#fff;}
[data-soe=footer]{background:#0E1110;color:#A5ADA4;padding:48px 20px 0;}
[data-soe=intro]{padding:80px 20px;text-align:center;background:#fff;}
[data-soe=brands-section]{background:#F6F7F5;}
[data-soe=brands-list]{background:#fff;}
[data-soe=cta-band]{background:#0E1110;color:#fff;}
[data-soe=quote-band]{background:#0E1110;color:#fff;}
[data-soe=dealer-strip]{background:#0E1110;color:#fff;}
[data-soe=p-hero]{background:#0E1110;color:#fff;min-height:480px;position:relative;}
[data-soe=difference]{background:#F6F7F5;}
[data-soe=videos]{background:#fff;}
[data-soe=promo-strip]{background:#367C2B;color:#fff;padding:18px 20px;text-align:center;}
[data-soe=crumbs]{background:#EAEDE8;height:38px;padding:0 20px;display:flex;align-items:center;color:#3A413A;font-size:11px;}
.soe-header,.soe-footer,.soe-banner-section,.soe-hero-section,.soe-section,.mm-hero-section,.mm-info-bar,.mm-features-section,.mm-videos-section,.soe-runtime7,#soe-mobile-nav,#soe-nav-backdrop{display:none !important;}
@media (min-width:721px){
[data-soe=top-util]{height:40px;padding:0 64px;}
[data-soe=top-util-link][data-soe-kind=email]{display:inline-flex;}
[data-soe=top-util-left]{gap:28px;font-size:13px;}
[data-soe=top-util-link]{font-size:13px;}
[data-soe=nav]{height:72px;padding:0 0 0 64px;align-items:stretch;top:40px;}
[data-soe=nav-mark]{width:36px;height:36px;}
[data-soe=nav-word]{font-size:17px;}
[data-soe=nav-word-sub]{display:block;font-weight:500;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#A5ADA4;margin-top:5px;}
[data-soe=nav-links]{display:flex;align-items:stretch;}
[data-soe=nav-link]{padding:0 14px;font-size:14px;color:#fff;text-decoration:none;display:inline-flex;align-items:center;height:100%;white-space:nowrap;}
[data-soe=nav-cta]{padding:0 26px;font-size:14px;letter-spacing:0;}
[data-soe=nav-hamburger]{display:none;}
[data-soe=crumbs]{padding:0 64px;}
[data-soe=intro]{padding:140px 64px 120px;}
[data-soe=footer]{padding:64px 64px 0;}
[data-soe=promo-strip]{padding:18px 64px;}
}

/* v2m-bgflash */
html{background:#0E1110 !important;}body{background:#0E1110 !important;}

/* v2n-perf */
@media (max-width:720px){[data-soe=hero-slide]:nth-child(1) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf211eb95c0705bab89_mulch-mule.jpg?w=900&q=78&fm=webp) !important;}[data-soe=hero-slide]:nth-child(2) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf1afd45b9b1874f17a_brinemasters.jpg?w=900&q=78&fm=webp) !important;}[data-soe=hero-slide]:nth-child(3) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf3e52ea6ea030c518e_energreen.jpg?w=900&q=78&fm=webp) !important;}[data-soe=hero-slide]:nth-child(4) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf15f04771e02f81538_metec.webp?w=900&q=78&fm=webp) !important;}[data-soe=brand-grid] a:nth-child(1) [data-soe=brand-card-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf211eb95c0705bab89_mulch-mule.jpg?w=800&q=78&fm=webp) !important;}[data-soe=brand-grid] a:nth-child(2) [data-soe=brand-card-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf1afd45b9b1874f17a_brinemasters.jpg?w=800&q=78&fm=webp) !important;}[data-soe=brand-grid] a:nth-child(3) [data-soe=brand-card-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf3e52ea6ea030c518e_energreen.jpg?w=800&q=78&fm=webp) !important;}[data-soe=brand-grid] a:nth-child(4) [data-soe=brand-card-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf15f04771e02f81538_metec.webp?w=800&q=78&fm=webp) !important;}[data-soe=brands-list-grid] article:nth-child(1) [data-soe=brand-card-visual-l]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf211eb95c0705bab89_mulch-mule.jpg?w=800&q=78&fm=webp) !important;}[data-soe=brands-list-grid] article:nth-child(2) [data-soe=brand-card-visual-l]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf1afd45b9b1874f17a_brinemasters.jpg?w=800&q=78&fm=webp) !important;}[data-soe=brands-list-grid] article:nth-child(3) [data-soe=brand-card-visual-l]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf3e52ea6ea030c518e_energreen.jpg?w=800&q=78&fm=webp) !important;}[data-soe=brands-list-grid] article:nth-child(4) [data-soe=brand-card-visual-l]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf15f04771e02f81538_metec.webp?w=800&q=78&fm=webp) !important;}[data-soe=p-hero] [data-soe=p-hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf211eb95c0705bab89_mulch-mule.jpg?w=900&q=78&fm=webp) !important;}}@media (min-width:721px){[data-soe=hero-slide]:nth-child(1) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf211eb95c0705bab89_mulch-mule.jpg?w=1800&q=85&fm=webp) !important;}[data-soe=hero-slide]:nth-child(2) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf1afd45b9b1874f17a_brinemasters.jpg?w=1800&q=85&fm=webp) !important;}[data-soe=hero-slide]:nth-child(3) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf3e52ea6ea030c518e_energreen.jpg?w=1800&q=85&fm=webp) !important;}[data-soe=hero-slide]:nth-child(4) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf15f04771e02f81538_metec.webp?w=1800&q=85&fm=webp) !important;}[data-soe=brand-grid] a:nth-child(1) [data-soe=brand-card-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf211eb95c0705bab89_mulch-mule.jpg?w=1200&q=85&fm=webp) !important;}[data-soe=brand-grid] a:nth-child(2) [data-soe=brand-card-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf1afd45b9b1874f17a_brinemasters.jpg?w=1200&q=85&fm=webp) !important;}[data-soe=brand-grid] a:nth-child(3) [data-soe=brand-card-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf3e52ea6ea030c518e_energreen.jpg?w=1200&q=85&fm=webp) !important;}[data-soe=brand-grid] a:nth-child(4) [data-soe=brand-card-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf15f04771e02f81538_metec.webp?w=1200&q=85&fm=webp) !important;}[data-soe=brands-list-grid] article:nth-child(1) [data-soe=brand-card-visual-l]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf211eb95c0705bab89_mulch-mule.jpg?w=1200&q=85&fm=webp) !important;}[data-soe=brands-list-grid] article:nth-child(2) [data-soe=brand-card-visual-l]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf1afd45b9b1874f17a_brinemasters.jpg?w=1200&q=85&fm=webp) !important;}[data-soe=brands-list-grid] article:nth-child(3) [data-soe=brand-card-visual-l]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf3e52ea6ea030c518e_energreen.jpg?w=1200&q=85&fm=webp) !important;}[data-soe=brands-list-grid] article:nth-child(4) [data-soe=brand-card-visual-l]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf15f04771e02f81538_metec.webp?w=1200&q=85&fm=webp) !important;}[data-soe=p-hero] [data-soe=p-hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6acf211eb95c0705bab89_mulch-mule.jpg?w=1800&q=85&fm=webp) !important;}}

/* v2o-fixes */
[data-soe=intro-isprefix]{display:none !important;}[data-soe=intro] [data-soe=eyebrow]{display:none !important;}[data-soe=brands-head] [data-soe=eyebrow]{display:none !important;}[data-soe=brand-card-cat]{display:none !important;}[data-soe=cta-band]{display:none !important;}[data-soe=quote-band]{display:none !important;}[data-soe=difference-head-left] [data-soe=eyebrow]{display:none !important;}[data-soe=difference-head-lede]{display:none !important;}[data-soe=videos-head-left] [data-soe=eyebrow]{display:none !important;}[data-soe=videos-head-lede]{display:none !important;}[data-soe=intro-tagline]{font-size:30px !important;line-height:1.35 !important;max-width:720px !important;}@media (max-width:720px){[data-soe=intro-tagline]{font-size:14px !important;}}[data-soe=brands-head-h2]{margin-bottom:18px !important;}[data-soe=brands-head-lede]{line-height:1.55 !important;}[data-soe=brands-head]{gap:64px !important;margin-bottom:56px !important;}[data-soe=intro-lockup]{margin-bottom:40px !important;}[data-soe=nav-cta]{padding:0 36px !important;}[data-soe=brand-card]{cursor:pointer;}[data-soe=footer-bot]{padding:20px 0 !important;}[data-soe=footer-top]{padding-bottom:36px !important;}[data-soe=nav-link-wrap]{position:relative;display:inline-flex;align-items:stretch;height:100%;}[data-soe=nav-dropdown]{position:absolute;top:100%;left:0;background:#0E1110;min-width:220px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .15s,visibility .15s,transform .15s;z-index:100;border-top:3px solid #367C2B;box-shadow:0 8px 24px rgba(0,0,0,.4);}[data-soe=nav-link-wrap]:hover [data-soe=nav-dropdown],[data-soe=nav-dropdown]:hover{opacity:1;visibility:visible;transform:translateY(0);}[data-soe=nav-dropdown-item]{padding:14px 20px;color:#fff;text-decoration:none;font-size:14px;border-bottom:1px solid rgba(255,255,255,.1);transition:background .15s,color .15s;font-family:Inter,sans-serif;font-weight:500;}[data-soe=nav-dropdown-item]:last-child{border-bottom:0;}[data-soe=nav-dropdown-item]:hover{background:rgba(255,255,255,.05);color:#7DB13C;}[data-soe=nav-brand]{cursor:pointer;}@media (max-width:720px){[data-soe=nav-dropdown]{display:none !important;}}

/* v2p-fixes */
[data-soe=intro-word]{min-width:14ch !important;}[data-soe=intro-line2]{justify-content:center;width:100%;}@media (min-width:721px){[data-soe=intro-word]{min-width:18ch !important;}}[data-soe=nav-cta]{align-self:center !important;padding:14px 28px !important;font-size:14px !important;height:auto !important;line-height:1 !important;}

/* v2q-fixes */
[data-soe=nav-cta]{margin-right:24px !important;}@media (max-width:720px){[data-soe=nav-cta]{margin-right:12px !important;}}

/* v2r-fixes */
[data-soe=intro]{text-align:center !important;}[data-soe=intro-lockup]{align-items:center !important;width:100% !important;}[data-soe=intro-leadin]{text-align:center !important;width:100% !important;}[data-soe=intro-line2]{justify-content:center !important;align-items:baseline !important;width:100% !important;white-space:nowrap !important;}[data-soe=intro-word]{justify-content:center !important;text-align:center !important;white-space:nowrap !important;min-width:18ch !important;line-height:1.02 !important;}[data-soe=intro-tagline]{text-align:center !important;margin-left:auto !important;margin-right:auto !important;}[data-soe=brand-card-name]{margin-bottom:22px !important;}@media (max-width:720px){[data-soe=intro-word]{min-width:14ch !important;}}

/* v2s-fixes */
[data-soe=intro-word]{min-height:1em !important;line-height:1.02 !important;}[data-soe=intro-line2]{min-height:1.05em !important;font-size:clamp(40px,6vw,80px);}[data-soe=intro-word]::before{content:"M";visibility:hidden;width:0;display:inline-block;overflow:hidden;flex-shrink:0;}

/* v2t-fixes */
[data-soe=footer-tag]{display:none !important;}

/* v2u-quote */
[data-soe=crumbs]{padding:14px var(--gutter);background:#EAEDE8;color:#3A413A;font-size:11px;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif;}[data-soe=crumbs] a{color:#3A413A;text-decoration:none;}[data-soe=crumbs] a:hover{color:#367C2B;}[data-soe=crumbs] [data-soe=crumbs-current]{color:#FFAA33;}[data-soe=page-head]{background:#0E1110;color:#fff;padding:80px var(--gutter) 100px;}[data-soe=page-head-inner]{max-width:1200px;margin:0 auto;}[data-soe=page-head-h1]{font-family:var(--font-display);font-weight:800;font-size:64px;line-height:1.05;letter-spacing:-.025em;margin:0 0 16px;color:#fff;}[data-soe=page-head-lede]{font-family:var(--font-sans);font-size:18px;color:#A5ADA4;max-width:640px;margin:0;line-height:1.55;}[data-soe=quote-page]{background:#F6F7F5;padding:40px var(--gutter) 100px;}[data-soe=quote-grid]{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;max-width:1200px;margin:0 auto;}[data-soe=quote-card]{background:#fff;padding:40px;}[data-soe=quote-card-h]{font-family:var(--font-display);font-weight:800;font-size:24px;color:#0E1110;margin:0 0 8px;}[data-soe=quote-card-sub]{font-size:14px;color:#6B746A;margin:0 0 28px;}[data-soe=quote-tabs]{display:flex;gap:0;border-bottom:1px solid #E2E5DF;margin-bottom:32px;}[data-soe=quote-tab]{flex:1;background:transparent;border:0;padding:16px 0;font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9AA298;cursor:pointer;border-bottom:3px solid transparent;transition:color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:8px;}[data-soe=quote-tab] span{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:none;color:#9AA298;}[data-soe=quote-tab][data-soe-state=active]{color:#367C2B;border-bottom-color:#367C2B;}[data-soe=quote-tab-panel]{display:none;}[data-soe=quote-tab-panel][data-soe-state=active]{display:block;}[data-soe=quote-tab-intro]{font-size:14px;color:#3A413A;margin:0 0 24px;}[data-soe=quote-section-h]{font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#367C2B;margin:24px 0 14px;}[data-soe=quote-form-row]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px;}[data-soe=quote-field]{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}[data-soe=quote-field] label{font-size:13px;font-weight:600;color:#0E1110;}[data-soe=quote-field] input,[data-soe=quote-field] select,[data-soe=quote-field] textarea{font-family:Inter,sans-serif;font-size:14px;padding:12px 14px;border:1px solid #D4D9D1;background:#fff;color:#0E1110;border-radius:0;transition:border-color .15s,box-shadow .15s;}[data-soe=quote-field] input:focus,[data-soe=quote-field] select:focus,[data-soe=quote-field] textarea:focus{outline:none;border-color:#367C2B;box-shadow:0 0 0 3px rgba(54,124,43,.12);}[data-soe=quote-field] textarea{resize:vertical;min-height:120px;}[data-soe=quote-checkbox]{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:#3A413A;cursor:pointer;}[data-soe=quote-checkbox] input{width:16px;height:16px;accent-color:#367C2B;}[data-soe=quote-submit]{margin-top:24px;width:100%;padding:18px 24px;background:#367C2B;color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;border:0;cursor:pointer;transition:background .15s;}[data-soe=quote-submit]:hover{background:#2D6822;}[data-soe=quote-form-foot]{font-size:12px;color:#6B746A;text-align:center;margin:14px 0 0;}[data-soe=quote-sidebar]{display:flex;flex-direction:column;gap:16px;}[data-soe=sidebar-card]{background:#fff;padding:24px 28px;}[data-soe=sidebar-card][data-soe-variant=muted]{background:#EFF2EE;}[data-soe=sidebar-card-h]{font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0E1110;margin:0 0 16px;}[data-soe=sidebar-row]{display:flex;align-items:center;gap:12px;padding:6px 0;color:#0E1110;text-decoration:none;font-size:14px;}[data-soe=sidebar-row]:hover{color:#367C2B;}[data-soe=sidebar-icon]{color:#367C2B;width:18px;font-size:16px;text-align:center;flex-shrink:0;}[data-soe=expect-list]{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;}[data-soe=expect-list] li{display:flex;align-items:center;gap:10px;font-size:14px;color:#0E1110;}[data-soe=expect-list] li::before{content:"✓";color:#367C2B;font-weight:700;width:18px;text-align:center;flex-shrink:0;}@media (max-width:1024px){[data-soe=quote-grid]{grid-template-columns:1fr;}[data-soe=page-head]{padding:60px var(--gutter) 80px;}[data-soe=page-head-h1]{font-size:48px;}}@media (max-width:720px){[data-soe=page-head]{padding:48px var(--gutter) 64px;}[data-soe=page-head-h1]{font-size:36px;}[data-soe=page-head-lede]{font-size:16px;}[data-soe=quote-page]{padding:24px var(--gutter) 60px;}[data-soe=quote-card]{padding:28px 20px;}[data-soe=quote-form-row]{grid-template-columns:1fr;}[data-soe=quote-tab]{padding:14px 8px;font-size:12px;}[data-soe=quote-tab] span{display:none;}}

/* v2v-form-spec */
[data-soe=quote-field]{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;}[data-soe=quote-field] label{font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0E1110;}[data-soe=quote-field] input,[data-soe=quote-field] select,[data-soe=quote-field] textarea{background:#fff !important;border:1px solid #A5ADA4 !important;padding:14px 16px !important;font-family:Inter,sans-serif !important;font-size:15px !important;color:#0E1110 !important;width:100% !important;outline:none !important;border-radius:0 !important;box-sizing:border-box !important;transition:border-color .15s,box-shadow .15s !important;}[data-soe=quote-field] input:focus,[data-soe=quote-field] select:focus,[data-soe=quote-field] textarea:focus{border-color:#367C2B !important;box-shadow:inset 0 -2px 0 #367C2B !important;}[data-soe=quote-field] textarea{resize:vertical !important;min-height:140px !important;}[data-soe=quote-form-foot]{font-family:Inter,sans-serif;font-size:12px;color:#3A413A;}[data-soe=quote-checkbox]{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:14px;color:#0E1110;cursor:pointer;}[data-soe=quote-checkbox] input{width:18px;height:18px;accent-color:#367C2B;}[data-soe=quote-section-h]{font-family:Inter,sans-serif !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#367C2B !important;margin:28px 0 16px !important;}[data-soe=quote-tab]{font-family:Inter,sans-serif !important;font-size:13px !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;}[data-soe=sidebar-card-h]{font-family:Inter,sans-serif !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#0E1110 !important;}

/* v2w-checkbox */
[data-soe=quote-checkbox] .w-form-label{display:none !important;}[data-soe=quote-checkbox]{display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;padding:10px 0 !important;text-align:center;}[data-soe=quote-checkbox] .w-checkbox{display:inline-flex !important;align-items:center !important;margin:0 !important;padding:0 !important;}[data-soe=quote-checkbox] .w-checkbox-input{margin:0 !important;width:18px !important;height:18px !important;accent-color:#367C2B !important;}

/* v2x-submit-color */
[data-soe=quote-submit]{color:#fff !important;background:#367C2B !important;text-decoration:none !important;}[data-soe=quote-submit]:hover{color:#fff !important;background:#2D6822 !important;}

/* v2y-icons */
[data-soe=page-head-h1]{margin-bottom:28px !important;}[data-soe=sidebar-icon]{display:inline-flex !important;align-items:center !important;justify-content:center !important;}

/* v2z-extras */
[data-soe=quote-field] input,[data-soe=quote-field] select,[data-soe=quote-field] textarea{line-height:1.4 !important;}[data-soe=quote-field] select{height:auto !important;vertical-align:middle !important;}@keyframes soeQuoteSlideIn{from{opacity:0;transform:translateX(28px);}to{opacity:1;transform:translateX(0);}}[data-soe=quote-tab-panel][data-soe-state=active]{animation:soeQuoteSlideIn .35s cubic-bezier(.45,0,.2,1) both;}

/* v2aa-fold */
[data-soe=quote-tab-panel]{display:grid !important;grid-template-rows:0fr !important;transition:grid-template-rows .45s cubic-bezier(.45,0,.2,1),opacity .25s ease !important;opacity:0 !important;animation:none !important;}[data-soe=quote-tab-panel][data-soe-state=active]{grid-template-rows:1fr !important;opacity:1 !important;}[data-soe=quote-tab-panel-inner]{overflow:hidden;min-height:0;}[data-soe=quote-tab-panel][data-soe-state=active] [data-soe=quote-tab-panel-inner]{animation:soeQuoteSlideIn .35s cubic-bezier(.45,0,.2,1) both;}

/* v2cc-footer-parity */
[data-soe=footer]{background:#0E1110 !important;color:#A5ADA4 !important;padding:64px 64px 0 !important;}[data-soe=footer-tag]{display:none !important;}[data-soe=footer-top]{display:grid !important;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr !important;gap:48px !important;padding-bottom:36px !important;border-bottom:1px solid rgba(255,255,255,.08) !important;}[data-soe=footer-brand]{display:flex !important;align-items:center !important;gap:14px !important;margin-bottom:24px !important;}[data-soe=footer-mark]{width:40px !important;height:40px !important;background:#367C2B !important;position:relative !important;}[data-soe=footer-word]{font-family:Inter,sans-serif !important;font-weight:800 !important;font-size:18px !important;color:#fff !important;line-height:1.1 !important;}[data-soe=footer-word-sub]{display:block !important;font-family:Inter,sans-serif !important;font-weight:500 !important;font-size:10px !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:#6B746A !important;margin-top:4px !important;}[data-soe=footer-contact]{font-family:Inter,sans-serif !important;font-size:11px !important;letter-spacing:.12em !important;text-transform:uppercase !important;line-height:2 !important;color:#6B746A !important;}[data-soe=footer-contact] b{color:#fff !important;font-weight:600 !important;}[data-soe=footer-col-h]{font-family:Inter,sans-serif !important;font-size:11px !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:#fff !important;font-weight:700 !important;margin:0 0 20px !important;}[data-soe=footer-col] li{margin-bottom:12px !important;font-family:Inter,sans-serif !important;font-size:14px !important;}[data-soe=footer-col] li a{color:#A5ADA4 !important;transition:color .15s !important;}[data-soe=footer-col] li a:hover{color:#4A9540 !important;}[data-soe=footer-bot]{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:20px 0 !important;font-family:Inter,sans-serif !important;font-size:11px !important;letter-spacing:.15em !important;text-transform:uppercase !important;color:#6B746A !important;}[data-soe=footer-legal]{display:flex !important;gap:24px !important;}[data-soe=footer-legal] a{color:#A5ADA4 !important;}[data-soe=footer-legal] a:hover{color:#fff !important;}[data-soe=footer-social]{display:flex !important;gap:8px !important;}[data-soe=footer-social] a{width:32px !important;height:32px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:rgba(255,255,255,.06) !important;color:#A5ADA4 !important;font-family:Inter,sans-serif !important;font-size:12px !important;font-weight:600 !important;text-transform:lowercase !important;transition:background .15s,color .15s !important;}[data-soe=footer-social] a:hover{background:#367C2B !important;color:#fff !important;}@media (max-width:1024px){[data-soe=footer-top]{grid-template-columns:1.4fr 1fr 1fr !important;gap:40px !important;}[data-soe=footer-col][data-soe-pos=4],[data-soe=footer-col][data-soe-pos=5]{display:none !important;}}@media (max-width:720px){[data-soe=footer]{padding:48px 20px 0 !important;}[data-soe=footer-top]{grid-template-columns:1fr !important;gap:32px !important;padding:0 0 40px !important;}[data-soe=footer-col][data-soe-pos=4],[data-soe=footer-col][data-soe-pos=5]{display:block !important;}[data-soe=footer-bot]{flex-direction:column !important;gap:16px !important;align-items:flex-start !important;}[data-soe=footer-legal]{flex-wrap:wrap !important;gap:16px !important;}}

/* v2dd-footer-contact-hide */
[data-soe=footer-contact]{display:none !important;}

/* v2ee-submit-button */
button[data-soe=quote-submit]{font-family:Inter,sans-serif !important;font-weight:700 !important;font-size:14px !important;letter-spacing:.14em !important;text-transform:uppercase !important;border:0 !important;cursor:pointer !important;width:100% !important;padding:18px 24px !important;background:#367C2B !important;color:#fff !important;margin-top:24px !important;text-align:center !important;display:block !important;border-radius:0 !important;transition:background .15s !important;}button[data-soe=quote-submit]:hover{background:#2D6822 !important;}

/* v2ff-footer-bot-layout */
[data-soe=footer-bot]{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:flex-start !important;gap:16px !important;padding:20px 0 !important;}[data-soe=footer-legal]{margin-left:auto !important;display:flex !important;align-items:center !important;gap:18px !important;}[data-soe=footer-social]{margin-left:0 !important;padding-left:18px !important;border-left:1px solid rgba(255,255,255,.18) !important;display:flex !important;align-items:center !important;gap:8px !important;}@media (max-width:720px){[data-soe=footer-bot]{flex-direction:row !important;flex-wrap:wrap !important;}[data-soe=footer-legal]{margin-left:0 !important;width:100% !important;}[data-soe=footer-social]{border-left:0 !important;padding-left:0 !important;width:100% !important;}}

/* v2gg-mobile-lock */
html,body{overflow-x:clip !important;max-width:100vw !important;}[data-soe=quote-page],[data-soe=quote-grid],[data-soe=quote-card]{max-width:100% !important;overflow:hidden;}[data-soe=quote-form-row]{max-width:100% !important;}[data-soe=quote-field] input,[data-soe=quote-field] select,[data-soe=quote-field] textarea{font-size:16px !important;max-width:100% !important;width:100% !important;box-sizing:border-box !important;}@media (max-width:720px){[data-soe=quote-field] textarea{min-height:120px !important;}}

button[data-soe=quote-tab]{background:transparent;border:0;flex:1;padding:16px 0;font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9AA298;cursor:pointer;border-bottom:3px solid transparent;transition:color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;}
button[data-soe=quote-tab][data-soe-state=active]{color:#367C2B;border-bottom-color:#367C2B;}

/* === Pre-paint fade-in initial state === */
[data-soe=hero-brand-tag],[data-soe=hero-h1],[data-soe=hero-lede],[data-soe=hero-ctas],[data-soe=intro-lockup],[data-soe=intro-tagline],[data-soe=intro-underline],[data-soe=brands-head],[data-soe=brand-card-h],[data-soe=cta-band-text],[data-soe=cta-band-ctas],[data-soe=p-hero-h1],[data-soe=p-hero-lede],[data-soe=p-hero-ctas],[data-soe=difference-head],[data-soe=feature],[data-soe=videos-head],[data-soe=video-card],[data-soe=quote-band-text],[data-soe=quote-band-ctas],[data-soe=page-head],[data-soe=brand-card],[data-soe=dealer-strip-text],[data-soe=dealer-strip-ctas],[data-soe=promo-strip]{opacity:0 !important;transform:translateY(22px);transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;}
[data-soe=hero-brand-tag][data-soe-state=in-view],[data-soe=hero-h1][data-soe-state=in-view],[data-soe=hero-lede][data-soe-state=in-view],[data-soe=hero-ctas][data-soe-state=in-view],[data-soe=intro-lockup][data-soe-state=in-view],[data-soe=intro-tagline][data-soe-state=in-view],[data-soe=intro-underline][data-soe-state=in-view],[data-soe=brands-head][data-soe-state=in-view],[data-soe=brand-card-h][data-soe-state=in-view],[data-soe=cta-band-text][data-soe-state=in-view],[data-soe=cta-band-ctas][data-soe-state=in-view],[data-soe=p-hero-h1][data-soe-state=in-view],[data-soe=p-hero-lede][data-soe-state=in-view],[data-soe=p-hero-ctas][data-soe-state=in-view],[data-soe=difference-head][data-soe-state=in-view],[data-soe=feature][data-soe-state=in-view],[data-soe=videos-head][data-soe-state=in-view],[data-soe=video-card][data-soe-state=in-view],[data-soe=quote-band-text][data-soe-state=in-view],[data-soe=quote-band-ctas][data-soe-state=in-view],[data-soe=page-head][data-soe-state=in-view],[data-soe=brand-card][data-soe-state=in-view],[data-soe=dealer-strip-text][data-soe-state=in-view],[data-soe=dealer-strip-ctas][data-soe-state=in-view],[data-soe=promo-strip][data-soe-state=in-view]{opacity:1 !important;transform:none !important;}

/* === Mobile RQ: snap-only tab toggle === */
@media (max-width:720px){
  [data-soe=quote-tab-panel]{display:none !important;grid-template-rows:none !important;transition:none !important;animation:none !important;opacity:1 !important;transform:none !important;}
  [data-soe=quote-tab-panel][data-soe-state=active]{display:block !important;}
  [data-soe=quote-tab-panel-inner]{overflow:visible !important;animation:none !important;transition:none !important;}
  button[data-soe=quote-tab]{padding:14px 8px !important;font-size:12px !important;}
  button[data-soe=quote-tab] span{display:none !important;}
}

/* === Mobile optimization: kill hover, reduce paint pressure === */
@media (hover: none) and (pointer: coarse) {
  [data-soe=brand-card-h]:hover, [data-soe=brand-card]:hover, [data-soe=feature]:hover, [data-soe=video-card]:hover {transform: none !important; box-shadow: none !important;}
  [data-soe=btn]:hover {transform: none !important;}
  [data-soe=quote-submit]:hover {background: #367C2B !important;}
  [data-soe-anim=reveal] {will-change: auto !important;}
}
@media (max-width: 720px) {
  
  [data-soe=quote-tab] {tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;}
  button[data-soe=quote-tab] {min-height: 48px; min-width: 48px;}
}

/* Inert panels: kill all interaction work for hidden form */
[data-soe=quote-tab-panel][inert]{pointer-events:none;}
[data-soe=quote-tab-panel][inert] *{pointer-events:none !important;}

/* v2hh-anti-fouc: hide nav-links until v2hh rebuilds the menu (instant visibility flip — no fade, no blink between page navigations) */
@media (min-width:721px){
  [data-soe=nav-links]{visibility:hidden;animation:soeNavFoucSafety 0s 1.4s forwards;}
  [data-soe=nav-links][data-soe-init=ready]{visibility:visible;animation:none;}
  /* Kill the border-color transition so the active underline doesn't fade in on every page load */
  [data-soe=nav-link]{transition:color .15s !important;}
}
@keyframes soeNavFoucSafety{to{visibility:visible;}}

/* Equipment mega-menu brand headers: same as items but bolded (was JetBrains Mono uppercase) */
[data-soe=nav-mega-col-h]{
  font-family:Inter,sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#fff !important;
  padding:0 0 10px !important;
  margin-bottom:6px !important;
  border-bottom:1px solid rgba(255,255,255,.14);
  display:block;
  text-decoration:none;
  line-height:1.45;
}
[data-soe=nav-mega-col-h]:hover{color:#7DB13C !important;}

/* Mulch Mule page: hide green eyebrow above "See it in action" + green category labels inside video boxes */
[data-soe=videos-head] [data-soe=eyebrow]{display:none !important;}
[data-soe=video-cat]{display:none !important;}

/* v2hh hero ken-burns fix: smooth zoom-back when leaving so there's no visible snap mid-transition.
   Default state: transform animates back to scale(1) over the same 1.9s the clip-path swipe runs.
   Active state: animation:soeKenBurns from the v2h-fixes rule wins (transition:none there). */
[data-soe=hero-bg]{transition:transform 1.9s cubic-bezier(.4,0,.2,1) !important;}
[data-soe=hero-slide][data-soe-state=active] [data-soe=hero-bg]{transition:transform 9s linear 0s !important;}

/* v2hh anti-FOUC for above-the-fold text: foundation reveal-on-scroll was being added to hero/intro AT DOMContentLoaded, causing a fade-out then fade-in flash. Kill the reveal entirely for above-the-fold elements — they're already in view at page load, no scroll trigger needed. */
[data-soe=hero-brand-tag][data-soe-anim=reveal],
[data-soe=hero-h1][data-soe-anim=reveal],
[data-soe=hero-lede][data-soe-anim=reveal],
[data-soe=hero-ctas][data-soe-anim=reveal],
[data-soe=p-hero-h1][data-soe-anim=reveal],
[data-soe=p-hero-lede][data-soe-anim=reveal],
[data-soe=p-hero-ctas][data-soe-anim=reveal],
[data-soe=intro-lockup][data-soe-anim=reveal],
[data-soe=intro-tagline][data-soe-anim=reveal],
[data-soe=intro-underline][data-soe-anim=reveal],
[data-soe=page-head][data-soe-anim=reveal],
[data-soe=crumbs][data-soe-anim=reveal]{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
}

/* Video card "Watch on YouTube" — green button styled like the homepage View Brand buttons */
[data-soe=video-foot-watch]{
  background:#367C2B !important;
  color:#fff !important;
  padding:11px 22px !important;
  font-family:Inter,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  transition:background .15s !important;
  line-height:1 !important;
}
[data-soe=video-card]:hover [data-soe=video-foot-watch]{background:#2A5F22 !important;}
[data-soe=video-foot-watch] [data-soe=arr]{display:none !important;}
@media (max-width:720px){
  [data-soe=video-foot-watch]{width:100%;padding:13px 22px !important;}
  [data-soe=video-foot]{flex-direction:column;gap:12px;align-items:flex-start;}
}

/* Legal/sitemap pages: page-head sized down + readable article styling */
[data-soe=legal-page-head]{background:var(--steel-50);padding:120px var(--gutter) 80px;border-bottom:1px solid var(--steel-200);}
[data-soe=legal-page-head] [data-soe=eyebrow]{margin-bottom:20px;}
[data-soe=legal-page-head-h1]{font-family:var(--font-display);font-weight:800;font-size:56px;line-height:1.05;letter-spacing:-.025em;margin:0 0 28px !important;color:var(--ink);}
[data-soe=legal-page-head-lede]{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel-700);margin:0;line-height:1.65;max-width:640px;}
[data-soe=legal-article]{background:var(--paper);padding:64px var(--gutter) 120px;}
[data-soe=legal-inner]{max-width:780px;margin:0 auto;}
[data-soe=legal-intro]{font-family:var(--font-sans);font-size:18px;line-height:1.7;color:var(--steel-700);margin:0 0 40px;}
[data-soe=legal-section]{margin:0;padding:48px 0;border-top:1px solid var(--steel-200);}
[data-soe=legal-section] h2{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.25;letter-spacing:-.01em;color:var(--ink);margin:0 0 22px;padding-top:0;border-top:none;}
[data-soe=legal-section] h3{font-family:var(--font-sans);font-weight:600;font-size:16px;color:var(--ink);margin:18px 0 10px;}
[data-soe=legal-section] p{font-family:var(--font-sans);font-size:16px;line-height:1.7;color:var(--steel-700);margin:0 0 14px;}
[data-soe=legal-section] ul{font-family:var(--font-sans);font-size:16px;line-height:1.7;color:var(--steel-700);list-style:disc;margin:8px 0 14px;padding-left:24px;}
[data-soe=legal-section] li{margin-bottom:6px;}
[data-soe=legal-section] a{color:var(--jd-green);text-decoration:underline;}
[data-soe=legal-contact]{background:var(--steel-50);border-left:3px solid var(--jd-green);padding:24px 28px;margin-top:24px;}
[data-soe=legal-contact] p{font-family:var(--font-sans);font-size:15px;line-height:1.7;color:var(--steel-700);margin:0 0 6px;}
[data-soe=legal-contact] b{color:var(--ink);font-weight:600;}
/* Sitemap-specific */
[data-soe=sitemap-grid]{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 56px;}
[data-soe=sitemap-section]{margin:0;}
[data-soe=sitemap-section] h2{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--jd-green);font-weight:700;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--steel-200);}
[data-soe=sitemap-section] ul{list-style:none;padding:0;margin:0;}
[data-soe=sitemap-section] li{margin-bottom:8px;}
[data-soe=sitemap-section] a{font-family:var(--font-sans);font-size:15px;color:var(--ink);transition:color .15s;}
[data-soe=sitemap-section] a:hover{color:var(--jd-green);}
@media (max-width:720px){
  [data-soe=legal-page-head]{padding:92px var(--gutter) 56px;}
  [data-soe=legal-page-head] [data-soe=eyebrow]{margin-bottom:16px;}
  [data-soe=legal-page-head-h1]{font-size:36px;margin:0 0 18px !important;}
  [data-soe=legal-article]{padding:48px var(--gutter) 80px;}
  [data-soe=legal-section]{padding:36px 0;}
  [data-soe=legal-section] h2{font-size:20px;margin:0 0 18px;}
  [data-soe=sitemap-grid]{grid-template-columns:1fr;gap:32px;}
}

/* HydroSpade — 5th brand: hero slide + brand card backgrounds (Webflow asset) */
[data-soe=hero-slide]:nth-child(5) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69fb51e0d9cb1b93999e31ab_Hydro-Spade-card-banner2.jpg) !important;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;}
[data-soe=brand-grid] a:nth-child(5) [data-soe=brand-card-visual]{background-image:url("hydrospade-trailer-roadside.jpg") !important;background-position:center center !important;background-size:cover !important;background-repeat:no-repeat !important;}
[data-soe=brands-list-grid] article:nth-child(5) [data-soe=brand-card-visual-l]{background-image:url("hydrospade-trailer-roadside.jpg") !important;background-position:center center !important;}

/* mobile nav-cta tweak (2026-05-08): match hamburger level + size */
@media (max-width:720px){[data-soe=nav-cta]{align-self:center !important;height:36px !important;padding:0 16px !important;font-size:11px !important;letter-spacing:.08em !important;margin-right:8px !important;display:inline-flex !important;align-items:center !important;}}

/* mobile top-util phone link: bold + white (2026-05-09) */
@media (max-width:720px){[data-soe=top-util-link]:not([data-soe-kind]){color:#fff !important;font-weight:700 !important;font-size:14px !important;}}

/* v2-bg2.0 (2026-05-28): complete design-token system + amber button variant + generic tag component, per "LATEST 05282026 Brand Guidelines v2.0". Additive only — does not alter any currently-rendered element. */
:root{--amber-dark:#C77E15;--black:#000000;--lime-bright:#7DB13C;--status-red:#B42318;--steel-900:#2A2F2C;--forest:var(--jd-green);--lime:var(--jd-green-mid);--dark-green:var(--jd-green-dark);--forest-dark:var(--jd-green-dark);--amber:var(--safety-amber);--radius:0px;}
[data-soe=btn][data-soe-variant=amber]{background:var(--safety-amber);color:var(--black);}
[data-soe=btn][data-soe-variant=amber]:hover{background:var(--amber-dark);}
[data-soe=tag]{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:6px 10px;background:var(--steel-100);color:var(--ink);border:1px solid var(--steel-300);border-radius:0;line-height:1;}
[data-soe=tag][data-soe-variant=green]{background:var(--jd-green);color:var(--paper);border-color:var(--jd-green);}
[data-soe=tag][data-soe-variant=black]{background:var(--ink);color:var(--paper);border-color:var(--ink);}
[data-soe=tag][data-soe-variant=amber]{background:var(--safety-amber);color:var(--black);border-color:var(--safety-amber);}
[data-soe=tag][data-soe-variant=outline]{background:transparent;color:var(--ink);border-color:var(--steel-300);}

/* v2-bg2.0b (2026-05-28): button text 14px per guide type scale ("Nav/Button 14px"). Base only — [data-soe-size=lg] keeps 16px via higher specificity. */
[data-soe=btn]{font-size:14px;}

/* /remote-controlled-mowers (2026-05-28): Energreen RC-mowers page — hero rotating bg (scoped to #rc-hero so it doesn't hit the homepage hero), amber bar, 7-unit grid + card thumbnails */
#rc-hero [data-soe=hero-slide]:nth-child(1) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a1863cf4568c814e3dc19b0_energreen-banner-robomidi-1.jpg) !important;background-size:cover !important;background-position:center !important;}
#rc-hero [data-soe=hero-slide]:nth-child(2) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a1863d20c852c84f858821a_energreen-banner-robomidi-2.jpg) !important;background-size:cover !important;background-position:center !important;}
#rc-hero [data-soe=hero-slide]:nth-child(3) [data-soe=hero-bg]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a1863d34d077d02053107bc_energreen-banner-robomax.jpg) !important;background-size:cover !important;background-position:center !important;}
[data-soe=rc-amber-bar]{background:var(--safety-amber);height:54px;width:100%;}
[data-soe=rc-units]{background:var(--steel-50);padding:100px var(--gutter) 120px;border-bottom:1px solid var(--steel-200);}
[data-soe=rc-units-head]{max-width:760px;margin:0 0 60px;}
[data-soe=rc-units-h2]{font-family:var(--font-display);font-weight:800;font-size:clamp(32px,3.6vw,48px);line-height:1.02;letter-spacing:-.02em;color:var(--ink);margin:30px 0 36px;}
[data-soe=rc-units-head] [data-soe=eyebrow]{margin-bottom:4px;}
[data-soe=rc-units-lede]{margin-top:0;}
[data-soe=rc-units-lede]{font-family:var(--font-sans);font-size:18px;line-height:1.6;color:var(--steel-700);margin:0;}
[data-soe=rc-units-grid]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
[data-soe=rc-unit-card]{background:var(--paper);border:1px solid var(--steel-200);display:flex;flex-direction:column;transition:border-color .2s,transform .2s;}
[data-soe=rc-unit-card]:hover{border-color:var(--jd-green);transform:translateY(-3px);}
[data-soe=rc-unit-visual]{aspect-ratio:340 / 194;background-color:var(--steel-100);background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:1px solid var(--steel-200);}
[data-soe=rc-unit-body]{padding:20px 22px 24px;display:flex;flex-direction:column;align-items:flex-start;flex:1;}
[data-soe=rc-unit-hp]{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--jd-green);font-weight:700;margin-bottom:6px;}
[data-soe=rc-unit-name]{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.01em;color:var(--ink);margin:0 0 16px;}
[data-soe=rc-unit-body] [data-soe=btn]{margin-top:auto;}
[data-soe=rc-units-grid] [data-soe=rc-unit-card]:nth-child(1) [data-soe=rc-unit-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a1863d5719f7ecaa2d819aa_robocompact-card.png);}
[data-soe=rc-units-grid] [data-soe=rc-unit-card]:nth-child(2) [data-soe=rc-unit-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/69e6caf152372738f72c366b_energreen.png);}
[data-soe=rc-units-grid] [data-soe=rc-unit-card]:nth-child(3) [data-soe=rc-unit-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a1863dc046553a4b53918b8_roboevo-card.png);}
[data-soe=rc-units-grid] [data-soe=rc-unit-card]:nth-child(4) [data-soe=rc-unit-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a1863dda37dcea6514bda5f_robofifti-card.png);}
[data-soe=rc-units-grid] [data-soe=rc-unit-card]:nth-child(5) [data-soe=rc-unit-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a1863e2bd29472343ea0e67_robomidi-card.png);}
[data-soe=rc-units-grid] [data-soe=rc-unit-card]:nth-child(6) [data-soe=rc-unit-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a1863e40c852c84f8589aa5_robomax-card.png);}
[data-soe=rc-units-grid] [data-soe=rc-unit-card]:nth-child(7) [data-soe=rc-unit-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a1863eac63fe6a5d7a9d834_roboplus-card.png);}
@media screen and (max-width:991px){[data-soe=rc-units-grid]{grid-template-columns:repeat(2,1fr);}[data-soe=rc-units]{padding:72px var(--gutter) 88px;}}
@media screen and (max-width:479px){[data-soe=rc-units-grid]{grid-template-columns:1fr;}}

/* fix (2026-05-28): Mulch Mule difference-grid feature photos rendered at natural size, pinned top-left (zoomed in) — the .mm-feat-bg-* classes set background-image but no size/position. Force cover + center. */
[data-soe=feature-visual]{background-size:cover !important;background-position:center !important;}

/* Robo unit sub-pages (2026-05-28): shared unit-detail layout (ru-*). Per-unit hero/logo images are scoped by #<unit>-hero at the end of each block. */
[data-soe=ru-hero]{background:var(--ink);color:var(--paper);padding:64px var(--gutter) 72px;border-bottom:8px solid var(--jd-green);}
[data-soe=ru-hero-inner]{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;max-width:1200px;margin:0 auto;}
[data-soe=ru-hero-logo]{width:200px;height:46px;background-size:contain;background-position:left center;background-repeat:no-repeat;margin-bottom:22px;}
[data-soe=ru-hero] [data-soe=eyebrow]{color:var(--jd-green-mid);margin-bottom:18px;}
[data-soe=ru-hero-h1]{font-family:var(--font-display);font-weight:800;font-size:clamp(44px,5vw,72px);line-height:1;letter-spacing:-.03em;margin:0;color:var(--paper);}
[data-soe=ru-hero-sub]{font-family:var(--font-display);font-weight:700;font-size:clamp(17px,2vw,22px);color:var(--safety-amber);margin:8px 0 0;text-transform:uppercase;letter-spacing:.02em;}
[data-soe=ru-hero-lede]{font-family:var(--font-sans);font-size:18px;line-height:1.55;color:var(--steel-300);max-width:520px;margin:20px 0 28px;}
[data-soe=ru-chips]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;}
[data-soe=ru-chip]{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:8px 14px;}
[data-soe=ru-hero-ctas]{display:flex;flex-wrap:wrap;gap:14px;}
[data-soe=ru-hero-visual]{aspect-ratio:600 / 368;background-color:#0A0D0A;background-size:contain;background-position:center;background-repeat:no-repeat;}
[data-soe=ru-desc]{background:var(--paper);padding:88px var(--gutter);}
[data-soe=ru-desc-inner]{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:22px;}
[data-soe=ru-desc-inner] p{font-family:var(--font-sans);font-size:18px;line-height:1.7;color:var(--steel-700);margin:0;}
[data-soe=ru-specs]{background:var(--steel-50);padding:88px var(--gutter);border-top:1px solid var(--steel-200);border-bottom:1px solid var(--steel-200);}
[data-soe=ru-specs-head]{max-width:1100px;margin:0 auto 40px;}
[data-soe=ru-specs-h2]{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin:30px 0 0;}
[data-soe=ru-specs-grid]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;}
[data-soe=ru-spec-card]{background:var(--paper);border:1px solid var(--steel-200);padding:28px 28px 14px;}
[data-soe=ru-spec-cat]{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--jd-green);margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid var(--steel-200);}
[data-soe=ru-spec-row]{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--steel-100);}
[data-soe=ru-spec-k]{font-family:var(--font-sans);font-size:14px;color:var(--steel-700);}
[data-soe=ru-spec-v]{font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--ink);text-align:right;}
[data-soe=ru-form]{background:var(--ink);color:var(--paper);padding:88px var(--gutter);}
[data-soe=ru-form-inner]{max-width:680px;margin:0 auto;}
[data-soe=ru-form-head]{margin-bottom:30px;text-align:center;}
[data-soe=ru-form-head] [data-soe=eyebrow]{justify-content:center;color:var(--jd-green-mid);}
[data-soe=ru-form-h2]{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.02em;color:var(--paper);margin:14px 0 12px;}
[data-soe=ru-form-lede]{font-family:var(--font-sans);font-size:17px;color:var(--steel-300);margin:0;}
[data-soe=ru-input],[data-soe=ru-textarea]{width:100%;font-family:var(--font-sans);font-size:16px;color:var(--paper);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);padding:14px 16px;margin-bottom:14px;box-sizing:border-box;}
[data-soe=ru-textarea]{min-height:120px;resize:vertical;}
[data-soe=ru-form-el] [data-soe=btn]{width:100%;justify-content:center;margin-top:6px;}
@media screen and (max-width:991px){[data-soe=ru-hero-inner]{grid-template-columns:1fr;gap:30px;}[data-soe=ru-specs-grid]{grid-template-columns:1fr;}[data-soe=ru-hero],[data-soe=ru-desc],[data-soe=ru-specs],[data-soe=ru-form]{padding-top:56px;padding-bottom:56px;}}
/* RoboECO hero imagery */
#roboeco-hero [data-soe=ru-hero-logo]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a187bf2661b187838fa1de2_roboeco-logo.png);}
#roboeco-hero [data-soe=ru-hero-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a187bef51ee0070bc72cc15_roboeco-hero.png);}
#robocompact-hero [data-soe=ru-hero-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a187bf3266a6eda33687a68_robocompact-hero.png);}
#roboevo-hero [data-soe=ru-hero-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a187bfbaaf6a17bdcee9224_roboevo-hero.png);}
#robomidi-hero [data-soe=ru-hero-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a187bfd6bc19dd503efc784_robomidi-hero.png);}
#robomax-hero [data-soe=ru-hero-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a187c0210633147e029fffd_robomax-hero.png);}
#robofifti-hero [data-soe=ru-hero-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a1863dda37dcea6514bda5f_robofifti-card.png);}
#roboplus-hero [data-soe=ru-hero-visual]{background-image:url(https://cdn.prod.website-files.com/69e63e318c2f6e69a08e1082/6a1863eac63fe6a5d7a9d834_roboplus-card.png);}

/* ============================================================
   2026-05-29 — site fix batch (appended last; later rules win)
   ============================================================ */

/* (A) Mulch Mule video thumbnails: the .mm-vid-bg-* classes set a background-image
   but no background-size, so the image rendered at natural size ("zoomed in too much").
   Scale to cover the 16:10 thumb, centered. */
[data-soe=video-thumb]{background-size:cover !important;background-position:center !important;}

/* (B) Mulch Mule hero logo: .mm-hero-logo-bg is a 1319x767 PNG forced into a 360x120
   box with no background-size, so only an empty corner showed ("logo missing").
   Contain + left-align, and force visible (defeat the fade-in opacity:0). */
[data-soe=hero-brand-tag].mm-hero-logo-bg,[data-soe=hero-brand-tag].mm-hero-logo-bg-sm{background-size:contain !important;background-position:left center !important;opacity:1 !important;transform:none !important;}

/* (C) Energreen pages: use orange (safety amber) instead of JD green for accents. */
[data-soe=rc-unit-hp]{color:var(--safety-amber) !important;}
[data-soe=rc-unit-card]:hover{border-color:var(--safety-amber) !important;}
[data-soe=rc-units-head] [data-soe=eyebrow]{color:var(--safety-amber) !important;}
[data-soe=ru-spec-cat]{color:var(--safety-amber) !important;}
[data-soe=ru-specs] [data-soe=eyebrow]{color:var(--safety-amber) !important;}
[data-soe=ru-form-head] [data-soe=eyebrow]{color:var(--safety-amber) !important;}
/* primary CTAs on Energreen pages -> amber (the inverse-outline Spec-Sheet buttons untouched) */
#rc-hero [data-soe=btn][data-soe-variant=primary],
[data-soe=rc-unit-body] [data-soe=btn][data-soe-variant=primary],
[data-soe=ru-hero-ctas] [data-soe=btn][data-soe-variant=primary],
[data-soe=ru-form-el] [data-soe=btn][data-soe-variant=primary]{background:var(--safety-amber) !important;color:var(--black) !important;}
#rc-hero [data-soe=btn][data-soe-variant=primary]:hover,
[data-soe=rc-unit-body] [data-soe=btn][data-soe-variant=primary]:hover,
[data-soe=ru-hero-ctas] [data-soe=btn][data-soe-variant=primary]:hover,
[data-soe=ru-form-el] [data-soe=btn][data-soe-variant=primary]:hover{background:var(--amber-dark) !important;}

/* (D) Robo unit pages: remove the small "Energreen Robo Series" eyebrow above the H1,
   and widen the hero's bottom bar (8px -> 16px) in amber. */
[data-soe=ru-hero] [data-soe=eyebrow]{display:none !important;}
[data-soe=ru-hero]{border-bottom-width:16px !important;border-bottom-color:var(--safety-amber) !important;}

/* (E) Breadcrumb was faint (11px; current-page item was #FFAA33 on a light bg).
   Larger + higher contrast; current item dark + bold. */
[data-soe=crumbs]{font-size:12.5px !important;}
[data-soe=crumbs] a{color:var(--steel-700) !important;font-weight:600 !important;}
[data-soe=crumbs] a:hover{color:var(--jd-green) !important;}
[data-soe=crumbs] [data-soe=crumbs-current]{color:var(--ink) !important;font-weight:700 !important;}
[data-soe=crumbs-sep]{opacity:.55 !important;}

/* (F) Footer text: nudged up a step. */
[data-soe=footer-col] li{font-size:15px !important;}
[data-soe=footer-tag]{font-size:15px !important;}
[data-soe=footer-col-h]{font-size:12px !important;}
[data-soe=footer-bot]{font-size:12px !important;}
[data-soe=footer-social] a{font-size:13px !important;}

/* (G) Brand logo: replace the all-white wordmark with the green-leaf version
   (green leaf/arrow + white gear + white wordmark) on the dark nav & footer.
   Relative URL resolves to this same soe-cdn commit. */
.soe-logo-nav-bg,.soe-logo-footer-bg{background-image:url(soe-logo-greenleaf.png) !important;}

/* (H) Energreen promo-strip — amber variant (the brand page uses orange, not green) */
[data-soe=promo-strip][data-soe-variant=amber]{background:var(--safety-amber) !important;color:var(--black) !important;}
[data-soe=promo-strip][data-soe-variant=amber] a{color:var(--black) !important;border-bottom-color:rgba(0,0,0,.45) !important;}

/* (I) Header: enforce exactly two states and stop the logo shrinking to a tiny size.
   Webflow shrank .soe-logo-nav-bg to 150x36 at <=767 while the horizontal nav still
   showed (the odd middle state). Now: desktop nav + full logo above 991; hamburger +
   readable logo at/below 991. Authoritative (loaded last, !important). */
.soe-logo-nav-bg{width:240px !important;height:64px !important;}
[data-soe=nav-links]{display:flex !important;}
[data-soe=nav-hamburger]{display:none !important;}
@media screen and (max-width:991px){
  [data-soe=nav-links]{display:none !important;}
  [data-soe=nav-hamburger]{display:inline-flex !important;}
  .soe-logo-nav-bg{width:200px !important;height:52px !important;}
}
@media screen and (max-width:479px){
  .soe-logo-nav-bg{width:168px !important;height:44px !important;}
}

/* (J) Banner transition (homepage + Energreen heroes): one clean opacity CROSS-FADE
   everywhere. The active slide fades in over the stable previous one; photos never
   translate — no sliding/transform layers to stutter or flicker on any page. Content
   sits steady and fades with its slide (homepage = per-slide content; Energreen = a
   shared overlay outside the slides, so it stays put). */
[data-soe=hero-stage]{overflow:hidden !important;}
[data-soe=hero-slide]{clip-path:none !important;transform:none !important;opacity:0 !important;transition:opacity 1.2s ease !important;pointer-events:none;}
[data-soe=hero-slide][data-soe-state=active]{opacity:1 !important;z-index:2 !important;pointer-events:auto;}
[data-soe=hero-slide][data-soe-state=prev]{opacity:1 !important;z-index:1 !important;}
[data-soe=hero-slide]:not([data-soe-state]){z-index:0 !important;}
[data-soe=hero-bg]{transform:none !important;transition:none !important;animation:none !important;}
[data-soe=hero-slide] [data-soe=hero-brand-tag],[data-soe=hero-slide] [data-soe=hero-h1],[data-soe=hero-slide] [data-soe=hero-lede],[data-soe=hero-slide] [data-soe=hero-ctas]{opacity:1 !important;transform:none !important;}
@media (prefers-reduced-motion:reduce){[data-soe=hero-slide]{transition:none !important;}}

/* (L) Mobile fixes (2026-05-29): breadcrumb fit (no banner overlap), brand-hero CTA
   stacking, and mobile-drawer hierarchy (section titles vs. indented sub-items). */
@media screen and (max-width:767px){
  [data-soe=crumbs]{height:auto !important;min-height:0 !important;flex-wrap:wrap !important;row-gap:2px !important;column-gap:6px !important;font-size:10.5px !important;letter-spacing:.08em !important;padding:9px var(--gutter) !important;line-height:1.5 !important;}
}
[data-soe=p-hero-ctas]{display:flex !important;flex-wrap:wrap !important;}
@media screen and (max-width:767px){
  [data-soe=p-hero-ctas]{flex-direction:column !important;align-items:stretch !important;}
  [data-soe=p-hero-ctas] [data-soe=btn]{width:100% !important;justify-content:center !important;}
}
[data-soe=drawer-sub]{display:flex;flex-direction:column;padding:4px 0 10px;}
[data-soe=nav-drawer] [data-soe=drawer-sub] a{padding:9px 0 9px 16px !important;font-size:13px !important;letter-spacing:.02em !important;text-transform:none !important;color:var(--steel-300) !important;font-weight:400 !important;border:0 !important;}

/* (M) Homepage banner KEN BURNS — FINAL, decisive. Many old iterations left a tangle of
   transform/transition/animation rules on hero-bg (scale 1.06 & 1.08, a 9s transition, an
   UNDEFINED `soeKenBurns` animation, block J's transform/animation:none). This block wins by
   matching the top specificity (0,4,0) AND sitting last: it NEUTRALIZES transform/transition on
   the homepage hero-bg and drives the zoom on the INDEPENDENT `scale` property (which none of the
   transform rules touch) via a keyframe ANIMATION. Animation, not transition, so it re-fires on
   EVERY active slide incl. the FIRST — initRotator4 sets data-soe-state=active synchronously at
   clone time, so a transition had no start frame to ease from and the load slide never zoomed.
   scale 1 -> 1.12 over 7s (== rotator dwell) then holds; prev holds 1.12 = no snap. Homepage only;
   Energreen #rc-hero is untouched (still the plain fade). */
@keyframes soeHomeKB{from{scale:1}to{scale:1.12}}
[data-soe=hero] [data-soe=hero-bg]{transform:none !important;transition:none !important;scale:1;}
[data-soe=hero] [data-soe=hero-slide][data-soe-state=active] [data-soe=hero-bg]{transform:none !important;transition:none !important;animation:soeHomeKB 9s linear forwards !important;}
[data-soe=hero] [data-soe=hero-slide][data-soe-state=prev] [data-soe=hero-bg]{transform:none !important;transition:none !important;animation:none !important;scale:1.12;}
@media (prefers-reduced-motion:reduce){[data-soe=hero] [data-soe=hero-slide][data-soe-state=active] [data-soe=hero-bg]{animation:none !important;scale:1.04;}}

/* (N) Intro -> "Our Lineup" blend (concept 04, cool green-gray). The intro fades white -> #EAF0E8
   over its lower half; the brands section is matched to #EAF0E8 with its top divider removed, so
   the seam between the two sections disappears. The white top stays a clean break under the hero. */
[data-soe=intro]{background:linear-gradient(180deg,#FFFFFF 50%,#EAF0E8 100%) !important;}
[data-soe=brands-section]{background:#EAF0E8 !important;border-top:0 !important;}

/* (P) Homepage intro enrichment (concept 03, W1 two-column body) — the lead paragraph and the
   "1968" heritage credit sit SIDE-BY-SIDE in [data-soe=intro-body] so the section uses its full
   width instead of a narrow centered column; the Explore button stays centered below. The button
   reuses [data-soe=btn][data-soe-variant=primary]. Site tokens 1:1. */
[data-soe=intro-body]{display:flex;gap:56px;align-items:center;max-width:1040px;margin:36px auto 0;text-align:left;}
[data-soe=intro-lead]{font-family:var(--font-sans);font-size:18px;line-height:1.62;color:var(--steel-700);flex:1.5;margin:0;}
[data-soe=intro-lead] strong{color:var(--ink);font-weight:700;}
[data-soe=intro-heritage]{flex:1;display:flex;align-items:center;gap:20px;}
[data-soe=intro-heritage-year]{font-family:var(--font-display);font-weight:800;font-size:clamp(46px,5vw,62px);line-height:1;letter-spacing:-.03em;color:var(--jd-green);flex-shrink:0;}
[data-soe=intro-heritage-text]{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--steel-700);}
[data-soe=intro-heritage-text] strong{color:var(--ink);font-weight:700;}
[data-soe=intro-cta-wrap]{margin:44px auto 0;text-align:center;}
[data-soe=intro-cta-arr]{font-size:1.05em;line-height:1;margin-left:.45em;}
@media (max-width:860px){[data-soe=intro-body]{flex-direction:column;gap:30px;max-width:620px;text-align:center;}[data-soe=intro-heritage]{justify-content:center;}}
@media (max-width:600px){[data-soe=intro-heritage]{flex-direction:column;gap:10px;text-align:center;}[data-soe=intro-heritage-text]{text-align:center;}}

/* (Q) Homepage intro: animated GREEN MIST (chosen concept M4) — a soft green glow breathes up
   from the bottom toward the lineup, enlivening the W1 flanks + adding the green the user wanted.
   Pure CSS via the intro's ::before (behind the content; the intro's direct children are lifted to
   z-index 1). Raised so it reaches higher up the section (per "come up a tad more"). Pauses for
   reduced-motion. Homepage only ([data-soe=intro] exists only there). */
[data-soe=intro]{position:relative;overflow:hidden;}
[data-soe=intro]>*{position:relative;z-index:1;}
[data-soe=intro]::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(125% 98% at 50% 106%,rgba(74,149,64,.6),transparent 63%);animation:soeMist 11s ease-in-out infinite;}
@keyframes soeMist{0%,100%{opacity:.6;transform:translateY(16px);}50%{opacity:1;transform:translateY(-16px);}}
@media (prefers-reduced-motion:reduce){[data-soe=intro]::before{animation:none;transform:none;}}

/* (R) Intro polish — mobile + the green mist, 2026-05-30:
   - Smoother mist: a gradual 3-stop fade removes the hard green->white edge ("jump") and lets the
     green sit a touch higher/softer (no defined band).
   - Mobile: smaller lockup so "Smart Outdoor Equipment" / "More Profits for You." fit on ONE line —
     which ALSO stops the typewriter from wrapping & shifting the layout — plus tighter padding & sizes. */
[data-soe=intro]::before{background:radial-gradient(145% 125% at 50% 106%,rgba(74,149,64,.6) 0%,rgba(74,149,64,.26) 42%,transparent 86%) !important;}
@media (max-width:600px){
  [data-soe=intro]{padding:54px 22px 62px !important;}
  [data-soe=intro-leadin],[data-soe=intro-line2],[data-soe=intro-word]{font-size:clamp(22px,6.3vw,40px) !important;}
  [data-soe=intro-heritage-year]{font-size:clamp(40px,10vw,52px) !important;}
  [data-soe=intro-lead]{font-size:16px !important;line-height:1.55 !important;}
}

/* (S) (removed 2026-05-30) A hero->intro TOP white fade lived here, but it washed the hero CTAs and
   addressed the WRONG seam — the user wanted the BOTTOM (mist -> lineup) softened, handled in block U. */

/* (T) Mobile: the intro tagline "Work smarter, not harder." must read LARGER than the lead
   paragraph. An older rule shrank the tagline to 14px on phones (smaller than the 16px lead — the
   inversion the user flagged). Make it the prominent statement again. Appended last + !important so
   it wins over the 14px rule regardless of its breakpoint. */
@media (max-width:767px){
  [data-soe=intro-tagline]{font-size:22px !important;line-height:1.4 !important;}
}

/* (U) Smooth the BOTTOM of the intro (mist -> lineup): replace the radial mist with a vertical green
   band that FADES OUT at the very bottom edge (and the top) instead of being strongest at the
   boundary — so the green eases into the lineup section instead of an abrupt green->off-white jump.
   Sits low + still breathes (soeMist). */
[data-soe=intro]::before{background:linear-gradient(to top,transparent 0%,rgba(74,149,64,.55) 22%,rgba(74,149,64,.52) 44%,rgba(74,149,64,.22) 70%,transparent 90%) !important;}

/* (V) Energreen Robo unit pages: the amber eyebrows ("Get in touch" in ru-form-head, and the
   ru-specs eyebrow) inherited the base GREEN ::before dash, clashing with their amber text. Make
   the dash amber so it matches the text on every unit page (::after covered too, harmless if absent). */
[data-soe=ru-form-head] [data-soe=eyebrow]::before,[data-soe=ru-form-head] [data-soe=eyebrow]::after,
[data-soe=ru-specs] [data-soe=eyebrow]::before,[data-soe=ru-specs] [data-soe=eyebrow]::after{background:var(--safety-amber) !important;}

/* (W) Energreen banner (#rc-hero): give it the SAME Ken Burns zoom as the homepage — reuse the
   soeHomeKB keyframes (scale 1 -> 1.12 over 9s == the shared rotator dwell, holds; prev holds 1.12 =
   no snap). The cross-fade is already global (block J). Zoom is on the `scale` property of the photo
   only (GPU-composited), so the static p-hero-content overlay doesn't repaint — smooth, unlike the
   old translateX slide that stuttered here. */
#rc-hero [data-soe=hero-bg]{transform:none !important;transition:none !important;scale:1;}
#rc-hero [data-soe=hero-slide][data-soe-state=active] [data-soe=hero-bg]{transform:none !important;transition:none !important;animation:soeHomeKB 9s linear forwards !important;}
#rc-hero [data-soe=hero-slide][data-soe-state=prev] [data-soe=hero-bg]{transform:none !important;transition:none !important;animation:none !important;scale:1.12;}
@media (prefers-reduced-motion:reduce){#rc-hero [data-soe=hero-slide][data-soe-state=active] [data-soe=hero-bg]{animation:none !important;scale:1.04;}}

/* (X) Energreen unit cards: make the WHOLE card clickable (not just the "Find out more" button),
   like the brand cards on /brands + the homepage. Stretch the button's link across the card via
   ::after (the <a> stays the keyboard target = accessible) + cursor:pointer so the box reads as
   clickable. One link per card, so nothing conflicts. */
[data-soe=rc-unit-card]{position:relative;cursor:pointer;}
[data-soe=rc-unit-card] [data-soe=btn]::after{content:"";position:absolute;inset:0;z-index:1;}

/* (Y) Remove the banner Ken Burns zoom on BOTH heroes. ROOT CAUSE of the "shifts down when a new
   image appears": during the 1.2s cross-fade the OUTGOING photo is zoomed in (scale 1.12) while the
   INCOMING photo starts zoomed out (scale 1.0) — two overlapping images at different scales make the
   photo content visibly pull/jump as they blend (reads as a down-nudge at the top of the page). It's
   a real effect, not a layout shift (measured: hero height + page height + content below are
   pixel-constant). Both slides now hold scale 1 -> matched, clean cross-fade. The fade stays. */
[data-soe=hero] [data-soe=hero-bg],
[data-soe=hero] [data-soe=hero-slide][data-soe-state=active] [data-soe=hero-bg],
[data-soe=hero] [data-soe=hero-slide][data-soe-state=prev] [data-soe=hero-bg],
#rc-hero [data-soe=hero-bg],
#rc-hero [data-soe=hero-slide][data-soe-state=active] [data-soe=hero-bg],
#rc-hero [data-soe=hero-slide][data-soe-state=prev] [data-soe=hero-bg]{animation:none !important;scale:1 !important;}

/* ============================================================================
   (Z) 2026-05-31 content batch — homepage / Energreen / brands tweaks.
   Paired with boot-master.js block v2ii. energreen-logo-white.png is committed
   alongside this file so the relative url() pins to this commit's SHA.
   ============================================================================ */

/* Z1: Homepage Mulch Mule hero logo slightly bigger on desktop (mobile keeps Webflow's 280x88). */
@media (min-width:721px){
  [data-soe=hero-brand-tag].mm-hero-logo-bg-sm{width:330px !important;height:104px !important;}
}

/* Z2: Energreen logo — replaces the "energreen" text wordmark on the brand hero (#rc-hero) and on the
   homepage Energreen slide ([data-soe=hero-brand-tag].eg-hero-logo-bg-sm, tagged in JS). White logo for
   the dark hero. */
#rc-hero [data-soe=p-hero-mark-logo]{
  display:block !important;width:clamp(210px,42vw,320px) !important;aspect-ratio:520 / 107;height:auto !important;
  background:url(energreen-logo-white.png) left center / contain no-repeat !important;
  font-size:0 !important;color:transparent !important;text-indent:-9999px !important;overflow:hidden !important;font-style:normal !important;
}
#rc-hero [data-soe=p-hero-mark-meta]{display:none !important;}
#rc-hero [data-soe=p-hero-mark]{border:0 !important;gap:0 !important;padding-left:0 !important;}

[data-soe=hero-brand-tag].eg-hero-logo-bg-sm{
  display:block !important;width:280px !important;aspect-ratio:520 / 107;height:auto !important;margin-bottom:28px;
  background:url(energreen-logo-white.png) left center / contain no-repeat !important;
  font-size:0 !important;color:transparent !important;opacity:1 !important;transform:none !important;
}
[data-soe=hero-brand-tag].eg-hero-logo-bg-sm::before{content:none !important;display:none !important;}
@media (min-width:721px){
  [data-soe=hero-brand-tag].eg-hero-logo-bg-sm{width:330px !important;}
}

/* Z2b: Homepage banner logos for Brinemasters / Metec / HydroSpade — white logos on the dark hero,
   same treatment as the Energreen slide. Tagged in JS (tagHomeBrandLogos). The three brand wordmarks
   are wide/thin (Metec ~10:1, Brinemasters ~8.5:1, HydroSpade ~2.36:1) so they render at their natural
   ratio, bottom-aligned in the 104px brand-tag box like Mulch Mule / Energreen. */
[data-soe=hero-brand-tag].bm-hero-logo-bg-sm,
[data-soe=hero-brand-tag].mt-hero-logo-bg-sm,
[data-soe=hero-brand-tag].hs-hero-logo-bg-sm{
  display:block !important;width:280px !important;height:auto !important;
  background-repeat:no-repeat !important;background-position:left center !important;background-size:contain !important;
  font-size:0 !important;color:transparent !important;opacity:1 !important;transform:none !important;
}
[data-soe=hero-brand-tag].bm-hero-logo-bg-sm{background-image:url(brinemasters-logo-white.png) !important;aspect-ratio:1348 / 158;}
[data-soe=hero-brand-tag].mt-hero-logo-bg-sm{background-image:url(metec-logo.png) !important;aspect-ratio:300 / 30;}
[data-soe=hero-brand-tag].hs-hero-logo-bg-sm{background-image:url(hydrospade-logo-white.svg) !important;aspect-ratio:184 / 78;}
[data-soe=hero-brand-tag].bm-hero-logo-bg-sm::before,
[data-soe=hero-brand-tag].mt-hero-logo-bg-sm::before,
[data-soe=hero-brand-tag].hs-hero-logo-bg-sm::before{content:none !important;display:none !important;}
@media (min-width:721px){
  [data-soe=hero-brand-tag].bm-hero-logo-bg-sm,
  [data-soe=hero-brand-tag].mt-hero-logo-bg-sm,
  [data-soe=hero-brand-tag].hs-hero-logo-bg-sm{width:330px !important;}
}

/* Z3: (superseded by AA1) — all 7 Energreen cards now use real photos/renders pre-composed at the
   right size, so the old RoboPLUS 82% scale-down hack is no longer needed. */

/* Z4: "For more information" promo banners on /mulch-mule (green) and /remote-controlled-mowers (amber)
   become a thin, subtle accent bar in the same color — content hidden, strip shrunk. */
[data-soe=promo-strip]{height:6px !important;min-height:0 !important;padding:0 !important;overflow:hidden !important;opacity:1 !important;transform:none !important;}
[data-soe=promo-strip] > *{display:none !important;}

/* Z5: /brands "why we meet our commitment" block injected under each brand description (neutral, no green). */
.brand-why{margin-top:18px;}
.brand-why-head{font-family:var(--font-display);font-weight:800;font-size:18px;line-height:1.2;letter-spacing:-.01em;color:var(--ink);margin:0 0 6px;}
.brand-why-intro{font-family:var(--font-sans);font-size:14px;line-height:1.55;color:var(--steel-700);margin:0 0 12px;}
.brand-why-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;}
.brand-why-list li{position:relative;padding-left:22px;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--steel-700);}
.brand-why-list li::before{content:"";position:absolute;left:2px;top:7px;width:8px;height:8px;background:var(--ink);transform:rotate(45deg);}

/* Z6: /brands — remove all green text (eyebrows + card numbers hidden; "View brand" link neutralized). */
[data-soe-page=brands] [data-soe=eyebrow]{display:none !important;}
[data-soe-page=brands] [data-soe=brand-card-num]{display:none !important;}
[data-soe-page=brands] [data-soe=brand-card-link-large]{color:var(--ink) !important;}

/* Z7: Homepage intro lead is now a two-paragraph block (was a single <p>) — control inner spacing. */
[data-soe=intro-lead] p{margin:0 0 14px;}
[data-soe=intro-lead] p:last-child{margin-bottom:0;}

/* ============================================================================
   (AA) 2026-05-31 follow-up — Energreen real product images, difference-section
   spacing, and the YouTube popup lightbox. New images (roboeco/roboevo/robomax-card.jpg)
   are committed alongside this CSS so the relative url() pins to this commit's SHA.
   ============================================================================ */

/* AA1: Energreen unit cards — real photos. ECO/EVO/FIFTI/MIDI/MAX = action shots (ECO style);
   COMPACT + PLUS = current official Energreen renders (no action photo exists publicly for those two). */
[data-soe=rc-units-grid] [data-soe=rc-unit-card]:nth-child(1) [data-soe=rc-unit-visual]{background-image:url(robocompact-card.webp) !important;background-size:cover !important;background-color:#fff !important;}
[data-soe=rc-units-grid] [data-soe=rc-unit-card]:nth-child(2) [data-soe=rc-unit-visual]{background-image:url(roboeco-card.webp) !important;background-size:cover !important;background-color:#fff !important;}
[data-soe=rc-units-grid] [data-soe=rc-unit-card]:nth-child(3) [data-soe=rc-unit-visual]{background-image:url(roboevo-card.webp) !important;background-size:cover !important;background-color:#fff !important;}
[data-soe=rc-units-grid] [data-soe=rc-unit-card]:nth-child(4) [data-soe=rc-unit-visual]{background-image:url(robofifti-card.jpg) !important;background-size:cover !important;background-color:#fff !important;}
[data-soe=rc-units-grid] [data-soe=rc-unit-card]:nth-child(5) [data-soe=rc-unit-visual]{background-image:url(robomidi-card.webp) !important;background-size:cover !important;background-color:#fff !important;}
[data-soe=rc-units-grid] [data-soe=rc-unit-card]:nth-child(6) [data-soe=rc-unit-visual]{background-image:url(robomax-card.jpg) !important;background-size:cover !important;background-color:#fff !important;}
[data-soe=rc-units-grid] [data-soe=rc-unit-card]:nth-child(7) [data-soe=rc-unit-visual]{background-image:url(roboplus-card.webp) !important;background-size:cover !important;background-color:#fff !important;}

/* AA2: Energreen difference head — drop the "Why it works" eyebrow, add space before the paragraph. */
[data-soe=rc-units-head] [data-soe=eyebrow]{display:none !important;}
[data-soe=rc-units-h2]{margin:0 !important;}
[data-soe=rc-units-lede]{margin-top:40px !important;}

/* AA3: Mulch Mule difference head — same treatment: stack a paragraph under the h2 (lede was hidden). */
[data-soe=difference-head]{grid-template-columns:1fr !important;gap:0 !important;align-items:start !important;}
[data-soe=difference-head-left] [data-soe=eyebrow]{display:none !important;}
[data-soe=difference-head-h2]{margin:0 !important;}
[data-soe=difference-head-lede]{display:block !important;margin:40px 0 0 !important;max-width:820px;}

/* AA4: YouTube popup (lightbox) — Energreen + Mulch Mule video cards now open in-page (no redirect). */
[data-soe=video-modal]{position:fixed;inset:0;z-index:10000;background:rgba(8,10,9,.88);display:flex;align-items:center;justify-content:center;padding:24px;}
[data-soe=video-modal-frame]{position:relative;width:min(1060px,94vw);aspect-ratio:16 / 9;background:#000;box-shadow:0 30px 90px rgba(0,0,0,.55);}
[data-soe=video-modal-frame] iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
[data-soe=video-modal-close]{position:fixed;top:18px;right:22px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.14);cursor:pointer;padding:0;font-size:0;}
/* Draw the X with two centered bars (perfectly centered; the &times; glyph's metrics sat high). */
[data-soe=video-modal-close]::before,[data-soe=video-modal-close]::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;background:#fff;border-radius:1px;}
[data-soe=video-modal-close]::before{transform:translate(-50%,-50%) rotate(45deg);}
[data-soe=video-modal-close]::after{transform:translate(-50%,-50%) rotate(-45deg);}
[data-soe=video-modal-close]:hover{background:rgba(255,255,255,.26);}
[data-soe=video-card]{cursor:pointer;}

/* AA5: Energreen "See it in action" gallery (injected; mirrors the Mulch Mule videos section). */
[data-soe=videos][data-soe-built=v2jj]{background:#fff;padding:88px var(--gutter) 100px;}
[data-soe=videos][data-soe-built=v2jj] [data-soe=videos-head]{max-width:760px;margin:0 0 48px;}

/* (AB) Desktop nav dropdowns must stay inside the viewport on narrow widths (mega menu + the
   rightmost simple menus were overflowing off-screen). Cap the mega width to the viewport and let
   its columns wrap; the exact horizontal clamp is done in boot-master.js block v2kk. */
[data-soe=nav-dropdown]{max-width:calc(100vw - 24px) !important;}
[data-soe=nav-dropdown][data-soe-menu=mega]{min-width:0 !important;width:min(960px, calc(100vw - 24px)) !important;flex-wrap:wrap !important;}

/* (AC) Homepage banner alignment — give every slide's brand mark a fixed-height area so the headline,
   lede and CTAs sit at the SAME level as the banner rotates (Mulch Mule & Energreen show tall logos;
   Brinemasters/Metec/HydroSpade show short text tags — that height difference was shifting everything).
   Scoped to the homepage hero ([data-soe=hero]); the brand pages use [data-soe=p-hero] and are untouched. */
[data-soe=hero] [data-soe=hero-brand-tag]{height:104px !important;min-height:104px !important;display:flex !important;align-items:flex-end !important;margin:0 0 22px !important;padding:0 !important;}
[data-soe=hero] [data-soe=hero-brand-tag].mm-hero-logo-bg-sm,
[data-soe=hero] [data-soe=hero-brand-tag].eg-hero-logo-bg-sm,
[data-soe=hero] [data-soe=hero-brand-tag].bm-hero-logo-bg-sm,
[data-soe=hero] [data-soe=hero-brand-tag].mt-hero-logo-bg-sm,
[data-soe=hero] [data-soe=hero-brand-tag].hs-hero-logo-bg-sm{width:330px !important;background-size:contain !important;background-position:left bottom !important;}
@media (max-width:720px){
  [data-soe=hero] [data-soe=hero-brand-tag]{height:74px !important;min-height:74px !important;margin:0 0 16px !important;}
  [data-soe=hero] [data-soe=hero-brand-tag].mm-hero-logo-bg-sm,
  [data-soe=hero] [data-soe=hero-brand-tag].eg-hero-logo-bg-sm,
  [data-soe=hero] [data-soe=hero-brand-tag].bm-hero-logo-bg-sm,
  [data-soe=hero] [data-soe=hero-brand-tag].mt-hero-logo-bg-sm,
  [data-soe=hero] [data-soe=hero-brand-tag].hs-hero-logo-bg-sm{width:240px !important;}
}

/* (AD) /brands tile order — Mulch Mule, Energreen, Metec, HydroSpade, Brinemasters (weak photo last).
   Done via CSS `order` (the grid is auto-placed) so the DOM order — and thus the nth-child
   background-image mapping — stays correct. DOM is MM(1), Brine(2), Energreen(3), Metec(4), Hydro(5). */
[data-soe-page=brands] [data-soe=brands-list-grid] [data-soe=brand-card]:nth-child(1){order:1;}
[data-soe-page=brands] [data-soe=brands-list-grid] [data-soe=brand-card]:nth-child(2){order:5;}
[data-soe-page=brands] [data-soe=brands-list-grid] [data-soe=brand-card]:nth-child(3){order:2;}
[data-soe-page=brands] [data-soe=brands-list-grid] [data-soe=brand-card]:nth-child(4){order:3;}
[data-soe-page=brands] [data-soe=brands-list-grid] [data-soe=brand-card]:nth-child(5){order:4;}

/* (AE) /brands MOBILE imagery — Concept A ("classic banner"): each card shows its photo as a banner
   on top, with the brand name / "Made in X" / "why" stacked below (the normal info layout). Mobile
   only (≤720); desktop keeps its image-left layout. */
/* Hide the gray "[ Brand · spec ]" caption overlaid on the card image — all breakpoints. */
[data-soe-page=brands] [data-soe=brand-card-vmeta]{display:none !important;}
@media (max-width:720px){
  [data-soe-page=brands] [data-soe=brand-card-visual-l]{display:block !important;height:200px !important;min-height:200px !important;flex:0 0 200px !important;}
  /* center the brand logo on mobile to match the centered card text. Keep the base fixed width (a 100%
     width collapses a bg-image span to 0); center the box via margin:auto + the image via background-position.
     !important because the base brands logo rule sits later in the file. */
  [data-soe-page=brands] [data-soe=brand-card-logo]{margin-left:auto !important;margin-right:auto !important;background-position:center center !important;}
}

/* (AF) Homepage "Explore Smart Outdoor Products" lineup grid — same order as everywhere else:
   Mulch Mule → Energreen → Metec → HydroSpade → Brinemasters (last). Via CSS `order` so the DOM
   order — and the nth-child background-image mapping — stays correct. DOM: MM(1) Brine(2) Energreen(3) Metec(4) Hydro(5). */
[data-soe-page=home] [data-soe=brand-grid] [data-soe=brand-card-h]:nth-child(1){order:1;}
[data-soe-page=home] [data-soe=brand-grid] [data-soe=brand-card-h]:nth-child(2){order:5;}
[data-soe-page=home] [data-soe=brand-grid] [data-soe=brand-card-h]:nth-child(3){order:2;}
[data-soe-page=home] [data-soe=brand-grid] [data-soe=brand-card-h]:nth-child(4){order:3;}
[data-soe-page=home] [data-soe=brand-grid] [data-soe=brand-card-h]:nth-child(5){order:4;}

/* AG (2026-06-01, updated): brand-page "See it in action" video cards — 3 PER ROW on desktop (client:
   "rows of 3 looks a tad better"). FIXED 3-col grid, NOT grid auto-fit — auto-fit collapses empty tracks
   and centered inconsistently cross-browser (the old lesson); a fixed repeat(3) has no empty tracks, so
   it's safe. Columns capped via minmax(0,380px) so cards don't balloon on wide screens, and the track
   group is centered like the old flex row. Clean full rows: 9 Mulch Mule cards -> 3x3, 6 Energreen ->
   3x2. Desktop only (≥992px; below that the responsive grid stack stays: 2-col ≤1024, 1-col ≤720). */
@media (min-width:992px){
  [data-soe=video-grid]{display:grid !important;grid-template-columns:repeat(3,minmax(0,380px)) !important;justify-content:center !important;align-items:stretch !important;gap:28px !important;}
  /* reset the old fixed-width flex sizing so the grid controls card width; keep equal-height rows */
  [data-soe=video-grid] [data-soe=video-card]{flex:none !important;width:auto !important;max-width:none !important;align-self:stretch !important;}
}

/* AH (2026-06-01): strip the YouTube chrome so the brand-page video cards read as clean product-box-style
   tiles (user: "similar to the energreen product boxes ... remove the watch video, views, and white box
   in the top left"). Hidden on BOTH brand pages: the channel tag (the white box top-left), the view
   count + "Watch video" button (video-foot), and the Mulch Mule description — so both pages now show just
   thumbnail (with the play button + duration) + category + title. The whole card still opens the popup. */
[data-soe=videos] [data-soe=video-channel],
[data-soe=videos] [data-soe=video-foot],
[data-soe=videos] [data-soe=video-desc]{display:none !important;}


/* ============================================================
   HydroSpade brand pages — navy #003473 theme + page layout (appended last; later rules win)
   Scoped to [data-soe-page=hydrospade] (set by setPageAttr for /hydrospade, -trucks, -trailers) and #hs-* ids.
   ============================================================ */
[data-soe-page=hydrospade]{--hs-navy:#003473;--hs-navy-dark:#00264f;}

/* Hero (#hs-hero): HydroSpade photo + left navy gradient + white logo */
#hs-hero [data-soe=hero-bg]{background-image:linear-gradient(90deg,rgba(0,26,52,.9) 0%,rgba(0,26,52,.6) 45%,rgba(0,26,52,.12) 100%),url("hydrospade-hero-truck.jpg") !important;background-size:cover !important;background-position:center right !important;}
#hs-hero [data-soe=p-hero-mark-logo]{display:inline-block;width:188px;height:80px;background-image:url("hydrospade-logo-white.svg") !important;background-repeat:no-repeat;background-position:left center;background-size:contain;}
#hs-hero [data-soe=p-hero-mark-meta]{color:#fff;font-weight:600;letter-spacing:.04em;}

/* Navy buttons + accents (scoped to the HydroSpade pages) */
[data-soe-page=hydrospade] [data-soe=btn][data-soe-variant=primary]{background:var(--hs-navy) !important;border-color:var(--hs-navy) !important;color:#fff !important;}
[data-soe-page=hydrospade] [data-soe=btn][data-soe-variant=primary]:hover{background:var(--hs-navy-dark) !important;border-color:var(--hs-navy-dark) !important;}
[data-soe-page=hydrospade] [data-soe=eyebrow]{color:var(--hs-navy) !important;}
[data-soe-page=hydrospade] [data-soe=eyebrow]::before,[data-soe-page=hydrospade] [data-soe=eyebrow]::after{background:var(--hs-navy) !important;}
[data-soe-page=hydrospade] [data-soe=rc-unit-hp]{color:var(--hs-navy) !important;}

/* Promo strip -> navy */
[data-soe-page=hydrospade] [data-soe=promo-strip]{background:var(--hs-navy) !important;}
[data-soe-page=hydrospade] [data-soe=promo-strip] a{color:#fff !important;text-decoration:underline;}

/* The HydroSpade Difference — icon feature cards (#hs-difference) */
#hs-difference [data-soe=feature-grid]{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}
#hs-difference [data-soe=feature]{background:#fff !important;border:1px solid var(--steel-200) !important;padding:30px !important;display:flex !important;flex-direction:column !important;transform:none !important;box-shadow:none !important;}
#hs-difference [data-soe=feature-visual]{width:54px !important;height:54px !important;min-height:54px !important;flex:0 0 auto !important;aspect-ratio:auto !important;background-color:rgba(0,52,115,.07) !important;background-repeat:no-repeat !important;background-position:center !important;background-size:28px 28px !important;margin:0 0 18px 0 !important;border:0 !important;border-radius:0 !important;}
#hs-difference [data-soe=feature-visual]::before,#hs-difference [data-soe=feature-visual]::after{display:none !important;content:none !important;background:none !important;}
#hs-difference [data-soe=feature]:nth-child(1) [data-soe=feature-visual]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23003473'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolyline%20points='5%209%202%2012%205%2015'/%3E%3Cpolyline%20points='9%205%2012%202%2015%205'/%3E%3Cpolyline%20points='15%2019%2012%2022%209%2019'/%3E%3Cpolyline%20points='19%209%2022%2012%2019%2015'/%3E%3Cline%20x1='2'%20y1='12'%20x2='22'%20y2='12'/%3E%3Cline%20x1='12'%20y1='2'%20x2='12'%20y2='22'/%3E%3C/svg%3E") !important;}
#hs-difference [data-soe=feature]:nth-child(2) [data-soe=feature-visual]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23003473'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolyline%20points='3%2017%209%2011%2013%2015%2021%207'/%3E%3Cpolyline%20points='15%207%2021%207%2021%2013'/%3E%3C/svg%3E") !important;}
#hs-difference [data-soe=feature]:nth-child(3) [data-soe=feature-visual]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23003473'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='11%205%206%209%202%209%202%2015%206%2015%2011%2019%2011%205'/%3E%3Cline%20x1='23'%20y1='9'%20x2='17'%20y2='15'/%3E%3Cline%20x1='17'%20y1='9'%20x2='23'%20y2='15'/%3E%3C/svg%3E") !important;}
#hs-difference [data-soe=feature]:nth-child(4) [data-soe=feature-visual]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23003473'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cline%20x1='4'%20y1='21'%20x2='4'%20y2='14'/%3E%3Cline%20x1='4'%20y1='10'%20x2='4'%20y2='3'/%3E%3Cline%20x1='12'%20y1='21'%20x2='12'%20y2='12'/%3E%3Cline%20x1='12'%20y1='8'%20x2='12'%20y2='3'/%3E%3Cline%20x1='20'%20y1='21'%20x2='20'%20y2='16'/%3E%3Cline%20x1='20'%20y1='12'%20x2='20'%20y2='3'/%3E%3Cline%20x1='1'%20y1='14'%20x2='7'%20y2='14'/%3E%3Cline%20x1='9'%20y1='8'%20x2='15'%20y2='8'/%3E%3Cline%20x1='17'%20y1='16'%20x2='23'%20y2='16'/%3E%3C/svg%3E") !important;}
#hs-difference [data-soe=feature]:nth-child(5) [data-soe=feature-visual]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23003473'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z'/%3E%3C/svg%3E") !important;}
#hs-difference [data-soe=feature]:nth-child(6) [data-soe=feature-visual]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23003473'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%202.7l5.66%205.66a8%208%200%201%201-11.31%200z'/%3E%3C/svg%3E") !important;}
#hs-difference [data-soe=feature-title]{font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.25;color:var(--ink);margin:0 0 10px 0;}
#hs-difference [data-soe=feature-desc]{font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--steel-700);margin:0;}
@media (max-width:991px){#hs-difference [data-soe=feature-grid]{grid-template-columns:repeat(2,1fr) !important;}}
@media (max-width:600px){#hs-difference [data-soe=feature-grid]{grid-template-columns:1fr !important;}}

/* The Lineup — 2 product cards (#hs-lineup) */
#hs-lineup [data-soe=rc-units-grid]{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:28px !important;max-width:900px;margin-left:auto;margin-right:auto;}
#hs-lineup [data-soe=rc-unit-visual]{background-color:var(--steel-100) !important;background-repeat:no-repeat !important;background-position:center !important;background-size:82% auto !important;}
#hs-lineup [data-soe=rc-unit-card]:nth-child(1) [data-soe=rc-unit-visual]{background-image:url("hydrospade-truck-current.png") !important;}
#hs-lineup [data-soe=rc-unit-card]:nth-child(2) [data-soe=rc-unit-visual]{background-image:url("hydrospade-trailer.png") !important;}
@media (max-width:600px){#hs-lineup [data-soe=rc-units-grid]{grid-template-columns:1fr !important;}}

#hs-hero [data-soe=p-hero-subline]{color:#fff !important;}

/* HydroSpade detail-page hero product renders */
#hs-truck-hero [data-soe=ru-hero-visual]{background-color:var(--steel-100) !important;background-image:url("hydrospade-truck-current.png") !important;background-repeat:no-repeat !important;background-position:center !important;background-size:90% auto !important;}
#hs-trailer-hero [data-soe=ru-hero-visual]{background-color:var(--steel-100) !important;background-image:url("hydrospade-trailer.png") !important;background-repeat:no-repeat !important;background-position:center !important;background-size:92% auto !important;}

/* HydroSpade detail pages: sub-headline in the brand navy (button/logo blue, per owner) + hero bottom bar */
[data-soe-page=hydrospade] [data-soe=ru-hero-sub]{color:#003473 !important;}
[data-soe-page=hydrospade] [data-soe=ru-hero]{border-bottom-color:var(--hs-navy) !important;}

/* HydroSpade lineup cards: visible navy "Find out more" + guaranteed whole-card click + navy hover; detail spec titles navy */
#hs-lineup [data-soe=rc-unit-body] [data-soe=btn]{background:var(--hs-navy) !important;color:#fff !important;padding:11px 22px !important;}
#hs-lineup [data-soe=rc-unit-body] [data-soe=btn]:hover{background:var(--hs-navy-dark) !important;}
#hs-lineup [data-soe=rc-unit-card]{position:relative !important;cursor:pointer;}
#hs-lineup [data-soe=rc-unit-card] [data-soe=btn]::after{content:"" !important;position:absolute !important;inset:0 !important;z-index:2 !important;}
[data-soe-page=hydrospade] [data-soe=rc-unit-card]:hover{border-color:var(--hs-navy) !important;}
[data-soe-page=hydrospade] [data-soe=ru-spec-cat]{color:var(--hs-navy) !important;}

/* HydroSpade hero polish: drop the meta-slogan "gray banner" by the logo (match Energreen/Mulch pattern),
   subline -> a visible brand blue (the dark navy is invisible on the dark hero), space before the lede. */
#hs-hero [data-soe=p-hero-mark-meta]{display:none !important;}
#hs-hero [data-soe=p-hero-mark]{border:0 !important;gap:0 !important;padding:0 !important;background:transparent !important;}
#hs-hero [data-soe=p-hero-subline]{color:#4a90d9 !important;}
#hs-hero [data-soe=p-hero-lede]{margin-top:18px !important;}
/* Inquiry-form heading on ALL product pages: space out the eyebrow / heading / lede. */
[data-soe=ru-form-h2]{margin-top:24px !important;margin-bottom:18px !important;}

/* HydroSpade inquiry-form eyebrow sits on the near-black form panel -> bright accent blue (navy is invisible there). */
[data-soe-page=hydrospade] [data-soe=ru-form-head] [data-soe=eyebrow]{color:#4a90d9 !important;}
[data-soe-page=hydrospade] [data-soe=ru-form-head] [data-soe=eyebrow]::before,[data-soe-page=hydrospade] [data-soe=ru-form-head] [data-soe=eyebrow]::after{background:#4a90d9 !important;}

/* ru-specs heading: the base reset [data-soe] h2{margin:0} out-specifies the margin -> force the gap below the eyebrow (all product pages). */
[data-soe=ru-specs-h2]{margin-top:24px !important;}


/* ============================================================
   HydroSpade tweaks (2026-06-02) — banner headline, Difference rework,
   transparent product renders. Appended last -> later rules win.
   ============================================================ */

/* Banner headline: two stacked lines — "Simply Built." (white) / "Simply Better." (brand blue). */
#hs-hero [data-soe=p-hero-h1] [data-soe=hs-built]{display:block !important;color:#fff !important;}
#hs-hero [data-soe=p-hero-h1] [data-soe=hs-better]{display:block !important;color:#003473 !important;}

/* The Hydro-Spade Difference: hide the six feature cards; the head becomes a statement
   block — a bold subhead (repurposed lede) + a paragraph (injected by boot-master v2oo). */
#hs-difference [data-soe=feature-grid]{display:none !important;}
#hs-difference [data-soe=difference-head-lede]{font-family:var(--font-display) !important;font-weight:700 !important;font-size:clamp(22px,2.4vw,28px) !important;line-height:1.25 !important;color:var(--ink) !important;margin:22px 0 0 !important;max-width:860px;}
#hs-difference [data-soe=hs-diff-body]{font-family:var(--font-sans);font-size:18px;line-height:1.7;color:var(--steel-700);margin:18px 0 0;max-width:860px;}

/* Detail-page hero renders sit directly on the dark hero (no light "box"). */
#hs-truck-hero [data-soe=ru-hero-visual]{background-color:transparent !important;}
#hs-trailer-hero [data-soe=ru-hero-visual]{background-color:transparent !important;}

/* Tighten the now card-free Difference section + the lineup below it (kill the dead 48px head-margin
   that used to separate the head from the six cards; trim the oversized section padding). */
#hs-difference{padding-top:64px !important;padding-bottom:56px !important;}
#hs-difference [data-soe=difference-head]{margin-bottom:0 !important;}
[data-soe-page=hydrospade] [data-soe=rc-units]{padding-top:64px !important;padding-bottom:80px !important;}

/* Lineup card: breathing room between the product name and the "Find out more" button — ALL lineup
   cards (Energreen /remote-controlled-mowers + HydroSpade). The base [data-soe] h3{margin:0} reset
   (0,0,1,1) out-specifies rc-unit-name's intended margin:0 0 16px (0,0,1,0), collapsing the gap to 0. */
[data-soe=rc-unit-name]{margin-bottom:20px !important;}

/* Reveal motion: slower + smoother than the .7s/ease base (boot-head.js) — more deliberate, esp. on
   page load. Longer travel reads better. (in-view transform re-asserted with !important so the slower
   base !important transform doesn't strand it at the offset.) */
[data-soe-anim=reveal]{transform:translateY(20px) !important;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1) !important;}
[data-soe-anim=reveal][data-soe-state=in-view]{transform:translateY(0) !important;}

/* Accessibility: honour prefers-reduced-motion for the whole scroll-reveal system (original + v2qq).
   The base reveal rule (opacity:0 + translateY) lives in boot-head.js; !important neutralises it here.
   Kept LAST so it wins over the slowdown override above under reduced-motion. */
@media (prefers-reduced-motion: reduce){
  [data-soe-anim=reveal]{opacity:1 !important;transform:none !important;transition:none !important;}
}

/* Homepage "1968" count-up: reserve a constant 4-digit width with tabular figures so the number's
   width never changes during the count — keeps the adjacent "Backed by Brown Equipment…" text from
   shifting. (1968 is always the widest value; 4 tabular digits == its width.) */
[data-soe=intro-heritage-year]{min-width:4ch;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-align:left;}

/* HydroSpade Difference: remove the "Maneuver tighter. Carry more. Run quieter." subhead (owner) — keep h2 + paragraph. */
#hs-difference [data-soe=difference-head-lede]{display:none !important;}

/* HydroSpade landing "See it in action" — placeholder section (video walkthroughs pending; owner to provide). */
#hs-videos{background:#fff;padding:72px var(--gutter);}
#hs-videos [data-soe=videos-head]{max-width:760px;margin:0 auto 32px;text-align:center;}
#hs-videos [data-soe=videos-h2]{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3.2vw,42px);line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin:12px 0 0;}
#hs-videos [data-soe=videos-lede]{font-family:var(--font-sans);font-size:17px;line-height:1.6;color:var(--steel-700);margin:14px 0 0;}
#hs-videos [data-soe=hs-video-ph]{max-width:900px;margin:0 auto;aspect-ratio:16 / 9;border:2px dashed #C7CEC6;background:#F6F7F5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;}
#hs-videos [data-soe=hs-video-ph-play]{width:62px;height:62px;border-radius:50%;background:#003473;display:flex;align-items:center;justify-content:center;}
#hs-videos [data-soe=hs-video-ph-play]::after{content:"";border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff;margin-left:4px;}
#hs-videos [data-soe=hs-video-ph] span{font-family:var(--font-sans);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#6B746A;}
#hs-videos [data-soe=hs-video-grid]{max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;gap:18px;}
#hs-videos [data-soe=hs-video-grid] [data-soe=hs-video-ph]{flex:1 1 0;min-width:240px;max-width:none;margin:0;}
/* Bold "open item" flag so the owner can see this section is still pending (video not yet supplied).
   Brand navy #003473 (matches the play button / page theme), white text + status dot. */
#hs-videos [data-soe=hs-open-flag]{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;margin:0 auto 16px;padding:7px 16px;border-radius:999px;background:#003473;color:#fff;font-family:var(--font-sans);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;}
#hs-videos [data-soe=hs-open-flag]::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;margin-right:9px;}
/* Show the "See it in action" eyebrow on THIS section (the global [data-soe=videos-head] [data-soe=eyebrow]
   rule hides it for the homepage, whose h2 already reads "See it in action."). Navy on hydrospade via line ~827. */
#hs-videos [data-soe=videos-head] [data-soe=eyebrow]{display:inline-flex !important;}

/* Equipment mega-menu: lay the 7 type-columns in ONE aligned row (CSS grid). flex-wrap was stranding
   Brinemakers/TruckFill in a 2nd row with a big empty gap under the short columns ("screwed up"). */
[data-soe=nav-dropdown][data-soe-menu=mega]{width:min(1200px, calc(100vw - 28px)) !important;display:grid !important;grid-template-columns:repeat(7, minmax(0, 1fr)) !important;column-gap:22px !important;row-gap:0 !important;align-items:start !important;}
[data-soe=nav-dropdown][data-soe-menu=mega] [data-soe=nav-mega-col]{min-width:0 !important;}
/* Uniform header height so 1-line vs 2-line titles ("R-C Mowers" vs "Landscape Material Handler")
   keep their underlines + first items aligned across all columns. */
[data-soe=nav-dropdown][data-soe-menu=mega] [data-soe=nav-mega-col-h]{min-height:48px !important;}

/* Nav hamburger fix: the two-state header shows the hamburger ≤991px, but boot-head.js's
   @media(min-width:721px) left the drawer at display:none through 721–991px — so the hamburger did
   nothing in that range. Re-enable the drawer wherever the hamburger shows, and hide the now-orphaned
   logo divider (nav-brand border-right) since there are no inline nav-links beside it at this width. */
@media screen and (max-width:991px){
  [data-soe=nav-drawer]{display:block !important;}
  [data-soe=nav-brand]{border-right:0 !important;}
}

/* /brands "See It In Action" feature thumbnail per brand box (Concept 2). Reuses the v2jj lightbox
   (click a [data-soe-video] thumb -> in-page YouTube popup). Header + play button are themed to EACH
   brand's own color via --brand (set per-card in fixBrandsPage, sampled from the brand logo), with the
   site JD-green as fallback (e.g. Mulch Mule, no logo/color yet). Brands without a video get a "coming
   soon" placeholder (same dashed structure as the Hydro-Spade landing slot). */
[data-soe-page=brands] [data-soe=brand-sia]{margin-top:22px;}
[data-soe-page=brands] [data-soe=brand-sia-head]{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand,var(--jd-green));font-weight:700;margin:0 0 11px;display:flex;align-items:center;gap:10px;}
[data-soe-page=brands] [data-soe=brand-sia-head]::before{content:"";width:24px;height:2px;background:var(--brand,var(--jd-green));}
[data-soe-page=brands] [data-soe=brand-sia-grid]{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;}
[data-soe-page=brands] [data-soe=brand-sia-grid][data-soe-multi] [data-soe=brand-sia-thumb]{width:auto;flex:1 1 0;min-width:120px;}
[data-soe-page=brands] [data-soe=brand-sia-thumb]{position:relative;display:block;width:268px;max-width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#0E1110 center/cover no-repeat;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.16);transition:transform .25s ease,box-shadow .25s ease;}
[data-soe-page=brands] [data-soe=brand-sia-thumb]:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.24);}
[data-soe-page=brands] [data-soe=brand-sia-play]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:var(--brand,var(--jd-green));display:flex;align-items:center;justify-content:center;transition:filter .2s,transform .2s;}
[data-soe-page=brands] [data-soe=brand-sia-thumb]:hover [data-soe=brand-sia-play]{filter:brightness(.9);transform:translate(-50%,-50%) scale(1.07);}
[data-soe-page=brands] [data-soe=brand-sia-play]::after{content:"";border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff;margin-left:3px;}
/* coming-soon placeholder variant */
[data-soe-page=brands] [data-soe=brand-sia-thumb][data-soe-soon]{background:#F6F7F5;border:2px dashed #C7CEC6;box-shadow:none;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}
[data-soe-page=brands] [data-soe=brand-sia-thumb][data-soe-soon]:hover{transform:none;box-shadow:none;}
[data-soe-page=brands] [data-soe=brand-sia-thumb][data-soe-soon] [data-soe=brand-sia-play]{position:static;transform:none;width:46px;height:46px;background:var(--brand,var(--jd-green));}
[data-soe-page=brands] [data-soe=brand-sia-thumb][data-soe-soon] [data-soe=brand-sia-play]::after{margin-left:3px;}
[data-soe-page=brands] [data-soe=brand-sia-soon]{font-family:var(--font-sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6B746A;}

/* Brand logo replaces the text name (data-soe=brand-card-logo inside the h3). Logos are trimmed-to-content
   PNGs in soe-cdn; relative url() resolves against boot-head.css's location. Fixed box + contain so the
   differing logo aspect ratios all fit and left-align. */
[data-soe-page=brands] [data-soe=brand-card-logo]{display:block;height:52px;width:300px;max-width:100%;background-repeat:no-repeat;background-position:left center;background-size:contain;}
[data-soe-page=brands] [data-soe=brand-card-logo][data-brand=hydrospade]{background-image:url(brand-logo-hydrospade.png);}
[data-soe-page=brands] [data-soe=brand-card-logo][data-brand=energreen]{background-image:url(brand-logo-energreen.png);}
[data-soe-page=brands] [data-soe=brand-card-logo][data-brand=metec]{background-image:url(brand-logo-metec.png);}
[data-soe-page=brands] [data-soe=brand-card-logo][data-brand=brinemasters]{background-image:url(brand-logo-brinemasters.png);}
[data-soe-page=brands] [data-soe=brand-card-logo][data-brand=mulchmule]{background-image:url(brand-logo-mulchmule.png);height:70px;}

/* ============================================================================
   2026-06-03 content batch — homepage lineup boxes (logo + feature video),
   Mulch Mule feature "Watch Video" buttons, homepage heritage link.
   ============================================================================ */

/* --- Brown Equipment link inside the homepage "1968" heritage line --- */
[data-soe=intro-heritage-text] a[data-soe=intro-heritage-link]{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .15s;}
[data-soe=intro-heritage-text] a[data-soe=intro-heritage-link]:hover{color:var(--jd-green);}

/* --- Homepage lineup boxes: brand logo replaces the text name + a "See It In Action" feature thumbnail.
   Mirrors the /brands treatment, scoped to [data-soe-page=home] + the lineup grid; thumb fills the card.
   Logos reuse the same trimmed brand-logo-*.png assets (relative url() pins to this CSS @sha). --- */
[data-soe-page=home] [data-soe=brand-grid] [data-soe=brand-card-name]{min-height:36px;display:flex;align-items:center;}
[data-soe-page=home] [data-soe=brand-grid] [data-soe=brand-card-logo]{display:block;height:34px;width:204px;max-width:84%;background-repeat:no-repeat;background-position:left center;background-size:contain;}
[data-soe-page=home] [data-soe=brand-grid] [data-soe=brand-card-logo][data-brand=hydrospade]{background-image:url(brand-logo-hydrospade.png);}
[data-soe-page=home] [data-soe=brand-grid] [data-soe=brand-card-logo][data-brand=energreen]{background-image:url(brand-logo-energreen.png);}
[data-soe-page=home] [data-soe=brand-grid] [data-soe=brand-card-logo][data-brand=metec]{background-image:url(brand-logo-metec.png);}
[data-soe-page=home] [data-soe=brand-grid] [data-soe=brand-card-logo][data-brand=brinemasters]{background-image:url(brand-logo-brinemasters.png);}
[data-soe-page=home] [data-soe=brand-grid] [data-soe=brand-card-logo][data-brand=mulchmule]{background-image:url(brand-logo-mulchmule.png);height:48px;}
/* Concept A — the card's own photo is the video surface (play badge + "Watch" label); the rest of the
   card still links to the brand page. No separate thumbnail, so the box stays compact + high-quality. */
[data-soe-page=home] [data-soe=brand-grid] [data-soe=brand-card-visual][data-soe-video]{position:relative;cursor:pointer;}
[data-soe-page=home] [data-soe=brand-card-vgrad]{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.46));pointer-events:none;transition:background .2s ease;}
/* Centered white play circle (brand-color arrow) + a bold white "WATCH VIDEO" corner label; scrim deepens on hover. */
[data-soe-page=home] [data-soe=brand-card-play]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.40);transition:transform .2s ease,box-shadow .2s ease;pointer-events:none;}
[data-soe-page=home] [data-soe=brand-card-play]::after{content:"";border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--brand,var(--jd-green));margin-left:3px;}
[data-soe-page=home] [data-soe=brand-card-visual][data-soe-video]:hover [data-soe=brand-card-play]{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 10px 26px rgba(0,0,0,.46);}
[data-soe-page=home] [data-soe=brand-card-visual][data-soe-video]:hover [data-soe=brand-card-vgrad]{background:linear-gradient(180deg,rgba(0,0,0,.04) 20%,rgba(0,0,0,.56));}
[data-soe-page=home] [data-soe=brand-card-visual][data-soe-video]:hover [data-soe=brand-card-vwatch]{transform:translateX(3px);}
[data-soe-page=home] [data-soe=brand-card-vwatch]{position:absolute;left:18px;bottom:16px;display:flex;align-items:center;gap:9px;color:#fff;font-family:var(--font-mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.6);pointer-events:none;transition:transform .18s ease;}
[data-soe-page=home] [data-soe=brand-card-vwatch]::before{content:"";border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55));}

/* --- Mulch Mule feature-box "Watch Video" button (clean white button, Energreen-style) --- */
[data-soe=mm-feat-video]{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:9px 17px;background:#fff;border:1.5px solid #D5DBD3;border-radius:8px;color:var(--ink);font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s,color .18s;}
[data-soe=mm-feat-video]:hover{border-color:var(--jd-green);color:var(--jd-green);box-shadow:0 6px 18px rgba(0,0,0,.10);transform:translateY(-1px);}
[data-soe=mm-feat-video-ico]{width:22px;height:22px;border-radius:50%;background:var(--jd-green);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transition:transform .18s;}
[data-soe=mm-feat-video]:hover [data-soe=mm-feat-video-ico]{transform:scale(1.08);}
[data-soe=mm-feat-video-ico]::after{content:"";border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff;margin-left:2px;}
/* Pin the MM feature "Watch Video" buttons to the bottom of their cards so they line up evenly across a
   row (cards stretch to equal height; without this each button floats right under text of varying length). */
[data-soe-page=mulch-mule] [data-soe=feature]{display:flex;flex-direction:column;}
[data-soe-page=mulch-mule] [data-soe=feature-visual]{flex:0 0 auto;}
[data-soe-page=mulch-mule] [data-soe=feature-body]{display:flex;flex-direction:column;flex:1 1 auto;}
[data-soe-page=mulch-mule] [data-soe=mm-feat-video]{margin-top:auto;align-self:flex-start;}
/* Guarantee a little breathing room above the button even when the card text fills the height. */
[data-soe-page=mulch-mule] [data-soe=feature-body] p{margin-bottom:16px;}

/* ============================================================================
   /new-customer-setup — account-opening form page. Native Webflow form, SOE-styled
   (dark ink hero w/ green underline like the Energreen unit pages; amber submit).
   Scoped to [data-soe-page=newcustomer] (set by setPageAttr in boot-master.js).
   ============================================================================ */
[data-soe-page=newcustomer] [data-soe=ncs-hero]{background:var(--ink);color:var(--paper);padding:60px var(--gutter) 70px;border-bottom:8px solid var(--jd-green);}
[data-soe-page=newcustomer] [data-soe=ncs-hero-inner]{max-width:1180px;margin:0 auto;}
[data-soe-page=newcustomer] [data-soe=ncs-eyebrow]{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--jd-green-mid);margin-bottom:18px;}
[data-soe-page=newcustomer] [data-soe=ncs-eyebrow]::before{content:"";width:26px;height:2px;background:var(--jd-green-mid);}
[data-soe-page=newcustomer] [data-soe=ncs-hero-h1]{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,4.6vw,60px);line-height:1.02;letter-spacing:-.03em;margin:0;color:var(--paper);max-width:17ch;}
[data-soe-page=newcustomer] [data-soe=ncs-hero-lede]{font-family:var(--font-sans);font-size:18px;line-height:1.6;color:var(--steel-300);max-width:640px;margin:22px 0 0;}

[data-soe-page=newcustomer] [data-soe=ncs-section]{background:var(--steel-50);padding:48px var(--gutter) 96px;}
[data-soe-page=newcustomer] [data-soe=ncs-card]{background:var(--paper);max-width:760px;margin:0 auto;padding:44px clamp(22px,4vw,52px) 48px;border:1px solid var(--steel-200);border-radius:14px;box-shadow:0 24px 60px rgba(14,17,16,.10);}
[data-soe-page=newcustomer] [data-soe=ncs-step]{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:0 0 28px;}
[data-soe-page=newcustomer] [data-soe=ncs-step-k]{color:var(--jd-green);}
[data-soe-page=newcustomer] [data-soe=ncs-step-time]{color:var(--steel-700);font-weight:600;margin-left:.4em;}

[data-soe-page=newcustomer] [data-soe=ncs-form]{display:flex;flex-direction:column;gap:20px;}
[data-soe-page=newcustomer] [data-soe=ncs-row]{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px;align-items:start;}
[data-soe-page=newcustomer] [data-soe=ncs-field]{display:flex;flex-direction:column;margin:0;}
[data-soe-page=newcustomer] [data-soe=ncs-label]{font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 0 8px;display:block;}
[data-soe-page=newcustomer] [data-soe=ncs-req]{color:var(--safety-amber);margin-left:2px;}
[data-soe-page=newcustomer] [data-soe=ncs-opt]{color:var(--steel-700);font-weight:500;text-transform:none;letter-spacing:0;}

[data-soe-page=newcustomer] [data-soe=ncs-input]{width:100%;font-family:var(--font-sans);font-size:15px;color:var(--ink);background:var(--paper);border:1.5px solid var(--steel-300);border-radius:9px;padding:12px 14px;line-height:1.4;transition:border-color .15s,box-shadow .15s;margin:0;min-height:46px;}
[data-soe-page=newcustomer] [data-soe=ncs-input]::placeholder{color:var(--steel-700);opacity:.6;}
[data-soe-page=newcustomer] [data-soe=ncs-input]:focus{border-color:var(--jd-green);box-shadow:0 0 0 3px rgba(54,124,43,.14);outline:none;}

[data-soe-page=newcustomer] [data-soe=ncs-check]{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer;}
[data-soe-page=newcustomer] [data-soe=ncs-check] .w-checkbox-input{width:18px;height:18px;margin:0 2px 0 0;border-radius:4px;border:1.5px solid var(--steel-300);}
[data-soe-page=newcustomer] [data-soe=ncs-check] .w-checkbox-input.w--redirected-checked{background-color:var(--jd-green);border-color:var(--jd-green);}
[data-soe-page=newcustomer] [data-soe=ncs-check-label]{font-family:var(--font-sans);font-size:14px;color:var(--steel-700);margin:0;}

[data-soe-page=newcustomer] [data-soe=ncs-radios]{display:flex;gap:26px;align-items:center;}
[data-soe-page=newcustomer] [data-soe=ncs-radio]{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;}
[data-soe-page=newcustomer] [data-soe=ncs-radio] .w-radio-input{width:18px;height:18px;margin:0 2px 0 0;border:1.5px solid var(--steel-300);}
[data-soe-page=newcustomer] [data-soe=ncs-radio] .w-radio-input.w--redirected-checked{background-color:var(--jd-green);border-color:var(--jd-green);box-shadow:inset 0 0 0 3px var(--paper);}
[data-soe-page=newcustomer] [data-soe=ncs-radio-label]{font-family:var(--font-sans);font-size:15px;color:var(--ink);margin:0;}
/* Align checkboxes + radios flush-left with the input fields; hide Webflow's auto field-name label on the checkbox. */
[data-soe-page=newcustomer] [data-soe=ncs-check]{padding-left:0;}
[data-soe-page=newcustomer] [data-soe=ncs-check] .w-checkbox{padding:0;margin:0;display:inline-flex;align-items:center;min-height:auto;}
[data-soe-page=newcustomer] [data-soe=ncs-check] .w-checkbox .w-form-label{display:none;}
[data-soe-page=newcustomer] [data-soe=ncs-radio]{padding-left:0;}
[data-soe-page=newcustomer] [data-soe=ncs-check] .w-checkbox-input,[data-soe-page=newcustomer] [data-soe=ncs-radio] .w-radio-input{float:none;}
/* Webflow's clearfix ::before/::after on .w-radio/.w-checkbox become flex items and the gap pushes the control in — drop them. */
[data-soe-page=newcustomer] [data-soe=ncs-radio]::before,[data-soe-page=newcustomer] [data-soe=ncs-radio]::after,[data-soe-page=newcustomer] [data-soe=ncs-check] .w-checkbox::before,[data-soe-page=newcustomer] [data-soe=ncs-check] .w-checkbox::after{content:none;display:none;}

[data-soe-page=newcustomer] [data-soe=ncs-note]{font-family:var(--font-sans);font-size:14px;line-height:1.55;color:var(--steel-700);background:var(--steel-50);border:1px solid var(--steel-200);border-radius:9px;padding:14px 16px;margin:0;}
[data-soe-page=newcustomer] [data-soe=ncs-note] strong{color:var(--ink);font-weight:700;}

[data-soe-page=newcustomer] [data-soe=ncs-submit]{appearance:none;-webkit-appearance:none;margin:4px 0 0;align-self:center;min-width:280px;background:var(--safety-amber);color:var(--black);font-family:var(--font-sans);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:9px;padding:16px 32px;cursor:pointer;transition:filter .15s,transform .15s;}
[data-soe-page=newcustomer] [data-soe=ncs-submit]:hover{filter:brightness(.94);transform:translateY(-1px);}

[data-soe-page=newcustomer] .w-form-done{background:rgba(54,124,43,.08);border:1px solid var(--jd-green);border-radius:10px;padding:20px 22px;font-family:var(--font-sans);font-size:15px;color:var(--ink);margin-top:14px;}
[data-soe-page=newcustomer] .w-form-fail{margin-top:14px;border-radius:10px;}

@media (max-width:600px){
  [data-soe-page=newcustomer] [data-soe=ncs-row]{grid-template-columns:1fr;gap:20px;}
  [data-soe-page=newcustomer] [data-soe=ncs-card]{margin-top:0;}
  [data-soe-page=newcustomer] [data-soe=ncs-submit]{width:100%;min-width:0;}
}

/* === Page-load curtain (paired with boot-fixes-v2tt in boot-master.js) ==============================
   A white panel swipes up on load, then the above-the-fold reveals flow in. boot-head.js creates
   #soe-curtain pre-paint (skipped under reduced-motion); v2tt drives the swipe (data-soe-curtain=up) then
   releases the holds. The panel sits at z-index 48 — BENEATH the sticky header (nav z49 / top-util z50)
   so the header is never covered; the white slides up behind it.
   The CURTAIN lift is fully self-contained in CSS: soeCurtainAuto lifts it at 2.4s even if boot-master.js
   never loads, so the page can never be left white. (The per-element holds below are released by v2tt's
   own layered timers — they can't use a pure-CSS auto-reveal because they must out-rank v2hh's
   opacity:1 !important, and nothing below a Transition can override an !important author rule.) */
#soe-curtain{
  position:fixed;inset:0;z-index:48;background:#fff;
  transform:translateY(0);pointer-events:none;will-change:transform;
  box-shadow:0 24px 48px -16px rgba(14,17,16,.12);
  animation:soeCurtainAuto .85s cubic-bezier(.42,0,1,1) 2.4s forwards;   /* JS-free lift ONLY if v2tt never runs */
}
/* Swipe up — ease-IN: starts gently, then accelerates off the top.
   animation:none is CRITICAL — it cancels the soeCurtainAuto failsafe the instant v2tt takes over, so the
   failsafe can never fire at 2.4s and snap the panel back to covering (the "blink white then resume" bug
   when boot-master.js is heavy and the curtain is still in the DOM past 2.4s). */
html[data-soe-curtain=up] #soe-curtain{transform:translateY(-100%);transition:transform .8s cubic-bezier(.42,0,1,1);animation:none;}
html[data-soe-curtain=off] #soe-curtain{transform:translateY(-100%);visibility:hidden;animation:none;}
@keyframes soeCurtainAuto{from{transform:translateY(0);}to{transform:translateY(-100%);visibility:hidden;}}

/* EXIT transition ("closing the door") — on an internal link click, v2uu parks the panel above the
   viewport (close-armed) then descends it to cover the page (closing) before navigating, so the browser's
   white page-swap is masked and flows straight into the next page's entrance swipe-up. Same z-index 48 as
   the entrance (below the header), so the dark header reads as a persistent frame across the navigation.
   ease-OUT settle (the time-mirror of the ease-in entrance) so the close and the next open meet softly. */
html[data-soe-curtain=close-armed] #soe-curtain{transform:translateY(-100%);transition:none;animation:none;visibility:visible;}
html[data-soe-curtain=closing] #soe-curtain{transform:translateY(0);transition:transform .46s cubic-bezier(.3,0,.3,1);animation:none;visibility:visible;}

/* HOLD — keep an above-the-fold reveal hidden behind the curtain until v2tt releases it. opacity AND
   transform are !important at specificity (0,2,1) so they beat BOTH the in-view rules and the v2hh
   anti-FOUC force-show (opacity:1 / transform:none !important at 0,2,0) that keeps hero/intro text
   permanently visible. This is the only level that can hide a v2hh element. */
html [data-soe-anim=reveal][data-soe-curtain-hold]{
  opacity:0 !important;
  transform:translateY(22px) !important;
  transition:none !important;
}
/* FLOW-IN — v2tt adds this (while the hold still hides the element), then drops the hold a beat later so
   the element eases from 0 / 22px up to its revealed state. A *transition* is the one cascade level that
   outranks an !important author declaration, so this is what lets the rise play over v2hh's
   transition:none / opacity:1 / transform:none !important. */
html [data-soe-anim=reveal][data-soe-curtain-flow]{
  transition:opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1) !important;
}

/* Reduced-motion: no curtain is ever created, but hard-neutralise the hold too in case the marker is
   somehow present, so a motion-averse user can never end up with hidden content or a stuck panel. */
@media (prefers-reduced-motion: reduce){
  #soe-curtain{display:none !important;animation:none !important;}
  html [data-soe-anim=reveal][data-soe-curtain-hold]{opacity:1 !important;transform:none !important;}
}


/* ============================================================
   6-21 owner change-out (2026-06-21) — appended last so later rules win
   ============================================================ */

/* Mulch Mule — real-looking job-site photo: banner slide 1, explore grid 1, brands grid 1, MM page hero */
[data-soe=hero-slide]:nth-child(1) [data-soe=hero-bg]{background-image:url("mulchmule-jobsite.webp") !important;background-position:center !important;}
[data-soe=brand-grid] a:nth-child(1) [data-soe=brand-card-visual]{background-image:url("mulchmule-jobsite.webp") !important;background-position:center !important;}
[data-soe=brands-list-grid] article:nth-child(1) [data-soe=brand-card-visual-l]{background-image:url("mulchmule-jobsite.webp") !important;background-position:center !important;}
[data-soe=p-hero] [data-soe=p-hero-bg]{background-image:url("mulchmule-jobsite.webp") !important;background-position:center !important;}

/* HydroSpade — job-site trailer photo: banner slide 5, explore grid 5, brands grid 5 */
[data-soe=hero-slide]:nth-child(5) [data-soe=hero-bg]{background-image:url("hydrospade-trailer-jobsite.webp") !important;background-position:center !important;background-size:cover !important;}
[data-soe=brand-grid] a:nth-child(5) [data-soe=brand-card-visual]{background-image:url("hydrospade-trailer-jobsite.webp") !important;background-position:center !important;background-size:cover !important;}
[data-soe=brands-list-grid] article:nth-child(5) [data-soe=brand-card-visual-l]{background-image:url("hydrospade-trailer-jobsite.webp") !important;background-position:center !important;background-size:cover !important;}

/* Brinemasters retired — hide its banner slide + explore card + brands card. DOM order preserved so the
   nth-child background-image mapping for the OTHER brands stays correct. */
[data-soe=hero-slide]:nth-child(2){display:none !important;}
[data-soe=brand-grid] a:nth-child(2){display:none !important;}
[data-soe=brands-list-grid] article:nth-child(2){display:none !important;}

/* Brand-page "Difference" + "See it in Action" heads centered (Mulch Mule / Energreen / Hydro-Spade) */
[data-soe=difference-head]{text-align:center !important;justify-items:center !important;}
[data-soe=difference-head-h2]{margin-left:auto !important;margin-right:auto !important;}
[data-soe=difference-head-lede]{margin-left:auto !important;margin-right:auto !important;text-align:center !important;}
[data-soe=videos-head]{margin-left:auto !important;margin-right:auto !important;text-align:center !important;}
[data-soe=videos-head-lede]{margin-left:auto !important;margin-right:auto !important;}
[data-soe=videos][data-soe-built=v2jj] [data-soe=videos-head]{margin-left:auto !important;margin-right:auto !important;text-align:center !important;}
#hs-difference [data-soe=difference-head]{text-align:center !important;}
#hs-difference [data-soe=hs-diff-body]{margin-left:auto !important;margin-right:auto !important;text-align:center !important;}
#hs-videos [data-soe=videos-head]{margin-left:auto !important;margin-right:auto !important;text-align:center !important;}

/* 6-21 follow-up: HydroSpade lineup cards — dark navy behind the transparent truck/trailer
   renders so they pop (fixes the "washed out" look on the old light-gray card). */
#hs-lineup [data-soe=rc-unit-visual]{background-color:#0e2647 !important;}
#hs-lineup [data-soe=rc-unit-card]{border-color:#0e2647 !important;}


/* Kill the header enhancement flash on load/navigation: hold the volatile header content
   (nav links, CTA, phone) invisible until boot-master has rebuilt the labels/CTA/phone. Space is
   reserved (visibility, not display) so the sticky header keeps its height — no layout shift.
   Revealed by html[data-soe-chrome=ready] (set by boot-master v2xx after every enhancer runs;
   boot-head.js carries a safety fallback in case boot-master never loads). */
html:not([data-soe-chrome=ready]) [data-soe=nav-links],
html:not([data-soe-chrome=ready]) [data-soe=nav-cta],
html:not([data-soe-chrome=ready]) [data-soe=top-util-left]{visibility:hidden !important;}


/* Equipment mega-menu: equal-height column headers so each column's list lines up. The long
   "Equipment Attachments & Implements" header wrapped to 3 lines and pushed its column down. */
[data-soe=nav-dropdown][data-soe-menu=mega] [data-soe=nav-mega-col-h]{min-height:68px !important;display:flex !important;align-items:flex-end !important;}


/* Coming-soon page: keep the DARK hero so the white page-load curtain is visible both ways — it swipes
   up to reveal on entry AND descends (close-the-door) over the dark hero when you click off. To keep the
   entry from reading as a bare white-flash, the hero content eases in (pure-CSS stagger, fill:both so it
   can never get stuck hidden) as the curtain lifts — same feel as every other page's above-the-fold reveal. */
@keyframes csReveal{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
.cs-inner > *{animation:csReveal .7s cubic-bezier(.22,.61,.36,1) both;}
.cs-mark{animation-delay:.40s;}
.cs-eyebrow{animation-delay:.50s;}
.cs-h1{animation-delay:.58s;}
.cs-lede{animation-delay:.66s;}
.cs-btn{animation-delay:.74s;}
@media (prefers-reduced-motion:reduce){.cs-inner > *{animation:none;}}
/* Mega-menu non-link status label (e.g. Brine Makers "Coming Soon") — italic, not clickable */
[data-soe=nav-dropdown-item][data-soe-soon]{font-style:italic !important;cursor:default !important;pointer-events:none !important;}


/* a11y (WCAG 2.4.7): visible keyboard focus ring across the JS-built chrome + buttons */
[data-soe=nav-link]:focus-visible,[data-soe=nav-cta]:focus-visible,[data-soe=nav-dropdown-item]:focus-visible,[data-soe=nav-mega-col-h]:focus-visible,[data-soe=btn]:focus-visible,[data-soe=top-util-link]:focus-visible,[data-soe=footer-col] a:focus-visible,[data-soe=footer-legal] a:focus-visible,[data-soe=footer-social] a:focus-visible,[data-soe=crumbs] a:focus-visible,[data-soe=nav-brand]:focus-visible,[data-soe=nav-hamburger]:focus-visible,[data-soe=drawer-close]:focus-visible,[data-soe=nav-drawer] a:focus-visible{outline:3px solid #FFAA33 !important;outline-offset:2px !important;}

/* === a11y: keyboard-operable nav dropdowns — reveal on focus-within, mirroring the :hover rule
   (desktop only; the mobile media query keeps [data-soe=nav-dropdown] display:none so this no-ops there) === */
[data-soe=nav-link-wrap]:focus-within [data-soe=nav-dropdown]{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;}