.home-usecases{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 38% at 100% 0%,#86d5ff29,#86d5ff00 60%),linear-gradient(180deg,#fff 0%,var(--bg-cream-soft) 100%)}.home-usecases .uc-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:38px 22px 52px}.home-usecases .uc-aura{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.home-usecases .uc-aura .grid-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(11,92,158,.1) 1px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 46% 40% at 14% 8%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse 46% 40% at 14% 8%,#000 0%,transparent 70%);opacity:.55}.home-usecases .uc-aura .bloom{position:absolute;left:50%;top:-60px;width:520px;height:360px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,150,55,.1) 0%,rgba(0,152,255,.06) 42%,transparent 70%);opacity:.8}.home-usecases .uc-head{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:26px}.home-usecases .eyebrow{position:relative;display:inline-flex;align-items:center;gap:8px;background:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 13px;border-radius:999px;font-size:11px;font-weight:700;color:var(--ink-1);margin-bottom:14px;box-shadow:0 8px 22px -12px #0b5c9e66;background-clip:padding-box;border:1.5px solid transparent}.home-usecases .eyebrow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(110deg,var(--orange),var(--blue) 60%,var(--purple));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;pointer-events:none}.home-usecases .eb-spark{width:12px;height:12px;border-radius:50%;flex:none;background:conic-gradient(from 180deg,var(--orange),var(--blue),var(--purple),var(--orange));box-shadow:0 0 0 3px #0098ff1f;animation:hu-sparkspin 4s linear infinite}@keyframes hu-sparkspin{to{transform:rotate(360deg)}}.home-usecases .eb-x{width:4px;height:4px;border-radius:50%;background:var(--blue-mid);flex:none}.home-usecases .uc-head h2{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:31px;line-height:1.02;letter-spacing:-.03em;color:var(--ink-1);max-width:14ch}.home-usecases .uc-head h2 .hl{position:relative;overflow:hidden;color:#fff;background:linear-gradient(120deg,var(--orange),#FFB061);padding:0 .14em .04em;border-radius:13px;display:inline-block;transform:rotate(-1.5deg);box-shadow:0 10px 24px -10px #ff9637b3}.home-usecases .uc-head h2 .hl:after{content:"";position:absolute;top:0;left:-60%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);animation:hu-hlscan 4.5s ease-in-out infinite}@keyframes hu-hlscan{0%{left:-60%}28%,to{left:160%}}.home-usecases .uc-head .intro{font-size:14px;line-height:1.55;color:var(--ink-2);max-width:46ch;margin-top:12px}.home-usecases .uc-head .intro .brand{font-family:Bricolage Grotesque,sans-serif;font-weight:700;color:var(--blue);letter-spacing:-.01em}.home-usecases .uc-grid{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.home-usecases .uc-card{position:relative;background:#fff;border:1px solid var(--stroke);border-radius:22px;padding:12px;display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch;box-shadow:var(--shadow-lift);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;will-change:transform}.home-usecases .uc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-lg);border-color:#14181e14}.home-usecases .uc-photo{position:relative;border-radius:14px;overflow:hidden;width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,var(--blue-bg) 0%,var(--bg-neutral) 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,rgba(0,0,0,.55) 96%,rgba(0,0,0,.25) 100%);mask-image:linear-gradient(to bottom,#000 0% 86%,#0000008c 96%,#00000040)}.home-usecases .uc-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}.home-usecases .uc-card:hover .uc-photo img{transform:scale(1.045)}.home-usecases .uc-live{position:absolute;top:12px;left:12px;z-index:3;background:#ffffff8c;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:6px 13px 6px 11px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-1);display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 20px -8px #00000073}.home-usecases .cl-ring{position:relative;width:9px;height:9px;flex:none;border-radius:50%;background:var(--green)}.home-usecases .cl-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 #52cb8a99;animation:hu-livedot 1.8s infinite}@keyframes hu-livedot{0%{box-shadow:0 0 #52cb8a8c}70%{box-shadow:0 0 0 7px #52cb8a00}to{box-shadow:0 0 #52cb8a00}}.home-usecases .uc-live--done .cl-ring{background:var(--blue)}.home-usecases .uc-live--done .cl-ring:after{box-shadow:0 0 #0098ff8c;animation:hu-livedot-b 1.8s infinite}@keyframes hu-livedot-b{0%{box-shadow:0 0 #0098ff80}70%{box-shadow:0 0 0 7px #0098ff00}to{box-shadow:0 0 #0098ff00}}.home-usecases .uc-body{display:flex;flex-direction:column;gap:9px;padding:4px 6px 6px;position:relative}.home-usecases .uc-body-head{display:flex;align-items:center;gap:10px}.home-usecases .uc-num{width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;flex-shrink:0;letter-spacing:-.02em;box-shadow:0 3px 8px -2px #0098ff66,0 0 0 4px #0098ff1f;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.home-usecases .uc-card:hover .uc-num{transform:scale(1.12)}.home-usecases .uc-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);line-height:1}.home-usecases .uc-body h4{font-family:Bricolage Grotesque,sans-serif;font-size:19px;font-weight:700;color:var(--ink-1);line-height:1.12;letter-spacing:-.015em}.home-usecases .uc-body p{font-size:13.5px;line-height:1.55;color:var(--ink-2);margin:0}.home-usecases .uc-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:2px}.home-usecases .chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--stroke);padding:7px 12px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--ink-1);box-shadow:var(--shadow-lift);transition:transform .2s ease,box-shadow .2s ease}.home-usecases .chip:hover{transform:translateY(-2px);box-shadow:0 12px 22px -10px #14181e38}.home-usecases .chip svg{width:15px;height:15px;flex:none}.home-usecases .chip-g{background:linear-gradient(180deg,#fff,#52cb8a14);border-color:#52cb8a66}.home-usecases .chip-g svg{color:var(--green-dark)}.home-usecases .chip-p{background:linear-gradient(180deg,#fff,#9747ff14);border-color:#9747ff5c}.home-usecases .chip-p svg{color:var(--purple)}.home-usecases .chip-b{background:linear-gradient(180deg,#fff,#0098ff14);border-color:#0098ff5c}.home-usecases .chip-b svg{color:var(--blue)}.home-usecases .chip-o{background:linear-gradient(180deg,#fff,#ff96371a);border-color:#ff96376b}.home-usecases .chip-o svg{color:var(--orange)}.home-usecases .uc-card--blue .uc-num{background:var(--blue);box-shadow:0 3px 8px -2px #0098ff66,0 0 0 4px #0098ff1f}.home-usecases .uc-card--orange .uc-num{background:var(--orange);box-shadow:0 3px 8px -2px #ff963766,0 0 0 4px #ff96371f}.home-usecases .uc-card--purple .uc-num{background:var(--purple);box-shadow:0 3px 8px -2px #9747ff66,0 0 0 4px #9747ff1f}.home-usecases .uc-card--green .uc-num{background:var(--green);box-shadow:0 3px 8px -2px #52cb8a66,0 0 0 4px #52cb8a1f}.home-usecases .uc-ctas{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:nowrap;width:100%}.home-usecases .uc-ctas .btn{flex:1}.home-usecases .btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 12px;border-radius:999px;font-size:13.5px;font-weight:800;cursor:pointer;font-family:inherit;text-decoration:none;white-space:nowrap;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease,border-color .28s ease,color .25s ease;will-change:transform}.home-usecases .btn>*{position:relative;z-index:2}.home-usecases .btn .arr,.home-usecases .btn .bag{transition:transform .28s ease;width:15px;height:15px;flex:none}.home-usecases .btn:active{transform:translateY(-1px) scale(.98)}.home-usecases .btn-primary{color:#fff;background:linear-gradient(135deg,#23A9FF 0%,var(--blue) 55%,#0B7FE0 100%);box-shadow:0 10px 26px -8px #0098ff8c}.home-usecases .btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:linear-gradient(100deg,transparent 22%,rgba(255,255,255,.5) 50%,transparent 78%);transform:translate(-130%) skew(-18deg);transition:transform .65s ease}.home-usecases .btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px -10px #0098ffb8,0 0 0 5px #0098ff21}.home-usecases .btn-primary:hover:before{transform:translate(130%) skew(-18deg)}.home-usecases .btn-primary:hover .arr{transform:translate(5px)}.home-usecases .btn-secondary{color:var(--ink-1);background:#fff;border:1.5px solid var(--stroke);box-shadow:var(--shadow-lift)}.home-usecases .btn-secondary:before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;z-index:1;border-radius:inherit;background:linear-gradient(135deg,var(--orange),#FFB061);transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(.65,0,.35,1)}.home-usecases .btn-secondary .bag{color:var(--orange);transition:transform .28s ease,color .25s ease}.home-usecases .btn-secondary:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 18px 34px -10px #ff963799}.home-usecases .btn-secondary:hover:before{transform:scaleX(1)}.home-usecases .btn-secondary:hover .bag{color:#fff;transform:scale(1.08) rotate(-4deg)}@media(min-width:980px){.home-usecases .uc-inner{padding:80px 48px 92px}.home-usecases .uc-head{margin-bottom:52px}.home-usecases .uc-head h2{font-size:50px;max-width:18ch}.home-usecases .uc-head .intro{font-size:17px;margin-top:16px}.home-usecases .uc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:36px}.home-usecases .uc-card{grid-template-columns:210px 1fr;padding:14px;gap:18px;align-items:center}.home-usecases .uc-photo{align-self:stretch;aspect-ratio:auto;height:auto;min-height:248px;-webkit-mask-image:none;mask-image:none}.home-usecases .uc-body{padding:6px 10px 6px 0}.home-usecases .uc-body h4{font-size:22px}.home-usecases .uc-body p{font-size:14.5px}.home-usecases .uc-card--alt{grid-template-columns:1fr 210px}.home-usecases .uc-card--alt .uc-photo{order:2}.home-usecases .uc-card--alt .uc-body{order:1;padding:6px 0 6px 10px}.home-usecases .uc-ctas{justify-content:center;flex-wrap:wrap;width:auto;max-width:560px;margin:0 auto}.home-usecases .uc-ctas .btn{flex:initial;padding:14px 26px;font-size:15px;gap:9px}}.shopify-design-mode .home-usecases .eb-spark,.shopify-design-mode .home-usecases .uc-head h2 .hl:after,.shopify-design-mode .home-usecases .cl-ring:after{animation-play-state:running}@media(prefers-reduced-motion:reduce){.home-usecases .eb-spark,.home-usecases .uc-head h2 .hl:after,.home-usecases .cl-ring:after,.home-usecases .uc-photo img,.home-usecases .uc-num{animation:none;transition:none}.home-usecases .uc-card:hover,.home-usecases .uc-card:hover .uc-photo img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/home-usecases.css.map */