html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}:root{--color-primary:#002332;--color-secondary:#4f606e;--body-background-color-rgb:245, 246, 250;--body-background-color:rgb(var(--body-background-color-rgb));--body-color:var(--color-primary);--typography-base-font:"Figtree", serif;--typography-heading-line-height:1.25;--typography-h1-font-size:36px;--typography-h1-font-weight:700;--typography-h1-line-height:var(--typography-heading-line-height);--typography-h2-font-size:30px;--typography-h2-font-weight:500;--typography-h2-line-height:1.1;--typography-h3-font-size:25px;--typography-h3-font-weight:500;--typography-h3-line-height:var(--typography-heading-line-height);--typography-paragraph-font-size:16px;--typography-paragraph-font-weight:300;--typography-paragraph-line-height:1.25;--brand-color-home-assistant-blue:#18bcf2;--card-background-color-dark-blue-gradient:linear-gradient(118deg, #03161c 14.89%, #002332 83.09%);--card-background-color-light-blue-gradient:linear-gradient(90deg, #0898c7 0%, #006ba8 100%);--card-background-color-white-gradient:linear-gradient(94deg, #ffffffb3 0%, #f2f4f9b3 50%, #f9f9fcb3 100%);--layout-container-max-width:1360px;--layout-container-padding:16px;--layout-columns-gap:16px 32px}@media (width>=500px){:root{--typography-h1-font-size:45px}}@media (width>=768px){:root{--typography-h1-font-size:60px;--typography-h2-font-size:40px;--typography-h3-font-size:30px;--typography-paragraph-font-size:18px;--layout-container-padding:24px;--layout-columns-gap:16px 48px}}@media (width>=1024px){:root{--typography-h1-font-size:100px;--typography-h2-font-size:70px;--typography-h3-font-size:48px;--typography-paragraph-font-size:20px;--layout-container-padding:40px;--layout-columns-gap:16px 64px}}body{font-family:var(--typography-base-font)}h1,h2,h3,h4,h5,h6{text-wrap:balance;transition:font-size .15s ease-out}h1{font-size:var(--typography-h1-font-size);font-weight:var(--typography-h1-font-weight);line-height:var(--typography-h1-line-height)}h2{font-size:var(--typography-h2-font-size);font-weight:var(--typography-h2-font-weight);line-height:var(--typography-h2-line-height)}h3{font-size:var(--typography-h3-font-size);font-weight:var(--typography-h3-font-weight);line-height:var(--typography-h3-line-height)}h4{font-size:var(--typography-h4-font-size);font-weight:var(--typography-h4-font-weight);line-height:var(--typography-h4-line-height)}h5{font-size:var(--typography-h5-font-size);font-weight:var(--typography-h5-font-weight);line-height:var(--typography-h5-line-height)}h6{font-size:var(--typography-h6-font-size);font-weight:var(--typography-h6-font-weight);line-height:var(--typography-h6-line-height)}p{font-size:var(--typography-paragraph-font-size);font-weight:var(--typography-paragraph-font-weight);line-height:var(--typography-paragraph-line-height)}p.contained{max-width:1000px;margin:0 auto}p:not(:last-child){margin-bottom:1.25rem}strong{font-weight:800}a:not(.button):not(.nounderline){color:initial;align-self:flex-start;text-decoration:none;position:relative}a:not(.button):not(.nounderline):after{content:"";background-color:var(--color-primary);width:0%;height:1px;transition:width .3s ease-out;position:absolute;top:calc(100% + 2px);left:0}a:not(.button):not(.nounderline):hover:after{width:100%}[data-copy]{cursor:pointer;padding:1rem;display:block}[data-copy].copied{pointer-events:none}html{scroll-padding-top:100px}@media (width>=768px){html{scroll-padding-top:130px}}@media (width>=1280px){html{scroll-padding-top:150px}}body{background-color:var(--body-background-color);color:var(--body-color)}:root{--burger-bar-height:2px;--burger-bar-width:18px;--burger-border-radius:2px;--burger-bar-spacing:6px;--burger-bar-color:var(--body-color);--burger-transition-speed:.1s}.burger{height:calc(var(--burger-bar-height) * 2 + var(--burger-bar-spacing) * 2 - var(--burger-bar-height));width:var(--burger-bar-width);cursor:pointer;display:inline-block;position:relative}.burger:before{content:"";position:absolute;inset:-8px}.burger span{background-color:var(--burger-bar-color);border-radius:var(--burger-border-radius);height:var(--burger-bar-height);width:var(--burger-bar-width);transition:background-color var(--burger-transition-speed);position:absolute;top:50%;transform:translateY(-50%)}.burger span:before,.burger span:after{background-color:var(--burger-bar-color);content:" ";height:var(--burger-bar-height);border-radius:var(--burger-border-radius);width:100%;transition:transform var(--burger-transition-speed), top var(--burger-transition-speed), bottom var(--burger-transition-speed);position:absolute}.burger span:before{top:calc(-1 * var(--burger-bar-spacing))}.burger span:after{bottom:calc(-1 * var(--burger-bar-spacing))}.burger.active span{background-color:#0000}.burger.active span:before,.burger.active span:after{transform-origin:50%}.burger.active span:before{top:0;transform:rotate(45deg)}.burger.active span:after{bottom:0;transform:rotate(-45deg)}.container{max-width:var(--layout-container-max-width);width:100%;padding:0 var(--layout-container-padding);margin:0 auto}.container .inner{width:100%;max-width:1130px;margin:0 auto}.cols{gap:var(--layout-columns-gap);flex-wrap:wrap;display:flex}.cols .col{flex:1}.button{background:var(--brand-color-home-assistant-blue);color:#fff;white-space:nowrap;border-radius:40px;padding:12px 30px;font-weight:500;text-decoration:none;transition:box-shadow .3s ease-in-out,background-position .3s ease-in-out;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 3px 8px #0000}.button.animated{background:linear-gradient(259deg,#0c88c8 -14.63%,#57ffc1 104.2%) 0 0/300% 300%;animation:5s ease-in-out infinite gradient}.button.animated:hover{animation-play-state:paused}@media (width>=1024px){.button.large{padding:16px 40px;font-size:24px}}.button:hover{box-shadow:0 3px 8px #0003}@keyframes gradient{0%{background-position:0 0}50%{background-position:100%}to{background-position:0 100%}}.header{isolation:isolate;z-index:100;background-color:rgba(var(--body-background-color-rgb), .5);backdrop-filter:blur(10px);width:100%;padding:20px 0;transition:padding .25s;position:sticky;top:0}@media (width>=768px){.header{padding:30px 0}}@media (width>=1280px){.header{padding:40px 0}}.header .container{z-index:1;justify-content:space-between;align-items:center;min-height:30px;display:flex}.header .container>.cta,.header .container>.nav{display:none}@media (width>=1280px){.header .container>.cta,.header .container>.nav{display:flex}}.header .mobile-menu{pointer-events:none;opacity:0;z-index:-1;flex-direction:column;align-items:center;padding-bottom:40px;transition:opacity .25s;display:flex;position:absolute;top:70px;left:0;right:0;box-shadow:0 0 10px #0000001a}.header .mobile-menu:before{background-color:var(--body-background-color);content:"";z-index:-1;position:absolute;inset:-70px 0 0}.header .mobile-menu:after{background-color:var(--body-background-color);content:"";position:absolute}.header .mobile-menu .nav{flex-direction:column;gap:10px;padding:20px 0}.header .mobile-menu .nav a{align-self:unset}.header .logo{height:30px}.header .nav{align-items:center;gap:40px;display:flex}.header .nav-item{color:inherit;padding:10px;text-decoration:none;position:relative}.header .nav-item:after{content:"";background-color:var(--body-color);width:0%;height:1px;transition:width .25s;position:absolute;top:calc(100% - 8px);left:10px}.header .nav-item:hover:after{width:calc(100% - 20px)}.header.open .mobile-menu{pointer-events:all;opacity:1}.header.open .mobile-menu,.header.open .mobile-menu .nav,.header.open .mobile-menu .cta{display:flex}.header .burger{justify-self:flex-end}@media (width>=1280px){.header .burger{display:none}.header .cta{display:block}.header .nav{display:flex}}.footer{padding:50px 0}@media (width>=1024px){.footer{padding:100px 0}}.footer .cols .col:first-child{flex-grow:1}.footer .cols .col:last-child{flex-grow:0}.footer .footer-contact{text-wrap:balance;flex-direction:column;gap:10px;display:flex}@media (width>=1024px){.footer .footer-contact{font-size:20px}}.footer .footer-contact strong{font-weight:600}.footer .footer-plausible{text-wrap:balance;max-width:30rem;margin-top:1.5rem}.footer .footer-plausible a{text-decoration:underline}.footer .col img{max-height:48px}.sticky-scroll{height:300vh}.sticky-scroll-inner{position:sticky;top:0}.wrapper{position:relative;overflow:hidden}.wrapper .bg-lines{background-image:url(/img/lines-m.svg);background-position:top;background-repeat:no-repeat;background-size:100%;max-height:22rem;position:absolute;inset:0}@media (width>=768px){.wrapper .bg-lines{max-height:unset;background-image:url(/img/lines.svg);background-size:250% 50%}}.wrapper:before,.wrapper:after{--to:top;content:"";background:linear-gradient(to var(--to), #fff0 0%, var(--body-background-color) 100%);height:10%;position:absolute;left:0;right:0}.wrapper:before{top:0}.wrapper:after{--to:bottom;bottom:0}.wrapper-a{background:url(/img/blue-gradient-bg.webp) 0 0/cover no-repeat}.wrapper-b{background:url(/img/mesh.webp) 5% no-repeat}@media (width>=1024px){.wrapper-b{background-position:50%;background-size:cover}}.wrapper-b section:last-child{margin-bottom:0}.wrapper section{z-index:1;position:relative}section+.wrapper section{margin-top:0}section.hero{text-align:center;align-items:center;margin:60px 0}section.hero:before{content:"";z-index:-1;position:absolute;inset:-60px 0 0}@media (width>=1024px){section.hero{margin:60px 0}section.hero:before{background-size:auto}}section.hero .subtitle{color:var(--brand-color-home-assistant-blue);flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:28px;font-size:30px;font-weight:400;display:flex}@media (width>=1024px){section.hero .subtitle{gap:2rem}}section.hero .subtitle div{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 0;display:flex}section.hero .subtitle img{max-width:160px}@media (width>=1024px){section.hero .subtitle img{max-width:356px;margin-left:.75rem}}section.hero .subtitle .ohf-tagline{flex-direction:column;align-items:flex-start;gap:.25rem;font-size:12px}@media (width>=1024px){section.hero .subtitle .ohf-tagline{flex-direction:row;align-items:center;font-size:30px}}section.purpose{z-index:unset;margin:60px 0}@media (width>=1024px){section.purpose{margin:200px 0}}section.purpose .container{display:flex}section.purpose .inner{flex-direction:column;align-items:center;gap:3rem 0;display:flex}@media (width>=768px){section.purpose .inner{flex-direction:row}}section.purpose .purpose-content{width:100%;max-width:440px;font-size:20px}section.purpose .purpose-content p{color:#6e7b91;font-weight:400}section.purpose .purpose-content p:last-of-type{margin-bottom:0}section.purpose .purpose-content .button{margin-top:30px}@media (width>=1024px){section.purpose .purpose-content .button{margin-top:60px}}section.purpose .purpose-graphic{aspect-ratio:1.5;z-index:-1;order:-1;width:100%;position:relative}@media (width>=768px){section.purpose .purpose-graphic{aspect-ratio:2;order:1}}section.purpose .purpose-graphic img{z-index:-1;width:160%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=1024px){section.purpose .purpose-graphic img{width:115%;top:40%}}section.logo-slider{margin:60px 0}@media (width>=1024px){section.logo-slider{margin:150px 0}}section.logo-slider .container{padding:0}section.logo-slider .swiper:before,section.logo-slider .swiper:after{--to:left;content:"";background:linear-gradient(to var(--to), transparent 0%, var(--body-background-color) 100%);pointer-events:none;z-index:2;width:5rem;position:absolute;top:0;bottom:0}section.logo-slider .swiper:before{left:0}section.logo-slider .swiper:after{--to:right;right:0}section.logo-slider .swiper-wrapper{justify-content:stretch;transition-timing-function:ease-in-out;display:flex}section.logo-slider .swiper-slide{aspect-ratio:1;user-select:none;background-color:#fff;border-radius:20px;justify-content:center;align-items:center;height:100%;padding:1rem;display:flex}section.logo-slider .swiper-slide a{align-self:unset;text-align:center}section.logo-slider .swiper-slide a:after{content:unset}section.logo-slider .swiper-slide img{width:90%;max-width:120px}section.logo-slider .logo-slider-cta{text-align:center;color:#6e7b91;margin:0;padding:32px;font-size:16px;font-weight:400}@media (width>=1024px){section.logo-slider .logo-slider-cta{font-size:24px}}section.logo-slider .logo-slider-cta a{color:inherit}section.logo-slider .logo-slider-cta a:after{background-color:currentColor;width:100%}section.benefits{margin:60px 0}@media (width>=1024px){section.benefits{margin:150px 0}}section.benefits>.container{padding:0}@media (width>=1024px){section.benefits>.container{padding:0 var(--layout-container-padding)}}section.benefits .benefits-card{aspect-ratio:1360/800;color:#fff;background:url(/img/globe-bg.webp) 85% 0/cover no-repeat;width:100%;max-width:1280px;padding:60px 0 200px}@media (width>=1024px){section.benefits .benefits-card{background-position:100% 5%}}section.benefits .benefits-card h2{margin-bottom:30px}@media (width>=1024px){section.benefits .benefits-card h2{margin-bottom:60px}}section.benefits .benefits-card .cols{flex-direction:column}@media (width>=1024px){section.benefits .benefits-card .cols{flex-direction:row}section.benefits .benefits-card{border-radius:40px;padding:100px 0}}section.benefits .benefits-card img{margin-top:30px}@media (width>=1024px){section.benefits .benefits-card img{margin-top:40px}}section.requirements{margin:60px 0}@media (width>=1024px){section.requirements{margin:150px 0}}section.requirements h2{text-align:center;margin-bottom:30px}@media (width>=1024px){section.requirements h2{margin-bottom:60px}}section.requirements .cards{flex-direction:column;gap:20px;display:flex}@media (width>=1024px){section.requirements .cards{grid-template-areas:"c1 c1 c2 c2 c3 c3""c4 c4 c4 c5 c5 c5""c6 c6 c6 c5 c5 c5";display:grid}}section.requirements .cards .card{background:var(--card-background-color-white-gradient);border:1px solid #fff;border-radius:10px;flex-direction:column;gap:10px;padding:20px;display:flex}@media (width>=1024px){section.requirements .cards .card{border-radius:20px;gap:20px;padding:40px}}section.requirements .cards .card:first-child{grid-area:c1}section.requirements .cards .card:nth-child(2){grid-area:c2}section.requirements .cards .card:nth-child(3){grid-area:c3}section.requirements .cards .card:nth-child(4){grid-area:c4}section.requirements .cards .card:nth-child(5){grid-area:c5}section.requirements .cards .card:nth-child(6){grid-area:c6}section.requirements .cards .card:nth-child(7){grid-area:c7}section.requirements .cards .card.active{background:var(--card-background-color-light-blue-gradient);color:#fff}section.requirements .cards .card.active .description{color:#fff;font-weight:300}section.requirements .cards .card .title{line-height:var(--typography-h2-line-height);font-size:20px;font-weight:600}section.requirements .cards .card .description{color:#6e7b91;font-size:18px;font-weight:400;line-height:1.2}section.requirements .cards .card .items{flex-direction:column;gap:20px;display:flex}@media (width>=1024px){section.requirements .cards .card .items .item{padding:10px 20px}}section.requirements .cards .card .items .title{margin-bottom:8px}section.requirements .requirements-note{margin-top:24px}@media (width>=1024px){section.requirements .requirements-note{margin-top:40px}}section.requirements .requirements-row{display:flex}section.requirements .requirements-row .content{width:100%;max-width:240%}section.cta-text{font-family:var(--typography-base-font);font-weight:var(--typography-h3-font-weight);line-height:var(--typography-h3-line-height);font-size:var(--typography-h3-font-size);text-align:center;margin:60px 0}@media (width>=1024px){section.cta-text{text-wrap:balance;margin:150px 0}}section.cta-text span{font-weight:700}section.whats-involved{margin:60px 0;overflow:hidden}@media (width>=1024px){section.whats-involved{margin:150px 0}}section.whats-involved h2{text-align:center;margin-bottom:30px}@media (width>=1024px){section.whats-involved h2{margin-bottom:60px}}section.whats-involved .steps{--size:1;flex-direction:column;gap:20px;display:flex}section.whats-involved .steps-pagination{justify-content:center;align-items:center;gap:10px;margin-top:60px;display:none}@media (width>=1024px){section.whats-involved .steps-pagination{display:flex}}section.whats-involved .steps-pagination span{cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #72787e}@media (width>=1024px){section.whats-involved .steps{--size:calc(4/12);flex-direction:row}section.whats-involved .steps[data-step="0"] .step{transform:translate(calc(-0% - 0px))}}section.whats-involved .steps[data-step="0"]+.steps-pagination span:first-child{pointer-events:none;background:linear-gradient(90deg,#0898c7 0%,#006ba8 100%)}@media (width>=1024px){section.whats-involved .steps[data-step="1"] .step{transform:translate(calc(-100% - 20px))}}section.whats-involved .steps[data-step="1"]+.steps-pagination span:nth-child(2){pointer-events:none;background:linear-gradient(90deg,#0898c7 0%,#006ba8 100%)}@media (width>=1024px){section.whats-involved .steps[data-step="2"] .step{transform:translate(calc(-200% - 40px))}}section.whats-involved .steps[data-step="2"]+.steps-pagination span:nth-child(3){pointer-events:none;background:linear-gradient(90deg,#0898c7 0%,#006ba8 100%)}@media (width>=1024px){section.whats-involved .steps[data-step="3"] .step{transform:translate(calc(-300% - 60px))}}section.whats-involved .steps[data-step="3"]+.steps-pagination span:nth-child(4){pointer-events:none;background:linear-gradient(90deg,#0898c7 0%,#006ba8 100%)}@media (width>=1024px){section.whats-involved .steps[data-step="4"] .step{transform:translate(calc(-300% - 60px))}}section.whats-involved .steps[data-step="4"]+.steps-pagination span:nth-child(5){pointer-events:none;background:linear-gradient(90deg,#0898c7 0%,#006ba8 100%)}@media (width>=1024px){section.whats-involved .steps[data-step="5"] .step{transform:translate(calc(-300% - 60px))}}section.whats-involved .steps[data-step="5"]+.steps-pagination span:nth-child(6){pointer-events:none;background:linear-gradient(90deg,#0898c7 0%,#006ba8 100%)}section.whats-involved .steps .step{width:calc(var(--size) * 100%);flex-shrink:0;display:flex}@media (width>=1024px){section.whats-involved .steps .step{width:calc(var(--size) * (100% - 40px));flex-direction:column;transition:transform 1s .25s}}section.whats-involved .steps .step:last-child .indicator div{display:none}section.whats-involved .steps .step:last-child .indicator:before,section.whats-involved .steps .step:last-child .indicator:after{content:unset}section.whats-involved .steps .step .indicator{flex-shrink:0;align-items:center;width:36px;height:auto;margin-right:16px;position:relative}@media (width>=1024px){section.whats-involved .steps .step .indicator{width:auto;height:36px;margin-right:-20px;margin-left:unset;margin-bottom:40px;display:flex}}section.whats-involved .steps .step .indicator:before{--size:100%;content:"";height:var(--size);background:var(--card-background-color-light-blue-gradient);width:2px;margin-left:17px;transition:width .5s ease-out;position:absolute;top:36px}@media (width>=1024px){section.whats-involved .steps .step .indicator:before{height:2px;width:var(--size);left:36px;top:unset;margin-left:0}}section.whats-involved .steps .step .indicator:after{--size:0%;--rotation:0deg;content:"";background:repeating-linear-gradient(var(--rotation), #0898c7, #0898c7 10px, transparent 10px, transparent 16px);height:var(--size);opacity:0;width:2px;margin-left:17px;transition:width .5s ease-out,opacity .25s;display:flex}@media (width>=1024px){section.whats-involved .steps .step .indicator:after{--rotation:90deg;height:2px;width:var(--size);margin-left:0}}section.whats-involved .steps .step .indicator div{z-index:-1;opacity:1;background-color:#c1c4c8;width:2px;height:100%;transition:opacity .25s;position:absolute;bottom:-20px;left:17px}@media (width>=1024px){section.whats-involved .steps .step .indicator div{width:100%;height:2px;left:36px;bottom:unset}}section.whats-involved .steps .step .indicator span{aspect-ratio:1;background:var(--card-background-color-light-blue-gradient);border-radius:50%;place-items:center;height:36px;display:grid;position:relative}section.whats-involved .steps .step .indicator span:before{content:"";background-color:#0000;border:10px solid #0000;border-radius:50%;width:12px;height:12px;transition:border .25s,background-color .25s}section.whats-involved .steps .step .indicator span:after{content:"";opacity:1;background-image:url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14.1238L0 8.16633L2.1 6.08123L6 9.95357L15.9 0.123779L18 2.20889L6 14.1238Z' fill='white'/%3E%3C/svg%3E%0A");background-position:50% 55%;background-repeat:no-repeat;transition:opacity .25s;position:absolute;inset:0}section.whats-involved .steps .step.active+.step .indicator:after{--size:calc(100% - 16px);transition-delay:.5s}section.whats-involved .steps .step.active+.step .indicator:before,section.whats-involved .steps .step.active+.step+.step .indicator:before,section.whats-involved .steps .step.active+.step+.step+.step .indicator:before,section.whats-involved .steps .step.active+.step+.step+.step+.step .indicator:before,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step .indicator:before,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step+.step .indicator:before{width:0%}section.whats-involved .steps .step.active+.step .indicator span,section.whats-involved .steps .step.active+.step+.step .indicator span,section.whats-involved .steps .step.active+.step+.step+.step .indicator span,section.whats-involved .steps .step.active+.step+.step+.step+.step .indicator span,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step .indicator span,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step+.step .indicator span{background:#c1c4c8}section.whats-involved .steps .step.active+.step .indicator span:before,section.whats-involved .steps .step.active+.step+.step .indicator span:before,section.whats-involved .steps .step.active+.step+.step+.step .indicator span:before,section.whats-involved .steps .step.active+.step+.step+.step+.step .indicator span:before,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step .indicator span:before,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step+.step .indicator span:before{background-color:var(--body-background-color);border:10px solid var(--body-background-color)}section.whats-involved .steps .step.active+.step .indicator span:after,section.whats-involved .steps .step.active+.step+.step .indicator span:after,section.whats-involved .steps .step.active+.step+.step+.step .indicator span:after,section.whats-involved .steps .step.active+.step+.step+.step+.step .indicator span:after,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step .indicator span:after,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step+.step .indicator span:after{opacity:0}section.whats-involved .steps .step.active+.step .step-card,section.whats-involved .steps .step.active+.step+.step .step-card,section.whats-involved .steps .step.active+.step+.step+.step .step-card,section.whats-involved .steps .step.active+.step+.step+.step+.step .step-card,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step .step-card,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step+.step .step-card{background:var(--body-background-color);border-color:#c1c4c8}section.whats-involved .steps .step.active+.step .step-card .icon use.upcoming,section.whats-involved .steps .step.active+.step+.step .step-card .icon use.upcoming,section.whats-involved .steps .step.active+.step+.step+.step .step-card .icon use.upcoming,section.whats-involved .steps .step.active+.step+.step+.step+.step .step-card .icon use.upcoming,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step .step-card .icon use.upcoming,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step+.step .step-card .icon use.upcoming{opacity:1}section.whats-involved .steps .step.active+.step .step-card .icon use.current,section.whats-involved .steps .step.active+.step .step-card .icon use.done,section.whats-involved .steps .step.active+.step+.step .step-card .icon use.current,section.whats-involved .steps .step.active+.step+.step .step-card .icon use.done,section.whats-involved .steps .step.active+.step+.step+.step .step-card .icon use.current,section.whats-involved .steps .step.active+.step+.step+.step .step-card .icon use.done,section.whats-involved .steps .step.active+.step+.step+.step+.step .step-card .icon use.current,section.whats-involved .steps .step.active+.step+.step+.step+.step .step-card .icon use.done,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step .step-card .icon use.current,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step .step-card .icon use.done,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step+.step .step-card .icon use.current,section.whats-involved .steps .step.active+.step+.step+.step+.step+.step+.step .step-card .icon use.done{opacity:0}section.whats-involved .steps .step.active .indicator:after,section.whats-involved .steps .step.active+.step .indicator:after{opacity:1}section.whats-involved .steps .step.active .indicator div,section.whats-involved .steps .step.active+.step .indicator div{opacity:0;transition-delay:.25s}section.whats-involved .steps .step.active .indicator span,section.whats-involved .steps .step.active+.step .indicator span{background:var(--card-background-color-light-blue-gradient)}section.whats-involved .steps .step.active .indicator span:before,section.whats-involved .steps .step.active+.step .indicator span:before{background-color:#0000}section.whats-involved .steps .step.active .indicator:before{--size:calc(100% - 16px)}section.whats-involved .steps .step.active .indicator span:before{border:0 solid #0000;transition-delay:0s}section.whats-involved .steps .step.active .indicator span:after,section.whats-involved .steps .step.active .step-card:before{opacity:1;transition-delay:.25s}section.whats-involved .steps .step.active .step-card .icon use{transition-delay:.25s}section.whats-involved .steps .step.active .step-card .icon use.done{opacity:0}section.whats-involved .steps .step.active .step-card .icon use.current{opacity:1}section.whats-involved .steps .step.active .step-card,section.whats-involved .steps .step.active .step-card .description{color:#fff}section.whats-involved .steps .step.active .step-card .title span{opacity:.75}section.whats-involved .steps .step .step-card{background:linear-gradient(94deg,#fff 0%,#f2f4f9 50%,#f9f9fc 98.87%);border:1px solid #fff;border-radius:10px;flex-grow:1;padding:20px;transition:background-color .5s,border-color .5s,color .5s;position:relative;overflow:hidden}@media (width>=1024px){section.whats-involved .steps .step .step-card{border-radius:20px;padding:40px}}@media (width>=1280px){section.whats-involved .steps .step .step-card{height:400px}}section.whats-involved .steps .step .step-card:before{content:"";background:var(--card-background-color-light-blue-gradient);opacity:0;transition:opacity .5s;position:absolute;inset:0}section.whats-involved .steps .step .step-card-inner{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}section.whats-involved .steps .step .step-card .icon{flex-grow:1;margin-bottom:16px}@media (width>=1024px){section.whats-involved .steps .step .step-card .icon{margin-bottom:32px}}section.whats-involved .steps .step .step-card .icon svg{width:40px;height:40px}@media (width>=1024px){section.whats-involved .steps .step .step-card .icon svg{width:60px;height:60px}}section.whats-involved .steps .step .step-card .icon use{transition:opacity .5s}section.whats-involved .steps .step .step-card .icon use.current,section.whats-involved .steps .step .step-card .icon use.upcoming{opacity:0}section.whats-involved .steps .step .step-card .step-text{opacity:.5;margin-bottom:.5rem;font-size:10px;font-weight:400}@media (width>=1024px){section.whats-involved .steps .step .step-card .step-text{font-size:14px}}section.whats-involved .steps .step .step-card .title{font-size:20px;font-weight:500;line-height:1.2}@media (width>=1024px){section.whats-involved .steps .step .step-card .title{font-size:28px}}section.whats-involved .steps .step .step-card .description{color:var(--color-secondary);margin-top:8px;font-size:12px;line-height:1.3}@media (width>=1024px){section.whats-involved .steps .step .step-card .description{margin-top:12px;font-size:18px}}section.contact-us{color:#fff;text-align:center;background:url(/img/planet-bg.webp) 50%/cover no-repeat;padding:60px 0 0;overflow:hidden}@media (width>=1024px){section.contact-us{padding:150px 0 0}}section.contact-us h2{text-align:center}section.contact-us h2,section.contact-us p{margin-bottom:30px}@media (width>=1024px){section.contact-us h2,section.contact-us p{margin-bottom:60px}}section.contact-us .talk{margin-top:60px}@media (width>=1024px){section.contact-us .talk{margin-top:150px}}section.contact-us .talk svg{width:calc(100% + 20px);height:auto;margin-bottom:-1.5%;margin-left:-10px}.devices-page{z-index:10;max-width:1400px;margin:0 auto;padding:4rem 2rem;position:relative}.devices-header{text-align:center;margin-bottom:3rem}.devices-header h1{margin-bottom:1rem;font-size:2.5rem}.devices-header p{color:#666;font-size:1.125rem}.devices-filters{background:#f8f9fa;border-radius:8px;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.devices-filters input,.devices-filters select{background:#fff;border:1px solid #ddd;border-radius:4px;flex:1;min-width:200px;padding:.75rem 1rem;font-size:1rem}.devices-filters input:focus,.devices-filters select:focus{border-color:#18bcf2;outline:none;box-shadow:0 0 0 3px #18bcf21a}.clear-filters-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#e74c3c;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;transition:background-color .2s;display:inline-flex}.clear-filters-btn:hover{background:#c0392b}.clear-filters-btn:focus{outline:none;box-shadow:0 0 0 3px #e74c3c4d}.table-container{border-radius:8px;margin-bottom:1.5rem;overflow-x:auto;box-shadow:0 2px 8px #0000001a}.devices-table{border-collapse:collapse;background:#fff;width:100%;font-size:.95rem}.devices-table thead{color:#fff;z-index:10;background:#2c3e50;position:sticky;top:0}.devices-table thead th{text-align:left;white-space:nowrap;padding:1rem;font-weight:600}.devices-table thead th.sortable{cursor:pointer;user-select:none;padding-right:2rem;position:relative}.devices-table thead th.sortable:hover{background:#34495e}.devices-table thead th.sortable .sort-icon{opacity:.3;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.devices-table thead th.sortable .sort-icon:before{content:"";border-bottom:5px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:-10px;left:-5px}.devices-table thead th.sortable .sort-icon:after{content:"";border-top:5px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:2px;left:-5px}.devices-table thead th.sortable.sort-asc .sort-icon:before{opacity:1;border-bottom-color:#18bcf2}.devices-table thead th.sortable.sort-desc .sort-icon:after{opacity:1;border-top-color:#18bcf2}.devices-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.devices-table tbody tr:hover{background:#f8f9fa}.devices-table tbody tr:last-child{border-bottom:none}.devices-table tbody tr td{vertical-align:middle;padding:1rem}.devices-table tbody tr td:empty:after{content:"—";color:#999}.devices-table tbody tr td a{color:#18bcf2;font-weight:500;text-decoration:none}.devices-table tbody tr td a:hover{text-decoration:underline}.devices-table tbody tr td a:after{content:unset}.protocol-cell,.device-type-cell,.region-cell,.secondary-type-cell{white-space:normal}.protocol-badge,.device-type-badge,.region-badge,.secondary-type-badge{color:#2c3e50;white-space:nowrap;background-color:#e9ecef;border-radius:4px;margin:.125rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-block}.protocol-badge:empty,.device-type-badge:empty,.region-badge:empty,.secondary-type-badge:empty{display:none}.remark-header,.remark-cell{text-align:center}.remark-cell:empty:after{content:""!important}.remark-icon{color:#666;cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:inline-flex;position:relative}.remark-icon:hover,.remark-icon:focus{color:#fff;background:#18bcf2;outline:none}.remark-icon:hover .remark-tooltip,.remark-icon:focus .remark-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.remark-icon svg{width:16px;height:16px}.remark-tooltip{color:#fff;white-space:nowrap;white-space:normal;opacity:0;visibility:hidden;z-index:100;text-align:left;background:#2c3e50;border-radius:4px;max-width:350px;padding:.5rem .75rem;font-size:.8125rem;font-weight:400;line-height:1.4;transition:all .2s;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)translate(-4px);box-shadow:0 2px 8px #00000026}@media (width>=1024px){.remark-tooltip{width:350px}}.remark-tooltip:after{content:"";border:6px solid #0000;border-left-color:#2c3e50;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.pagination-wrapper{border-radius:8px;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;padding:1.5rem;display:flex}.devices-count{text-align:center;color:#666;font-size:.95rem}.devices-count span{color:#333;font-weight:600}.pagination-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.pagination-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){color:#fff;background:#18bcf2;border-color:#18bcf2}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn svg{width:16px;height:16px}.page-numbers{align-items:center;gap:.25rem;display:flex}.page-number{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.page-number:hover:not(.active){background:#f0f0f0;border-color:#ccc}.page-number.active{color:#fff;background:#18bcf2;border-color:#18bcf2}.page-ellipsis{color:#666;padding:0 .5rem}.page-info{color:#666;white-space:nowrap;padding:0 1rem;font-size:.875rem}.items-per-page{color:#666;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.items-per-page label{font-weight:500}.items-per-page select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:.375rem .75rem;font-size:.875rem}.items-per-page select:focus{border-color:#18bcf2;outline:none;box-shadow:0 0 0 3px #18bcf21a}.faq-section{border-top:1px solid #e9ecef;margin-top:3rem;padding-top:2rem}.faq-section h2{color:#2c3e50;margin-bottom:1.5rem;font-size:1.75rem}.faq-accordion{flex-direction:column;gap:.75rem;display:flex}.faq-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;transition:box-shadow .2s;overflow:hidden}.faq-item:hover,.faq-item[open]{box-shadow:0 2px 8px #00000014}.faq-item[open] .faq-question .faq-icon{transform:rotate(180deg)}.faq-question{color:#2c3e50;cursor:pointer;user-select:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:1rem;font-weight:600;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:hover,.faq-question:hover .faq-icon{color:#18bcf2}.faq-icon{color:#666;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-left:1rem;transition:transform .2s;display:flex}.faq-icon svg{width:100%;height:100%}.faq-answer{color:#555;padding:0 1.25rem 1.25rem;line-height:1.6}.faq-answer p{margin:0;font-size:16px;font-weight:400}@media (width<=1200px){.pagination-wrapper{padding:1rem}.devices-table{font-size:.875rem}.devices-table thead th,.devices-table tbody td{padding:.75rem}}@media (width<=768px){.devices-page{padding:2rem 1rem}.devices-header h1{font-size:1.875rem}.devices-filters{flex-direction:column}.devices-filters input,.devices-filters select{min-width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.devices-table{min-width:900px}.pagination-wrapper{gap:.75rem}.pagination-controls{gap:.25rem}.pagination-btn{padding:.375rem .75rem;font-size:.8125rem}.page-number{min-width:32px;height:32px;font-size:.8125rem}.page-info{display:none}.items-per-page{font-size:.8125rem}}.goals h2{text-align:center;margin-bottom:30px}@media (width>=1024px){.goals h2{margin-bottom:60px}}.embed-container{aspect-ratio:16/9;justify-content:center;align-items:center;display:flex}.embed-container iframe{width:100%;height:100%}section.error-page{text-align:center;justify-content:center;align-items:center;min-height:60vh;margin:60px 0;display:flex}section.error-page .container{flex-direction:column;align-items:center;gap:1rem;display:flex}section.error-page .error-code{background:linear-gradient(259deg,#0c88c8 -14.63%,#57ffc1 104.2%);color:#0000;background-clip:text;margin:0;font-size:96px;font-weight:800;line-height:1}@media (width>=1024px){section.error-page .error-code{font-size:160px}}section.error-page h1{margin:0}section.error-page .error-message{color:var(--body-color);opacity:.8;max-width:32rem;margin:0 auto}section.error-page .error-actions{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1rem;margin-top:1rem;display:flex}section.error-page .error-actions .button,section.error-page .error-actions .button-secondary{align-self:center}section.error-page .button-secondary{color:var(--brand-color-home-assistant-blue);border-radius:40px;align-items:center;padding:12px 30px;font-weight:500;text-decoration:none;transition:opacity .3s ease-in-out;display:inline-flex}section.error-page .button-secondary:hover{opacity:.7}