#hero-light{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0}
html[data-hook=light] .home-hero{width:100%;max-width:none;min-height:790px;isolation:isolate;overflow:hidden}
html[data-hook=light] .home-hero .hero-copy{padding-top:168px;max-width:760px;position:relative;z-index:2}
html[data-hook=light] .home-hero h1{font-size:88px;letter-spacing:-3.5px;font-weight:600;line-height:1.065}
.hero-title-line{display:inline-block}
html[data-hook=light] .home-hero .primary-button{position:relative;overflow:hidden;isolation:isolate;transition:background .15s,box-shadow .15s,border-color .15s}
html[data-hook=light] .home-hero .primary-button:after{content:"";position:absolute;inset:-40% -30%;background:linear-gradient(105deg,transparent 38%,#fff9 50%,transparent 62%);transform:translateX(-110%);transition:transform .5s cubic-bezier(.2,.7,.2,1);pointer-events:none}
html[data-hook=light] .home-hero .primary-button:hover,html[data-hook=light] .home-hero .primary-button:focus-visible{transform:none;box-shadow:0 3px 22px #9ce9ff25;border-color:#fff9}
html[data-hook=light] .home-hero .primary-button:hover:after,html[data-hook=light] .home-hero .primary-button:focus-visible:after{transform:translateX(110%)}
html[data-hook=light] .home-hero .browser-link{transition:color .15s}
html[data-hook=light] .home-hero .browser-link>svg{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
html[data-hook=light] .home-hero .browser-link:hover>svg,html[data-hook=light] .home-hero .browser-link:focus-visible>svg{transform:translateX(3px)}
.replay-intro{border:0;background:none;display:flex;align-items:center;gap:7px;font:inherit;font-size:8px;color:#849da7;padding:8px;white-space:nowrap}
.replay-intro:hover{color:#e1f8ff}.replay-intro:disabled{opacity:.4;cursor:default}.replay-intro svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
html[data-hook=light] .home-hero .description{margin-top:28px;color:#a5b9c3;font-size:17px}
html[data-hook=light] .home-hero .hero-actions{margin-top:42px}
html[data-hook=light] .home-hero .small-signature{margin-top:35px;background:#0b1419b3}
html.light-ready[data-hook=light] #hero-light{opacity:1}
html.light-ready[data-hook=light] .expanded-landing>.light-composition .light-tapes{display:none}
html[data-hook=raycast] #hero-light{display:none}
html[data-hook=raycast] .replay-intro{display:none}
@media(prefers-reduced-motion:reduce){html[data-hook=light] .home-hero .primary-button:after{display:none}html[data-hook=light] .home-hero .browser-link>svg{transition:none}}
@media(max-width:640px){.local-review>div{flex-wrap:wrap;row-gap:4px}.replay-intro{font-size:7px}}
@media(max-width:940px){html[data-hook=light] .home-hero{min-height:745px}html[data-hook=light] .home-hero h1{font-size:76px}html[data-hook=light] .home-hero .hero-copy{max-width:630px;padding-top:156px}}
@media(max-width:640px){html[data-hook=light] .home-hero{min-height:685px}html[data-hook=light] .home-hero .hero-copy{max-width:calc(100% - 42px);padding-top:151px}html[data-hook=light] .home-hero h1{font-size:clamp(43px,11.5vw,68px);letter-spacing:-1.9px}html[data-hook=light] .home-hero .description{font-size:13px;max-width:310px;line-height:1.75;margin-top:24px}html[data-hook=light] .home-hero .hero-actions{margin-top:37px}html[data-hook=light] .home-hero .small-signature{margin-top:32px;font-size:8px}}