.home-page{letter-spacing:0;scrollbar-color:var(--color-line) var(--color-canvas)}.home-page :is(h1,h2,h3){letter-spacing:0;text-wrap:balance}.home-page :is(p,li){text-wrap:pretty}.home-page [data-reveal]{filter:none;transition:opacity .8s var(--ease-fluid), transform .8s var(--ease-fluid);transform:translateY(16px)}.home-page [data-reveal=in]{transform:none}.home-page :is(button,a,summary){transition-property:color,background-color,border-color,opacity,transform;transition-timing-function:var(--ease-fluid);-webkit-tap-highlight-color:transparent}.home-page input,.home-page textarea{caret-color:var(--color-accent-ink)}.home-page [class~=bg-accent]:is(button,a){border-radius:9999px;min-height:48px;padding:8px 24px}.home-page [class~=bg-accent]:is(button,a):hover{translate:none}.home-hero{background:#fafbfc;padding:96px 0 48px;overflow:hidden}.home-hero-inner{flex-direction:column;align-items:center;gap:32px;padding-top:24px;display:flex}.home-hero-copy{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.home-hero-title{max-width:680px;color:var(--color-ink);-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#000,#666);-webkit-background-clip:text;background-clip:text;font-size:60px;font-weight:600;line-height:1}.home-hero-description{max-width:680px;color:var(--color-mute);font-size:18px;line-height:28px}.home-hero-action{flex-direction:column;align-items:center;gap:8px;display:flex}.home-hero-action>button{min-width:224px;box-shadow:inset 0 1px #ffffff80,0 4px 12px #7760001f}.home-demo-reveal{isolation:isolate;width:100%;min-width:0;max-width:1152px;position:relative}.home-demo-grid{z-index:-1;color:#e8ecf1;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(16,minmax(0,1fr));display:grid;position:absolute;inset:-32px -96px;overflow:hidden}.home-demo-grid span{border:1px solid;border-width:0 1px 1px 0}.home-demo-caption{text-align:center;color:var(--color-mute);margin-top:16px;font-size:12px;line-height:16px}.home-glass,.demo-window{background:var(--site-glass);border:1px solid var(--site-glass-rim);box-shadow:var(--site-glass-shadow);-webkit-backdrop-filter:blur(28px)saturate(140%)}.demo-window{background:#eff2f6c7;border-color:#fff;border-radius:24px;padding:16px;box-shadow:inset 0 0 0 1px #ffffffd9,0 24px 64px #2732461f,0 4px 12px #2732460a}.demo-toolbar{color:var(--color-mute);justify-content:space-between;align-items:center;gap:16px;padding:0 8px 16px;font-size:12px;line-height:16px;display:flex}.demo-window-dots{gap:8px;display:flex}.demo-window-dots i{background:#c3c9d2;border-radius:9999px;width:8px;height:8px}.demo-toolbar-meta{text-align:right;min-width:64px}.demo-workspace{grid-template-columns:128px minmax(0,1fr) 88px;gap:12px;display:grid}.demo-sidebar{flex-direction:column;gap:8px;padding:12px 0;display:flex}.demo-sidebar :is(button,a){color:var(--color-mute);text-align:left;border-radius:12px;align-items:center;gap:8px;padding:12px;font-size:14px;line-height:20px;display:flex}.demo-sidebar :is(button,a):hover{background:var(--color-surface);color:var(--color-ink)}.demo-sidebar button[aria-pressed=true]{background:var(--color-surface);color:var(--color-ink);font-weight:500;box-shadow:0 2px 8px #2732460f}.demo-sidebar svg{flex-shrink:0}.demo-content{background:#d0d6e066;border-radius:16px;min-width:0;padding:8px}.demo-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.demo-player{isolation:isolate;aspect-ratio:4/3;background:#181818;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001f}.demo-player video{object-fit:contain;width:100%;height:100%;position:relative}.demo-video-backdrop{z-index:-1;filter:blur(24px);opacity:.3;background-position:50%;background-size:cover;position:absolute;inset:-24px}.demo-player-label{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#181818a6;border-radius:9999px;padding:4px 12px;font-size:12px;line-height:16px;position:absolute;top:12px;left:12px}.demo-player-label[data-remake=true]{background:var(--color-accent);color:#191b20}.demo-sound{color:#fff;background:#18181899;border-radius:9999px;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:8px;right:8px}.demo-sound:hover{background:#181818d9}.demo-shot-rail{flex-direction:column;justify-content:space-between;gap:8px;padding:8px 0;display:flex}.demo-shot-rail button{aspect-ratio:4/3;background:#181818;border:2px solid #0000;border-radius:12px;width:100%;position:relative;overflow:hidden}.demo-shot-rail button[aria-current=step]{border-color:var(--color-accent)}.demo-shot-rail button:hover{border-color:var(--color-mute)}.demo-shot-rail img{object-fit:cover;object-position:center 35%;width:100%;height:100%}.demo-shot-rail span{font-variant-numeric:tabular-nums;color:#fff;background:#181818b3;border-radius:4px;padding:2px 4px;font-size:12px;line-height:16px;position:absolute;bottom:4px;right:4px}.demo-timeline{align-items:center;gap:12px;padding:12px 4px 0;display:flex}.demo-play{background:var(--color-surface);width:40px;height:40px;color:var(--color-ink);border-radius:9999px;flex-shrink:0;place-items:center;display:grid}.demo-play:hover{background:var(--color-raised)}.demo-timeline-main{flex:1;min-width:0;position:relative}.demo-filmstrip{background:#181818;border-radius:8px;gap:2px;height:40px;display:flex;overflow:hidden}.demo-filmstrip img{object-fit:cover;object-position:center 35%;opacity:.85;width:25%;height:100%}.demo-playhead{background:var(--color-accent);pointer-events:none;width:2px;position:absolute;inset-block:0}.demo-playhead:before{content:"";background:var(--color-accent);border-radius:9999px;width:8px;height:8px;position:absolute;top:0;left:-3px}.demo-timeline input{opacity:0;cursor:ew-resize;width:100%;height:100%;position:absolute;inset:0}.demo-timeline-main:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:4px;border-radius:8px}.demo-time{font-variant-numeric:tabular-nums;color:var(--color-mute);white-space:nowrap;font-size:12px;line-height:16px}.demo-mobile-tabs,.demo-pair[data-mode=shots] .demo-player[data-clip="1"]{display:none}.demo-shot-notes{flex-direction:column;gap:8px;padding:12px;display:flex}.demo-notes-title{font-size:14px;font-weight:500;line-height:20px}.demo-shot-notes button{text-align:left;border-radius:8px;grid-template-columns:auto 1fr;gap:4px 12px;padding:8px;display:grid}.demo-shot-notes button:hover,.demo-shot-notes button[aria-current=step]{background:var(--color-surface)}.demo-shot-notes button span{color:var(--color-mute);font-size:12px;line-height:16px}.demo-shot-notes button strong{font-size:14px;font-weight:500;line-height:20px}.demo-shot-notes button small{color:var(--color-mute);grid-column:2;font-size:12px;line-height:16px}.home-eyebrow{color:var(--color-mute);align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.home-eyebrow:before{content:"";background:var(--color-accent);border-radius:2px;width:8px;height:8px}.home-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.home-compare-card{background:var(--color-raised);border-radius:24px;flex-direction:column;gap:24px;padding:32px;display:flex}.home-compare-card.is-after{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line), 0 24px 64px #27324614}.home-compare-tag{color:var(--color-mute);background:var(--color-canvas);border-radius:9999px;align-self:flex-start;padding:4px 12px;font-size:12px;font-weight:600;line-height:16px}.home-compare-card.is-after .home-compare-tag{background:var(--color-accent);color:#191b20}.home-compare-icon{width:24px;height:24px;color:var(--color-mute);background:var(--color-canvas);border-radius:9999px;flex-shrink:0;place-items:center;margin-top:2px;display:grid}.home-compare-card.is-after .home-compare-icon{color:var(--color-accent-ink);background:#fdca0229}.home-step-visual{background:var(--color-surface);height:224px;box-shadow:inset 0 0 0 1px var(--color-line);border-radius:16px;place-content:center;padding:16px;overflow:hidden}.home-step-visual img{max-height:160px}.home-step-number{font-family:var(--font-mono);color:var(--color-accent-ink);align-items:center;gap:12px;font-size:14px;line-height:20px;display:flex}.home-step-number:after{content:"";background:var(--color-line);flex:1;height:1px}.home-remake,.home-templates{background:#edf0f3}.home-statement{color:#fff;background:#131209;padding:128px 0}.home-statement>div{justify-content:center;display:flex}.home-statement p{text-align:center}.home-pricing{background:var(--color-surface)}.home-price-card{background:var(--color-canvas);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:24px;flex-direction:column;gap:32px;padding:40px;display:flex}.home-price-figure{font-variant-numeric:tabular-nums;color:var(--color-ink);font-size:60px;font-weight:600;line-height:1}.home-price-figure span{color:var(--color-accent-ink)}.home-price-rules{box-shadow:inset 0 1px 0 var(--color-line);flex-direction:column;gap:24px;padding-top:32px;display:flex}.home-price-rules li{gap:12px;display:flex}.home-price-rules svg{margin-top:2px}.home-final{background:var(--site-glass)}.home-page #faq details{background:#fff6}.home-page #faq details[open]{background:var(--color-surface)}[data-theme=dark] .home-hero{background:#181818}[data-theme=dark] .home-hero-title{background-image:linear-gradient(110deg,#fff,#9b9b9b)}[data-theme=dark] .home-demo-grid{color:#272727}[data-theme=dark] .demo-window{background:#1f1f1fd9;border-color:#313131;box-shadow:inset 0 1px #ffffff14,0 24px 64px #0000003d}[data-theme=dark] .home-remake,[data-theme=dark] .home-templates,[data-theme=dark] .home-page #faq details{background:#1f1f1f}[data-theme=dark] .home-statement{background:#000}[data-theme=dark] .home-compare-card.is-after{box-shadow:inset 0 0 0 1px var(--color-line), 0 24px 64px #0000004d}[data-theme=dark] .demo-content{background:#00000038}@media (min-width:1440px){.home-hero-title{font-size:72px;line-height:1}}@media (max-width:1023px){.home-hero-title{font-size:48px;line-height:1}.demo-workspace{grid-template-columns:104px minmax(0,1fr)}.demo-shot-rail{display:none}.demo-sidebar :is(button,a){padding:12px 8px;font-size:12px;line-height:16px}.demo-time{display:none}.home-statement{padding:96px 0}}@media (max-width:639px){.home-hero{padding-top:80px;padding-bottom:32px}.home-hero-inner{gap:32px;padding-top:16px}.home-hero-copy{gap:16px}.home-hero-title{font-size:30px;line-height:36px}.home-hero-description{font-size:16px;line-height:24px}.home-hero-action>button{min-width:192px;min-height:44px}.home-demo-grid{grid-template-rows:repeat(12,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));inset:-16px -32px}.demo-window{border-radius:16px;padding:8px}.demo-toolbar{gap:8px;padding:4px 4px 12px}.demo-toolbar-meta{display:none}.demo-workspace{display:block}.demo-sidebar{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0 0 8px;display:grid}.demo-sidebar :is(button,a){border-radius:8px;flex-direction:column;justify-content:center;gap:4px;padding:8px 4px;font-size:12px;line-height:16px}.demo-content{border-radius:8px;padding:8px}.demo-mobile-tabs{gap:8px;padding-bottom:8px;display:flex}.demo-mobile-tabs button{min-height:40px;color:var(--color-mute);border-radius:9999px;flex:1;padding:8px;font-size:14px;line-height:20px}.demo-mobile-tabs button[aria-pressed=true]{background:var(--color-surface);color:var(--color-ink)}.demo-pair{display:block}.demo-player{aspect-ratio:4/3;border-radius:8px}.demo-player[data-mobile-active=false],.demo-player-label{display:none}.demo-timeline{gap:8px;padding:8px 0 0}.demo-filmstrip{height:32px}.demo-play{width:40px;height:40px}.demo-shot-notes{padding:12px 0 0}.home-comparison{grid-template-columns:1fr;gap:16px}.home-compare-card{gap:16px;padding:24px}.home-statement{padding:80px 0}.home-price-card{gap:24px;padding:24px}.home-price-figure{font-size:48px}.home-price-rules{padding-top:24px}.home-step-visual{height:auto}.home-demo-caption{margin-top:12px;font-size:12px;line-height:16px}}@media (prefers-reduced-motion:reduce){.home-page [data-reveal]{opacity:1;transition:none;transform:none}.demo-playhead{transition:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.home-glass,.demo-window{background:var(--color-surface);-webkit-backdrop-filter:none;border-color:var(--color-line)}}
