.public-page--how-it-works{background:#f6faf9;overflow-x:clip}.public-page.public-page--how-it-works .public-hero{isolation:isolate;color:#fff;background:#061d2c;border-bottom:0;overflow:hidden}.public-page.public-page--how-it-works .public-hero:after,.public-page.public-page--how-it-works .public-hero__grid-pattern,.public-page.public-page--how-it-works .public-hero__glow{display:none}.public-page.public-page--how-it-works .public-hero__inner{align-items:center;min-height:min(48rem,100svh - 4.75rem);padding-block:clamp(3rem,6vw,5.5rem);display:flex}.public-page.public-page--how-it-works .public-hero__copy{z-index:2;width:min(48%,680px);max-width:680px;padding:0;position:relative}.public-page.public-page--how-it-works .public-kicker{color:#70e2d4;margin-bottom:1.5rem;font-size:.8125rem}.public-page.public-page--how-it-works .public-kicker span{background:#36d5c2}.public-page.public-page--how-it-works .public-hero h1{color:#fff;letter-spacing:-.067em;text-wrap:balance;max-width:760px;margin-bottom:1.25rem;font-size:clamp(3.6rem,6.3vw,6.8rem);line-height:.93}.public-page.public-page--how-it-works .public-hero__lead{color:#c5d5de;max-width:560px;font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.55}.public-page.public-page--how-it-works .public-hero__actions{margin-top:2rem}.how-hero-actions,.how-final__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.how-hero-actions{width:auto}.how-button{color:#062c2a;background:#35d0be;border-radius:.72rem;min-height:3.25rem;padding-inline:1.35rem;box-shadow:0 14px 32px #14b8a62e}.how-button:hover{color:#062c2a;background:#65e0d2}.public-page.public-page--how-it-works .how-button--secondary{color:#fff;background:#ffffff0d;border-color:#ffffff57}.public-page.public-page--how-it-works .public-hero__visual{z-index:0;width:auto;max-width:none;position:absolute;inset:0 calc(-50vw + 50%)}.how-hero-visual{height:100%;margin:0;position:relative;overflow:hidden}.how-hero-visual:after{content:"";background:linear-gradient(90deg,#041b2b66 0%,#041b2b24 40%,#0000 66%);position:absolute;inset:0}.how-hero-visual picture,.how-hero-visual img{width:100%;height:100%;display:block}.how-hero-visual img{object-fit:cover;object-position:center}.how-flow,.how-workshop,.how-final{padding-block:clamp(5rem,9vw,8.5rem);position:relative}.how-flow{background:#eaf5f2;overflow:hidden}.how-flow__inner{grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);align-items:center;gap:clamp(3rem,7vw,8rem);display:grid}.how-flow__copy{max-width:620px}.how-overline{color:#08766e;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.75rem;margin:0 0 1.1rem;font-size:.8125rem;font-weight:800;line-height:1.2;display:flex}.how-overline:before{content:"";background:currentColor;flex:none;width:2.25rem;height:2px}.how-flow h2,.how-workshop h2,.how-final h2{color:#0d1f2d;letter-spacing:-.06em;text-wrap:balance;margin:0;font-size:clamp(2.7rem,5vw,5.4rem);line-height:.98}.how-path{gap:2rem;margin:clamp(2.5rem,5vw,4rem) 0 0;padding:0;list-style:none;display:grid;position:relative}.how-path:before{content:"";background:#a6ccc5;width:1px;position:absolute;top:1.55rem;bottom:1.55rem;left:2.55rem}.how-path li{grid-template-columns:5.1rem minmax(0,1fr);align-items:start;gap:1.15rem;display:grid;position:relative}.how-path__mark{z-index:1;background:#fff;border:1px solid #0c5b5424;border-radius:.95rem;place-items:center;width:3.15rem;height:3.15rem;display:grid;position:relative;box-shadow:0 10px 24px #0a363014}.how-path__mark svg{width:1.35rem;height:1.35rem}.how-path__mark--plate{color:#0b1720;letter-spacing:.04em;background:#ffcf22;border-color:#d49c00;border-radius:.35rem;width:5.1rem;font-size:.78rem;font-weight:900}.how-path__mark--ask{color:#fff;background:#08766e;border-color:#08766e}.how-path h3{color:#102532;letter-spacing:-.03em;margin:.08rem 0 .45rem;font-size:1.2rem}.how-path p{color:#4a616d;margin:0;font-size:1rem;line-height:1.62}.how-product{min-width:0;height:min(54vw,740px);position:relative}.how-product img{border-radius:2rem;width:min(62%,430px);height:auto;display:block;position:absolute;box-shadow:0 34px 80px #07253038}.how-product__cars{top:0;left:0;transform:rotate(-2.5deg)}.how-product__ask{bottom:0;right:0;transform:rotate(2.5deg)}.how-workshop{background:#fff;overflow:hidden}.how-workshop__inner{grid-template-columns:minmax(420px,1.12fr) minmax(320px,.88fr);align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.how-workshop__photo{min-width:0}.how-workshop__photo .editorial-photo__image{border-radius:.9rem;min-height:440px}.how-workshop__copy{max-width:620px}.how-workshop__copy>p:not(.how-overline){color:#4a5e6d;margin:1.5rem 0 0;font-size:1.08rem;line-height:1.7}.how-install{z-index:2;color:#153943;background:#e1f4f0;border-block:1px solid #bddbd5;position:relative}.how-install__inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.75rem;padding-block:.9rem;display:flex}.how-install p{flex:auto;max-width:38rem;margin:0;font-size:clamp(.94rem,1.25vw,1.04rem);line-height:1.5}.how-install__icon{border-radius:.8rem;flex:none;width:3.5rem;height:3.5rem;box-shadow:0 4px 12px #09161e24}.how-install [data-install]{flex:none;max-width:24rem;margin-top:0}.how-final{color:#cbd8df;background:#0a2130;overflow:hidden}.how-final__inner{text-align:center;max-width:950px;margin-inline:auto}.how-final .how-overline{color:#66ddcf;justify-content:center}.how-final h2{color:#fff;font-size:clamp(3rem,6vw,6.3rem)}.how-final__inner>p:not(.how-overline){color:#b9cbd4;margin:1.4rem 0 0;font-size:1.08rem}.how-final__actions{justify-content:center;margin-top:2rem}.how-final__actions>a:not(.button){color:#d7e5ea;text-underline-offset:.25em;align-items:center;min-height:2.75rem;font-size:.92rem;font-weight:750;display:inline-flex}.how-final__try{color:#b9cbd4;margin:1.4rem 0 0;font-size:.95rem}.how-final__try a{color:#66ddcf;text-underline-offset:.25em;align-items:center;min-height:2.75rem;font-weight:750;display:inline-flex}@media (width<=900px){.public-page.public-page--how-it-works .public-hero__inner{min-height:0;padding-block:2.5rem 2rem;display:block}.public-page.public-page--how-it-works .public-hero__copy{width:100%;max-width:700px}.public-page.public-page--how-it-works .public-hero__visual{width:100%;height:auto;margin-top:2.25rem;position:relative;inset:auto}.how-hero-visual{aspect-ratio:5/4;border:1px solid #ffffff29;border-radius:1.35rem;height:auto;overflow:hidden;box-shadow:0 24px 65px #00000047}.how-hero-visual:after{background:linear-gradient(#061d2c14,#0000 35%)}.how-hero-visual img{object-position:center;height:100%}.how-flow__inner,.how-workshop__inner{grid-template-columns:minmax(0,1fr)}.how-flow__copy,.how-workshop__copy{max-width:700px}.how-product{width:min(100%,690px);height:min(92vw,660px);margin-inline:auto}.how-workshop__photo{order:2}}@media (width<=600px){.how-install__inner{text-align:center;flex-direction:column;align-items:center;gap:.75rem;min-height:0;padding-block:.9rem}.how-install p{max-width:330px;font-size:1rem}.public-page.public-page--how-it-works .container{width:min(calc(100% - 2rem), var(--content))}.public-page.public-page--how-it-works .public-hero__inner{width:min(calc(100% - 2rem), var(--content));min-height:0;padding:1.5rem 0 1.25rem}.public-page.public-page--how-it-works .public-kicker{margin-bottom:1rem;font-size:.8rem}.public-page.public-page--how-it-works .public-hero h1{margin-bottom:.9rem;font-size:clamp(2.75rem,12vw,3.25rem);line-height:.95}.public-page.public-page--how-it-works .public-hero__lead{max-width:350px;font-size:1rem;line-height:1.5}.public-page.public-page--how-it-works .public-hero__actions{margin-top:1.25rem}.how-hero-actions{display:block}.how-hero-actions .how-button{width:min(100%,20rem)}.how-hero-actions .how-button--secondary{display:none}.public-page.public-page--how-it-works .public-hero__visual{height:auto;margin-top:1.5rem}.how-hero-visual{aspect-ratio:5/4;border-radius:1rem}.how-hero-visual img{transform:none}.how-flow,.how-workshop,.how-final{padding-block:4.25rem}.how-flow h2,.how-workshop h2{font-size:clamp(2.35rem,10.8vw,3rem)}.how-path{gap:1.75rem;margin-top:2.25rem}.how-path p,.how-workshop__copy>p:not(.how-overline){font-size:1rem}.how-product{height:118vw;max-height:520px}.how-product img{border-radius:1.35rem;width:64%}.how-workshop__photo .editorial-photo__image{min-height:270px}.how-final h2{font-size:clamp(2.8rem,12vw,3.65rem)}.how-final__actions{justify-items:center;display:grid}.how-final__actions .how-button{width:min(100%,18rem)}}@media (prefers-reduced-motion:reduce){.how-product__cars,.how-product__ask{transform:none}}