:where(.av-page) .sp-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(2.5rem,5vw,5.5rem);padding-block:clamp(1rem,3vh,2.5rem) clamp(2.5rem,5vh,4rem);display:grid}:where(.av-page) .sp-hero-grid .ih-display{max-width:14ch;margin-top:1.75rem}.av-hero-photo{justify-self:end;width:100%;max-width:660px;position:relative}.av-hero-photo-frame{aspect-ratio:4/3;position:relative;overflow:hidden}.av-hero-photo-frame img{object-fit:cover}.av-mobile-photo{aspect-ratio:4/5;justify-self:center;width:100%;max-width:520px;position:relative;overflow:hidden}.av-mobile-photo img{object-fit:cover}:where(.av-page) .sp-product,.av-page .sp-stage{place-items:center;display:grid}.av-page .sp-stage{background:0 0;padding:clamp(1rem,3vw,2.5rem) 0}:where(.av-page) .sp-screen{background:#fff;border:1px solid #0f172a1a;width:100%;max-width:600px;overflow:hidden;box-shadow:0 30px 70px -40px #0f172a66}:where(.av-page) .sp-screen [class*=rounded]:not([class*=rounded-full]){border-radius:0}:where(.av-page) .sp-screen-bar{color:#64748b;border-bottom:1px solid #0f172a14;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.72rem;font-weight:650;display:flex}:where(.av-page) .sp-screen-bar>span:first-child{overflow-wrap:anywhere;min-width:0}:where(.av-page) .sp-screen-body{background:#eef2f9;padding:clamp(.6rem,1.4vw,1rem)}:where(.av-page) .sp-bullets svg{color:var(--primary);margin-top:.15rem}:where(.av-page) .sp-bullets strong{letter-spacing:-.01em;font-size:.98rem;font-weight:700;display:block}:where(.av-page) .sp-bullets span{color:var(--muted-foreground);margin-top:.25rem;font-size:.9rem;line-height:1.6;display:block}:where(.av-page) .sp-switch{isolation:isolate;gap:1.5rem;width:100%;max-width:880px;margin:clamp(3.5rem,6vw,5.5rem) auto 0;display:grid;position:relative}:where(.av-page) .sp-switch-layer{background:color-mix(in oklab, var(--foreground) 6%, var(--background));padding:clamp(2rem,4vw,3.5rem)}:where(.av-page) .sp-switch-layer h3{letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;font-weight:800}@media (min-width:821px) and (min-height:600px) and (prefers-reduced-motion:no-preference){:where(.av-page) .sp-problem .ih-title{font-size:clamp(2.2rem,3.6vw,3.8rem)}:where(.av-page) .sp-problem .sp-head-center .ih-lead{margin-top:1.2rem}}@media (min-width:821px) and (min-height:600px) and (prefers-reduced-motion:no-preference),(max-width:820px) and (min-height:640px) and (prefers-reduced-motion:no-preference){:where(.av-page) .sp-problem .sp-switch{background:color-mix(in oklab, var(--foreground) 6%, var(--background));gap:0;margin-top:2rem}:where(.av-page) .sp-problem .sp-switch-layer{box-shadow:none;background:0 0;grid-area:1/1;padding:clamp(1.8rem,3vw,2.8rem)}:where(.av-page) .sp-problem .sp-switch-layer li{padding-block:1rem}}@media (min-width:821px) and (min-height:600px) and (max-height:820px) and (prefers-reduced-motion:no-preference){:where(.av-page) .sp-problem .ih-title{font-size:clamp(1.9rem,3vw,2.8rem)}:where(.av-page) .sp-problem .sp-head-center .ih-title{margin-top:1rem}:where(.av-page) .sp-problem .sp-head-center .ih-lead{margin-top:.8rem}:where(.av-page) .sp-problem .sp-problem-progress,:where(.av-page) .sp-problem .sp-switch{margin-top:1.2rem}:where(.av-page) .sp-problem .sp-switch-layer{padding-block:1.3rem}:where(.av-page) .sp-problem .sp-switch-layer ul{margin-top:.8rem}:where(.av-page) .sp-problem .sp-switch-layer li{padding-block:.6rem}:where(.av-page) .sp-problem .sp-problem-hint{margin-top:1rem}}@media (max-width:820px) and (min-height:640px) and (prefers-reduced-motion:no-preference){:where(.av-page) .sp-problem .sp-switch{margin-top:1.2rem}:where(.av-page) .sp-problem .sp-switch-layer{padding:1.5rem}:where(.av-page) .sp-problem .sp-switch-layer ul{margin-top:.8rem}:where(.av-page) .sp-problem .sp-switch-layer li{padding-block:.7rem}:where(.av-page) .sp-problem .sp-problem-hint{margin-top:1rem}}:where(.av-page) .sp-problem-progress span{color:var(--muted-foreground);transition:color .3s}:where(.av-page) .sp-problem-bar span{width:100%;height:100%;transform:scaleX(var(--sp-progress,1));transform-origin:0;background:linear-gradient(90deg, rgb(var(--sp-red)), rgb(var(--sp-green)));display:block}.av-step-photo{position:relative;overflow:hidden}.av-step-photo img{object-fit:cover}.av-page .sp-metrics .av-metric-label{padding-left:calc(.83 * var(--sp-metric-size))}:where(.av-page) .sp-results{padding-bottom:clamp(3rem,5vw,4.5rem)}:where(.av-page) .sp-carousel .ih-carousel-menu{grid-template-columns:repeat(4,minmax(0,1fr))}:where(.av-page) .sp-carousel .ih-carousel-copy h3{font-size:clamp(2.1rem,3.4vw,3.6rem)}:where(.av-page) .sp-stage-stack{grid-template-columns:minmax(0,1fr);width:100%;max-width:600px;display:grid}:where(.av-page) .sp-stage-stack>div{visibility:hidden;grid-area:1/1;display:flex}:where(.av-page) .sp-stage-stack .sp-screen{max-width:none}:where(.av-page) .sp-stage-stack .sp-screen,:where(.av-page) .sp-screen[data-equal-height]{flex-direction:column;display:flex}:where(.av-page) .sp-screen[data-equal-height]>.sp-screen-body{flex:1;align-content:center;display:grid}:where(.av-page) .sp-stage-stack .sp-screen-body{flex-direction:column;flex:1;min-height:0;padding:1rem;display:flex}:where(.av-page) .sp-feature{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(3rem,7vw,8rem);display:grid}:where(.av-page) .sp-feature.is-reversed{grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr)}:where(.av-page) .sp-feature.is-reversed .sp-feature-copy{order:2}:where(.av-page) .sp-feature-title{letter-spacing:-.05em;text-wrap:balance;max-width:15ch;margin-top:1.4rem;font-size:clamp(2rem,3.4vw,3.4rem);font-weight:720;line-height:1.03}:where(.av-page) .sp-feature-copy>p{max-width:46ch;color:var(--muted-foreground);margin-top:1.5rem;font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.7}:where(.av-page) .sp-grid{border-bottom:1px solid color-mix(in oklab, var(--foreground) 24%, transparent);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(4rem,7vw,7rem);display:grid}:where(.av-page) .sp-grid-item{border-top:1px solid color-mix(in oklab, var(--foreground) 24%, transparent);min-height:14rem;padding:2.25rem 2.25rem 2.25rem 0}:where(.av-page) .sp-grid-item:not(:nth-child(3n+1)){border-left:1px solid color-mix(in oklab, var(--foreground) 24%, transparent);padding-left:2.25rem}:where(.av-page) .sp-grid-item p{max-width:38ch;color:var(--muted-foreground);margin-top:.9rem;font-size:.95rem;line-height:1.7}:where(.av-page) .sp-final-title{letter-spacing:-.055em;text-wrap:balance;max-width:16ch;font-size:clamp(2.6rem,5.6vw,5.75rem);font-weight:740;line-height:1}.av-page .sp-final-button{min-height:3.9rem;margin-top:2.6rem;padding-inline:2rem;font-size:1rem}@media (max-width:1100px){:where(.av-page) .sp-hero-grid,:where(.av-page) .sp-feature{grid-template-columns:1fr}.av-hero-photo{justify-self:center}:where(.av-page) .sp-feature{gap:2.5rem}:where(.av-page) .sp-feature.is-reversed{grid-template-columns:1fr}:where(.av-page) .sp-feature.is-reversed .sp-feature-copy{order:0}:where(.av-page) .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.av-page) .sp-grid-item:not(:nth-child(3n+1)){border-left:0;padding-left:0}:where(.av-page) .sp-grid-item:nth-child(2n){border-left:1px solid color-mix(in oklab, var(--foreground) 24%, transparent);padding-left:2.25rem}}@media (max-width:820px){:where(.av-page) .sp-grid{grid-template-columns:1fr}:where(.av-page) .sp-grid-item,:where(.av-page) .sp-grid-item:nth-child(2n){border-left:0;min-height:auto;padding:1.8rem 0}}