.landing-badge{background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:#4f46e5}[data-theme=dark] .landing-badge{background:#60a5fa1a;border-color:#60a5fa33;color:#60a5fa}.landing-heading-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .landing-heading-gradient{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;background-clip:text}.landing-mockup-shimmer{background:#6366f10d;border:1px solid rgba(99,102,241,.1)}[data-theme=dark] .landing-mockup-shimmer{background:#33415580;border-color:#64748b80}.landing-cta-block{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 25px 50px -12px #6366f166;border:1px solid transparent}[data-theme=dark] .landing-cta-block{background:#1e293b;box-shadow:none;border-color:#334155}.landing-cta-subtext{color:#eef2ffe6}[data-theme=dark] .landing-cta-subtext{color:#94a3b8}.landing-cta-action-btn{background:#fff;color:#4f46e5;transition:background .2s ease,transform .2s ease}.landing-cta-action-btn:hover{background:#f9fafb}[data-theme=dark] .landing-cta-action-btn{background:#334155;color:#f1f5f9}[data-theme=dark] .landing-cta-action-btn:hover{background:#475569}.lf-film,.ab-stage{--lf-sky: #dbe5f5;--lf-sky2: #edf2fb;--lf-ground: #c4d0e7;--lf-floor: #d3dbec;--lf-wall: #f3f5fb;--lf-wall2: #e3e8f5;--lf-line: #a9b4d2;--lf-prop: #8d95c9;--lf-prop2: #bcc3e8;--lf-dark: #2b3050;--lf-glass: #cad9f4;--lf-warm: #f4a261;--lf-warm2: #fbe3c0;--lf-leaf: #86bfa0;--lf-leaf2: #5f9e80;--lf-grass: #b9dcc1;--lf-wood: #c99a70;--lf-white: #ffffff;--lf-tunnel: #262942;--lf-night: #3a4275;--lf-sofa: #a5b4fc;--lf-sofa2: #8b9cf6;--lf-villa: #fdf3e6;--lf-roof: #d9825b;--lf-gold: #f5b942;--lf-chalk: rgba(255, 255, 255, .7);--lf-dim: rgba(0, 0, 0, 0)}[data-theme=dark] :is(.lf-film,.ab-stage){--lf-sky: #1b1f3a;--lf-sky2: #23284c;--lf-ground: #2a2f56;--lf-floor: #252a4b;--lf-wall: #22264a;--lf-wall2: #2a2f58;--lf-line: #3e4478;--lf-prop: #4d54a3;--lf-prop2: #383e7e;--lf-dark: #11132a;--lf-glass: #2f3668;--lf-warm: #d98a4a;--lf-warm2: #5a4a3e;--lf-leaf: #3f7a64;--lf-leaf2: #2f6150;--lf-grass: #2c4a45;--lf-wood: #7d5b44;--lf-white: #e6e8f6;--lf-tunnel: #0b0c18;--lf-night: #141733;--lf-sofa: #4b51a8;--lf-sofa2: #3d4290;--lf-villa: #3b3a52;--lf-roof: #9b5a40;--lf-gold: #e0a83a;--lf-chalk: rgba(255, 255, 255, .55);--lf-dim: rgba(8, 10, 28, .38)}:is(.lf-film,.ab-stage) .k-sky{fill:var(--lf-sky)}:is(.lf-film,.ab-stage) .k-sky2{fill:var(--lf-sky2)}:is(.lf-film,.ab-stage) .k-ground{fill:var(--lf-ground)}:is(.lf-film,.ab-stage) .k-floor{fill:var(--lf-floor)}:is(.lf-film,.ab-stage) .k-wall{fill:var(--lf-wall)}:is(.lf-film,.ab-stage) .k-wall2{fill:var(--lf-wall2)}:is(.lf-film,.ab-stage) .k-line{fill:var(--lf-line)}:is(.lf-film,.ab-stage) .k-prop{fill:var(--lf-prop)}:is(.lf-film,.ab-stage) .k-prop2{fill:var(--lf-prop2)}:is(.lf-film,.ab-stage) .k-dark{fill:var(--lf-dark)}:is(.lf-film,.ab-stage) .k-glass{fill:var(--lf-glass)}:is(.lf-film,.ab-stage) .k-warm{fill:var(--lf-warm)}:is(.lf-film,.ab-stage) .k-warm2{fill:var(--lf-warm2)}:is(.lf-film,.ab-stage) .k-leaf{fill:var(--lf-leaf)}:is(.lf-film,.ab-stage) .k-leaf2{fill:var(--lf-leaf2)}:is(.lf-film,.ab-stage) .k-grass{fill:var(--lf-grass)}:is(.lf-film,.ab-stage) .k-wood{fill:var(--lf-wood)}:is(.lf-film,.ab-stage) .k-white{fill:var(--lf-white)}:is(.lf-film,.ab-stage) .k-tunnel{fill:var(--lf-tunnel)}:is(.lf-film,.ab-stage) .k-night{fill:var(--lf-night)}:is(.lf-film,.ab-stage) .k-sofa{fill:var(--lf-sofa)}:is(.lf-film,.ab-stage) .k-sofa2{fill:var(--lf-sofa2)}:is(.lf-film,.ab-stage) .k-villa{fill:var(--lf-villa)}:is(.lf-film,.ab-stage) .k-roof{fill:var(--lf-roof)}:is(.lf-film,.ab-stage) .k-gold{fill:var(--lf-gold)}:is(.lf-film,.ab-stage) .k-chalk{fill:var(--lf-chalk)}:is(.lf-film,.ab-stage) .k-dim{fill:var(--lf-dim)}:is(.lf-film,.ab-stage) .s-line{stroke:var(--lf-line);fill:none}:is(.lf-film,.ab-stage) .s-white{stroke:var(--lf-white);fill:none}:is(.lf-film,.ab-stage) .s-edge{stroke:var(--lf-line);stroke-width:1}.lf{text-align:left;--lf-chrome: 270px}.lf-film{position:relative;height:min(clamp(380px,40vw,620px),max(320px,calc(100svh - var(--lf-chrome))));overflow:hidden;background:var(--lf-sky);border-block:1px solid var(--color-border);container-type:size;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.lf-film>svg{position:absolute;inset:0;width:100%;height:100%;display:block}.lf-film text{font-family:Inter,system-ui,sans-serif}.lf-cut{position:absolute;inset:0;background:var(--color-bg);opacity:0;pointer-events:none}.lf-cut-go{animation:lf-cut .55s ease both}@keyframes lf-cut{0%{opacity:1}}.lf-slate{position:absolute;left:max(2.2cqw,16px);top:16px;z-index:3;display:flex;gap:6px;font-size:clamp(10px,1.45cqw,13px);font-weight:700}.lf-slate span{background:color-mix(in srgb,var(--color-surface) 88%,transparent);color:var(--color-text-primary);padding:.35em .85em;border-radius:99px}.lf-slate span+span{color:var(--color-active-text)}.lf-held{position:absolute;right:max(2.2cqw,16px);top:16px;z-index:3;width:clamp(28px,4.4cqw,40px);height:clamp(28px,4.4cqw,40px);border-radius:50%;background:#11182799;color:#fff;display:grid;place-items:center;opacity:0;transition:opacity .2s}.lf-user-paused .lf-held{opacity:1}.lf-chips{position:absolute;inset:0;z-index:2;pointer-events:none;font-size:clamp(10px,2.2cqh,14px);line-height:1.35}.lf-chip{position:absolute;opacity:0;background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:1em;box-shadow:0 .8em 1.8em -.8em var(--color-shadow-xl);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.9,.3,1.2)}.lf-chip b{font-weight:700}.lf-chip svg{width:1.2em;height:1.2em;flex:none}.lf-chip p{margin:.15em 0 0;color:var(--color-text-secondary)}.lf-good{color:var(--color-notif-icon-green)}.lf-tag{padding:.5em .85em;white-space:nowrap;display:flex;align-items:center;gap:.5em;transform:translate(-50%,calc(-100% + .8em)) scale(.92)}.lf-tag:after{content:"";position:absolute;left:50%;bottom:-.42em;width:.8em;height:.8em;background:var(--color-surface);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);transform:translate(-50%) rotate(45deg)}.lf-tag.lf-show{opacity:1;transform:translate(-50%,-100%) scale(1)}.lf-ic{display:flex;color:var(--color-active-text)}.lf-pill{font-size:.82em;font-weight:700;padding:.15em .6em;border-radius:99px;background:var(--color-offline-banner-bg);color:var(--color-offline-banner-text);border:1px solid var(--color-offline-banner-border)}.lf-notif{left:50%;top:16px;width:min(62%,30em);padding:.7em .9em;display:flex;gap:.7em;align-items:flex-start;transform:translate(-50%,-140%)}.lf-notif.lf-show{opacity:1;transform:translate(-50%)}.lf-ni{width:2.2em;height:2.2em;border-radius:.6em;flex:none;display:grid;place-items:center;background:var(--color-nav-active-bg);color:var(--color-active-text)}.lf-notif.lf-amber .lf-ni{background:var(--color-offline-banner-bg);color:var(--color-offline-banner-text)}.lf-notif.lf-warn{align-items:center;font-weight:600;background:var(--color-offline-banner-bg);border-color:var(--color-offline-banner-border);color:var(--color-offline-banner-text)}.lf-notif.lf-warn .lf-ni{background:transparent;color:inherit}.lf-toast{left:50%;bottom:4cqh;padding:.65em 1em;border:0;white-space:nowrap;display:flex;gap:.5em;align-items:center;font-weight:500;background:#1f2937;color:#f9fafb;transform:translate(-50%,60%)}.lf-toast svg{color:#34d399}.lf-toast.lf-show{opacity:1;transform:translate(-50%)}.lf-card{width:17.5em;padding:.85em 1em;transform:translateY(.8em)}.lf-card.lf-show{opacity:1;transform:none}.lf-card-hd{display:flex;align-items:center;gap:.45em;margin-bottom:.55em;font-weight:700;color:var(--color-active-text)}.lf-item{display:grid;grid-template-columns:1.15em 1fr auto;gap:.6em;align-items:center;padding-block:.22em;font-variant-numeric:tabular-nums;opacity:0;transform:translate(.6em);transition:opacity .3s,transform .3s}.lf-tick{width:1.15em;height:1.15em;border-radius:.3em;display:grid;place-items:center;background:#6366f1;color:#fff}.lf-tick svg{width:.8em;height:.8em}.lf-card[data-step="1"] .lf-item:nth-child(-n+1),.lf-card[data-step="2"] .lf-item:nth-child(-n+2),.lf-card[data-step="3"] .lf-item:nth-child(-n+3),.lf-card[data-step="4"] .lf-item:nth-child(-n+4){opacity:1;transform:none}.lf-wrap{width:16em;aspect-ratio:3 / 4;padding:1em;border:0;color:#fff;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(160deg,#6366f1,#8b5cf6 55%,#ec4899);transform:translateY(.8em) rotate(2deg)}.lf-wrap.lf-show{opacity:1;transform:rotate(2deg)}.lf-wrap>:not(.lf-photos,.lf-add-tip){position:relative}.lf-photos,.lf-photos>*{position:absolute;inset:0}.lf-chip .lf-photos svg{width:100%;height:100%;opacity:0;transition:opacity .6s}.lf-tint{background:linear-gradient(160deg,#6366f1,#8b5cf6 55%,#ec4899);mix-blend-mode:multiply;opacity:0;transition:opacity .6s}.lf-scrim{background:linear-gradient(#0000002e,#0000006b);opacity:0;transition:opacity .6s}.lf-wrap[data-step="2"] [data-photo=wedding],.lf-wrap[data-step="3"] [data-photo=venue],.lf-wrap[data-step="4"] [data-photo=party],.lf-wrap:is([data-step="2"],[data-step="3"],[data-step="4"]) .lf-scrim{opacity:1}.lf-wrap:is([data-step="2"],[data-step="3"],[data-step="4"]) .lf-tint{opacity:.6}.lf-segs{display:flex;gap:.3em}.lf-segs i{flex:1;height:.22em;border-radius:1em;background:#ffffff59}.lf-wrap:is([data-step="1"],[data-step="2"]) .lf-segs i:nth-child(-n+1),.lf-wrap[data-step="3"] .lf-segs i:nth-child(-n+2),.lf-wrap[data-step="4"] .lf-segs i:nth-child(-n+3),.lf-wrap[data-step="5"] .lf-segs i{background:#fff}.lf-wrap-k0,.lf-k{font-size:.78em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.85}.lf-wrap-bar{display:flex;align-items:center;justify-content:space-between;margin-top:.6em}.lf-add{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:#ffffff2e}.lf-chip .lf-add svg{width:1.1em;height:1.1em}.lf-wrap[data-step="1"] .lf-add{animation:lf-tap 1.6s ease forwards}@keyframes lf-tap{0%,55%{box-shadow:0 0 #ffffffb3}75%{box-shadow:0 0 0 .7em #fff0;background:#ffffff8c}to{background:#ffffff2e}}.lf-add-tip{position:absolute;top:6em;right:.8em;z-index:1;padding:.3em .6em;border-radius:.5em;font-size:.72em;font-weight:600;white-space:nowrap;background:#111827;color:#fff;opacity:0;transition:opacity .3s}.lf-wrap[data-step="1"] .lf-add-tip{opacity:1}.lf-slides{position:relative;flex:1}.lf-slides>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:.25em;opacity:0;transform:translate(.8em);transition:opacity .35s,transform .35s}.lf-wrap:is([data-step="1"],[data-step="2"]) .lf-slides>div:nth-child(1),.lf-wrap[data-step="3"] .lf-slides>div:nth-child(2),.lf-wrap[data-step="4"] .lf-slides>div:nth-child(3),.lf-wrap[data-step="5"] .lf-slides>div:nth-child(4){opacity:1;transform:none}.lf-slides>.lf-sum{justify-content:flex-start;padding-top:.6em}.lf-sum-h{font-size:1.3em;font-weight:800;letter-spacing:-.01em;margin-bottom:.3em}.lf-sum ul{margin:0 0 .4em;padding:0;list-style:none;font-size:.82em;font-variant-numeric:tabular-nums}.lf-sum li{display:flex;justify-content:space-between;gap:.6em;padding-block:.12em}.lf-sum li.lf-sum-total{margin-top:.3em;padding-top:.35em;border-top:1px solid rgba(255,255,255,.45);font-weight:800}.lf-sum li.lf-sum-note{opacity:.8}.lf-sum>span:last-child{font-size:.82em;opacity:.9}.lf-big{font-size:2.1em;font-weight:800;line-height:1.05;letter-spacing:-.02em}.lf-title,.lf-end{position:absolute;inset:0;z-index:4;padding:24px;text-align:center;background:color-mix(in srgb,var(--color-bg) 72%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.lf-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2.4cqh,16px);pointer-events:none;transition:opacity .6s ease}.lf-title h2{max-width:24em;text-wrap:balance;margin:0;font-size:clamp(22px,4.4cqw,40px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--color-text-primary)}.lf-title p{max-width:34em;margin:0;font-size:clamp(14px,1.6cqw,17px);color:var(--color-text-secondary)}.lf-title p{opacity:0;transform:translateY(10px)}.lf-intro .lf-title p{animation:lf-rise .6s ease var(--lf-sub-at) forwards}.lf-title h2{transform:translateY(var(--lf-title-shift, 0px))}.lf-intro .lf-title h2,.lf-playing .lf-title h2,.lf-ended .lf-title h2{transform:none;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.lf-word{display:inline-block;white-space:nowrap}.lf-letter{display:inline-block;opacity:0}.lf-dropped .lf-letter{animation:lf-drop var(--d) var(--delay) both,lf-straighten var(--lf-pull-dur) var(--straighten) forwards}@keyframes lf-straighten{0%{opacity:1;transform:translateY(var(--lift)) rotate(var(--rest))}65%{opacity:1;transform:translateY(0) rotate(calc(var(--rest) * -.25))}to{opacity:1;transform:none}}.lf-line{position:relative;display:inline-block;transform-origin:center}.lf-dropped .lf-line{animation:lf-stretch var(--lf-pull-dur) var(--lf-pull-at) both}@keyframes lf-stretch{0%{transform:none}55%{transform:scaleX(var(--lf-stretch))}80%{transform:scaleX(calc(1 - (var(--lf-stretch) - 1) * .3))}to{transform:none}}.lf-rope{position:absolute;width:60vw;height:var(--lf-rope-sag);border-bottom:3px solid var(--lf-rope, #a16207);border-radius:0 0 50% 50%/0 0 100% 100%;opacity:0;pointer-events:none}.lf-rope-l{right:calc(100% - var(--lf-rope-l-x, 0px));top:var(--lf-rope-l-y, 55%);margin-right:.12em;transform-origin:right top}.lf-rope-r{left:calc(100% - var(--lf-rope-r-x, 0px));top:var(--lf-rope-r-y, 55%);margin-left:.12em;transform-origin:left top}.lf-rope-l{--dir: -1}.lf-rope-r{--dir: 1}.lf-dropped .lf-rope{animation:lf-rope-in .35s ease-out var(--lf-rope-in) both,lf-rope-pull var(--lf-pull-dur) cubic-bezier(.3,0,.2,1) var(--lf-pull-at) forwards,lf-rope-out var(--lf-rope-out) ease-in calc(var(--lf-pull-at) + var(--lf-pull-dur) + var(--lf-rope-hold)) forwards}@keyframes lf-rope-in{0%{opacity:0;transform:translate(calc(var(--dir) * 12%))}to{opacity:1;transform:none}}@keyframes lf-rope-pull{0%{opacity:1;height:var(--lf-rope-sag);transform:none}to{opacity:1;height:0;transform:translate(calc(var(--dir) * .5em))}}@keyframes lf-rope-out{0%{opacity:1;height:0;transform:translate(calc(var(--dir) * .5em))}to{opacity:0;height:0;transform:translate(calc(var(--dir) * 70%))}}[data-theme=dark] .lf-rope{--lf-rope: #d6a35c}@keyframes lf-drop{0%{opacity:1;transform:translateY(var(--lf-drop-from, -6em)) rotate(var(--t0));animation-timing-function:cubic-bezier(.5,0,1,.6)}55%{transform:translateY(var(--lift)) rotate(var(--rest));animation-timing-function:cubic-bezier(0,.5,.5,1)}70%{transform:translateY(calc(var(--lift) - var(--hop))) rotate(calc(var(--rest) * -1.8));animation-timing-function:cubic-bezier(.5,0,1,.5)}82%{transform:translateY(var(--lift)) rotate(var(--rest));animation-timing-function:cubic-bezier(0,.5,.5,1)}90%{transform:translateY(calc(var(--lift) - var(--hop) * .3)) rotate(calc(var(--rest) * .4));animation-timing-function:cubic-bezier(.5,0,1,.5)}to{opacity:1;transform:translateY(var(--lift)) rotate(var(--rest))}}.lf-playing .lf-title,.lf-ended .lf-title{opacity:0}@keyframes lf-rise{to{opacity:1;transform:none}}.lf-idle .lf-slate,.lf-intro .lf-slate,.lf-idle .lf-sub,.lf-intro .lf-sub{visibility:hidden}.lf-end{display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;cursor:default;animation:lf-fade .5s ease}.lf-end[hidden]{display:none}@keyframes lf-fade{0%{opacity:0}}.lf-end-tags{align-self:start;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:46em;margin:0;padding:0;list-style:none}.lf-end-tags li{padding:.3em .8em;border-radius:99px;font-size:13px;font-weight:600;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.lf-replay{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 10px 30px -12px var(--color-shadow-xl);transition:transform .2s}.lf-replay:hover{transform:scale(1.06)}.lf-end-next{align-self:end;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:14px;font-weight:700}.lf-sub{min-height:4.6em;max-width:640px;margin:22px auto 14px;padding-inline:24px;text-align:center;color:var(--color-text-secondary)}.lf-sub b{display:block;font-size:19px;letter-spacing:-.01em;color:var(--color-text-primary)}.lf-controls{display:flex;align-items:center;gap:14px;max-width:1088px;margin:0 auto;padding-inline:24px}.lf-play{flex:none;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary)}.lf-play:hover{background:var(--color-surface-hover)}.lf-strip-box{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.lf-strip-box::-webkit-scrollbar{display:none}.lf-strip{display:grid;grid-template-columns:4fr 6fr;gap:14px;min-width:860px}.lf-group{margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.lf-chapters{display:flex;gap:6px}.lf-chapter{flex:1;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer}.lf-progress{display:block;height:4px;border-radius:4px;overflow:hidden;background:var(--color-border)}.lf-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.lf-when{display:block;margin-top:7px;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-faint)}.lf-short{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-muted)}.lf-chapter.lf-on .lf-when{color:var(--color-active-text)}.lf-chapter.lf-on .lf-short,.lf-chapter:hover .lf-short{color:var(--color-text-primary)}@media(max-width:640px){.lf-film{height:auto;aspect-ratio:1 / 1}.lf-chips{font-size:clamp(10px,2.6cqw,13px)}.lf-notif{top:52px;width:82%}.lf-wrap{top:16px!important}.lf-sub b{font-size:17px}.lf-title,.lf-end{padding:16px}.lf-end-tags li{font-size:11px}.lf-replay{width:60px;height:60px}}@media(prefers-reduced-motion:reduce){.lf-cut-go{animation:none}.lf-chip,.lf-item,.lf-slides>div,.lf-title,.lf-photos svg,.lf-tint,.lf-scrim,.lf-add-tip{transition:none}.lf-wrap[data-step="1"] .lf-add,.lf-intro .lf-title p,.lf-end,.lf-dropped .lf-letter,.lf-dropped .lf-line{animation:none}.lf-rope{display:none}.lf-intro .lf-title p,.lf-letter{opacity:1;transform:none}.lf-title h2{transition:none}}