html,body,#root{min-height:100%}button,a{touch-action:manipulation}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.brand-logo-mark{letter-spacing:-.045em;color:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif;font-size:26px;font-weight:600;line-height:1;display:block}.site-nav{--ease-smooth:cubic-bezier(.86, 0, .14, 1);--nav-bg:#000;--text-main:#f5f5f7;--text-muted:#86868b;--btn-bg:#1d1d1f;--btn-text:#2997ff;z-index:300;width:min(1400px,100% - 2*clamp(20px,4vw,40px));max-width:1400px;height:52px;color:var(--text-main);letter-spacing:-.025em;-webkit-font-smoothing:antialiased;background:0 0;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;position:fixed;top:20px;left:0;right:0;overflow:visible}.site-nav__panel{box-sizing:border-box;background:var(--nav-bg);will-change:height;border:1px solid #ffffff24;border-radius:8px;height:52px;position:absolute;top:0;left:0;right:0;overflow:hidden}.nav-top{justify-content:space-between;align-items:center;height:52px;padding:0 10px;display:flex}.brand-logo{height:auto;color:var(--text-main);cursor:pointer;transition:opacity .2s var(--ease-smooth);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.brand-logo__mask{height:22px;display:block;overflow:hidden}.brand-logo__rise{will-change:transform;display:block}.brand-logo .brand-logo-mark{color:var(--text-main)}.nav-reveal{overflow:hidden}.nav-reveal__inner{will-change:transform;display:block}.nav-boot{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.nav-boot__word{color:#f5f5f7;letter-spacing:-.07em;font-size:clamp(42px,4vw,64px);font-weight:600;line-height:1;display:flex}.nav-boot__mask{padding-bottom:.08em;display:block;overflow:hidden}.nav-boot__letter{will-change:transform;display:block}.site-nav.is-booting,.site-nav.is-booting .site-nav__panel,.site-nav.is-booting .nav-top{height:128px}.brand-logo:hover{opacity:.8}.nav-list{align-items:center;gap:32px;margin:0;padding:0;list-style:none;display:flex}.nav-trigger,.nav-link{color:var(--text-muted);letter-spacing:-.02em;height:44px;transition:color .25s var(--ease-smooth);background:0 0;border:none;padding:0 12px;font-family:inherit;font-size:16px;font-weight:500;text-decoration:none}.nav-link{cursor:pointer}.nav-trigger:hover,.nav-link:hover,.nav-trigger.active{color:var(--text-main)}.nav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.nav-cta{color:#fff;letter-spacing:-.02em;background:#363636;border:0;border-radius:10px;flex-shrink:0;gap:7px;height:35px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:background-color .18s,transform .16s cubic-bezier(.34,1.25,.64,1);transform:scale(1)}.nav-cta__icon{flex-shrink:0;width:16px;height:16px;display:block}.nav-cta:hover{background:#4a4a4a}.nav-cta:active{background:#252525;transform:scale(1.06)}.dropdown-wrapper{width:100%;padding:12px 48px 40px;position:relative}.menu-panel{opacity:0;visibility:hidden;pointer-events:none;position:absolute;top:12px;left:48px;right:48px}.menu-panel.active{pointer-events:auto}.menu-grid{grid-template-columns:2.2fr 1.2fr 1.4fr;gap:40px;display:grid}.menu-col{flex-direction:column;display:flex}.col-header{color:var(--text-muted);letter-spacing:-.01em;margin-bottom:14px;font-size:12px;font-weight:500}.primary-links{flex-direction:column;gap:6px;margin-bottom:24px;display:flex}.primary-link{color:var(--text-main);letter-spacing:-.035em;width:fit-content;transition:color .2s var(--ease-smooth);font-size:26px;font-weight:600;line-height:1.2;text-decoration:none}.primary-link:hover{color:var(--text-muted)}.secondary-links{flex-direction:column;gap:8px;display:flex}.secondary-link{color:var(--text-main);letter-spacing:-.015em;width:fit-content;transition:color .2s var(--ease-smooth);font-size:13px;font-weight:500;line-height:1.35;text-decoration:none}.secondary-link:hover{color:var(--text-muted)}@media (width<=980px){.nav-top{padding:0 8px 0 16px}.nav-list{gap:16px}.nav-actions{gap:6px}}@media (width<=820px){.dropdown-wrapper,.menu-panel{left:24px;right:24px}.navbar,.nav-actions,.dropdown-wrapper{display:none}.menu-grid{grid-template-columns:1fr 1fr;gap:24px}.primary-link{font-size:20px}}.nav-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;display:none}.nav-toggle span{background:#f5f5f7;border-radius:2px;width:18px;height:1.5px;transition:transform .45s cubic-bezier(.77,0,.18,1),opacity .25s;display:block}.nav-toggle.is-open span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.nav-drawer__backdrop{z-index:490;opacity:0;visibility:hidden;pointer-events:none;background:#00000073;transition:opacity .35s,visibility 0s linear .35s;position:fixed;inset:0}.nav-drawer__backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s,visibility}.nav-drawer{z-index:500;visibility:hidden;background:#0c0c0c;flex-direction:column;justify-content:center;gap:8px;width:min(340px,86vw);height:100dvh;padding:32px 28px;transition:transform .7s cubic-bezier(.22,1,.36,1),visibility 0s linear .7s;display:none;position:fixed;top:0;right:0;transform:translate(110%)}.nav-drawer.is-open{visibility:visible;transition:transform .7s cubic-bezier(.22,1,.36,1),visibility;transform:translate(0,0)}.nav-drawer__link{color:#f5f5f7;letter-spacing:-.05em;text-align:left;cursor:pointer;background:0 0;border:0;height:auto;padding:6px 0;font-family:Inter,sans-serif;font-size:clamp(28px,8vw,40px);font-weight:600;line-height:1.15}.nav-drawer__link--cta{color:#fff;letter-spacing:-.02em;background:#363636;border-radius:10px;width:fit-content;height:35px;margin-top:18px;padding:0 12px;font-size:14px;transition:background-color .18s,transform .16s cubic-bezier(.34,1.25,.64,1);transform:scale(1)}.nav-drawer__link--cta:hover{background:#4a4a4a}.nav-drawer__link--cta:active{background:#252525;transform:scale(1.06)}@media (width<=820px){.site-nav{width:calc(100% - 20px);top:12px}.nav-top{padding:0 10px}.nav-toggle{display:inline-flex}.nav-drawer{display:flex}}body.is-menu-open{overflow:hidden}.faq-section{--faq-text:#0a0a0a;--faq-muted:#a0a0a0;--faq-border:#ededed;--faq-hover:#f4f4f6;--faq-ease:cubic-bezier(.16, 1, .3, 1);width:100%;color:var(--faq-text);letter-spacing:-.03em;-webkit-font-smoothing:antialiased;background:#fff;padding:clamp(72px,10vh,120px) 0 clamp(48px,8vh,88px);font-family:Inter,PP Neue Montreal,sans-serif}.faq-container{width:min(1400px,100% - 2*clamp(20px,4vw,40px));max-width:1400px;margin:0 auto}.faq-header{align-items:baseline;gap:10px;margin-bottom:50px;display:flex}.faq-title{letter-spacing:-.06em;margin:0;font-family:Inter,sans-serif;font-size:clamp(38px,3.4vw + 1rem,84px);font-weight:600;line-height:1.16;overflow:visible}.faq-title .scroll-reveal,.faq-tag .scroll-reveal{display:block;overflow:hidden}.faq-title .scroll-reveal__inner,.faq-tag .scroll-reveal__inner{display:block}.faq-tag{letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.faq-menu,.faq-list{position:relative}.faq-hover{pointer-events:none;z-index:0;opacity:0;visibility:hidden;will-change:top, height, opacity, background-color;background-color:#e8e8ea;border-radius:10px;height:0;position:absolute;top:0;left:6px;right:6px}.faq-item{z-index:1;position:relative}.faq-item__fill{z-index:0;pointer-events:none;opacity:0;visibility:hidden;background-color:#e8e8ea;border-radius:10px;height:0;position:absolute;top:0;left:6px;right:6px}.faq-item__trigger,.faq-item__panel{z-index:1;position:relative}.faq-item__trigger{width:100%;height:auto;color:inherit;font:inherit;font-size:inherit;text-align:left;white-space:normal;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:24px 20px;display:flex}.faq-item__trigger:focus-visible{outline-offset:-4px;border-radius:10px;outline:2px solid #00000059}.faq-item__content{flex-direction:column;gap:6px;display:flex}.faq-item__number{color:#8a8a8a;font-size:.8rem;font-weight:400}.faq-item__question{letter-spacing:-.035em;color:#8a8a8a;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:600;line-height:1.15}.faq-item.is-active .faq-item__question{font-weight:600}.faq-item__icon{color:#8a8a8a;flex-shrink:0;place-items:center;width:14px;height:14px;display:grid;position:relative}.faq-item__icon-bar{transform-origin:50%;background:currentColor;border-radius:2px;grid-area:1/1;width:14px;height:1.5px}.faq-item__icon-bar.faq-item__icon-vert{transform:rotate(90deg)}.faq-item__panel{height:0;overflow:hidden}.faq-item__answer{letter-spacing:0;color:#666;max-width:62ch;margin:0;padding:0 56px 24px 20px;font-family:Inter,PP Neue Montreal Medium Placeholder,sans-serif;font-size:15px;font-weight:500;line-height:22px}.feature-cards{background:#fff;width:min(1400px,100% - 2*clamp(20px,4vw,40px));max-width:1400px;margin:0 auto;padding:clamp(72px,12vh,140px) 0 clamp(36px,5vh,52px)}.feature-cards__intro{text-align:center;width:min(720px,100%);margin:0 auto clamp(40px,6vh,72px)}.feature-cards__title{letter-spacing:-.055em;color:#111;margin:0;font-family:Inter,PP Neue Montreal,sans-serif;font-size:clamp(28px,3.2vw + .4rem,48px);font-weight:600;line-height:1.16}.feature-cards__lede{letter-spacing:0;color:#666;margin:14px 0 0;font-family:Inter,PP Neue Montreal Medium Placeholder,sans-serif;font-size:16px;font-weight:500;line-height:22px}.feature-filter{scrollbar-width:none;-ms-overflow-style:none;background:#f2f2f2;border-radius:999px;width:fit-content;max-width:100%;margin:0 auto 36px;padding:5px;position:relative;overflow:visible}.feature-cards__spots{display:none}.feature-cards__stack{width:100%;position:relative}.feature-cards__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;display:grid}.feature-cards__fade{z-index:1;pointer-events:none;background:linear-gradient(#fff0 0%,#ffffffb8 42%,#fff 78%);height:42%;position:absolute;bottom:0;left:0;right:0}.feature-card__shot{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.feature-card{width:100%;height:auto;min-height:340px;font-size:inherit;text-align:left;white-space:normal;will-change:transform, opacity;background:#ededed;border:0;border-radius:16px;flex-direction:column;align-items:stretch;padding:16px 16px 18px;display:flex}.feature-card__stage{aspect-ratio:16/10;background:#fff;border-radius:16px;flex:none;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.feature-cards .feature-card__stage .card-thumb{width:100%;height:100%;position:absolute;inset:0}.feature-cards .feature-card__stage .card-thumb__shot{object-fit:cover;object-position:center}.feature-filter::-webkit-scrollbar{display:none}.feature-filter__hover{pointer-events:none;z-index:0;opacity:0;visibility:hidden;will-change:left, width, height, top, opacity, background-color;background-color:#e8e8ea;border-radius:999px;width:0;height:0;position:absolute;top:5px;left:0}.feature-filter__backdrop{pointer-events:none;z-index:0;will-change:left, width, height, top, background-color;background-color:#000;border-radius:999px;width:0;height:0;transition:background-color .16s cubic-bezier(.7,0,.3,1);position:absolute;top:5px;left:0}.feature-filter__backdrop.is-pressed{background-color:#1a1a1a}.feature-filter__list{flex-direction:row;width:max-content;margin:0;padding:0;list-style:none;display:flex}.feature-filter__item{z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;padding:10px 28px;position:relative}.feature-filter__content{will-change:transform;justify-content:center;align-items:center;display:flex}.feature-filter__number{display:none}.feature-filter__title{color:#8a8a8a;letter-spacing:-.02em;white-space:nowrap;margin:0;font-family:Inter,PP Neue Montreal,sans-serif;font-size:15px;font-weight:500;line-height:1.15}.feature-filter__item.is-active .feature-filter__title{color:#fff;font-weight:600}.feature-filter--classic .feature-filter__backdrop{background-color:#fff}.feature-filter--classic .feature-filter__backdrop.is-pressed{background-color:#f6f6f6}.feature-filter--classic .feature-filter__item.is-active .feature-filter__title,.feature-filter--light .feature-filter__item.is-active .feature-filter__title{color:#111}.feature-filter--light .feature-filter__backdrop{background-color:#fff}.feature-filter--light .feature-filter__backdrop.is-pressed{background-color:#f6f6f6}.feature-cards__grid-shell{width:100%;margin:0 auto}.feature-card__badge{z-index:2;letter-spacing:-.02em;color:#111;align-items:center;gap:7px;margin:0;font-family:Inter,PP Neue Montreal,sans-serif;font-size:14px;font-weight:500;display:inline-flex;position:absolute;top:16px;right:16px}.feature-card__badge span{background:#3b82f6;border-radius:50%;width:8px;height:8px}.feature-card__meta{justify-content:space-between;align-items:center;gap:12px;padding:16px 4px 2px;display:flex}.feature-cards .feature-card__meta{padding:14px 2px 0}.feature-card__meta h3{letter-spacing:-.03em;color:#1a1a1a;margin:0;font-family:Inter,PP Neue Montreal,sans-serif;font-size:16px;font-weight:600}.feature-cards .feature-card__meta h3{font-weight:700}.feature-card__meta p{color:#8a8a8a;align-items:center;gap:7px;margin:0;font-family:Inter,PP Neue Montreal,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.feature-card__free-icon{border:1.5px dashed #22c55e;border-radius:50%;width:12px;height:12px}.feature-card__mention{width:min(78%,230px);position:relative}.feature-card__mention-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.feature-card__favicon{background:#111;border-radius:4px;flex-shrink:0;width:16px;height:16px}.feature-card__mention-head strong,.feature-card__mention-body strong{letter-spacing:-.02em;color:#111;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.feature-card__mention-head small,.feature-card__mention-body small{color:#8a8a8a;font-size:10px;display:block}.feature-card__mention-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 28px #0000001a}.feature-card__mention-top{background:#111;place-items:center;height:72px;display:grid}.feature-card__spinner{border:2px dashed #fff;border-radius:50%;width:22px;height:22px}.feature-card__mention-body{padding:10px 12px 12px}.feature-card__mention-body p{color:#6b6b6b;margin:4px 0 8px;font-size:10px;line-height:1.35}.feature-card__cursor{clip-path:polygon(0 0,100% 70%,55% 70%,70% 100%,48% 100%,34% 70%,0 70%);background:#111;width:12px;height:12px;position:absolute;top:58%;right:-6px}.feature-card__mock{width:min(72%,200px)}.feature-card__mock--wipe{letter-spacing:-.05em;color:#111;font-size:18px;font-style:normal;font-weight:600}.feature-card__mock--wipe em{color:#0000;background-image:linear-gradient(90deg,#111,#ff4b1f,#6c5ce7,#111);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-style:normal}.feature-card__mock--tiles{grid-template-columns:1fr 1fr;gap:8px;height:120px;display:grid}.feature-card__mock--tiles span{background:#ececee;border-radius:12px}.feature-cards .feature-card__mock--tiles span,.feature-cards .feature-card__mock--list i,.feature-cards .feature-card__mock--row span,.feature-cards .feature-card__mock--nav b:nth-child(2),.feature-cards .feature-card__mock--nav b:nth-child(3){background:#fff}.feature-card__mock--list{flex-direction:column;gap:10px;display:flex}.feature-card__mock--list i{background:#ececee;border-radius:999px;height:10px;display:block}.feature-card__mock--list i:nth-child(2){width:78%}.feature-card__mock--list i:nth-child(3){width:64%}.feature-card__mock--nav{flex-direction:column;gap:8px;width:88px;display:flex}.feature-card__mock--nav b{background:#111;border-radius:10px;height:28px;display:block}.feature-card__mock--nav b:nth-child(2),.feature-card__mock--nav b:nth-child(3){background:#ececee}.feature-card__mock--row{gap:8px;display:flex}.feature-card__mock--row span{background:#ececee;border-radius:12px;flex:1;height:88px}@media (width<=980px){.feature-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-cards__fade{height:36%}}@media (width<=640px){.feature-cards__grid{grid-template-columns:1fr}.feature-cards__fade{height:28%}}.feature-cards__more{z-index:2;pointer-events:none;justify-content:center;margin:0;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.feature-cards__view-all{color:#fff;letter-spacing:-.02em;pointer-events:auto;background:#533afd;border:0;border-radius:10px;height:44px;padding:0 12px;font-family:Inter,PP Neue Montreal,sans-serif;font-size:16px;font-weight:600;transition:background-color .18s,transform .16s cubic-bezier(.34,1.25,.64,1);transform:scale(1)}.feature-cards__view-all:hover{background:#6a54ff}.feature-cards__view-all:active{background:#3f28d6;transform:scale(1.06)}.float-tiles{z-index:1;flex-shrink:0;width:100%;height:340px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.float-tiles__row{will-change:transform;flex-direction:row;align-items:stretch;gap:20px;width:max-content;display:flex}.float-tiles__tile{background:#e4e4e7;border-radius:26px;flex-shrink:0;height:clamp(160px,24vh,240px);position:relative;overflow:hidden}.home-expand__cards{isolation:isolate;grid-template-columns:repeat(3,1fr);gap:16px;display:grid;overflow:visible}.home-expand__col{transform-origin:50%;backface-visibility:hidden;will-change:transform;flex-direction:column;gap:14px;min-width:0;display:flex;position:relative}.home-expand__col--blue{z-index:3}.home-expand__col--orange{z-index:2}.home-expand__col--black{z-index:1}.home-expand__card{color:#fff;background:#1a1020;border-radius:28px;flex-direction:column;justify-content:flex-start;min-height:min(42vh,420px);padding:22px 24px;display:flex;position:relative;overflow:hidden}.home-expand__card--blue{background:#2a1810}.home-expand__card--orange{background:#1a1028}.home-expand__card--black{color:#fff;background:#0a1428}.home-expand__label{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:-.02em;background:#ffffff2e;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;display:inline-flex;position:relative}.home-expand__glass{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-expand__still{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.home-expand__caption{letter-spacing:-.045em;color:#000;text-transform:lowercase;margin:0;padding:0 4px;font-family:Inter,sans-serif;font-size:clamp(22px,1.6vw + .5rem,32px);font-weight:600;line-height:1}@media (width<=860px){.home-expand__cards{grid-template-columns:1fr}.home-expand__card{min-height:320px}}.home{color:#000;letter-spacing:0;background:#fff;min-height:100vh;font-family:Inter,PP Neue Montreal Medium Placeholder,sans-serif;font-weight:500;line-height:22px;position:relative}.home-sheet{z-index:2;background:#fff;border-radius:0 0 28px 28px;margin-bottom:-72px;padding-top:0;position:relative}.home.is-intro>:not(.home-intro){visibility:hidden}.home-intro{z-index:420;pointer-events:none;position:fixed;inset:0;overflow:hidden}.home.is-intro .home-intro{pointer-events:auto}.home-intro__panel{transform-origin:50% 100%;will-change:transform;background:#000;place-items:center;display:grid;position:absolute;inset:0;transform:scaleY(0)}.home-intro__word{z-index:1;letter-spacing:-.1em;color:#fff;text-transform:lowercase;gap:.04em;margin:0;font-family:Inter,sans-serif;font-size:clamp(30px,2.4vw + .85rem,68px);font-weight:600;line-height:1.06;display:flex;position:relative}.home-intro__mask{display:block;overflow:hidden}.home-intro__letter{will-change:transform;display:block}.home-banner{isolation:isolate;color:#000;background:#fff;flex-direction:column;justify-content:flex-start;min-height:min(80vh,820px);padding:clamp(48px,8vh,88px) 0 clamp(36px,5vh,56px);font-family:Inter,PP Neue Montreal,sans-serif;font-weight:500;display:flex;position:relative;overflow:hidden}.home-banner__brand{z-index:3;pointer-events:none;justify-content:flex-end;width:min(1400px,100% - 2*clamp(20px,4vw,40px));max-width:1400px;display:flex;position:absolute;bottom:42%;left:50%;transform:translate(-50%)}.home-banner__branding{object-fit:contain;object-position:right bottom;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(46%,620px);height:auto;max-height:none;display:block}.home-banner__title{letter-spacing:-.06em;color:#000;text-align:left;flex-direction:column;align-items:stretch;width:max-content;max-width:100%;margin:0;font-family:Inter,sans-serif;font-size:clamp(38px,3.4vw + 1rem,84px);font-weight:600;line-height:1.2;display:flex}.home-banner__line{font:inherit;letter-spacing:inherit;white-space:nowrap;line-height:1.2;display:block;overflow:hidden}.home-banner__end{flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:32px;width:100%;margin:28px 0 0;display:flex}.home-banner__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-banner__line--3{letter-spacing:-.06em;color:#000;margin:0;font-family:Inter,sans-serif;font-size:clamp(38px,3.4vw + 1rem,84px);font-weight:600;line-height:1.2}.home-banner__layout{flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;gap:clamp(96px,14vh,160px);width:100%;margin:0;padding:0;display:flex;position:relative}.home-banner__inner{z-index:2;text-align:left;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;width:min(1400px,100% - 2*clamp(20px,4vw,40px));min-width:0;max-width:1400px;margin:0 auto;padding:80px 0 0;display:flex;position:relative}.home-banner__typo{width:max-content;max-width:100%;margin:0}.home-banner__badge-mask{width:min-content;margin:0 0 28px;overflow:hidden}.home-banner__badge{--border-bottom-width:0px;--border-color:#ffffff1a;--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:1px;will-change:transform;z-index:2;border-top:var(--border-top-width) var(--border-style) var(--border-color);border-right:var(--border-right-width) var(--border-style) var(--border-color);border-bottom:var(--border-bottom-width) var(--border-style) var(--border-color);border-left:var(--border-left-width) var(--border-style) var(--border-color);letter-spacing:-.01em;white-space:nowrap;color:#fff;cursor:pointer;background-color:#3b82f6;border-radius:50px;flex-flow:row;flex:none;place-content:center;align-items:center;gap:10px;width:min-content;height:min-content;margin:0;padding:8px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:clip;box-shadow:inset 0 .482901px 1.25554px #ffffff05,inset 0 4px 10.4px #ffffff2e}.home-banner__laurel{opacity:.7;flex-shrink:0;font-size:13px;transform:scaleY(1.15)}.home-banner__badge-text{display:inline-block}.home-banner .reveal-inner{will-change:transform;display:block}.home-banner__badge.reveal-inner{display:flex}.home-banner__cta{width:max-content;overflow:hidden}.home-banner__button{color:#fff;letter-spacing:-.02em;background:#000;border:0;border-radius:14px;gap:14px;height:48px;margin:0;padding:5px 5px 5px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.2;transition:transform .16s cubic-bezier(.34,1.25,.64,1);transform:scale(1)}.home-banner__button-fill{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.home-banner__button-wipe{transform-origin:0;background:#3a3a3a;position:absolute;inset:0;transform:scaleX(0)}.home-banner__button-label{z-index:1;padding-right:2px;position:relative}.home-banner__button-tile{z-index:1;color:#fff;background:#363636;border-radius:10px;flex:none;width:38px;height:38px;display:block;position:relative}.home-banner__button-clip{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.home-banner__button-scene{perspective:360px;perspective-origin:50%;width:38px;height:38px;transform-style:preserve-3d;display:block}.home-banner__button-rig{width:38px;height:38px;transform-style:preserve-3d;transform-origin:50%;transition:transform .55s cubic-bezier(.76,0,.24,1);display:block;position:relative}.home-banner__button:hover .home-banner__button-rig{transform:rotateX(90deg)}.home-banner__button-face{-webkit-backface-visibility:hidden;background:#363636;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:0;left:0}.home-banner__button-face--front{transform:translateZ(19px)}.home-banner__button-face--next{transform:rotateX(-90deg)translateZ(19px)}.home-banner__button-face svg{width:15px;height:15px;display:block}.home-banner__button:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.home-banner__button-rig,.home-banner__button:hover .home-banner__button-rig{transition:none;transform:none}.home-banner .reveal-inner,.site-nav,.home-ticker__track,[data-scroll-reveal] .scroll-reveal__inner{will-change:auto;transform:none}}.rotating-text{vertical-align:baseline;box-sizing:content-box;white-space:nowrap;place-items:baseline start;padding-right:.08em;display:inline-grid;position:relative;overflow:visible clip}.rotating-text__sizer{visibility:hidden;white-space:nowrap;pointer-events:none;line-height:inherit;grid-area:1/1}.rotating-text__word{white-space:nowrap;line-height:inherit;will-change:transform, opacity;grid-area:1/1;width:max-content}.home-ticker{background:#fff;width:100%;padding:0 0 clamp(40px,7vh,72px);overflow:hidden}.home-ticker__track{will-change:transform;width:max-content;display:flex}.home-ticker__group{background:#3b82f6;flex-shrink:0;align-items:center;gap:.55em;padding-right:.55em;display:flex}.home-ticker__item{white-space:nowrap;color:#fff;letter-spacing:-.04em;font-family:Inter,PP Neue Montreal,sans-serif;font-size:5vw;font-weight:500;line-height:1.1}.home-expand{color:#000;box-sizing:border-box;background:#fff;flex-direction:column;justify-content:center;padding:clamp(48px,7vh,80px) 0 clamp(72px,10vh,120px);display:flex}.home-expand__inner{box-sizing:border-box;width:min(1400px,100% - 2*clamp(20px,4vw,40px));max-width:1400px;margin:0 auto}.home-expand__copy{text-align:left;margin:0 0 clamp(28px,4vh,48px)}.home-expand__title{letter-spacing:-.055em;color:#000;margin:0;font-family:Inter,sans-serif;font-size:clamp(32px,3.4vw + .6rem,56px);font-weight:600;line-height:1.16}.home-expand__title span{display:block}.home-components-zoom{z-index:90;box-sizing:border-box;pointer-events:none;transform-origin:0 0;will-change:transform, opacity, border-radius;min-width:0;margin:0;overflow:hidden;min-height:0!important;position:fixed!important}.home-components-zoom .expand-graphic{min-height:0}.feature-cards{z-index:95;position:relative}[data-scroll-reveal] .scroll-reveal{display:block;overflow:hidden}[data-scroll-reveal] .scroll-reveal__inner{will-change:transform;display:block}.home-cinema{background:#000}.home-cinema__pin{background:#000;flex-direction:column;justify-content:flex-start;align-items:center;gap:28px;min-height:0;padding:clamp(64px,9vh,104px) 0 clamp(40px,6vh,64px);display:flex;overflow:hidden}.home-cinema__heading{text-align:center;letter-spacing:-.055em;color:#fff;max-width:min(920px,100% - 48px);margin:0;font-family:Inter,sans-serif;font-size:clamp(32px,3.6vw + .5rem,58px);font-weight:600;line-height:1.16}.home-cinema__heading span{display:block}.home-cinema__media{aspect-ratio:16/9;will-change:width;background:#111;border-radius:28px;width:min(720px,100% - 64px);height:auto;position:relative;overflow:hidden}.home-cinema__video{object-fit:cover;width:100%;height:100%;display:block}.home-services{background:#fff;width:100%}.home-marquee{background:#fff;padding:12px 0 40px;overflow:hidden}.home-marquee__track{width:max-content;display:flex}.home-marquee__group{flex-shrink:0;display:flex}.home-marquee__item{letter-spacing:-.05em;text-transform:uppercase;color:#111;padding-right:.4em;font-family:Outfit,Inter,sans-serif;font-size:clamp(48px,7vw,92px);font-weight:600;line-height:1.05;display:block}.home-footer{z-index:1;color:#111;background:#e6e8ec;padding:72px 0 0;font-family:Inter,sans-serif;position:relative;overflow:hidden}.home-footer__inner{flex-direction:column;width:min(1400px,100% - 2*clamp(20px,4vw,40px));margin:0 auto;display:flex}.home-footer__grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr);align-items:start;gap:clamp(28px,4vw,72px);display:grid}.home-footer__brand{color:#111;letter-spacing:-.045em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;height:auto;margin:0;padding:0;font-family:Outfit,sans-serif;font-size:18px;font-weight:600;line-height:1;display:inline-flex}.home-footer__mark{width:14px;height:14px;display:inline-flex}.home-footer__mark svg{width:14px;height:14px}.home-footer__title{letter-spacing:-.055em;margin:18px 0 14px;font-family:Inter,sans-serif;font-size:clamp(34px,3.2vw,56px);font-weight:600;line-height:1.02}.home-footer__lede{letter-spacing:0;color:#666;max-width:38ch;margin:0 0 22px;font-family:Inter,PP Neue Montreal Medium Placeholder,sans-serif;font-size:15px;font-weight:500;line-height:22px}.home-footer__cta{color:#111;height:44px;font:inherit;letter-spacing:-.02em;cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 12px;font-size:16px;font-weight:500;transition:background-color .18s,transform .16s cubic-bezier(.34,1.25,.64,1);display:inline-flex;transform:scale(1)}.home-footer__cta:hover{opacity:1;background:#f0f0f0}.home-footer__cta:active{background:#e4e4e4;transform:scale(1.06)}.home-footer__cta svg{width:16px;height:16px}.home-footer__note{letter-spacing:0;color:#666;margin:22px 0 0;font-family:Inter,PP Neue Montreal Medium Placeholder,sans-serif;font-size:14px;font-weight:500;line-height:22px}.home-footer__note button{color:#111;height:auto;font:inherit;font-size:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.home-footer__cols{grid-template-columns:1fr 1fr .9fr;gap:clamp(12px,2vw,28px);padding-top:4px;display:grid}.home-footer__col h3{letter-spacing:-.02em;margin:0 0 16px;font-size:15px;font-weight:650}.home-footer__col ul{gap:11px;margin:0;padding:0;list-style:none;display:grid}.home-footer__col button,.home-footer__col a{color:#5c6168;height:auto;font:inherit;letter-spacing:-.015em;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:15px;text-decoration:none;display:inline-flex}.home-footer__col button:hover,.home-footer__col a:hover,.home-footer__base button:hover,.home-footer__note button:hover{opacity:.62}.home-footer__col svg{width:11px;height:11px}.home-footer__col--plain{padding-top:34px}.home-footer__base{color:#8a8f97;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:0;font-size:13px;display:flex}.home-footer__base button{color:#111;height:auto;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:13px;display:inline-flex}.home-footer__base svg{width:12px;height:12px}.home-footer__word{pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-start;width:100%;margin-top:8px;margin-bottom:0;font-size:22vw;line-height:1;display:flex}.home-footer__char{height:.78em;line-height:1;display:block;overflow:hidden}.home-footer__glyph{letter-spacing:-.07em;color:#111;text-transform:lowercase;margin-top:-.26em;padding-bottom:.04em;font-family:Outfit,sans-serif;font-size:1em;font-weight:700;line-height:1;display:block}.home-footer__char:last-child .home-footer__glyph{letter-spacing:0}@media (width<=1024px){.home-banner__brand{display:none}}@media (width<=820px){.home-banner__typo,.home-banner__title{width:100%;max-width:100%}.home-banner__line{white-space:normal}.home-banner__end{flex-direction:column;align-items:flex-start;width:100%;margin:20px 0 0}.home-banner{min-height:0;padding-top:28px;padding-bottom:48px}.home-banner__layout{z-index:1;gap:64px}.home-banner__title,.home-banner__line--3{font-size:clamp(30px,8.4vw,44px)}.float-tiles{height:auto;margin-top:8px;margin-bottom:16px}.float-tiles__tile{height:148px}.home-expand{padding:28px 0 40px}.home-expand__copy{margin-bottom:20px}.home-expand__title{font-size:clamp(28px,8vw,40px)}.feature-cards{padding:36px 0 24px}.feature-cards__intro{margin-bottom:28px}.home-footer__grid,.home-footer__cols{grid-template-columns:1fr}.home-footer__cols{grid-template-columns:1fr 1fr 1fr;gap:12px}.home-footer__col--plain{padding-top:0}.home-footer__title{font-size:clamp(30px,8vw,40px)}.home-footer__lede{max-width:none}.home-marquee{padding-bottom:28px}.home-marquee__item{font-size:42px}}.library-sidebar{z-index:80;scrollbar-width:none;background:#fff;flex-direction:column;width:260px;height:100vh;padding:28px 20px 32px;display:flex;position:fixed;top:0;left:0;overflow:auto}.library-sidebar::-webkit-scrollbar{display:none}.library-sidebar__brand{cursor:pointer;background:0 0;border:0;align-items:center;height:auto;margin:0;padding:0;display:inline-flex}.library-sidebar__top{justify-content:space-between;align-items:center;gap:12px;margin:0 4px 16px;display:flex}.library-sidebar__close{color:#111;cursor:pointer;background:#f2f2f2;border:0;border-radius:999px;width:36px;height:36px;padding:0;display:none}.library-sidebar__close svg{width:12px;height:12px}.library-drawer-backdrop{display:none}.library-sidebar__brand .brand-logo-mark{color:#111;font-size:30px}.library-sidebar__search{color:#9a9a9a;cursor:text;background:#f3f3f3;border-radius:14px;align-items:center;gap:10px;width:100%;height:40px;margin:0 0 20px;padding:0 14px;transition:box-shadow .32s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 0 0 1.5px #0000}.library-sidebar__search:focus-within{border-radius:10px;box-shadow:0 0 0 1.5px #d4d4d4}.library-sidebar__search svg{flex-shrink:0;width:16px;height:16px}.library-sidebar__search input{letter-spacing:-.02em;color:#111;background:0 0;border:0;outline:none;width:100%;min-width:0;font-family:Inter,sans-serif;font-size:14px;font-weight:400}.library-sidebar__search input::placeholder{color:#9a9a9a}.library-sidebar__search input::-webkit-search-decoration{-webkit-appearance:none}.library-sidebar__search input::-webkit-search-cancel-button{-webkit-appearance:none}.library-sidebar__vault-btn{letter-spacing:-.03em;color:#8a8a8a;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:44px;padding:0 12px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;display:flex}.library-sidebar__vault-left{align-items:center;gap:10px;display:flex}.library-sidebar__vault-icon{color:currentColor;place-items:center;width:22px;height:22px;display:grid}.library-sidebar__vault-icon svg{width:16px;height:16px}.library-sidebar__menu{position:relative}.library-sidebar__hover,.library-sidebar__active{pointer-events:none;z-index:0;will-change:top, height, opacity, transform;border-radius:12px;height:0;position:absolute;top:0;left:0;right:0}.library-sidebar__hover{opacity:0;visibility:hidden;background:#e8e8ea}.library-sidebar__active{background:#d8d8dc}.library-sidebar__item{z-index:1;border-radius:12px;justify-content:flex-start;width:100%;transition:color .2s;position:relative}.library-sidebar__item.is-active{color:#111}.library-sidebar__item:hover:not(.is-active){color:#444}.library-sidebar__cats{flex-direction:column;gap:0;margin:4px 0 0;padding:0;list-style:none;display:flex}.library-sidebar__cat{letter-spacing:-.02em;color:#8a8a8a;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;height:44px;padding:0 12px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;display:flex}.library-sidebar__cat span{width:1.4em;color:inherit;opacity:.55;font-variant-numeric:tabular-nums}.library-sidebar__rule{background:#ececec;height:1px;margin:12px}.library-sidebar__links{flex-direction:column;gap:0;display:flex}.library-sidebar__link{letter-spacing:-.03em;color:#8a8a8a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;height:44px;padding:0 12px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;display:flex}.library-sidebar__link svg{flex-shrink:0;width:18px;height:18px}.library-sidebar__link em{color:#fff;letter-spacing:0;background:#111;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:11px;font-style:normal;font-weight:600}.library-sidebar__cat.is-active{font-weight:600}.library-sidebar__cat.is-active span{opacity:.72}@media (width<=860px){.library-drawer-backdrop{z-index:120;opacity:0;visibility:hidden;pointer-events:none;background:#0006;transition:opacity .35s,visibility 0s linear .35s;display:block;position:fixed;inset:0}.library-drawer-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s,visibility}.library-sidebar{z-index:130;pointer-events:none;width:min(300px,86vw);height:100dvh;padding:24px 20px 32px;transition:transform .7s cubic-bezier(.77,0,.18,1);position:fixed;top:0;left:0;transform:translate(-108%);box-shadow:16px 0 40px #00000014}.library-sidebar.is-open{pointer-events:auto;transform:translate(0,0)}.library-sidebar__close{justify-content:center;align-items:center;display:inline-flex}.library-sidebar__top{margin-bottom:8px}}.sort-menu{flex:none;margin-left:auto;position:relative}.sort-menu__trigger{color:#111;letter-spacing:-.02em;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 12px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;transition:background-color .18s,border-color .18s,transform .16s cubic-bezier(.34,1.25,.64,1);display:inline-flex;transform:scale(1)}.sort-menu__trigger:hover{background:#f6f6f7;border-color:#d4d4d8}.sort-menu__trigger:active{background:#ececef;transform:scale(1.06)}.sort-menu__trigger svg{width:12px;height:12px;transition:transform .45s cubic-bezier(.16,1,.3,1)}.sort-menu.is-open .sort-menu__trigger svg{transform:rotate(180deg)}.sort-menu__panel{z-index:20;background:#fff;border-radius:14px;min-width:160px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #0000001f}.sort-menu__option{color:#111;letter-spacing:-.02em;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;height:44px;padding:0 12px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;display:flex}.sort-menu__option.is-active,.sort-menu__option:hover{background:#f3f3f4}:root{--page:#f3f3f3;--ink:#111;--muted:#9a9a9a;--card:#fff;--line:#ececec;--font:"Inter", "PP Neue Montreal Medium Placeholder", sans-serif}*{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;white-space:nowrap;flex-flow:row;place-content:center;align-items:center;gap:5px;width:min-content;height:44px;padding:0 12px;font-size:16px;text-decoration:none;display:flex;position:relative;overflow:visible}body{letter-spacing:0;color:#666;-webkit-font-smoothing:antialiased;background:#fff;min-height:100vh;font-family:Inter,PP Neue Montreal Medium Placeholder,sans-serif;font-weight:500;line-height:22px}body.is-locked,html.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:hidden}.page-wipe{z-index:500;pointer-events:none;position:fixed;inset:0;overflow:hidden}.page-wipe__panel{transform-origin:50% 100%;will-change:transform;background:#1a1a1a;position:absolute;inset:0;transform:scaleY(0)}.page{will-change:filter;width:min(1180px,100% - 48px);margin:0 auto;padding:clamp(40px,7vh,72px) 0 80px}.library-page{letter-spacing:0;background:#fff;min-height:100vh;font-family:Inter,PP Neue Montreal Medium Placeholder,sans-serif;font-weight:500;line-height:22px}.library-page__scene{min-height:100vh;margin-left:260px}.page--library{background:#fff;width:min(1100px,100% - 64px);max-width:1100px;margin:0 auto;padding:clamp(40px,6vh,64px) 0 96px}.library-hero{text-align:left;margin-bottom:28px}.library-hero__title{letter-spacing:-.045em;color:#111;margin:0;font-family:Inter,sans-serif;font-size:clamp(22px,2.4vw,32px);font-weight:600;line-height:1.15}.library-hero__lede{white-space:nowrap;letter-spacing:0;color:#666;max-width:none;margin:8px 0 0;font-family:Inter,PP Neue Montreal Medium Placeholder,sans-serif;font-size:14px;font-weight:500;line-height:22px}.library-hero__bar{align-items:center;gap:12px;display:flex}.library-menu-btn{cursor:pointer;background:#f2f2f2;border:0;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;display:none}.library-menu-btn span{background:#111;border-radius:2px;width:16px;height:1.5px;display:block}.library-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:48px;display:flex}.library-toolbar .feature-filter{margin:0}.library-toolbar .feature-filter:last-child{margin-left:auto}.library-pills{background:#e8e8e8;border-radius:999px;align-items:center;padding:4px;display:flex}.library-pills button{color:#8a8a8a;letter-spacing:-.02em;background:0 0;border:0;border-radius:999px;height:44px;padding:0 12px;font-family:Inter,sans-serif;font-size:16px;font-weight:500}.library-pills button.is-active{color:#111;background:#fff;font-weight:600}.gallery-shell{width:100%}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.gallery .feature-card{width:100%;min-height:0;font:inherit;cursor:none;border-radius:16px;padding:8px 8px 10px}.gallery .feature-card__meta{padding:10px 4px 0}.gallery .feature-card__stage,.gallery .feature-card__stage .card-thumb{border-radius:16px}.gallery .feature-card__stage .card-thumb{width:100%;height:100%}.item{text-align:left;font:inherit;color:inherit;cursor:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;padding:10px;transition:background-color .25s}.item:hover{background:#dcdcdc66}@media (hover:none),(pointer:coarse){.item,.gallery .feature-card{cursor:pointer}}.flair{z-index:90;color:#fff;pointer-events:none;opacity:0;visibility:hidden;background:#111;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:fixed;top:0;left:0}.flair svg{width:22px;height:22px;display:block}body.is-locked .flair{opacity:0!important;visibility:hidden!important}.item:focus-visible,.gallery .feature-card:focus-visible{outline-offset:4px;border-radius:16px;outline:2px solid #111}.item__media{aspect-ratio:16/10;will-change:transform;background:#fff;border-radius:8px;position:relative;overflow:hidden}.item__media>*{width:100%;height:100%}.item__meta{padding:14px 4px 0}.item__title{letter-spacing:-.02em;font-size:1.25rem;font-weight:600;line-height:1.25}.card-thumb{background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.card-thumb__shot{object-fit:cover;object-position:center;background:#fff;width:100%;height:100%;transition:opacity .25s;display:block}.card-thumb.is-live .card-thumb__shot{opacity:0}.card-thumb__live{--preview-scale:.28;position:absolute;inset:0}.card-thumb__live iframe{width:calc(100% / var(--preview-scale));height:calc(100% / var(--preview-scale));transform:scale(var(--preview-scale));transform-origin:0 0;pointer-events:none;background:0 0;border:0;position:absolute;top:0;left:0}.card-thumb__shield{z-index:2;pointer-events:none;position:absolute;inset:0}.demo-preview{width:100%;height:100%;position:relative;overflow:hidden}.demo-preview--live{place-items:start center}.demo-preview--live iframe{transform-origin:top;pointer-events:auto;background:0 0;border:0;display:block}.overlay{z-index:100;visibility:hidden;pointer-events:none;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.overlay.is-open{visibility:visible;pointer-events:auto}.overlay__backdrop{opacity:0;will-change:opacity;background:#11111147;position:absolute;inset:0}.modal{z-index:1;will-change:transform;background:#fff;border-radius:22px 22px 0 0;flex-direction:column;width:min(1080px,100% - 24px);height:min(92vh,920px);margin-bottom:0;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 -20px 80px #00000029}.modal__scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:48px 52px 80px;overflow:auto}.modal__close{z-index:4;cursor:pointer;color:#111;background:#fff;border:1px solid #e4e4e8;border-radius:10px;place-items:center;width:36px;height:36px;padding:0;transition:background-color .16s,transform .16s;display:grid;position:absolute;top:16px;right:16px}.modal__close:hover{background:#f4f4f5}.modal__close:active{background:#e3e3e6;transform:scale(.94)}.modal__close svg{width:14px;height:14px}.modal__heading{max-width:640px;padding-right:48px}.modal__title{letter-spacing:-.045em;color:#111;margin:0;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.08}.modal__desc{letter-spacing:0;text-align:left;color:#666;max-width:52ch;margin:10px 0 0;font-family:Inter,PP Neue Montreal Medium Placeholder,sans-serif;font-size:15px;font-weight:500;line-height:22px}.modal__preview{background:#f6f6f7;border:1px solid #ececef;border-radius:12px;height:420px;margin-top:36px;position:relative;overflow:hidden}.modal__preview .demo-preview{position:absolute;inset:0}.modal__code-bar{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.modal__copy,.modal__codepen{height:44px;font:inherit;letter-spacing:-.02em;cursor:pointer;border-radius:10px;padding:0 12px;font-size:16px;font-weight:600;transition:background-color .18s,border-color .18s,transform .16s cubic-bezier(.34,1.25,.64,1);transform:scale(1)}.modal__copy{color:#111;background:#fff;border:1px solid #d4d4d8;gap:8px;overflow:hidden}.modal__copy:hover{background:#f6f6f7;border-color:#b9b9be}.modal__copy:active{background:#ececef;transform:scale(1.06)}.modal__copy-icon{flex:none;width:16px;height:16px;overflow:hidden}.modal__copy-icon-track{flex-direction:column;transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex}.modal__copy.is-copied .modal__copy-icon-track{transform:translateY(-16px)}.modal__copy-icon-track svg{flex:none;width:16px;height:16px}.modal__copy-label{height:1.15em;line-height:1.15;display:grid;overflow:hidden}.modal__copy-label span{grid-area:1/1;transition:transform .45s cubic-bezier(.22,1,.36,1)}.modal__copy-label span:last-child{transform:translateY(110%)}.modal__copy.is-copied .modal__copy-label span:first-child{transform:translateY(-110%)}.modal__copy.is-copied .modal__copy-label span:last-child{transform:translateY(0)}.modal__codepen{color:#111;background:#fff;border:1px solid #d9d9de}.modal__codepen:hover{background:#f6f6f7;border-color:#b9b9be}.modal__codepen:active{background:#ececef;transform:scale(1.06)}.modal__codepen:disabled{opacity:.6;cursor:wait}.modal__code{margin-top:32px}.modal__code h3{letter-spacing:-.02em;color:#111;margin:0 0 8px;font-size:13px;font-weight:600}.modal__code pre{color:#24292f;tab-size:2;white-space:pre-wrap;word-break:break-word;background:#f6f8fa;border:0;border-radius:12px;margin:0;padding:20px 22px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.65;overflow:visible}.tok--comment{color:#6e7781;font-style:italic}.tok--keyword,.tok--atrule{color:#cf222e}.tok--string{color:#0a3069}.tok--number{color:#0550ae}.tok--function{color:#8250df}.tok--tag,.tok--selector{color:#116329}.tok--attr{color:#953800}.tok--property{color:#0550ae}.tok--punctuation{color:#57606a}@media (width<=860px){.library-page__scene{margin-left:0}.page--library{width:min(1100px,100% - 32px);margin:0 auto;padding:24px 0 72px}.library-menu-btn{display:inline-flex}.library-hero__lede{white-space:normal}.library-toolbar{flex-wrap:nowrap;align-items:center;margin-top:28px}.library-toolbar .feature-filter{max-width:calc(100% - 132px);margin:0;overflow:auto}.library-toolbar .feature-filter__item{padding:8px 14px}.gallery .feature-card{cursor:pointer}}@media (width<=900px){.gallery{grid-template-columns:repeat(2,1fr)}.modal{width:calc(100% - 12px);height:94vh}.modal__preview{height:280px}.modal__scroll{padding:32px 20px 56px}}@media (width<=560px){.page{width:calc(100% - 28px)}.gallery{grid-template-columns:1fr}.item__title{font-size:1.15rem}.modal{border-radius:16px 16px 0 0}}