@keyframes scroll-seamless{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.animate-scroll-seamless{animation:30s linear infinite scroll-seamless}.glass{-webkit-backdrop-filter:blur(8px)saturate(150%);background-clip:padding-box}.safari-composite{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform, filter;-webkit-transform:translateZ(0);transform:translateZ(0)}@keyframes ai-color-wave{10%{color:#10b981}33%{color:#8b5cf6}66%{color:#ec4899}}.ai-icon-anim{animation:1.2s linear infinite ai-color-wave}@keyframes ai-bg-shift{0%{background-position:0%}to{background-position:200%}}.ai-btn-waves{animation:1.2s linear infinite ai-bg-shift;background-image:linear-gradient(90deg,#e70aff 0%,#8b5cf6 50%,#ec4899 100%)!important;background-size:200% 100%!important}@keyframes ai-hue-rotate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.ai-btn-anim{position:relative;overflow:hidden}.ai-btn-anim:before{content:"";border-radius:inherit;z-index:0;background:linear-gradient(135deg,#c300ff 0%,#8b5cf6 50%,#ec4899 100%);-webkit-animation:2.2s linear infinite ai-hue-rotate;animation:2.2s linear infinite ai-hue-rotate;position:absolute;inset:0}.marquee{position:relative;overflow:hidden}.marquee--edge-right{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 32px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 32px),#0000 100%)}.marquee--edge-left{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 32px 100%);mask-image:linear-gradient(90deg,#0000 0,#000 32px 100%)}.marquee--fade-right{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%)}.marquee__track{will-change:transform;align-items:center;gap:20px;width:max-content;animation:20s linear infinite marquee-scroll;display:flex}.marquee__more{z-index:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.logo-item-sm{flex:none;justify-content:center;align-items:center;height:24px;display:flex}.logo-img-sm{object-fit:contain;opacity:.85;width:auto;height:24px}@keyframes marquee-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.metallic{-webkit-text-fill-color:transparent;text-shadow:0 1px #ffffffe6,0 3px #ffffff40,0 6px 8px #00000073,0 12px 24px #00000059;letter-spacing:-.02em;background-image:radial-gradient(circle at 10% 20%,#a655fff2 0 12%,#0000 20%),radial-gradient(circle at 80% 40%,#5fffc8d9 0 20%,#0000 35%),linear-gradient(120deg,#b6ffea 0%,#8b5cf6 30%,#6ee7b7 55%,#c084fc 80%,#ffd6e0 100%);-webkit-background-clip:text;background-clip:text}.metallic:after{content:attr(data-text);-webkit-text-fill-color:transparent;mix-blend-mode:overlay;filter:blur(.6px);pointer-events:none;background-image:linear-gradient(#ffffffe6 0%,#fff0 35%);-webkit-background-clip:text;background-clip:text;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateY(-2px)skew(-6deg)}
.strands-container{background:0 0;width:100%;height:100%;position:relative;overflow:hidden}.strands-container canvas{width:100%;height:100%;display:block}
.magic-bento{--glow-color:0, 210, 143;--spotlight-opacity:0;--spotlight-x:50%;--spotlight-y:50%;isolation:isolate;flex-direction:column;gap:1rem;width:100%;display:flex;position:relative}.magic-bento__group{z-index:1;gap:1rem;display:grid;position:relative}.magic-bento__group--steps{grid-template-columns:repeat(3,minmax(0,1fr))}.magic-bento__group--benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.magic-bento__spotlight{z-index:3;left:var(--spotlight-x);top:var(--spotlight-y);aspect-ratio:1;pointer-events:none;width:min(44rem,72vw);opacity:var(--spotlight-opacity);background:radial-gradient(circle, rgba(var(--glow-color), .09) 0%, rgba(var(--glow-color), .035) 32%, transparent 68%);border-radius:50%;transition:opacity .22s ease-out;position:absolute;transform:translate(-50%,-50%)}.magic-bento-card{--glow-intensity:0;--glow-radius:420px;--glow-x:50%;--glow-y:50%;z-index:1;min-width:0;min-height:17rem;color:var(--color-brand-950);transform-style:preserve-3d;background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;position:relative;overflow:hidden}.magic-bento-card--step{padding:1.5rem}.magic-bento-card--benefit{grid-template-columns:minmax(11rem,.85fr) minmax(0,1.35fr);min-height:15.5rem;padding:.75rem;display:grid}.magic-bento-card__body,.magic-bento-card__media{z-index:2;position:relative}.magic-bento-card__body{flex-direction:column;flex:1;min-width:0;display:flex}.magic-bento-card--step .magic-bento-card__content{margin-block:auto}.magic-bento-card--benefit .magic-bento-card__body{justify-content:center;padding:1rem 1.1rem}.magic-bento-card--benefit .magic-bento-card__content{margin-top:0}.magic-bento-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.magic-bento-card__icon{flex:none;place-items:center;width:3.75rem;height:3.75rem;display:grid}.magic-bento-card__icon img{object-fit:contain;width:2.75rem;height:2.75rem}.magic-bento-card__badge{border:1px solid var(--color-brand-200);min-width:2.25rem;height:2.25rem;color:var(--color-brand-900);background:var(--color-brand-50);letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;font-family:HostGrotesk,sans-serif;font-size:.8rem;font-weight:700;display:inline-flex}.magic-bento-card__content{z-index:2;margin-top:2rem;position:relative}.magic-bento-card__title{color:var(--color-brand-950);letter-spacing:-.02em;text-wrap:balance;margin:0;font-family:Trap,sans-serif;font-size:clamp(1.25rem,1.05rem + .55vw,1.75rem);font-weight:700;line-height:1.15}.magic-bento-card__description{max-width:65ch;color:var(--color-brand-900);text-wrap:pretty;margin:.7rem 0 0;font-family:HostGrotesk,sans-serif;font-size:1rem;font-weight:400;line-height:1.55}.magic-bento-card__media{border-radius:12px;min-height:14rem;position:relative;overflow:hidden}.magic-bento-card__media .how-it-works-strands{position:absolute;inset:0}.magic-bento-card__media img{object-fit:cover;width:100%;height:100%}.magic-bento-card__particle{z-index:2;left:var(--particle-x);top:var(--particle-y);pointer-events:none;opacity:0;background:rgba(var(--glow-color), .96);width:4px;height:4px;box-shadow:0 0 7px rgba(var(--glow-color), .62);animation-delay:var(--particle-delay);border-radius:50%;position:absolute}.magic-bento-card--border-glow:after{content:"";z-index:4;border-radius:inherit;pointer-events:none;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(var(--glow-color), calc(var(--glow-intensity) * .9)) 0%, rgba(var(--glow-color), calc(var(--glow-intensity) * .42)) 30%, transparent 64%);-webkit-mask-composite:xor;padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}@media (max-width:1023px){.magic-bento__group--steps{grid-template-columns:repeat(2,minmax(0,1fr))}.magic-bento__group--steps>.magic-bento-card:last-child:nth-child(odd){grid-column:1/-1}.magic-bento-card--benefit{grid-template-columns:1fr}.magic-bento-card__media{min-height:12rem}}@media (max-width:639px){.magic-bento{gap:.75rem}.magic-bento__group{grid-template-columns:1fr;gap:.75rem}.magic-bento__group--steps>.magic-bento-card:last-child:nth-child(odd){grid-column:auto}.magic-bento-card{min-height:0}.magic-bento-card--step{min-height:15rem;padding:1.25rem}.magic-bento-card--benefit{min-height:0}.magic-bento-card--benefit .magic-bento-card__body{padding:1rem .5rem .65rem}.magic-bento-card__media{min-height:11rem}}@media (prefers-reduced-motion:reduce),(pointer:coarse){.magic-bento__spotlight,.magic-bento-card,.magic-bento-card__particle{transition:none}.magic-bento__spotlight,.magic-bento-card__particle,.magic-bento-card--border-glow:after{display:none}}
