.image-wrapper-constrained{display:inline-block;vertical-align:top}.image-wrapper{position:relative;overflow:hidden}.image-wrapper img{inset:0;block-size:100%;margin:0;max-inline-size:none;padding:0;position:absolute;inline-size:100%;object-fit:cover}.onde-vs-light-hero{text-align:center;min-block-size:calc(100vh - 66px)}@media not all and (resolution >= 0.001dpcm){@supports(-webkit-appearance:none){.onde-vs-light-hero{min-block-size:-webkit-fill-available}}}.onde-vs-light-hero{inline-size:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block-end:var(--size-2xl)}@media screen and (min-width:768px){.onde-vs-light-hero{min-block-size:100vh}}@media screen and (min-width:1280px){.onde-vs-light-hero{min-block-size:calc(100vh - var(--header-height));padding-block-start:var(--size-2xl)}}.onde-vs-light-hero__title{margin-block-end:var(--size-m);max-inline-size:280px;margin-inline:auto}@media screen and (min-width:768px){.onde-vs-light-hero__title{max-inline-size:100%}}@media screen and (min-width:1024px){.onde-vs-light-hero__description{-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer}}.onde-vs-light-hero__slider{max-inline-size:100vw;overflow:hidden;position:relative}.onde-vs-light-hero__slider:after{content:"";display:block;position:absolute;inset-inline:0;inset-block-end:0;block-size:calc(50% - 45px);background:linear-gradient(180deg,#fff0 60%,#fff)}.onde-vs-light-hero__slider:before{content:"";display:block;position:absolute;inset-inline:0;block-size:calc(50% - 10px);inset-block-start:0;z-index:1}.onde-vs-light-features{margin-block-end:var(--size-3xl)}@media screen and (min-width:768px){.onde-vs-light-features{margin-block-end:var(--size-5xl)}}@media screen and (max-width:767px){.onde-vs-light-features{overflow:hidden;max-inline-size:100%}}.onde-vs-light-features-main{background-image:radial-gradient(100% 162.87% at 0 0,#00b354 35.29%,#00d262 100%);padding:var(--size-l);position:relative;margin-block-end:var(--size-2xl)}@media screen and (min-width:1024px){.onde-vs-light-features-main{padding:var(--size-2xl);position:sticky;inset-block-start:calc(50vh - 240px);min-block-size:568px;margin-block-end:0;padding-block-start:var(--size-2xl);padding-inline:calc(532px + var(--size-l)) var(--size-3xl);background-image:none}.onde-vs-light-features-main:before{background:radial-gradient(100% 162.87% at 0 0,#00b354 35.29%,#00d262 100%)}.onde-vs-light-features-main:after,.onde-vs-light-features-main:before{content:"";display:block;position:absolute;inset-block-start:0;block-size:536px;inset-inline:0}.onde-vs-light-features-main:after{opacity:0;background:radial-gradient(100% 162.87% at 0 0,#00acc1 0,#00bcd4 100%);transition:opacity .3s ease-out}}@media screen and (min-width:1280px){.onde-vs-light-features-main{inset-block-start:calc((100vh - var(--header-height))/2 - 240px);padding-inline-start:calc(582px + var(--size-l))}}@media screen and (min-width:1024px){.onde-vs-light-features-main--light:after{opacity:1}}.onde-vs-light-features-main__title{position:relative;z-index:1;margin-block-end:var(--size-m);max-inline-size:400px}@media screen and (min-width:768px){.onde-vs-light-features-main__title{margin-block-end:var(--size-3xl)}}@media screen and (min-width:1024px){.onde-vs-light-features-main__title{min-inline-size:100%;margin-block-end:var(--size-m)}}.onde-vs-light-features-main__description{display:inline-block;position:relative;z-index:1;margin-block-end:var(--size-3xl)}@media screen and (min-width:768px){.onde-vs-light-features-main__description{margin-block-end:0}}.onde-vs-light-features-main__image{position:absolute;z-index:1;inset-block-end:calc(var(--size-2xl)*-1);inset-inline-end:calc(var(--size-3xl)*-1);max-inline-size:320px}@media screen and (min-width:768px){.onde-vs-light-features-main__image{max-inline-size:440px;inset-inline-end:var(--size-m)}}@media screen and (min-width:1280px){.onde-vs-light-features-main__image{max-inline-size:495px;inset-inline-end:0}}.onde-vs-light-features-list{position:relative;z-index:1;display:flex;flex-wrap:wrap;max-inline-size:800px;margin-inline:auto;justify-content:space-between}@media screen and (min-width:1024px){.onde-vs-light-features-list{padding-block-end:var(--size-4xl);padding-inline:var(--size-2xl) var(--size-l);margin-block-start:-220px;margin-inline-start:0;max-inline-size:calc(463px + var(--size-2xl) + var(--size-l))}}@media screen and (min-width:1280px){.onde-vs-light-features-list{padding-inline:var(--size-2xl) var(--size-2xl);max-inline-size:582px}}.onde-vs-light-features-list__card{background-color:var(--color-white);padding:var(--size-l);margin-block-end:var(--size-m);max-inline-size:335px}@media screen and (min-width:768px){.onde-vs-light-features-list__card{margin-block-end:var(--size-xl)}.onde-vs-light-features-list__card:nth-child(2n){position:relative;inset-block-start:var(--size-3xl)}}@media screen and (min-width:1024px){.onde-vs-light-features-list__card{margin-block-end:var(--size-2xl);max-inline-size:100%;padding:var(--size-xl)}.onde-vs-light-features-list__card:nth-child(2n){position:static;inset-block-start:0}.onde-vs-light-features-list__card:nth-child(3){margin-block-end:var(--size-5xl)}}.onde-vs-light-features-list__header{display:flex;align-items:center;margin-block-end:var(--size-l)}@media screen and (min-width:1024px){.onde-vs-light-features-list__header{margin-block-end:var(--size-2xl)}}.onde-vs-light-features-list__title{margin-block-end:var(--size-m)}@media screen and (min-width:1024px){.onde-vs-light-features-list__title{margin-block-end:var(--size-l)}}.onde-vs-light-features-list__title--small-m{margin-block-end:var(--size-xs)}@media screen and (min-width:1024px){.onde-vs-light-features-list__title--small-m{margin-block-end:var(--size-xs)}}.onde-vs-light-features-list__icon{margin-inline-end:var(--size-l)}.onde-vs-light-features-list__icon rect{fill:var(--color-primary)}.onde-vs-light-features-list__icon path{fill:var(--color-primary-5)}.onde-vs-light-features-list__icon--light rect{fill:var(--color-turquoise)}.onde-vs-light-features-list__icon--light path{fill:var(--color-turquoise-light)}.onde-vs-light-features-list__badge{display:inline-block;background-color:var(--color-black-10);padding:5px 10px 4px;border-radius:42px;margin-block-end:var(--size-m)}.onde-vs-light-table-header{text-align:center;margin-block-end:var(--size-2xl)}.onde-vs-light-table-header__title{margin-block-end:var(--size-m)}.onde-vs-light-table-list{margin-block-end:var(--size-4xl)}.onde-vs-light-table-list__item{display:flex;padding:var(--size-m) var(--size-m) var(--size-m) var(--size-m);align-items:center;color:var(--color-primary)}.onde-vs-light-table-list__item--header{justify-content:space-between;gap:var(--size-s);padding-block:var(--size-xl) var(--size-xl);border-block-end:1px solid var(--color-black-10);background-color:var(--color-white)}@media screen and (min-width:768px){.onde-vs-light-table-list__item--header{position:sticky;align-items:flex-start;z-index:1}}.onde-vs-light-table-list__item--disabled{color:var(--color-black-10)}.onde-vs-light-table-list__item--light{color:var(--color-turquoise)}.onde-vs-light-table-list__item-title{margin-block-end:var(--size-s)}.onde-vs-light-table-list__item-cta{display:none;flex-shrink:0}@media screen and (min-width:1024px){.onde-vs-light-table-list__item-cta{display:block}}.onde-vs-light-table-list__item-icon{margin-inline-end:var(--size-l);block-size:24px;inline-size:24px;flex-shrink:0}.onde-vs-light-table-list__item-text{display:inline-block}.with-notification-bar .onde-vs-light-table-list__item--header{inset-block-start:50px}@media screen and (min-width:1280px){.with-notification-bar .onde-vs-light-table-list__item--header{inset-block-start:calc(var(--header-height) + 50px)}}.onde-vs-light-table-list__item--header{inset-block-start:var(--header-height)}.onde-vs-light-table-list-cta--tablet_only{display:none}@media screen and (min-width:768px){.onde-vs-light-table-list-cta--tablet_only{display:block;margin-inline-end:var(--size-m)}}@media screen and (min-width:1024px){.onde-vs-light-table-list-cta--tablet_only{display:none}}.onde-vs-light-table{display:none}@media screen and (min-width:768px){.onde-vs-light-table{display:block}}.onde-vs-light-table--mobile{display:block;margin-block-end:var(--size-xl)}@media screen and (min-width:768px){.onde-vs-light-table--mobile{display:none}}.onde-vs-light-table__table{border-collapse:collapse;margin-inline:auto}.onde-vs-light-table th{padding-block:var(--size-s) var(--size-s);border-block-end:1px solid var(--color-black-10)}.onde-vs-light-table td{padding-block:var(--size-s) var(--size-s);vertical-align:middle;line-height:1}.onde-vs-light-table td:nth-child(2),.onde-vs-light-table td:nth-child(3){text-align:center;padding-inline:var(--size-s) var(--size-s)}.onde-vs-light-table td:nth-child(2){color:var(--color-primary)}.onde-vs-light-table td:nth-child(3){color:var(--color-turquoise)}.onde-vs-light-table td .onde-vs-light-table-list__item-icon{margin-inline-end:0;display:inline}.onde-vs-light-table td.onde-vs-light-table-list__item--disabled{color:var(--color-black-10)}.onde-vs-light-table-cta-blocks{display:flex;flex-wrap:wrap;justify-content:space-around;margin-block-end:var(--size-3xl)}@media screen and (min-width:768px){.onde-vs-light-table-cta-blocks{display:none}}.onde-vs-light-table-cta-blocks__item{display:flex;flex-direction:column;padding:var(--size-l);max-inline-size:326px;inline-size:100%;background:radial-gradient(100% 162.87% at 0 0,#00b354 35.29%,#00d262 100%);margin-block-end:var(--size-s)}.onde-vs-light-table-cta-blocks__item--light{background:radial-gradient(100% 162.87% at 0 0,#00acc1 0,#00bcd4 100%)}.onde-vs-light-table-cta-blocks__item-title{margin-block-end:var(--size-xxs)}.onde-vs-light-table-cta-blocks__item-description{margin-block-end:var(--size-l)}.onde-vs-light-table-cta-blocks__item-link{text-align:center;-webkit-text-decoration:underline;text-decoration:underline;margin-block-end:var(--size-m)}.before-after-slider{max-inline-size:970px;margin-inline:auto;position:relative;inset-inline-start:calc(50vw - 383.5px)}@media screen and (min-width:731px){.before-after-slider{position:static}}.before-after-slider__container{position:relative}.before-after-slider__subzero{position:absolute;inset-block-start:calc(50% - 100px);inset-inline-end:25%;inline-size:104px;z-index:4;pointer-events:none;opacity:0;transform:scaleX(-1) translateX(-45px);filter:blur(5px);transition:all .6s ease-out}.before-after-slider__subzero--active{opacity:1;transform:scaleX(-1) translateX(0);filter:blur(0)}.before-after-slider__reptile{position:absolute;inset-block-start:calc(50% - 100px);inset-inline-start:25%;inline-size:104px;z-index:4;pointer-events:none;opacity:0;transform:translateX(-45px);filter:blur(5px);transition:all .6s ease-out}.before-after-slider__reptile--active{opacity:1;transform:translateX(0);filter:blur(0)}.before-after-slider__images-wrapper{position:relative;inline-size:100%}.before-after-slider__right-wrapper{position:absolute;inset:0}.before-after-slider__resizable{block-size:100%!important;position:absolute;touch-action:none}.before-after-slider__resizable .handle-mr{display:block!important;z-index:2;inline-size:46px;block-size:46px;inset-inline-end:-23px;border-radius:50%;border:1px solid #bfbfbf;inset-block-start:50%;margin-block-start:-5px;position:absolute;cursor:ew-resize;filter:drop-shadow(0 3px 11px rgba(0,0,0,.24));background:#fff linear-gradient(180deg,#fff0 23%,#fff)}.before-after-slider__resizable .handle-mr:after,.before-after-slider__resizable .handle-mr:before{content:"";display:block;position:absolute;inset-block-start:50%;margin-block-start:-5px;inline-size:6px;block-size:10px}.before-after-slider__resizable .handle-mr:before{background:url(https://d3j83e26t2bu3f.cloudfront.net/site/ondevsondelight/left-arrow.svg) 50% no-repeat;inset-inline-start:12px}.before-after-slider__resizable .handle-mr:after{background:url(https://d3j83e26t2bu3f.cloudfront.net/site/ondevsondelight/right-arrow.svg) 50% no-repeat;inset-inline-end:11px}.before-after-slider__handle-wrap{position:absolute;inset-block:50% 0;block-size:100%;transform:translate(-50%,-50%);z-index:5}.before-after-slider__compare-overlay{overflow:hidden}.onde-vs-light-hero__title{opacity:0;transform:translateY(-8px);transition:opacity .6s ease-out,transform .6s ease-out}.onde-vs-light-hero__description{opacity:0;transition:opacity .8s ease-out .3s}.onde-vs-light-hero .before-after-slider{opacity:0;transition:opacity .8s ease-out .6s}.onde-vs-light-hero.h-in-view .onde-vs-light-hero__title{opacity:1;transform:translateY(0)}.onde-vs-light-hero.h-in-view .before-after-slider,.onde-vs-light-hero.h-in-view .onde-vs-light-hero__description{opacity:1}.onde-vs-light-features-main.h-hidden .onde-vs-light-features-main__title{opacity:0;transition:opacity .8s ease-out}.onde-vs-light-features-main.h-hidden .onde-vs-light-features-main__description{opacity:0;transition:opacity .8s ease-out .3s}.onde-vs-light-features-main.h-hidden .onde-vs-light-features-main__image{opacity:0;transform:scale(.8) translate(60px,-20px);transition:opacity .3s ease-out .6s,transform .8s ease-out .6s;transform-origin:right top}.onde-vs-light-features-main.h-in-view .onde-vs-light-features-main__description,.onde-vs-light-features-main.h-in-view .onde-vs-light-features-main__title{opacity:1}.onde-vs-light-features-main.h-in-view .onde-vs-light-features-main__image{opacity:1;transform:scale(1) translate(0)}.onde-vs-light-table-header.h-hidden .onde-vs-light-table-header__title{opacity:0;transform:translateY(-8px);transition:opacity .8s ease-out,transform .8s ease-out}.onde-vs-light-table-header.h-hidden .onde-vs-light-table-header__description{opacity:0;transition:opacity .8s ease-out .3s}.onde-vs-light-table-header.h-in-view .onde-vs-light-table-header__title{opacity:1;transform:translateY(0)}.onde-vs-light-table-header.h-in-view .onde-vs-light-table-header__description{opacity:1}.onde-vs-light-table-cta-blocks__item.h-hidden{opacity:0;transition:opacity .8s ease-out}.onde-vs-light-table-cta-blocks__item.h-in-view{opacity:1}.onde-vs-light-table-cta-blocks__item--light.h-hidden{opacity:0;transition:opacity .8s ease-out .3s}.onde-vs-light-table-cta-blocks__item--light.h-in-view{opacity:1}@keyframes subzeroStart{to{opacity:1;transform:scaleX(-1) translateX(0);filter:blur(0)}}@keyframes reptileStart{to{opacity:1;transform:translateX(0);filter:blur(0)}}