.landing-screen-shell .landing-screen-difference{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,1.8vw,1.35rem);align-items:start;padding-block:clamp(3.75rem,5.8vw,5.25rem);border-block:1px solid rgba(10,10,10,.08);background:#f8f4ed;box-shadow:0 0 0 100vmax #f8f4ed;-webkit-clip-path:inset(0 -100vmax);clip-path:inset(0 -100vmax);color:#090909}.landing-screen-shell .landing-screen-difference .landing-screen-section-copy{grid-column:1/-1;width:100%;min-width:0;max-width:100%;gap:clamp(.8rem,1.4vw,1.05rem)}.landing-screen-shell .landing-screen-difference .landing-screen-section-copy h2{max-width:15em;color:#090909;font-size:3.85rem;line-height:1.02}.landing-screen-shell .landing-screen-difference .landing-screen-kicker{color:hsl(var(--theme-hue) 72% 38%)}.landing-screen-shell .landing-screen-difference .landing-screen-section-copy p:not(.landing-screen-kicker){max-width:44rem;color:rgba(9,9,9,.68);font-size:1.04rem}.landing-screen-shell .landing-screen-difference .landing-screen-comparison{--comparison-fade:clamp(3.25rem,9vw,7.5rem);--comparison-gap:clamp(0.75rem,1.6vw,1.25rem);--comparison-peek:clamp(2.25rem,7vw,6rem);--comparison-card-width:calc(100% - var(--comparison-peek) - var(--comparison-gap));position:relative;grid-column:1/-1;width:100%;min-width:0;max-width:100%}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list{position:relative;width:100%;min-width:0;max-width:100%;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:-webkit-grab;cursor:grab;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;mask-image:linear-gradient(90deg,transparent 0,black var(--comparison-fade),black calc(100% - var(--comparison-fade)),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,black var(--comparison-fade),black calc(100% - var(--comparison-fade)),transparent 100%)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list[data-position=start]{mask-image:linear-gradient(90deg,black 0,black calc(100% - var(--comparison-fade)),transparent 100%);-webkit-mask-image:linear-gradient(90deg,black 0,black calc(100% - var(--comparison-fade)),transparent 100%)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list[data-position=end]{mask-image:linear-gradient(90deg,transparent 0,black var(--comparison-fade),black 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,black var(--comparison-fade),black 100%)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list[data-dragging=true]{cursor:-webkit-grabbing;cursor:grabbing}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list:focus-visible{outline:2px solid hsl(var(--theme-hue) 100% 78%/.78);outline-offset:4px}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-track{display:flex;align-items:stretch;gap:var(--comparison-gap);width:100%;min-width:0;will-change:transform;transition:transform .42s cubic-bezier(.22,1,.36,1)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list[data-dragging=true] .landing-screen-comparison-track{transition:none}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-arrow{position:absolute;z-index:3;top:calc(50% - .9rem);display:inline-grid;place-items:center;width:clamp(2.45rem,4vw,2.95rem);height:clamp(2.45rem,4vw,2.95rem);padding:0;border:1px solid rgba(9,9,9,.14);border-radius:999px;color:rgba(247,245,239,.9);background:radial-gradient(circle at 50% 20%,hsl(var(--theme-hue) 100% 82%/.18),transparent 58%),rgba(8,8,11,.82);box-shadow:0 1rem 2.4rem rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);cursor:pointer;transform:translateY(-50%);transition:border-color .18s var(--screen-motion-ease),background .18s var(--screen-motion-ease),color .18s var(--screen-motion-ease),opacity .18s var(--screen-motion-ease),transform .18s var(--screen-motion-ease)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-arrow-left{left:max(.55rem,calc(var(--comparison-peek) * .18))}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-arrow-right{right:max(.55rem,calc(var(--comparison-peek) * .18))}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-arrow:disabled{opacity:0;cursor:default;pointer-events:none}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-arrow:focus-visible{outline:2px solid hsl(var(--theme-hue) 100% 78%/.82);outline-offset:4px}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article{position:relative;flex:0 0 var(--comparison-card-width);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(6.25rem,1fr);align-content:space-between;grid-gap:clamp(1.05rem,2vw,1.85rem);gap:clamp(1.05rem,2vw,1.85rem);width:100%;min-width:0;max-width:100%;min-height:clamp(18.75rem,28vw,24rem);padding:clamp(1.25rem,2vw,1.75rem);overflow:hidden;border:1px solid var(--screen-line);border-radius:var(--screen-radius);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),#171719;box-shadow:0 1.4rem 3rem rgba(7,7,8,.16),inset 0 1px 0 rgba(255,255,255,.06)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article+article{border-top:1px solid var(--screen-line)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article>div{position:relative;z-index:1;min-width:0}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list small{display:block;margin-bottom:.55rem;color:var(--screen-accent-2);font-size:.68rem;font-weight:900;text-transform:uppercase}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list strong{display:block;max-width:13.4em;color:var(--screen-text);font-size:clamp(1.7rem,2.55vw,2.45rem);font-weight:920;line-height:1.08}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list p{max-width:44ch;margin-top:.75rem;color:var(--screen-muted);font-size:clamp(.92rem,1.05vw,1rem);line-height:1.48}.landing-screen-shell .landing-screen-difference .landing-difference-transcript{position:relative;z-index:1;align-self:end;display:grid;grid-gap:.18rem;gap:.18rem;min-height:8rem;margin-top:clamp(1.5rem,3vw,2.8rem);padding:.9rem 1rem .85rem;border:1px solid rgba(247,245,239,.14);border-left:3px solid hsl(var(--theme-hue) 100% 82%/.68);border-radius:var(--screen-radius);background:rgba(5,5,7,.34);color:rgba(247,245,239,.66);font-family:var(--font-mono);font-size:.78rem;font-weight:720;line-height:1.62;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.landing-screen-shell .landing-screen-difference .landing-difference-transcript-line{display:block;max-width:34ch}.landing-screen-shell .landing-screen-difference .landing-difference-transcript-line.is-cut{opacity:.74;text-decoration:line-through;-webkit-text-decoration-color:rgba(255,143,146,.72);text-decoration-color:rgba(255,143,146,.72);text-decoration-thickness:2px}.landing-screen-shell .landing-screen-difference .landing-difference-transcript-line.is-pause{opacity:.48}.landing-screen-shell .landing-screen-difference .landing-difference-transcript:after{content:"";position:absolute;right:clamp(2rem,4vw,3.5rem);bottom:clamp(.8rem,1.6vw,1.1rem);width:2px;height:calc(100% - 1.6rem);background:hsl(var(--theme-hue) 100% 86%/.62);box-shadow:0 0 0 5px hsl(var(--theme-hue) 100% 76%/.08);pointer-events:none}.landing-screen-shell .landing-screen-difference .landing-difference-files{position:relative;z-index:1;display:inline-flex;align-items:flex-end;width:-moz-fit-content;width:fit-content;margin-top:clamp(.85rem,1.4vw,1.15rem);pointer-events:none}.landing-screen-shell .landing-screen-difference .landing-difference-files span{display:inline-grid;place-items:center;min-width:4.7rem;min-height:1.95rem;padding-inline:.72rem;border:1px solid rgba(247,245,239,.14);border-radius:var(--screen-radius);color:rgba(247,245,239,.82);font-size:.68rem;font-weight:880;text-transform:uppercase;background:rgba(255,255,255,.055);box-shadow:var(--shadow)}.landing-screen-shell .landing-screen-difference .landing-difference-files span:first-child{transform:translateY(-.48rem)}.landing-screen-shell .landing-screen-difference .landing-difference-files span:last-child{margin-left:-.45rem;transform:translateY(.26rem)}.landing-screen-shell .landing-screen-difference .landing-difference-waveform{display:block;width:min(100%,17.5rem);height:3.75rem;margin-top:clamp(1rem,1.6vw,1.35rem);border:1px solid rgba(247,245,239,.13);border-radius:var(--screen-radius);background:rgba(255,255,255,.04);overflow:visible}.landing-screen-shell .landing-screen-difference .landing-difference-waveform path{fill:none;stroke:rgba(247,245,239,.42);stroke-linecap:round;stroke-width:5}.landing-screen-shell .landing-screen-difference .landing-difference-waveform line{stroke:hsl(var(--theme-hue) 100% 84%/.88);stroke-linecap:round;stroke-width:3}@media (hover:hover) and (pointer:fine){.landing-screen-shell .landing-screen-difference .landing-screen-comparison-arrow:not(:disabled):hover{border-color:hsl(var(--theme-hue) 100% 32%/.28);color:var(--screen-text);background:radial-gradient(circle at 50% 20%,hsl(var(--theme-hue) 100% 82%/.26),transparent 58%),rgba(18,18,24,.92);transform:translateY(-50%) scale(1.04)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article:hover{border-color:hsl(var(--theme-hue) 100% 84%/.22);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),#171719;box-shadow:0 1.55rem 3.2rem rgba(7,7,8,.18),inset 0 1px 0 rgba(255,255,255,.06);filter:none;transform:translateY(-2px)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article:first-child:hover{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),#171719}}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-dots{display:flex;justify-content:center;gap:.55rem;margin-top:.75rem}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-dots button{width:.62rem;height:.62rem;padding:0;border:1px solid rgba(9,9,9,.18);border-radius:999px;background:rgba(9,9,9,.22);box-shadow:none;cursor:pointer;transition:width .18s var(--screen-motion-ease),border-color .18s var(--screen-motion-ease),background .18s var(--screen-motion-ease),transform .18s var(--screen-motion-ease)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-dots button[aria-current=true]{width:1.65rem;border-color:hsl(var(--theme-hue) 84% 38%/.34);background:hsl(var(--theme-hue) 88% 48%/.82)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-dots button:focus-visible{outline:2px solid hsl(var(--theme-hue) 100% 78%/.8);outline-offset:4px}@media (hover:hover) and (pointer:fine){.landing-screen-shell .landing-screen-difference .landing-screen-comparison-dots button:hover{border-color:hsl(var(--theme-hue) 82% 38%/.38);background:hsl(var(--theme-hue) 82% 48%/.48);transform:translateY(-1px)}}@media (max-width:1199px){.landing-screen-shell .landing-screen-difference .landing-screen-section-copy h2{font-size:3rem}.landing-screen-shell .landing-screen-difference .landing-screen-section-copy p:not(.landing-screen-kicker){font-size:1.02rem}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list strong{font-size:clamp(1.65rem,4vw,2.5rem)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list p{font-size:.98rem}.landing-screen-shell .landing-screen-difference .landing-difference-transcript{font-size:.74rem}}@media (max-width:1023px){.landing-screen-shell .landing-screen-difference{grid-template-columns:1fr;padding-block:clamp(3.1rem,6vw,4.35rem)}.landing-screen-shell .landing-screen-difference .landing-screen-section-copy h2{font-size:2.35rem}.landing-screen-shell .landing-screen-difference .landing-screen-section-copy p:not(.landing-screen-kicker){font-size:.98rem}.landing-screen-shell .landing-screen-difference .landing-screen-comparison,.landing-screen-shell .landing-screen-difference .landing-screen-section-copy{grid-column:1}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-track{gap:var(--comparison-gap)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article:first-child,.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article:nth-child(2),.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article:nth-child(3){min-height:clamp(18.5rem,45vw,22.5rem);padding:clamp(1.15rem,3.5vw,1.55rem)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list strong{font-size:1.7rem}.landing-screen-shell .landing-screen-difference .landing-difference-transcript{margin-top:clamp(1.25rem,3.5vw,2rem);font-size:.7rem}}@media (max-width:640px){.landing-screen-shell .landing-screen-difference .landing-screen-comparison{--comparison-fade:clamp(2.4rem,12vw,3.25rem);--comparison-gap:0.75rem;--comparison-peek:clamp(1.25rem,8vw,2rem)}.landing-screen-shell .landing-screen-difference .landing-screen-section-copy h2{font-size:1.78rem}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article:first-child,.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article:nth-child(2),.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article:nth-child(3){min-height:clamp(19rem,96vw,22.5rem)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list strong{font-size:clamp(1.48rem,7.2vw,1.78rem)}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list p{font-size:.92rem;line-height:1.45}.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article:first-child p,.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article:nth-child(2) p,.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article:nth-child(3) p{max-width:100%}.landing-screen-shell .landing-screen-difference .landing-difference-transcript:after{right:1.35rem;bottom:.85rem;height:6.3rem}.landing-screen-shell .landing-screen-difference .landing-difference-waveform{width:100%}}@media (prefers-reduced-motion:reduce){.landing-screen-shell .landing-screen-difference .landing-screen-comparison-arrow,.landing-screen-shell .landing-screen-difference .landing-screen-comparison-dots button,.landing-screen-shell .landing-screen-difference .landing-screen-comparison-list article,.landing-screen-shell .landing-screen-difference .landing-screen-comparison-track{transition:none}}