.uses-page{color:#202333}.uses-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;max-width:1280px;margin:auto;padding:65px 48px 76px;display:grid}.uses-eyebrow{letter-spacing:1.2px;color:#817584;margin-bottom:20px;font-size:10px;display:inline-block}.uses-hero h1{margin:0 0 15px;font-size:17px;font-weight:600}.uses-hero h2{letter-spacing:-1.8px;margin:0 0 23px;font-size:42px;line-height:1.15}.uses-hero h2 span{color:#e64d78}.uses-hero p{color:#71717e;margin:0 0 26px;font-size:14px;line-height:1.85}.use-search{min-width:0;scroll-margin-top:120px}.use-search .landing-search{max-width:none}.use-search input{font-size:11px}.use-search .site-button{padding:14px;font-size:11px}.uses-proof{color:#71717e;flex-wrap:wrap;gap:15px;margin-top:17px;font-size:10px;display:flex}.uses-proof span{align-items:center;gap:5px;display:flex}.uses-proof svg{color:#c4446c}.uses-visual{background:#fff;border:1px solid #e8e0e7;border-radius:18px;min-width:0;margin:0;padding:16px;box-shadow:0 18px 60px #70415a10}.uses-visual-top{align-items:center;gap:8px;padding-bottom:14px;font-size:15px;font-weight:700;display:flex}.uses-visual-top .brandmark{background:#202333;width:28px;height:28px}.uses-visual-top>span:last-child{letter-spacing:1px;color:#817584;margin-left:auto;font-size:8px;font-weight:400}.uses-visual-image{background:#faf8fb;border:1px solid #eee9ef;border-radius:10px;overflow:hidden}.uses-visual-image img{width:100%;height:auto;display:block}.uses-visual-comments .uses-visual-image{max-width:380px;margin:auto}.uses-visual figcaption{gap:6px;padding:15px 2px 0;display:grid}.uses-visual figcaption strong{font-size:11px;font-weight:500;line-height:1.7}.uses-visual figcaption span{color:#817584;font-size:9px}.uses-feature-image{min-width:0;margin:0}.uses-feature-image>div{background:#f8f6fa;border:1px solid #eee8f0;border-radius:16px;padding:18px}.uses-feature-image img{border:1px solid #ece8ee;border-radius:7px;width:100%;height:auto;display:block}.uses-feature-image figcaption{color:#77717e;margin:12px 3px 0;font-size:11px;line-height:1.75}.uses-feature-image:has(img[src*=video-player]){justify-self:center;width:100%;max-width:340px}.uses-steps{background:#faf8fb;padding:45px max(24px,50vw - 592px)}.uses-steps h2{letter-spacing:-.7px;font-size:27px}.uses-steps .section-heading{margin-bottom:28px}.uses-steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:0;padding:0;list-style:none;display:grid}.uses-steps li{align-items:flex-start;gap:15px;display:flex}.uses-steps li>span{color:#c37992;font-variant-numeric:tabular-nums;font-size:24px}.uses-steps h3{margin:2px 0;font-size:14px;font-weight:500;line-height:1.6}.uses-feature{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1280px;margin:auto;padding:65px 48px;display:grid}.uses-feature.is-reversed .uses-feature-copy{order:2}.uses-feature h2{letter-spacing:-1px;margin:17px 0;font-size:31px;line-height:1.2}.uses-feature p{color:#71717e;font-size:14px;line-height:1.9}.uses-feature ul{gap:13px;margin:23px 0 0;padding:0;list-style:none;display:grid}.uses-feature li{align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;display:flex}.uses-feature li svg{color:#c4446c;flex:none;margin-top:2px}.uses-faq{padding-top:36px;padding-bottom:60px}.uses-cta{text-align:center;background:#faf8fb;padding:50px 24px}.uses-cta h2{letter-spacing:-1px;margin:17px 0 12px;font-size:30px}.uses-cta>p{color:#71717e;margin:0 0 25px;font-size:13px}.uses-cta .use-search{text-align:left;max-width:640px;margin:auto}.uses-related{max-width:1184px;margin:38px auto 0;padding:0 24px 36px}.uses-related h2{font-size:16px;font-weight:600}.uses-related>div{flex-wrap:wrap;gap:12px 24px;display:flex}.uses-related a{color:#71717e;align-items:center;gap:9px;font-size:11px;line-height:1.7;display:flex}.uses-related a:hover{color:#c4446c}.uses-index{max-width:1184px;margin:auto;padding:60px 32px 80px}.uses-index>h1{letter-spacing:-2px;margin:20px 0;font-size:46px;line-height:1.12}.uses-index>h1 span{color:#e64d78}.uses-index>p{color:#71717e;max-width:560px;font-size:14px;line-height:1.8}.uses-index>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px;display:grid}.uses-index>div>a{border:1px solid #e8e5e8;border-radius:14px;flex-direction:column;padding:24px;display:flex}.uses-index h2{margin:0 0 14px;font-size:18px}.uses-index a p{color:#71717e;margin:0 0 24px;font-size:12px;line-height:1.8}.uses-index a>span{color:#c4446c;align-items:center;gap:10px;margin-top:auto;font-size:12px;display:flex}@media (max-width:1000px){.uses-hero{gap:30px;padding:45px 30px 55px}.uses-hero h2{font-size:35px}.uses-feature{gap:40px;padding:45px 30px}.uses-index>div{grid-template-columns:repeat(2,minmax(0,1fr))}.uses-hero .landing-search{flex-wrap:wrap}.uses-hero .landing-search .site-button{width:100%}}@media (max-width:650px){.uses-hero{grid-template-columns:1fr;gap:32px;padding:35px 22px 45px}.uses-hero h2{font-size:35px}.uses-hero p{font-size:13px}.uses-proof{gap:11px;font-size:9px}.uses-visual{rotate:0}.uses-steps{padding:35px 22px}.uses-steps ol{grid-template-columns:1fr;gap:20px}.uses-steps h2{font-size:25px}.uses-feature{grid-template-columns:1fr;gap:25px;padding:35px 22px}.uses-feature.is-reversed .uses-feature-copy{order:0}.uses-feature h2{font-size:28px}.uses-feature p{font-size:13px}.uses-cta h2{font-size:27px}.uses-cta .landing-search{flex-wrap:wrap}.uses-cta .landing-search .site-button{width:100%}.uses-index{padding:35px 22px 50px}.uses-index>h1{font-size:37px}.uses-index>div{grid-template-columns:1fr}.uses-related{margin-top:28px}.uses-visual-top>span:last-child{font-size:7px}}.uses-overview,.uses-scenarios,.uses-guide{max-width:1280px;margin:auto;padding:48px}.uses-overview{border-top:1px solid #f0ebf1}.uses-overview h2,.uses-scenarios>h2,.uses-guide h2{letter-spacing:-.7px;max-width:760px;margin:14px 0 22px;font-size:28px;line-height:1.3}.uses-overview>div{grid-template-columns:1fr 1fr;gap:40px;display:grid}.uses-overview p,.uses-scenarios p,.uses-guide p{color:#71717e;margin:0 0 16px;font-size:14px;line-height:1.9}.uses-scenarios>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.uses-scenarios article{background:#faf8fb;border:1px solid #eee8f0;border-radius:14px;padding:25px}.uses-scenarios h3{letter-spacing:-.3px;margin:0 0 14px;font-size:17px;line-height:1.45}.uses-scenarios article p{margin:0;font-size:13px}.uses-guide{grid-template-columns:1fr 1fr;gap:55px;padding-top:18px;display:grid}.uses-guide article{border-top:2px solid #e8d4df;padding-top:10px}.uses-guide h2{font-size:24px}.uses-faq .section-heading h2{max-width:780px}.uses-faq details p{line-height:1.9}@media (max-width:1000px){.uses-overview,.uses-scenarios,.uses-guide{padding:35px 30px}.uses-scenarios>div{gap:14px}.uses-scenarios article{padding:20px}.uses-guide{gap:30px}}@media (max-width:650px){.uses-overview,.uses-scenarios,.uses-guide{padding:30px 22px}.uses-overview>div,.uses-scenarios>div,.uses-guide{grid-template-columns:1fr;gap:16px}.uses-overview h2,.uses-scenarios>h2{font-size:25px}.uses-guide h2{font-size:23px}.uses-overview p,.uses-guide p{font-size:13px}.uses-scenarios article{padding:22px}.uses-guide{gap:22px}}@media (prefers-reduced-motion:no-preference){.uses-scenarios article,.uses-index>div>a,.uses-visual{transition:translate .25s,border-color .25s,box-shadow .25s}.uses-faq summary>span{transition:rotate .2s}.uses-faq details[open] summary>span{rotate:45deg}.uses-related a svg,.uses-index a>span svg{transition:translate .2s}.uses-related a:hover svg,.uses-related a:focus-visible svg,.uses-index a:hover>span svg{translate:3px}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.uses-scenarios article:hover,.uses-index>div>a:hover{border-color:#dfb8c8;translate:0 -4px;box-shadow:0 10px 26px #70415a0b}.uses-visual:hover{translate:0 -3px;box-shadow:0 22px 60px #70415a18}}.uses-index>div>a:focus-visible,.uses-related a:focus-visible{outline-offset:5px;outline:2px solid #c4446c}.uses-hero,.uses-steps,.uses-faq{scroll-margin-top:110px}.uses-faq summary>span{transform-origin:50%;flex:0 0 25px;place-items:center;width:25px;min-width:25px;height:25px;font-size:0;line-height:1;display:grid;position:relative}.uses-faq summary>span:before,.uses-faq summary>span:after{content:"";background:currentColor;border-radius:1px;width:10px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uses-faq summary>span:after{transform:translate(-50%,-50%)rotate(90deg)}