@layer theme,base;@layer components{.fp2{background:var(--color-forest-950)}.fp2-scroller{height:400vh;position:relative}.fp2-sticky{grid-template-columns:1fr 1fr;height:100vh;display:grid;position:sticky;top:0;overflow:hidden}.fp2-vis-col{background:url(/use-cases/animation-bg.webp) 50%/cover no-repeat;position:relative;overflow:hidden}.fp2-vis-vid{object-fit:cover;width:calc(100% - 64px);height:calc(100% - 64px);transition:opacity .4s;position:absolute;inset:32px}.fp2-slides-col{flex-direction:column;justify-content:center;gap:40px;padding:80px 72px 80px 80px;display:flex}.fp2-slides{width:100%}.fp2-slide{padding-top:0}.fp2-slide-hd{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;margin:0;padding:48px 0 10px;display:block}.fp2-slide-title{font-family:var(--font-serif);letter-spacing:-.02em;color:#ffffff38;margin:0;font-size:24px;font-weight:500;line-height:1.1;transition:color .4s}.fp2-slide.is-active .fp2-slide-title{color:var(--color-white)}.fp2-slide-body{grid-template-rows:0fr;transition:grid-template-rows .45s;display:grid;overflow:hidden}.fp2-slide.is-active .fp2-slide-body{grid-template-rows:1fr}.fp2-slide-body-inner{flex-direction:column;gap:14px;padding-top:2px;display:flex;overflow:hidden}.fp2-slide-desc{color:#ffffff85;max-width:52ch;margin:0;font-size:18px;line-height:1.65}.fp2-slide-link{color:#ffffffb3;align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.fp2-slide-link:hover{color:var(--color-white)}.fp2-bar{background:#ffffff1a;height:1px;margin-top:40px;margin-left:-80px;margin-right:-72px;position:relative;overflow:hidden}.fp2-slide:first-child .fp2-bar{margin-top:0}.fp2-bar-fill{background:#6fcf97;width:0%;height:100%;position:absolute;top:0;left:0}.fp2-mob-vid{display:none}@media (width<=820px){.fp2{margin-top:min(0px,27.2vw - 50svh + 32px)}.fp2-scroller{height:auto}.fp2-sticky{flex-direction:column;grid-template-columns:1fr;height:auto;display:flex;position:relative}.fp2-vis-col{display:none}.fp2-slides-col{gap:0;padding:32px 20px 56px}.fp2-mob-vid{box-sizing:border-box;aspect-ratio:9/10;object-fit:cover;background:url(/use-cases/animation-bg.webp) 50%/cover no-repeat;border-radius:0;width:calc(100% + 40px);margin-bottom:20px;margin-left:-20px;margin-right:-20px;padding:20px;display:block}.fp2-slides{gap:0}.fp2-slide{border-bottom:1px solid #ffffff1a;padding:32px 0}.fp2-bar{display:none}.fp2-slide-title{color:#fff;margin-bottom:10px;font-size:17px}.fp2-slide-body{overflow:visible;grid-template-rows:1fr!important}.fp2-slide-body-inner{overflow:visible}.fp2-slide-hd{cursor:default;pointer-events:none}}.tm-title .hl-word{color:#ffffff2e}.testimonials{background:var(--color-forest-950);min-height:auto;padding:120px max(80px,50vw - 660px);overflow:hidden}.tm-inner{grid-template-columns:42% 1fr;align-items:center;width:100%;min-height:260px;display:grid}.tm-left{flex-direction:column;justify-content:center;gap:0;padding:0 64px 0 0;display:flex}.tm-eyebrow{background:var(--color-lime);width:fit-content;color:var(--color-ink);font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;border-radius:0;margin-bottom:24px;padding:6px 8px 6px 10px;font-size:11px;font-weight:500;display:inline-block}.tm-title{font-family:var(--font-serif);color:var(--color-white);letter-spacing:-.025em;text-align:left;margin:0 0 16px;font-size:44px;font-weight:500;line-height:1.1}.tm-sub{color:#ffffff8c;text-align:left;max-width:42ch;margin:0 0 36px;font-size:18px;line-height:1.6}.tm-right{gap:16px;padding:48px 0 48px 24px;display:flex;position:relative}.tm-stage{cursor:pointer;background:#0a0f0d;flex:auto;min-width:0;height:520px;position:relative;overflow:hidden}.tm-layer{opacity:0;pointer-events:none;transition:opacity .6s,transform 1.4s;position:absolute;inset:0;transform:scale(1.05)}.tm-layer.is-active{opacity:1;pointer-events:auto;transform:scale(1)}.tm-layer-video,.tm-layer-thumb{object-fit:cover;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tm-layer-thumb{z-index:1;opacity:1;pointer-events:none;object-position:50% 30%;transition:opacity .4s}.tm-stage.is-playing .tm-layer.is-active .tm-layer-thumb{opacity:0}.tm-layer[data-index="0"] .tm-layer-video,.tm-layer[data-index="2"] .tm-layer-video{object-position:50% 80%}.tm-layer-grad{z-index:2;pointer-events:none;background:linear-gradient(#0000 32%,#0000001f 56%,#000000c7 100%);position:absolute;inset:0}.tm-stage-foot{z-index:4;align-items:center;gap:16px;transition:opacity .3s;display:flex;position:absolute;bottom:26px;left:28px}.tm-stage.is-playing .tm-stage-foot{opacity:0}.tm-stage.is-playing:hover .tm-stage-foot{opacity:1}.tm-stage-play{cursor:pointer;width:56px;height:56px;color:var(--color-forest-950);background:#fffffff0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:0;transition:background .18s,transform .18s;display:flex}.tm-stage-play:hover{background:#fff;transform:scale(1.06)}.tm-stage-play .icon-play{margin-left:3px}.tm-stage-play .icon-pause,.tm-stage.is-playing .tm-stage-play .icon-play{display:none}.tm-stage.is-playing .tm-stage-play .icon-pause{display:block}.tm-stage.is-playing .tm-stage-meta{display:none}.tm-stage-meta{text-align:left;flex-direction:column;align-items:flex-start;gap:3px;display:flex}.tm-stage-name{font-family:var(--font-sans);color:var(--color-white);font-size:19px;font-weight:500;line-height:1.15}.tm-hear{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;text-align:left;font-size:10px;font-weight:600}.tm-rail{flex-direction:column;flex:0 0 216px;gap:16px;height:520px;display:flex}.tm-rail-item{cursor:pointer;opacity:.92;background:#0a0f0d;border:none;flex:1 1 0;min-height:0;padding:0;transition:opacity .4s,filter .4s;position:relative;overflow:hidden}.tm-rail-item.is-stage{display:none}.tm-rail-item img{object-fit:cover;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.tm-rail-item:hover{opacity:1}.tm-rail-item:hover img{transform:scale(1.05)}.tm-rail-grad{pointer-events:none;background:linear-gradient(#0000 38%,#000000c7 100%);position:absolute;inset:0}.tm-rail-play{z-index:2;width:38px;height:38px;color:var(--color-forest-950);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;line-height:0;transition:background .18s,transform .18s;display:flex;position:absolute;bottom:16px;left:16px}.tm-rail-play svg{margin-left:2px}.tm-rail-item:hover .tm-rail-play{background:#fff;transform:scale(1.08)}.tm-rail-name{z-index:2;height:38px;font-family:var(--font-sans);color:var(--color-white);text-align:left;align-items:center;font-size:14px;font-weight:500;display:flex;position:absolute;bottom:16px;left:64px}@media (width<=1024px){.tm-title{font-size:36px}.tm-left{padding:0 40px 0 0}}@media (width<=820px){.tm-inner{grid-template-columns:1fr}.tm-title{font-size:30px}.testimonials{padding:80px 0;overflow:visible}.tm-left{padding:0 24px 24px}.tm-right{flex-direction:column;gap:10px;width:100%;padding:0 24px}.tm-stage{height:62vw;max-height:460px}.tm-layer[data-index="0"] .tm-layer-video,.tm-layer[data-index="1"] .tm-layer-video,.tm-layer[data-index="2"] .tm-layer-video{object-position:50% 40%}.tm-layer-thumb{object-position:50% 30%}.tm-stage-foot{gap:13px;bottom:20px;left:20px}.tm-stage-play{width:50px;height:50px}.tm-stage-name{font-size:17px}.tm-rail{flex-direction:row;flex:none;gap:10px;height:96px}.tm-rail-item img{object-position:50% 30%}.tm-rail-play{width:34px;height:34px;bottom:12px;left:12px}.tm-rail-name{height:34px;font-size:12px;bottom:12px;left:54px}}.desk-br{display:inline}.dd-hl-m{display:none}.dd-hl-d .hl-word,.dd-hl-m .hl-word{color:#0a0a0a2e}.section-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--color-ink);text-align:center;margin:0 0 56px;font-size:44px;font-weight:500;line-height:1.1}.sp-chip{background:var(--color-lime);color:var(--color-ink);font-family:"pitch-sans-medium", var(--font-sans);letter-spacing:.14em;text-transform:uppercase;border-radius:0;align-self:flex-start;padding:6px 10px;font-size:11px;font-weight:500;display:inline-block}.deep-dive{justify-content:flex-start;min-height:auto;padding:120px 24px 0}.dd-inner{width:100%;max-width:1200px;margin:0 auto}.dd-bento{text-align:left;grid-template-rows:380px 380px 300px;grid-template-columns:repeat(3,1fr);gap:12px;display:grid;position:relative}.dd-tile{border-radius:0;flex-direction:column;min-width:0;min-height:0;padding:28px;display:flex;overflow:hidden}.dd-tile-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dd-tile-title{font-family:var(--font-serif);letter-spacing:-.005em;color:inherit;margin:0;font-size:19px;font-weight:500;line-height:1.2}.dd-tile-desc{color:inherit;opacity:.62;margin:0;font-size:16px;line-height:1.55}.dd-tile-desc--mobile{display:none}.dd-tile-body{flex-direction:column;gap:10px;padding:28px;display:flex}.dd-tile-text{flex-direction:column;flex:1;justify-content:space-between;padding:28px;display:flex}.dd-tile--dark{color:var(--color-white);background:#022018 url(/tile-1.webp) 50%/cover no-repeat;grid-area:1/1;justify-content:space-between;position:relative;overflow:hidden}.dd-tile--dark:after{content:"";background:var(--color-lime);width:48px;height:36px;position:absolute;bottom:0;right:0}.dd-tile--lime{color:#0a1a08;background-color:#e5f1fd;background-image:url(/tile-2a.webp);background-position:50%;background-repeat:no-repeat;background-size:100%;grid-area:1/2;justify-content:space-between}.dd-tile--grey-tall{color:var(--color-white);background:#e9f5eb url(/tile-4.webp) 50%/cover no-repeat;grid-area:1/3/span 2;justify-content:flex-end}.dd-tile--grey-tall .dd-tile-desc{color:#fff9;opacity:1;margin-top:16px}.dd-tile--wide-photo{color:var(--color-ink);background:#f8f5fb url(/tile-3.webp) 50%/cover no-repeat;flex-direction:row;grid-area:2/1/auto/span 2;align-items:stretch;padding:0}.dd-tile--wide-photo .dd-tile-text{justify-content:flex-start;gap:12px}.dd-tile--full{color:var(--color-ink);background:#f1f7ff;flex-direction:row;grid-area:3/1/auto/-1;justify-content:space-between;align-items:center;padding:0;position:relative;overflow:hidden}.dd-tile--full .dd-tile-body{z-index:1;max-width:46%;position:relative}.dd-tile-excel{pointer-events:none;border-radius:12px 0 0;width:620px;max-width:56%;height:auto;position:absolute;bottom:0;right:0;box-shadow:0 8px 40px #0000001a}@media (width<=1024px){.section-title{font-size:36px}}@media (width<=820px){.sp-chip{margin-bottom:28px}.desk-br,.dd-hl-d{display:none}.dd-hl-m{display:block}.deep-dive{padding:80px 0 0}.dd-inner{max-width:100%;padding:0 20px}.section-title{margin-bottom:40px;font-size:36px}.dd-bento{overflow-x:unset;overflow-y:unset;scroll-snap-type:unset;scrollbar-width:unset;grid-template-columns:unset;grid-template-rows:unset;flex-direction:column;gap:10px;width:100%;margin-left:0;padding:0;display:flex}.dd-tile--dark,.dd-tile--lime,.dd-tile--grey-tall,.dd-tile--wide-photo,.dd-tile--full{grid-column:unset;grid-row:unset;flex-shrink:unset;scroll-snap-align:unset;width:100%;height:600px}.dd-tile--dark{background-position:50% 30%;background-size:cover;justify-content:space-between;width:100%;height:560px}.dd-tile--grey-tall{width:100%;height:600px}.dd-tile--wide-photo{background-image:url(/tile-4-m.webp);background-position:top;background-size:100%;flex-direction:column;width:100%;height:auto;padding:0}.dd-tile--wide-photo:before{content:"";aspect-ratio:370/430;width:100%;display:block}.dd-tile--wide-photo .dd-tile-text{flex:unset;text-align:left;padding:24px 28px}.dd-tile--wide-photo .dd-tile-title,.dd-tile--wide-photo .dd-tile-desc{text-align:left}.dd-tile-desc--desktop{display:none}.dd-tile-desc--mobile{font-size:14px;display:block}.dd-tile--full{display:none}.dd-tile--full .dd-tile-body{text-align:left;padding:24px 28px}}.vs-headline .hl-word{color:#0a0a0a2e}.fold-blank{background:var(--color-white);align-items:center;min-height:100vh;padding:120px 24px;display:flex}.vs-inner{width:100%;max-width:1200px;margin:0 auto}.vs-header{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:40px;display:flex}.vs-headline{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--color-ink);margin:0;font-size:44px;font-weight:500;line-height:1.08}.vs-player-wrap{cursor:pointer;user-select:none;background:#000;width:100%;line-height:0;position:relative;overflow:hidden}.vs-player-wrap:before{content:"";filter:blur(32px);z-index:-1;pointer-events:none;background:radial-gradient(55% 60% at 15%,#abff6547 0%,#0000 70%),radial-gradient(50% 55% at 88%,#ff96c838 0%,#0000 70%);position:absolute;inset:-40px -60px}.vs-video{width:100%;height:auto;display:block}.vs-big-play{color:#fff;cursor:pointer;z-index:3;background:#00000047;border:none;justify-content:center;align-items:center;width:100%;height:100%;transition:background .2s;display:flex;position:absolute;inset:0}.vs-big-play:after{content:"";-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:50%;width:64px;height:64px;position:absolute}.vs-big-play svg{z-index:1;margin-left:3px;position:relative}.vs-big-play:hover{background:#00000061}.is-playing .vs-big-play{display:none}.vs-controls{z-index:4;background:linear-gradient(#0000 0%,#000000d1 100%);padding:40px 14px 0;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.vs-controls.is-hidden{opacity:0;pointer-events:none}.vs-controls-row{align-items:center;gap:4px;padding:8px 0 24px;display:flex}.vs-progress-wrap{cursor:pointer;flex:1;min-width:0;padding:9px 0;position:relative}.vs-progress-bg{background:#ffffff38;border-radius:2px;height:2px;transition:height .15s;position:relative}.vs-progress-wrap:hover .vs-progress-bg{height:4px}.vs-progress-buf{background:#ffffff40;border-radius:2px;width:0%;height:100%;position:absolute;top:0;left:0}.vs-progress-fill{background:#fff;border-radius:2px;width:0%;height:100%;position:absolute;top:0;left:0}.vs-progress-thumb{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)scale(0)}.vs-progress-wrap:hover .vs-progress-thumb{transform:translate(-50%,-50%)scale(1)}.vs-tooltip{color:#ffffffe6;font-size:11px;font-family:var(--font-sans);letter-spacing:.04em;white-space:nowrap;pointer-events:none;opacity:0;background:#161616e6;border-radius:5px;padding:4px 9px;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%)}.vs-tooltip.is-visible{opacity:1}.vs-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;gap:2px;padding:5px;line-height:0;transition:color .15s,background .15s;display:flex}.vs-btn:hover{color:#fff;background:#ffffff1a}.vs-btn-play .icon-pause,.is-playing .vs-btn-play .icon-play{display:none}.is-playing .vs-btn-play .icon-pause{display:block}.vs-btn-vol .icon-mute,.is-muted .vs-btn-vol .icon-vol{display:none}.is-muted .vs-btn-vol .icon-mute{display:block}.vs-btn-fs .icon-exit-fs,.is-fullscreen .vs-btn-fs .icon-fs{display:none}.is-fullscreen .vs-btn-fs .icon-exit-fs{display:block}.vs-btn-speed{font-size:12px;font-family:var(--font-sans);letter-spacing:.01em;gap:3px;padding:5px 6px}.vs-speed-label{line-height:1}.vs-time-cur,.vs-time-dur{font-size:12px;font-family:var(--font-sans);color:#ffffffb8;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;padding:0 4px}@media (width<=820px){.fold-blank{min-height:unset;padding:80px 24px}.vs-headline{text-wrap:balance;font-size:36px}.vs-btn-cc,.vs-btn-pip{display:none}}}@layer utilities;
