*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #000000;--white: #ffffff;--grey-50: #fafafa;--grey-100: #f5f5f5;--grey-200: #e5e5e5;--grey-300: #d4d4d4;--grey-400: #a3a3a3;--grey-500: #737373;--grey-600: #525252;--grey-700: #404040;--grey-800: #262626;--grey-900: #171717;--grey-950: #0a0a0a;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", "SF Mono", "Fira Code", monospace;--text-xs: clamp(.625rem, 1.5vmin, .75rem);--text-sm: clamp(.75rem, 2vmin, .875rem);--text-base: clamp(.875rem, 2.5vmin, 1rem);--text-lg: clamp(1rem, 3vmin, 1.25rem);--text-xl: clamp(1.25rem, 4vmin, 1.5rem);--text-2xl: clamp(1.5rem, 5vmin, 2rem);--text-3xl: clamp(2rem, 6vmin, 3rem);--text-4xl: clamp(2.5rem, 8vmin, 4rem);--text-5xl: clamp(3rem, 10vmin, 5rem);--text-hero: clamp(3.5rem, 12vmin, 8rem);--space-1: clamp(.25rem, 1vmin, .5rem);--space-2: clamp(.5rem, 1.5vmin, .75rem);--space-3: clamp(.75rem, 2vmin, 1rem);--space-4: clamp(1rem, 2.5vmin, 1.5rem);--space-6: clamp(1.5rem, 3vmin, 2rem);--space-8: clamp(2rem, 4vmin, 3rem);--space-12: clamp(3rem, 6vmin, 4rem);--radius-sm: clamp(.25rem, 1vmin, .5rem);--radius-md: clamp(.5rem, 1.5vmin, .75rem);--radius-lg: clamp(.75rem, 2vmin, 1rem);--radius-xl: clamp(1rem, 2.5vmin, 1.5rem);--radius-2xl: clamp(1.5rem, 3vmin, 2rem);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}html,body{overflow:hidden;width:100vw;height:100vh;height:100dvh;font-family:var(--font-sans);background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--black);color:var(--white)}::-moz-selection{background:var(--black);color:var(--white)}#root{width:100%;height:100%;overflow:hidden}.mono{font-family:var(--font-mono)}.app{width:100%;height:100%;position:relative;overflow:hidden}.screen{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.index-screen{position:relative}.index-panels{display:flex;width:100%;height:100%}@media(min-aspect-ratio:1/1){.index-panels{flex-direction:row}}@media(max-aspect-ratio:1/1){.index-panels{flex-direction:column}}.index-panel{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:background var(--transition-base)}.index-panel:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--transition-base)}.index-panel:hover:before{opacity:1}.panel-left{background:var(--white);border-right:1px solid var(--grey-200)}.panel-left:before{background:linear-gradient(135deg,var(--grey-50) 0%,var(--white) 100%)}.panel-right{background:var(--grey-950)}.panel-right:before{background:linear-gradient(135deg,var(--grey-900) 0%,var(--black) 100%)}@media(max-aspect-ratio:1/1){.panel-left{border-right:none;border-bottom:1px solid var(--grey-200)}}.panel-content{position:relative;z-index:1;padding:var(--space-8)}.panel-text{font-size:var(--text-hero);font-weight:600;line-height:.95;letter-spacing:-.03em;text-transform:uppercase}.panel-left .panel-text{color:var(--black)}.panel-right .panel-text{color:var(--white)}.panel-text span{display:block;opacity:0;transform:translateY(20px)}.divider-line{position:absolute;background:var(--grey-300);z-index:50}@media(min-aspect-ratio:1/1){.divider-line{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}}@media(max-aspect-ratio:1/1){.divider-line{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}}.how-it-works{padding:var(--space-6);display:flex;flex-direction:column;position:relative}.back-button-simple{position:absolute;top:var(--space-4);left:var(--space-4);background:none;border:none;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--grey-600);cursor:pointer;padding:var(--space-1) 0;transition:color var(--transition-fast);z-index:100}.back-button-simple:hover{color:var(--black)}.how-it-works-layout{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:0;padding-top:var(--space-8);min-height:0;position:relative;align-items:stretch}@media(max-aspect-ratio:1/1){.how-it-works-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:var(--space-4)}}.how-it-works-left{display:flex;flex-direction:column;justify-content:space-between;padding-right:0;z-index:20;pointer-events:none;height:100%}.how-it-works-left>*{pointer-events:auto}@media(max-aspect-ratio:1/1){.how-it-works-left{padding-right:0;height:auto}}.how-it-works-title{font-family:var(--font-mono);font-size:clamp(2rem,10vmin,6rem);font-weight:700;letter-spacing:-.03em;color:var(--black);line-height:1.5;margin-bottom:var(--space-6);width:140%;max-width:none}.how-it-works-title span{background-color:var(--white);padding:.15em .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:var(--radius-sm)}.how-it-works .accordion-container{flex:0;margin-top:auto;margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);max-width:95%;width:100%;border-radius:var(--radius-lg)}@media(max-aspect-ratio:1/1){.how-it-works .accordion-container{max-width:none;width:100%}}.how-it-works-right{display:flex;align-items:start;justify-content:flex-end;min-height:0;height:100%}.how-it-works .video-container{width:100%;height:100%;max-height:85vh;border-radius:var(--radius-xl);overflow:hidden;background:var(--grey-100);position:relative}.how-it-works .video-container video{width:100%;height:100%;object-fit:cover}.video-button-container{position:absolute;bottom:var(--space-4);right:var(--space-4)}.accordion-item{border:none;border-top:1px solid var(--grey-200);border-radius:0;overflow:hidden;background:transparent;transition:background var(--transition-base)}.accordion-item:first-child{border-top:none}.accordion-item:hover,.accordion-item.active{background:transparent}.accordion-header{padding:var(--space-4) 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);-webkit-user-select:none;user-select:none}.accordion-title{font-family:var(--font-mono);font-size:clamp(1rem,2vmin,1.25rem);font-weight:600;color:var(--black)}.accordion-icon{width:clamp(1.5rem,3vmin,2rem);height:clamp(1.5rem,3vmin,2rem);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--grey-200);flex-shrink:0;transition:transform var(--transition-base),background var(--transition-base)}.accordion-item.active .accordion-icon{transform:rotate(45deg);background:var(--grey-900);color:var(--white)}.accordion-body{height:0;overflow:hidden}.accordion-content{padding:0 0 var(--space-4);color:var(--grey-500);font-size:clamp(.875rem,2.5vmin,1rem);line-height:1.6;max-width:90%}.next-button-container{position:absolute;bottom:var(--space-6);right:var(--space-6)}.next-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--black);color:var(--white);border:none;border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.next-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.next-button svg{width:1.25em;height:1.25em;transition:transform var(--transition-base)}.next-button:hover svg{transform:translate(4px)}.step-screen{position:relative;overflow:hidden}.step-nav-buttons{position:absolute;inset:0;pointer-events:none;z-index:100}.step-nav-buttons .back-button{position:absolute;top:var(--space-4);left:var(--space-4);pointer-events:auto}.step-nav-buttons .next-button-wrapper{position:absolute;bottom:var(--space-6);right:var(--space-6);pointer-events:auto}.prev-step-button{position:absolute;bottom:var(--space-6);left:var(--space-6);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--white);border:1px solid var(--grey-300);border-radius:var(--radius-lg);color:var(--grey-600);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);pointer-events:auto}.prev-step-button:hover{background:var(--grey-100);border-color:var(--grey-400);color:var(--black)}.prev-step-button svg{width:1em;height:1em}.step-content-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-6);padding-top:calc(var(--space-6) + 3rem)}.step-layout{width:100%;height:100%;display:grid;gap:var(--space-6);max-width:1600px}@media(min-aspect-ratio:1/1){.step-layout{grid-template-columns:minmax(200px,.35fr) 1fr;align-items:center}}@media(max-aspect-ratio:1/1){.step-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start}}.step-number-column{display:flex;align-items:center;justify-content:center;height:100%}@media(max-aspect-ratio:1/1){.step-number-column{height:auto;justify-content:flex-start}}.step-number-large{font-size:clamp(6rem,20vmin,16rem);font-weight:800;letter-spacing:-.05em;color:var(--grey-200);line-height:.85;-webkit-user-select:none;user-select:none}@media(max-aspect-ratio:1/1){.step-number-large{font-size:clamp(4rem,15vmin,8rem)}}.step-content-column{display:flex;flex-direction:column;gap:var(--space-4);height:100%;min-height:0}.step-content-column.no-media{justify-content:center}.step-info{flex-shrink:0}.step-title{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;color:var(--black);letter-spacing:-.02em;margin-bottom:var(--space-2)}.step-description{font-size:var(--text-lg);color:var(--grey-500);max-width:50ch;line-height:1.5}.step-media-container{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);overflow:hidden}.step-video-container{width:100%;height:100%;max-height:100%;border-radius:var(--radius-xl);overflow:hidden;background:var(--grey-100);border:1px solid var(--grey-200)}.step-video-container video{width:100%;height:100%;object-fit:cover}.comparison-container{width:100%;height:100%;position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--grey-100);border:1px solid var(--grey-200);cursor:ew-resize;-webkit-user-select:none;user-select:none}.comparison-video{position:absolute;inset:0;width:100%;height:100%}.comparison-video video{width:100%;height:100%;object-fit:cover}.comparison-video.before{clip-path:inset(0 50% 0 0)}.comparison-divider{position:absolute;top:0;bottom:0;left:50%;width:4px;background:var(--white);transform:translate(-50%);z-index:10;box-shadow:0 0 20px #0000004d}.comparison-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(2.5rem,6vmin,3.5rem);height:clamp(2.5rem,6vmin,3.5rem);background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0003;z-index:20}.comparison-handle svg{width:60%;height:60%;color:var(--grey-600)}.comparison-label{position:absolute;bottom:var(--space-4);padding:var(--space-2) var(--space-3);background:#000000b3;color:var(--white);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.comparison-label.before-label{left:var(--space-4)}.comparison-label.after-label{right:var(--space-4)}.download-section{display:flex;font-family:var(--font-mono);align-items:center;gap:var(--space-4);margin-top:var(--space-4)}.download-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--black);color:var(--white);text-decoration:none;border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:600;transition:transform var(--transition-base),box-shadow var(--transition-base)}.download-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.skip-text{color:var(--grey-400);font-size:var(--text-sm)}.back-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--grey-300);border-radius:var(--radius-md);color:var(--grey-600);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);z-index:100}.back-button:hover{background:var(--grey-100);border-color:var(--grey-400);color:var(--black)}.back-button svg{width:1em;height:1em}.how-it-works>.back-button{position:absolute;top:var(--space-4);left:var(--space-4)}