.feature-grid-toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:32px 0 18px;font-size:14px;display:flex}.feature-grid-toolbar p{margin:0}.feature-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.feature-grid-card{isolation:isolate;background:#101018;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;min-width:0;transition:border-color .25s;display:flex;position:relative;overflow:hidden}.feature-grid-card:hover{border-color:#a78bfa7a}.feature-grid-large{grid-column:span 6;height:410px}.feature-grid-medium{grid-column:span 4;height:330px}.feature-grid-small{grid-column:span 4;height:265px}.feature-grid-copy{z-index:2;flex:none;padding:26px 28px 0;position:relative}.feature-grid-copy h3{font-family:var(--font-display),sans-serif;letter-spacing:-.025em;color:#faf9ff;margin:0 0 9px;font-size:24px;font-weight:650;line-height:1.12}.feature-grid-large h3{font-size:30px}.feature-grid-copy p{color:#b9b5ca;max-width:40ch;margin:0;font-size:14px;line-height:1.6}.feature-grid-art{flex:1;min-height:0;margin-top:22px;position:relative;overflow:hidden}.feature-grid .hero-capabilities-preview{width:100%;height:100%}.feature-grid-launch{background:#171025}.feature-grid-launch .feature-grid-art{border:1px solid #bda2ff38;border-bottom:0;border-radius:10px 10px 0 0;margin:24px 24px 0}.feature-grid-launch .hero-capabilities-play{display:none}.feature-grid-launch .hero-capabilities-motionPreview video{object-fit:cover}.feature-grid-demo{background:#101725}.feature-grid-demo .hero-capabilities-demoPreview{background:0 0}.feature-grid-demo .hero-capabilities-browser{width:84%;height:82%;top:12%;left:8%;transform:perspective(1000px)rotateY(-8deg)rotateX(5deg)}.feature-grid-demo .hero-capabilities-browserBody{height:calc(100% - 25px)}.feature-grid-decor{background:#171714}.feature-grid-decor .feature-grid-art{margin-top:12px;-webkit-mask-image:linear-gradient(#0000,#000 18%);mask-image:linear-gradient(#0000,#000 18%)}.feature-grid-decor .hero-capabilities-preview img{object-position:center 58%}.feature-grid-logo{background:#18121f}.feature-grid-logo .hero-capabilities-sigLabel,.feature-grid-logo .hero-capabilities-sigRec{display:none}.feature-grid-logo .hero-capabilities-sigWord{max-width:100%}.feature-grid-stores{background:#111821}.feature-grid-stores .feature-grid-art{margin-top:12px}.feature-grid-stores .hero-capabilities-storesPreview{background:0 0}.feature-grid-posts .feature-grid-art{margin:0;position:absolute;inset:115px -70px -95px 75px;transform:rotate(-10deg);-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}.feature-grid-posts .feature-grid-copy{max-width:95%}.feature-grid-posts .hero-capabilities-reelPost{transform-origin:top;transform:scale(.76)}.feature-grid-wave{color:#b9a0fb;flex:1;align-items:center;gap:16px;margin:16px 28px 20px;display:flex}.feature-grid-wave>div{align-items:center;gap:4px;width:100%;height:78px;display:flex}.feature-grid-wave i{transform-origin:50%;background:#a78bfa;border-radius:100px;flex:1;min-width:2px;max-width:6px;animation:1.6s ease-in-out infinite alternate feature-wave;display:block}.feature-grid-formats .feature-grid-copy p{display:none}.feature-grid-format-art{flex:1;place-items:center;padding-bottom:22px;display:grid;position:relative}.feature-grid-format-screen{background:#251642;border:1px solid #ad8fee;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:190px;height:107px;animation:9s cubic-bezier(.65,0,.35,1) infinite feature-aspect;display:flex;position:relative;overflow:hidden}.feature-grid-format-screen span{font-family:var(--font-display),sans-serif;color:#c4afff;font-size:38px;font-weight:800;line-height:1}.feature-grid-format-screen i{opacity:.5;background:#9c7ade;border-radius:2px;width:42px;height:3px;margin-top:5px}.feature-grid-format-screen i:last-child{width:26px}.feature-grid-format-labels{bottom:12px;color:#c9bddc;text-align:center;height:18px;font-size:12px;position:absolute;inset-inline:0}.feature-grid-format-labels span{opacity:0;animation:9s step-end infinite feature-format-label;position:absolute;inset:0}.feature-grid-format-labels span:nth-child(2){animation-delay:3s}.feature-grid-format-labels span:nth-child(3){animation-delay:6s}@keyframes feature-wave{0%{opacity:.45;transform:scaleY(.35)}to{opacity:1;transform:scaleY(1)}}@keyframes feature-aspect{0%,25%,to{width:190px;height:107px}33%,58%{width:77px;height:137px}66%,91%{width:122px;height:122px}}@keyframes feature-format-label{0%,32.99%{opacity:1}33%,to{opacity:0}}.feature-grid[data-visible=false] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.feature-grid-wave i{animation-duration:1.6s!important;animation-iteration-count:infinite!important}.feature-grid-format-screen,.feature-grid-format-labels span{animation-duration:9s!important;animation-iteration-count:infinite!important}.feature-grid-demo .hero-capabilities-browser,.feature-grid-demo .hero-capabilities-cursor,.feature-grid-demo .hero-capabilities-zoomFrame{animation-duration:6s!important;animation-iteration-count:infinite!important}}@media (max-width:900px){.feature-grid-medium,.feature-grid-small{grid-column:span 6}.feature-grid-stores,.feature-grid-formats{grid-column:span 12}.feature-grid-stores .feature-grid-art{align-self:center;width:min(100%,550px)}.feature-grid-copy{padding:22px 22px 0}.feature-grid-large h3{font-size:25px}}@media (max-width:600px){.feature-grid{grid-template-columns:minmax(0,1fr);gap:14px}.feature-grid-card{grid-column:auto}.feature-grid-large{height:365px}.feature-grid-medium{height:325px}.feature-grid-small{height:255px}.feature-grid-copy h3{font-size:24px}.feature-grid-copy p{font-size:14px}.feature-grid-toolbar{align-items:flex-start;gap:12px;font-size:13px}.feature-grid-toolbar p{max-width:22ch;padding-top:10px}.feature-grid-launch .feature-grid-art{margin-inline:16px}}.feature-grid-demo .hero-capabilities-browser{transform-origin:35% 45%;animation:6s cubic-bezier(.65,0,.35,1) infinite feature-demo-zoom}.feature-grid-demo .hero-capabilities-cursor{animation:6s ease-in-out infinite feature-demo-cursor}.feature-grid-demo .hero-capabilities-zoomFrame{animation:6s ease-in-out infinite feature-demo-focus}@keyframes feature-demo-zoom{0%,18%,85%,to{transform:perspective(1000px)rotateY(-8deg)rotateX(5deg)scale(1)}38%,65%{transform:perspective(1000px)rotateY(-4deg)rotateX(2deg)scale(1.12)}}@keyframes feature-demo-cursor{0%,to{transform:translate(45px,35px)}22%,35%{transform:translate(-32px,-15px)}42%,62%{transform:translate(-25px,-12px)scale(.88)}78%{transform:translate(65px,5px)}}@keyframes feature-demo-focus{0%,12%,85%,to{opacity:0;transform:scale(.9)}25%,65%{opacity:1;transform:scale(1.1)}}