:where(.kv-page) .sp-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);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(.kv-page) .sp-hero-grid .ih-display{margin-top:1.75rem;font-size:clamp(1.7rem,3.3vw,3.3rem)}:where(.kv-page) .sp-hero-visual{justify-self:end;width:100%;max-width:660px;position:relative}.kv-hero-photo{aspect-ratio:4/3;overflow:hidden}.kv-hero-photo img{object-fit:cover}:where(.kv-page) .sp-product{place-items:center;display:grid}:where(.kv-page) .sp-product>*{width:100%;max-width:600px}:where(.kv-page) .sp-screen{background:#fff;border:1px solid #0f172a1a;width:100%;max-width:600px;overflow:hidden;box-shadow:0 30px 70px -40px #0f172a66}:where(.kv-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(.kv-page) .sp-screen-bar>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.kv-page) .sp-screen-body{background:#eef2f9;padding:clamp(.6rem,1.4vw,1rem)}:where(.kv-page) .kv-video{aspect-ratio:16/9;background:#eef2f9;border:1px solid #0f172a1a;width:100%;max-width:none;display:block;box-shadow:0 30px 70px -40px #0f172a66}:where(.kv-page) .sp-bullets svg{color:var(--primary);margin-top:.15rem}:where(.kv-page) .sp-bullets p{color:var(--muted-foreground);font-size:.95rem;line-height:1.6}:where(.kv-page) .sp-bullets strong{color:var(--foreground);font-weight:700}:where(.kv-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(.kv-page) .sp-switch-layer{background:color-mix(in oklab,var(--foreground)6%,var(--background));min-width:0;padding:clamp(2rem,4vw,3.5rem)}:where(.kv-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(.kv-page) .sp-problem .ih-title{font-size:clamp(2.2rem,3.6vw,3.8rem)}:where(.kv-page) .sp-problem .sp-head-center .ih-lead{margin-top:1.2rem}:where(.kv-page) .sp-problem .sp-switch{background:color-mix(in oklab,var(--foreground)6%,var(--background));gap:0;margin-top:2rem}:where(.kv-page) .sp-problem .sp-switch-layer{box-shadow:none;background:0 0;grid-area:1/1;padding:clamp(1.8rem,3vw,2.8rem)}:where(.kv-page) .sp-problem .sp-switch-layer li{padding-block:1rem}}:where(.kv-page) .sp-problem-progress span{color:var(--muted-foreground);transition:color .3s}:where(.kv-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}.kv-switch-file{color:var(--muted-foreground);align-items:center;gap:.55rem;margin-bottom:1.4rem;font-size:.74rem;display:flex}.kv-switch-file svg{flex:none}.kv-switch-file span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kv-switch-file em{letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:.66rem;font-style:normal;font-weight:800}.sp-switch-layer.is-before .kv-switch-file em{color:rgb(var(--sp-red))}.sp-switch-layer.is-after .kv-switch-file em{color:var(--sp-green-ink)}:where(.kv-page) .sp-switch-layer h3{align-items:center;gap:.45rem;display:flex}.kv-page .sp-switch-layer li{letter-spacing:-.015em;font-size:clamp(1rem,1.35vw,1.2rem);font-weight:450}@media (min-width:821px) and (min-height:600px) and (prefers-reduced-motion:no-preference){.kv-page .sp-problem .sp-switch-layer li{padding-block:.65rem}.sp-problem .kv-switch-file{margin-bottom:1rem}:where(.kv-page) .sp-problem .sp-switch-layer ul{margin-top:.8rem}}@media (min-width:821px) and (min-height:600px) and (max-height:860px) and (prefers-reduced-motion:no-preference){:where(.kv-page) .sp-problem .ih-title{font-size:clamp(2rem,3vw,3rem)}:where(.kv-page) .sp-problem .ih-eyebrow+.ih-title{margin-top:1rem}:where(.kv-page) .sp-problem .sp-problem-progress,:where(.kv-page) .sp-problem .sp-switch{margin-top:1.2rem}:where(.kv-page) .sp-problem .sp-switch-layer{padding-block:1.4rem}:where(.kv-page) .sp-problem .sp-switch{max-width:1000px}.kv-page .sp-problem .sp-switch-layer li{font-size:clamp(.95rem,1vw,1rem)}}@media (min-width:821px) and (min-height:600px) and (max-height:680px) and (prefers-reduced-motion:no-preference){:where(.kv-page) .sp-problem .ih-title{font-size:clamp(1.8rem,2.6vw,2.5rem)}:where(.kv-page) .sp-problem .sp-head-center .ih-lead{margin-top:.7rem}:where(.kv-page) .sp-problem .sp-switch-layer{padding-block:1rem}.sp-problem .kv-switch-file{margin-bottom:.6rem}.kv-page .sp-problem .sp-switch-layer li{padding-block:.4rem}:where(.kv-page) .sp-problem .sp-problem-hint{margin-top:.8rem}}:where(.kv-page) .sp-metric-title{letter-spacing:-.02em;max-width:28ch;margin-top:2rem;font-size:1.1rem;font-weight:700;line-height:1.35}:where(.kv-page) .sp-metric-text{color:#ffffff9e;max-width:40ch;margin-top:.6rem;font-size:.95rem;line-height:1.6}.kv-step-photo{position:relative;overflow:hidden}.kv-step-photo img{object-fit:cover}.kv-page .sp-wide-title{max-width:22ch;font-size:clamp(2rem,3.9vw,4rem)}:where(.kv-page) .sp-carousel .ih-carousel-menu{grid-template-columns:repeat(4,minmax(0,1fr))}:where(.kv-page) .sp-carousel .ih-carousel-copy h3{font-size:clamp(1.8rem,2.9vw,3rem)}.kv-page .sp-stage{background:0 0;place-items:center;padding:clamp(1rem,3vw,2.5rem) 0;display:grid}:where(.kv-page) .sp-stage-stack{width:100%;max-width:600px;display:grid}:where(.kv-page) .sp-stage-stack>div{visibility:hidden;grid-area:1/1;min-width:0;display:flex}:where(.kv-page) .sp-stage-stack .sp-mockup>*{flex:1;min-width:0;height:auto}:where(.kv-page) .sp-feature{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(3rem,7vw,8rem);display:grid}:where(.kv-page) .sp-feature.is-reversed{grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr)}:where(.kv-page) .sp-feature.is-reversed .sp-feature-copy{order:2}:where(.kv-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(.kv-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(.kv-page) .sp-grid{border-bottom:1px solid color-mix(in oklab,var(--foreground)24%,transparent);margin-top:clamp(4rem,7vw,7rem);display:grid}:where(.kv-page) .sp-grid.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.kv-page) .sp-grid-item{border-top:1px solid color-mix(in oklab,var(--foreground)24%,transparent);min-height:13rem;padding:2.25rem 2.25rem 2.25rem 0}:where(.kv-page) .sp-grid.is-three .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(.kv-page) .sp-grid-item p{max-width:40ch;color:var(--muted-foreground);margin-top:.9rem;font-size:.95rem;line-height:1.7}:where(.kv-page) .sp-final-title{letter-spacing:-.055em;text-wrap:balance;max-width:22ch;font-size:clamp(1.7rem,4.6vw,4.6rem);font-weight:740;line-height:1}.kv-page .sp-final-button{min-height:3.9rem;padding-inline:2rem;font-size:1rem}:where(.kv-page) .sp-final .ih-button-secondary{color:#fff;border-color:#fff6}:where(.kv-page) .sp-final .ih-button-secondary:hover{background:#ffffff14;border-color:#ffffffbf}@media (max-width:1100px){:where(.kv-page) .sp-hero-grid,:where(.kv-page) .sp-feature,:where(.kv-page) .sp-feature.is-reversed{grid-template-columns:minmax(0,1fr)}:where(.kv-page) .sp-hero-visual{justify-self:center}:where(.kv-page) .sp-hero-grid .ih-display{max-width:18ch;font-size:clamp(2.2rem,5.5vw,3.6rem)}:where(.kv-page) .sp-feature,:where(.kv-page) .sp-feature.is-reversed{gap:2.5rem}:where(.kv-page) .sp-feature.is-reversed .sp-feature-copy{order:0}}@media (max-width:820px){:where(.kv-page) .sp-grid.is-three{grid-template-columns:1fr}:where(.kv-page) .sp-grid .sp-grid-item,:where(.kv-page) .sp-grid.is-three .sp-grid-item:not(:nth-child(3n+1)){border-left:0;min-height:auto;padding:1.8rem 0}:where(.kv-page) .sp-stage-stack>div:not(.is-active){display:none}}@media (max-width:560px){:where(.kv-page) .sp-hero-grid .ih-display{max-width:none;font-size:clamp(1.5rem,7.5vw,1.75rem)}:where(.kv-page) .sp-final-actions,.kv-page .sp-final-button{width:100%}}