html:has(.home-hero),body:has(.home-hero){background-color:var(--color-900)}.home-hero{position:relative;height:220svh;margin-top:-72px;z-index:1;overflow:clip}.home-hero-frame{position:absolute;inset:0;background:var(--color-50);z-index:0}.home-hero-card{position:sticky;top:0;height:85svh;overflow:visible;background:var(--color-900);transform-origin:center top;border-radius:0;z-index:1;will-change:transform,border-radius,margin}.home-hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit}.home-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.home-hero-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 60% at 50% 32%,#0000008c,#0000 72%),linear-gradient(180deg,#00000080,#0000004d 40%,#00000038 65%,#0006),linear-gradient(#00000038,#00000038);will-change:opacity}.home-hero-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:clamp(5rem,10vh,7.5rem) 1.5rem 0;color:#fff;z-index:2;will-change:opacity,transform}.home-hero-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem .45rem .75rem;border-radius:999px;background:#ffffff1f;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-size:.78rem;font-weight:600;letter-spacing:-.005em;margin-bottom:1.25rem;transition:background .2s ease,border-color .2s ease;text-shadow:0 1px 6px rgba(0,0,0,.3)}.home-hero-pill:hover{background:#fff3;border-color:#ffffff4d}.home-hero-pill-arrow{opacity:.7;transition:transform .2s ease,opacity .2s ease}.home-hero-pill:hover .home-hero-pill-arrow{transform:translate(2px);opacity:1}.home-hero-title{font-family:var(--font-primary);font-size:clamp(2rem,5vw,3.75rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:#fff;margin:0 0 1rem;text-shadow:0 2px 20px rgba(0,0,0,.4);max-width:20ch}.home-hero-grad{background:linear-gradient(135deg,var(--color-300) 0%,var(--color-100) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.home-hero-sub{font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.6;color:#ffffffe0;max-width:620px;margin:0 0 1.75rem;text-shadow:0 1px 10px rgba(0,0,0,.35)}.home-hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.home-hero-screencast{position:relative;width:min(100%,1152px);height:auto;flex-shrink:0;margin:clamp(1.75rem,3.5vh,2.75rem) auto 0;border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 40px 80px -25px #0000008c,0 18px 40px -12px #00cc662e}.home-hero-screencast img{display:block;width:100%;height:auto}.home-hero-next{position:relative;z-index:5;margin-top:-120px;padding-top:140px;background:#fff;border-radius:32px 32px 0 0;box-shadow:0 -20px 40px -20px #0000001f}@supports (animation-timeline: scroll()){.home-hero-card{animation:heroShrink linear both;animation-timeline:scroll(root block);animation-range:0 180vh}@keyframes heroShrink{0%{transform:scale(1) translateY(0);border-radius:0;margin:0}to{transform:scale(.94) translateY(2vh);border-radius:28px;margin:0 1.5vw}}.home-hero-vignette,.home-hero-content{animation:heroFadeOut linear both;animation-timeline:scroll(root block);animation-range:0 80vh}@keyframes heroFadeOut{0%{opacity:1;transform:translateY(0)}60%{opacity:.6}to{opacity:0;transform:translateY(-3vh)}}}@media(prefers-reduced-motion:reduce){.home-hero-card,.home-hero-vignette,.home-hero-content{animation:none!important;transform:none!important;opacity:1!important;border-radius:0!important;margin:0!important}}body:has(.home-hero) .site-header:not(.scrolled) .nav-link{color:#ffffffeb;text-shadow:0 1px 8px rgba(0,0,0,.35)}body:has(.home-hero) .site-header:not(.scrolled) .nav-link:hover{color:#fff;background-color:#ffffff1f}body:has(.home-hero) .site-header:not(.scrolled) .logo-img--dark{display:none}body:has(.home-hero) .site-header:not(.scrolled) .logo-img--light{display:block}body:has(.home-hero) .site-header:not(.scrolled) .header-cta{background:#fff;color:#1a1a1a}body:has(.home-hero) .site-header:not(.scrolled) .header-cta:hover{background:#f4f4f4;color:#1a1a1a}body:has(.home-hero) .site-header:not(.scrolled) .burger-line{background-color:#fff;box-shadow:0 1px 4px #0000004d}.home-feature-pair{padding-block:6rem}@media(max-width:860px){.home-hero{margin-top:-64px}.home-hero-content{padding-top:clamp(5rem,12vh,7rem)}.home-hero-pill{font-size:.72rem;padding:.4rem .75rem .4rem .65rem}.home-hero-title{max-width:18ch}.home-hero-actions{flex-direction:column;align-items:stretch;width:min(100%,320px)}.home-hero-screencast{margin-top:1.5rem;border-radius:12px}.home-hero-next{margin-top:-80px;padding-top:100px;border-radius:24px 24px 0 0}}