.light-home-hero{background:#fafaf7!important;padding:38px 0 48px}
.light-home-heading{text-align:center}
.light-home-hero .light-home-heading .eyebrow{justify-content:center;color:#3e403b!important;font-size:10px;margin:0 0 20px}
.light-home-heading h1{font-size:clamp(34px,4.2vw,62px);letter-spacing:-2.4px;line-height:1.1;margin:0 0 14px}
.light-home-hero .light-home-subtitle{font-size:clamp(22px,2.7vw,39px);line-height:1.25;letter-spacing:-1px;margin:0;color:#3e403b!important;font-weight:400}
.light-carousel{max-width:980px;margin:30px auto 0}
.light-carousel-tabs{display:flex;justify-content:center;gap:10px;margin:0 auto 10px}
.light-carousel-tabs button{border:0;background:transparent;color:#60635b;border-radius:30px;padding:12px 28px;font:inherit;font-size:14px;cursor:pointer;position:relative;min-width:180px}
.light-carousel-tabs button[aria-selected=true]{background:#f0f0eb;color:#171816}
.light-carousel-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:0;left:calc(50% - 25px);width:50px;height:2px;background:#3e403b;border-radius:2px}
.light-carousel-stage{height:clamp(300px,33vw,465px);position:relative;display:grid;place-items:center;margin:0 auto}
.light-carousel-slide{grid-area:1/1;width:100%;height:100%;animation:light-slide-in .5s ease}
.light-carousel-slide[hidden]{display:none!important}
.light-carousel-slide .screenshot{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;border:0;background:transparent;cursor:zoom-in}
.light-carousel-slide img{display:block;width:auto;height:auto;max-width:91%;max-height:100%;object-fit:contain}
#light-slide-app img{max-width:93%}
@keyframes light-slide-in{from{opacity:.15}to{opacity:1}}
.light-carousel-controls{display:flex;align-items:center;justify-content:center;gap:21px;min-height:42px;margin:13px auto 20px;color:#60635b;font-size:12px;font-variant-numeric:tabular-nums}
.light-carousel-controls button{display:grid;place-items:center;width:33px;height:33px;border:1px solid #dedfd8;border-radius:50%;background:transparent;color:#60635b;font:inherit;font-size:24px;cursor:pointer}
.light-carousel-controls [data-carousel-pause]{font-size:13px;margin-left:3px}
.light-carousel-controls button:hover{background:#f0f0eb;color:#3e403b}
.light-carousel-dots{display:flex;gap:7px}
.light-carousel-dots i{width:7px;height:7px;background:#dedfd8;border-radius:50%}
.light-carousel-dots i.is-active{background:#3e403b}
.light-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.light-home-explanation{text-align:center;max-width:870px;margin:0 auto}
.light-home-hero .light-home-explanation p{font-size:14px;line-height:1.7;margin:0 auto 8px;color:#60635b!important}
.light-home-explanation .button{margin-top:16px}

.light-home-hero{background:#171816!important;color:#fafaf7;padding:46px 0 50px;--section-bg:#171816!important}
.light-home-hero .light-home-heading h1{color:#fafaf7}
.light-home-hero .light-home-heading .eyebrow{color:#c6f55b!important}
.light-home-hero .light-home-heading .eyebrow:before{background:#c6f55b}
.light-home-hero .light-home-subtitle{color:#c6f55b!important;font-size:clamp(20px,2.2vw,32px);line-height:1.35;letter-spacing:-.6px}
.light-home-hero .light-home-explanation p{color:#dedfd8!important}
.light-carousel-tabs button{color:#dedfd8}
.light-carousel-tabs button[aria-selected=true]{background:#c6f55b;color:#171816}
.light-carousel-tabs button[aria-selected=true]:after{background:#171816}
.light-carousel-stage{background:radial-gradient(ellipse 49% 49% at 50% 50%,#60635b 0%,#3e403b 43%,#171816 68%,#17181600 100%)}
.light-carousel-slide{position:absolute;inset:0;min-height:0}
.light-carousel-slide .screenshot{min-height:0;max-height:100%;overflow:hidden}
.light-carousel-slide img{width:100%;height:100%;max-height:100%;object-fit:contain}
.light-carousel-controls{color:#dedfd8}
.light-carousel-controls button{color:#c6f55b;border-color:#60635b}
.light-carousel-controls button:hover{background:#171816;color:#c6f55b}
.light-carousel-dots i{background:#60635b}
.light-carousel-dots i.is-active{background:#c6f55b}
.light-home-explanation .button{background:#c6f55b;color:#171816;border-color:#c6f55b}
.light-home-explanation .button:hover{background:#c6f55b;border-color:#c6f55b}
@media(max-width:1100px){.light-carousel-stage{height:400px}.light-home-heading h1{font-size:48px}.light-carousel{margin-top:25px}}
@media(max-width:700px){.light-home-hero{padding:28px 0 30px}.light-home-heading h1{font-size:35px;letter-spacing:-1.3px}.light-home-hero .light-home-subtitle{font-size:22px;letter-spacing:-.4px}.light-carousel-tabs button{padding:10px 15px;font-size:12px;min-width:138px}.light-carousel-stage{height:290px}.light-carousel-slide img{max-width:100%}.light-carousel-controls{gap:17px;margin:9px auto 18px}.light-home-hero .light-home-explanation p{font-size:13px!important}.light-home-heading .eyebrow{font-size:8px!important;line-height:1.7;letter-spacing:1px!important}.light-home-explanation .button{width:auto}}
@media(prefers-reduced-motion:reduce){.light-carousel-slide{animation:none}}