html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}.skip-link{left:var(--gutter);z-index:60;position:fixed;top:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}.ambient{isolation:isolate;position:relative}.ambient:before,.ambient:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.ambient:before{background:radial-gradient(55% 70% at 12% 18%, var(--color-ice) 0%, transparent 72%), radial-gradient(40% 45% at 86% 62%, #d6ed761f 0%, transparent 70%), var(--color-mist)}.ambient:after{background:radial-gradient(60% 75% at 82% 20%, var(--color-ice) 0%, transparent 72%), radial-gradient(45% 50% at 18% 65%, #416d8017 0%, transparent 70%), var(--color-mist);opacity:0;animation:9s ease-in-out infinite alternate ambient-drift}.ambient[data-inview=false]:after{animation-play-state:paused}@keyframes ambient-drift{to{opacity:1}}.marquee-track{width:max-content;animation:marquee var(--marquee-duration,40s) linear infinite;display:flex}@keyframes marquee{to{transform:translate(-50%)}}[data-marquee][data-paused=true] .marquee-track,[data-marquee][data-inview=false] .marquee-track{animation-play-state:paused}@media (hover:hover){[data-marquee]:hover .marquee-track{animation-play-state:paused}}[data-marquee]:focus-within .marquee-track{animation-play-state:paused}@media (width<=1023px){.frame-on-view{clip-path:inset(0);transition:clip-path .6s var(--ease-out)}.frame-on-view[data-seen=true]{clip-path:inset(0 var(--gutter) 0 var(--gutter) round 24px)}}@media (width>=1024px){.frame-on-view{clip-path:inset(0 max(var(--gutter), calc((100vw - 1280px) / 2 + var(--gutter))) round 32px)}}main:focus-visible{box-shadow:none;outline:none}.arch{border-radius:999px 999px var(--radius-lg) var(--radius-lg);overflow:hidden}.ways-timer{animation:ways-timer var(--ways-dwell,5s) linear forwards;transform-origin:0}@keyframes ways-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-ways][data-playing=false] .ways-timer{animation-play-state:paused}@media (hover:hover){[data-ways]:hover .ways-timer{animation-play-state:paused}}[data-ways]:focus-within .ways-timer{animation-play-state:paused}.snap-row{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.snap-row::-webkit-scrollbar{display:none}.snap-row>*,.snap-row>ul>*{scroll-snap-align:start}@media (prefers-reduced-motion:reduce){.ambient:after{opacity:0;animation:none}.marquee-track{animation:none}.frame-on-view{transition:none}.ways-timer{animation:none;transform:scaleX(0)}}.chip-input:focus-visible{box-shadow:none;outline:none}@media (width>=768px) and (prefers-reduced-motion:no-preference){[data-shrink]{transform-origin:0 100%;transform:scale(1.6)}}@keyframes intro-veil{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}@keyframes intro-settle{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes intro-drop{0%{transform:translateY(-130%)}to{transform:translateY(0)}}@keyframes intro-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.intro-pending [data-veil]{animation:.6s cubic-bezier(.65,0,.35,1) both intro-veil}.intro-pending [data-hero-photo] img{animation:1.2s cubic-bezier(.33,1,.68,1) both intro-settle}.intro-pending [data-nav]>div{animation:.28s cubic-bezier(.33,1,.68,1) .35s both intro-drop}.intro-pending [data-rise]{animation:intro-rise .6s cubic-bezier(.33, 1, .68, 1) calc(.45s + var(--rise-i,0) * 60ms) both}[data-hero] h1[data-rise]{--rise-i:1}[data-hero] h1+[data-rise]{--rise-i:2}[data-hero] h1+[data-rise]+[data-rise]{--rise-i:3}[data-hero]>[data-rise]{--rise-i:4}[tabindex="-1"]:focus-visible{box-shadow:none;outline:none}html{scroll-padding-top:96px}@media (width<64rem){[data-hero-photo]{height:max(12.5rem,min(64svh,100svh - 21rem))}}@media (23.75rem<=width<64rem){[data-hero-photo]{height:max(12.5rem,min(64svh,100svh - 19rem))}}@media (width<64rem) and (height<43.75rem){[data-hero-photo]{height:max(12.5rem,min(64svh,100svh - 17rem))}[data-hero] p[data-rise]:has(+h1){margin-bottom:.5rem}[data-hero] h1{font-size:2.75rem}[data-hero] h1+p{margin-top:.75rem;font-size:1rem}[data-hero] h1+p+div{margin-top:1.25rem}}@layer base{.grid{grid-template-columns:minmax(0,1fr)}body{overflow-wrap:break-word}}.demo-stage{padding-top:7rem;padding-bottom:2.5rem}.demo-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""device""details";gap:2.5rem;display:grid}.demo-intro{grid-area:intro}.demo-area-device{grid-area:device}.demo-area-details{grid-area:details}@media (width<=767px),(pointer:coarse) and (width<=899px){.demo-device-only{display:none}.demo-grid{grid-template-areas:"intro""details";gap:0}}@media not ((width<=767px) or ((pointer:coarse) and (width<=899px))){.demo-phone-only{display:none}}@media (width>=64rem){.demo-stage{padding-top:88px}.demo-grid{grid-template:"intro device""details device"1fr/minmax(0,36rem) auto;justify-content:center;column-gap:clamp(2.5rem,6vw,6rem)}.demo-intro{padding-top:clamp(1rem,7svh,4.5rem)}}.demo-device{aspect-ratio:410/926;height:max(420px,min(926px,100svh - 104px));box-shadow:var(--shadow-4);border-radius:14.15%/6.26%}.demo-screen{border-radius:0 0 4% 4%/0 0 1.85% 1.85%;width:95.122%;height:91.145%;top:4.752%;left:2.439%}
