.dyofix-hero-test{position:relative;min-height:680px;overflow:hidden;isolation:isolate;background:#183f34;color:#fff;padding-top:100px}.dyofix-hero-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.dyofix-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient( 90deg,rgba(10,30,25,.82) 0%,rgba(10,30,25,.62) 42%,rgba(10,30,25,.25) 100% )}.dyofix-hero-transition{position:absolute;inset:0;z-index:5;background:rgba(255,255,255,.72);opacity:0;pointer-events:none;transition:opacity 120ms ease-out}.dyofix-hero-transition.is-transitioning{opacity:.45}.dyofix-hero-inner{position:relative;z-index:10;width:min(1240px,calc(100% - 60px));margin:0 auto;padding-top:80px;padding-bottom:70px}.dyofix-hero-header{position:relative;z-index:20;margin-bottom:55px;isolation:isolate}.dyofix-hero-title{margin:0;font-family:Poppins,sans-serif;line-height:1;letter-spacing:-.045em;color:#fff}.dyofix-hero-title-top{display:block;margin-bottom:5px;font-size:clamp(34px,3.5vw,52px);line-height:1;font-weight:800;letter-spacing:-.055em;color:#fff}.dyofix-hero-title-main{position:relative;display:inline-block;z-index:0;font-size:clamp(68px,7vw,108px);line-height:.82;font-weight:900;letter-spacing:-.065em;color:#fff}.dyofix-hero-title-main::after{content:"";position:absolute;left:-3%;bottom:2px;z-index:-1;width:112%;height:.60em;background:#69bde8;border-radius:2px;transform:translateY(.08em) rotate(-1deg)}.dyofix-hero-title-bottom{display:block;margin-top:10px;font-size:clamp(32px,3.5vw,48px);line-height:1;font-weight:800;letter-spacing:-.04em;color:#fff}.dyofix-hero-lower{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;align-items:stretch}.dyofix-hero-copy{position:relative;z-index:20;max-width:500px;align-self:start;padding-bottom:15px}.dyofix-hero-dynamic-copy{position:relative;min-height:120px;max-width:500px;margin-bottom:30px}.dyofix-hero-scene-text{position:absolute;left:0;top:0;width:100%;margin:0;font-family:Poppins,sans-serif;font-size:clamp(22px,2.2vw,31px);line-height:1.2;font-weight:700;letter-spacing:-.025em;color:#fff;opacity:0;visibility:hidden}.dyofix-hero-word{display:inline-block;opacity:0;transform:translateY(18px) scale(.96);transition:opacity .32s ease,transform .42s cubic-bezier(.2,.8,.2,1)}.dyofix-hero-scene-text.is-active{opacity:1;visibility:visible}.dyofix-hero-scene-text.is-active .dyofix-hero-word{opacity:1;transform:translateY(0) scale(1)}.dyofix-hero-options--strips{display:flex;align-items:stretch;gap:14px;min-height:440px;overflow:visible}.dyofix-hero-options--strips .dyofix-hero-option{position:relative;flex:1 1 0;min-width:0;min-height:440px;height:100%;padding:35px 42px;display:flex;flex-direction:column;justify-content:flex-end;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;color:#fff;text-decoration:none;cursor:pointer;transition:flex-grow .6s cubic-bezier(.2,.8,.2,1),filter .35s ease}.dyofix-hero-options--strips .dyofix-option-bg{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:0;pointer-events:none;opacity:1;transform:skewX(-4deg);transform-origin:center bottom;transition:filter .35s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.dyofix-hero-options--strips .dyofix-hero-option[data-section="pond"] .dyofix-option-bg{background:#69bde8;clip-path:polygon( 8% 0,100% 0,92% 100%,0 100% )}.dyofix-hero-options--strips .dyofix-hero-option[data-section="commercial"] .dyofix-option-bg{background:#f0830f;clip-path:polygon( 8% 0,100% 0,92% 100%,0 100% )}.dyofix-hero-options--strips .dyofix-hero-option{flex-grow:1}.dyofix-hero-options--strips .dyofix-hero-option[data-section="pond"].is-active,.dyofix-hero-options--strips .dyofix-hero-option[data-section="pond"].is-hovered{flex-grow:1.18}.dyofix-hero-options--strips .dyofix-hero-option[data-section="commercial"].is-active,.dyofix-hero-options--strips .dyofix-hero-option[data-section="commercial"].is-hovered{flex-grow:1.18}.dyofix-hero-options--strips .dyofix-hero-option:has(+ .dyofix-hero-option.is-active),.dyofix-hero-options--strips .dyofix-hero-option.is-active ~ .dyofix-hero-option{flex-grow:.82}.dyofix-hero-options--strips .dyofix-hero-option.is-active .dyofix-option-bg{filter:brightness(1.06)}.dyofix-hero-options--strips .dyofix-hero-option:hover .dyofix-option-bg,.dyofix-hero-options--strips .dyofix-hero-option.is-hovered .dyofix-option-bg{filter:brightness(1.08)}.dyofix-hero-options--strips .dyofix-option-product{position:absolute;left:8%;right:8%;top:0;height:65%;display:block;pointer-events:none;z-index:5}.dyofix-hero-options--strips .dyofix-product{position:absolute;left:50%;top:20%;width:42%;max-width:170px;height:auto;object-fit:contain;transform-origin:center bottom;filter:drop-shadow(0 15px 15px rgba(0,0,0,.18));transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .65s ease,opacity .35s ease}.dyofix-hero-options--strips .dyofix-product.product-1{transform:translate(-50%,-45%) rotate(-3deg) scale(.92);z-index:2}.dyofix-hero-options--strips .dyofix-product.product-2{transform:translate(-85%,-40%) rotate(-10deg) scale(.82);z-index:1}.dyofix-hero-options--strips .dyofix-product.product-3{transform:translate(-15%,-42%) rotate(8deg) scale(.84);z-index:3}.dyofix-hero-options--strips .dyofix-hero-option.is-active .dyofix-product.product-1{transform:translate(-60%,-20%) rotate(-2deg) scale(1.08);filter:drop-shadow(0 28px 25px rgba(0,0,0,.24))}.dyofix-hero-options--strips .dyofix-hero-option.is-active .dyofix-product.product-2{transform:translate(-110%,-25%) rotate(-17deg) scale(.96);filter:drop-shadow(0 28px 25px rgba(0,0,0,.22))}.dyofix-hero-options--strips .dyofix-hero-option.is-active .dyofix-product.product-3{transform:translate(5%,-20%) rotate(15deg) scale(.98);filter:drop-shadow(0 28px 25px rgba(0,0,0,.22))}.dyofix-hero-options--strips .dyofix-option-content{position:relative;z-index:10;padding-top:100px;color:#fff}.dyofix-hero-options--strips .dyofix-option-label{display:block;margin-bottom:9px;font-family:Poppins,sans-serif;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.72)}.dyofix-hero-options--strips .dyofix-option-content strong{display:block;margin-bottom:10px;font-family:Poppins,sans-serif;font-size:22px;line-height:1.1;font-weight:700;color:#fff}.dyofix-hero-options--strips .dyofix-option-description{display:block;max-width:360px;font-family:Poppins,sans-serif;font-size:13px;line-height:1.6;color:rgba(255,255,255,.86)}.dyofix-hero-options--strips .dyofix-option-arrow{position:relative;display:inline-flex;align-items:center;width:fit-content;margin-top:20px;padding:10px 16px;overflow:hidden;font-family:Poppins,sans-serif;font-size:13px;line-height:1;font-weight:700;letter-spacing:-.01em;color:#fff;text-decoration:none}.dyofix-hero-options--strips:hover .dyofix-option-arrow:hover{color:#123b63;background:rgba(255,255,255,.80)}.dyofix-hero-options--strips .dyofix-option-arrow::before{content:"";position:absolute;inset:0;z-index:0;background:rgba(255,255,255,.50);transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.dyofix-hero-options--strips .dyofix-option-arrow-text{position:relative;z-index:1;display:inline-block;white-space:nowrap}.dyofix-hero-options--strips .dyofix-option-arrow-letter{display:inline-block;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .32s cubic-bezier(.2,.8,.2,1)}.dyofix-hero-options--strips .dyofix-hero-option:hover .dyofix-option-arrow::before,.dyofix-hero-options--strips .dyofix-hero-option.is-hovered .dyofix-option-arrow::before{transform:scaleX(1)}.dyofix-hero-options--strips .dyofix-hero-option:hover .dyofix-option-arrow-letter,.dyofix-hero-options--strips .dyofix-hero-option.is-hovered .dyofix-option-arrow-letter{opacity:1;transform:translateY(0)}@media (max-width:900px){.dyofix-hero-inner{width:min(100% - 40px,760px);padding-top:70px;padding-bottom:60px}.dyofix-hero-header{margin-bottom:45px}.dyofix-hero-title-main{font-size:clamp(58px,11vw,82px)}.dyofix-hero-lower{grid-template-columns:1fr;gap:50px}.dyofix-hero-copy{max-width:650px;align-self:start;padding-bottom:0}.dyofix-hero-dynamic-copy{max-width:600px}.dyofix-hero-options--strips{min-height:420px}.dyofix-hero-options--strips .dyofix-hero-option{min-height:420px;padding:30px 28px}.dyofix-hero-options--strips .dyofix-option-content{padding-top:90px}}@media (max-width:600px){.dyofix-hero-inner{width:calc(100% - 30px);padding-top:60px;padding-bottom:50px}.dyofix-hero-header{margin-bottom:40px}.dyofix-hero-title-top{font-size:clamp(30px,8vw,42px)}.dyofix-hero-title-main{font-size:clamp(48px,14vw,68px);letter-spacing:-.06em}.dyofix-hero-title-bottom{margin-top:8px;font-size:clamp(25px,7vw,36px)}.dyofix-hero-title-main::after{width:75%;height:.18em}.dyofix-hero-dynamic-copy{min-height:105px;margin-bottom:25px}.dyofix-hero-scene-text{font-size:24px;line-height:1.2}.dyofix-hero-options--strips{display:grid;grid-template-columns:1fr;gap:15px;min-height:auto}.dyofix-hero-options--strips .dyofix-hero-option{min-height:400px;padding:25px;flex-grow:1 !important}.dyofix-hero-options--strips .dyofix-option-content{padding-top:100px}.dyofix-hero-options--strips .dyofix-option-content strong{font-size:21px}.dyofix-hero-options--strips .dyofix-option-description{font-size:13px}}@media (max-width:400px){.dyofix-hero-title-top{font-size:28px}.dyofix-hero-title-main{font-size:46px}.dyofix-hero-title-bottom{font-size:24px}.dyofix-hero-scene-text{font-size:22px}.dyofix-hero-options--strips .dyofix-hero-option{min-height:380px}}@media (prefers-reduced-motion:reduce){.dyofix-hero-transition,.dyofix-product,.dyofix-hero-main-button,.dyofix-option-arrow,.dyofix-hero-word,.dyofix-option-bg,.dyofix-hero-option{transition:none !important;animation:none !important}}.contact-links{display:flex;align-items:center;gap:12px}.contact-link{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-size:17px}.contact-link svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}.contact-link:hover{color:#69bde8}.contact-separator{color:#fff}.social-links{display:flex;gap:12px}.social-links a{display:flex;width:24px;height:24px;color:#fff}.social-links svg{width:100%;height:100%;fill:currentColor}.social-links a:hover{color:#69bde8}