.theme-light{--color-off-white:#f1f0ec}.software-intro{position:relative;isolation:isolate;min-height:86svh;display:flex;flex-direction:column;justify-content:center;padding-top:var(--nav-height);padding-bottom:0;overflow:hidden}.software-intro>:not(.software-sonar){position:relative;z-index:1}.software-sonar{position:absolute;z-index:0;top:0;bottom:0;left:50%;width:100vw;height:100%;pointer-events:none;opacity:.76;transform:translateX(-50%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent calc(var(--nav-height) * .72),#000 calc(var(--nav-height) * 1.85),#000 100%);mask-image:linear-gradient(to bottom,transparent 0,transparent calc(var(--nav-height) * .72),#000 calc(var(--nav-height) * 1.85),#000 100%)}.software-intro h1{margin:1.4rem 0 2.5rem;font-size:clamp(4rem,8.7vw,9.6rem);line-height:.84;letter-spacing:-.06em;text-transform:uppercase}.software-intro .serif-copy{width:min(40rem,100%);margin-left:auto;color:#4e4e4a}
.software-product{min-height:66svh;padding:0;overflow:hidden}.software-product--light{background:#f1f0ec;color:#0b0b0b}.software-product--dark{background:#0b0b0b;color:#f8f8f5}.software-product__inner{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;min-height:66svh;margin:0}.software-product--top .software-product__inner{justify-content:flex-start}.software-product--center .software-product__inner{justify-content:center}.software-product--bottom .software-product__inner{justify-content:flex-end}.software-product__copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;text-align:center;margin:0 auto;padding:clamp(3rem,5vw,5rem) var(--page-padding)}.software-product h2{margin:0;font-size:clamp(3.4rem,5.8vw,6.5rem);line-height:.92;letter-spacing:-.05em}.software-product__title--image{display:flex;justify-content:center;width:100%}.software-product__title--image img{display:block;width:min(var(--title-image-width,30rem),78vw);max-height:clamp(4rem,9vw,8rem);object-fit:contain}.software-product__detail{display:flex;flex-direction:column;align-items:center}.software-product__detail p{width:min(47rem,88vw);margin:1.5rem 0 2rem;color:#686862;font-size:clamp(1.25rem,1.75vw,1.75rem);line-height:1.25}.software-product--dark .software-product__detail p{color:rgba(255,255,255,.72)}.product-actions{display:flex;justify-content:center;gap:.65rem}.pill-button{display:inline-flex;align-items:center;justify-content:center;min-width:7.5rem;padding:.78rem 1.3rem;border-radius:999px;background:#151515;color:#fff;font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.pill-button.secondary{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px rgba(100,100,95,.5)}.software-product--dark .pill-button{background:#f8f8f5;color:#0b0b0b}.software-product--dark .pill-button.secondary{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.pill-button:hover{transform:translateY(-2px)}.pill-button.secondary:hover{background:#151515;color:#fff}.software-product--dark .pill-button.secondary:hover{background:#fff;color:#000}
.product-visual{position:absolute;z-index:-1;inset:-3rem 0;min-height:0;background-repeat:no-repeat;background-size:var(--product-size,cover),cover;background-position:var(--product-position,center),center;transform:translate3d(0,var(--product-parallax-y,0),0) scale(1.025);will-change:transform}.software-product:first-child{background:#fff}.product-visual--os{inset:0;background-image:var(--product-image),linear-gradient(#fff,#fff);transform:translate3d(0,var(--product-parallax-y,0),0)}.product-visual--metalens{background-image:var(--product-image),radial-gradient(circle at 50% 65%,#f2f1ec 0%,#d2d4cf 42%,#8e9694 100%)}
@media(prefers-reduced-motion:reduce){.product-visual{inset:0;transform:none;will-change:auto}}
@media(max-width:760px){.software-intro{min-height:78svh;padding-top:var(--nav-height)}.software-intro h1{font-size:clamp(3.5rem,15vw,5.8rem)}.software-product,.software-product__inner{min-height:max(72svh,44rem)}.software-product__copy{padding-block:3.5rem}.software-product h2{font-size:clamp(3rem,14vw,5.4rem)}.software-product__detail p{width:100%;font-size:1.25rem}.product-visual{background-size:var(--product-size-mobile,var(--product-size,cover)),cover}.product-actions{flex-wrap:wrap}}