.demo-slide{opacity:0;transform-origin:30% 60%;will-change:opacity, transform;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);transform:scale(1)}.demo-slide--on{opacity:1;animation:6s ease-out forwards demoKenBurns}@keyframes demoKenBurns{0%{transform:scale(1)}to{transform:scale(1.06)}}.demo-hero-pattern{background:radial-gradient(700px 500px at 78% 30%,#86efac47,#0000 60%),radial-gradient(900px 600px at 18% 70%,#86efac2e,#0000 60%),radial-gradient(500px 400px at 60% 90%,#ffffff1a,#0000 60%);animation:12s ease-in-out infinite alternate demoGlow}@keyframes demoGlow{0%{opacity:.85}to{opacity:1}}.demo-in{opacity:0;animation:.9s cubic-bezier(.22,.61,.36,1) forwards demoIn;transform:translateY(22px)}.demo-in-1{animation-delay:.15s}.demo-in-2{animation-delay:.35s}@keyframes demoIn{to{opacity:1;transform:none}}.demo-glass{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#ffffffad;border:1px solid #fff9;box-shadow:0 24px 64px #00000047,inset 0 1px #fffc}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.demo-glass{background:#fffffff0}}.demo-chip,.demo-tick{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.demo-chip:active,.demo-tick:active{transform:scale(.97)}.demo-when b{color:#003b1b}.demo-range{appearance:none;cursor:pointer;--pct:25%;background:0 0;height:36px;margin:0}.demo-range:focus{outline:none}.demo-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, #16a34a 0 var(--pct), #e5e7eb var(--pct) 100%);border-radius:999px;height:10px}.demo-range::-moz-range-track{background:#e5e7eb;border-radius:999px;height:10px}.demo-range::-moz-range-progress{background:#16a34a;border-radius:999px;height:10px}.demo-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:3px solid #14532d;border-radius:50%;width:32px;height:32px;margin-top:-11px;transition:transform .12s,border-color .12s;box-shadow:0 4px 12px #00000038}.demo-range::-moz-range-thumb{background:#fff;border:3px solid #14532d;border-radius:50%;width:26px;height:26px;box-shadow:0 4px 12px #00000038}.demo-range:active::-webkit-slider-thumb{border-color:#16a34a;transform:scale(1.08)}.demo-range:focus-visible::-webkit-slider-thumb{border-color:#16a34a;transform:scale(1.08)}.demo-range:focus-visible::-webkit-slider-runnable-track{box-shadow:0 0 0 3px #16a34a40}.demo-tick:before{content:"";background:#c0c9be;border-radius:1px;width:2px;height:6px;margin-left:-1px;position:absolute;top:-8px;left:50%}.demo-tick[aria-checked=true]:before{background:#16a34a}@media (min-width:1024px) and (max-height:820px){.demo-hero .demo-glass{padding:14px 16px}.demo-hero h1{font-size:34px!important;line-height:40px!important}.demo-chip{min-height:50px!important}.demo-tick{min-height:40px!important}}.demo-float{animation:6s ease-in-out infinite demoFloat}.demo-float:nth-child(2){animation-delay:1.2s}.demo-float:nth-child(3){animation-delay:2.4s}@keyframes demoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.demo-steps-line{transform-origin:0;transition:transform 1.2s cubic-bezier(.22,.61,.36,1) .3s;transform:scaleX(0)}.reveal.is-visible .demo-steps-line{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.demo-slide,.demo-hero-pattern,.demo-in,.demo-float{transform:none;transition:none!important;animation:none!important}.demo-in,.demo-hero-pattern,.demo-slide--on{opacity:1}.demo-steps-line{transition:none;transform:none}}