:root{--white:#fff;--purple-primary:#8400ff;--purple-glow:#8400ff33;--border-color:#392e4e;--background-dark:#060010}.card-grid{gap:.5em;width:100%;max-width:none;padding:0;font-size:clamp(1rem,.9rem + .5vw,1.35rem);display:grid}.fluid-magic-bento.card-grid{gap:clamp(.65rem,.45rem + .9vw,1.15rem)}.magic-bento-card{aspect-ratio:4/3;border:1px solid var(--border-color);background:var(--background-dark);border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;min-height:200px;padding:1.25em;font-weight:400;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.magic-bento-card__header,.magic-bento-card__content{color:var(--white);display:flex;position:relative}.magic-bento-card__header{justify-content:space-between;gap:.75em}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{letter-spacing:.06em;text-transform:uppercase;opacity:.85;font-size:.75rem;font-weight:600}.magic-bento-card__title,.magic-bento-card__description{--clamp-title:2;--clamp-desc:3}.magic-bento-card__title{margin:0 0 .35em;font-size:18px;font-weight:700;line-height:1.25}.magic-bento-card__description{opacity:.88;font-size:clamp(.8rem,.78rem + .2vw,.95rem);line-height:1.45}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}.fluid-magic-bento .magic-bento-card:nth-child(n+3).magic-bento-card--text-autohide .magic-bento-card__title,.fluid-magic-bento .magic-bento-card:nth-child(n+3).magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;text-overflow:unset;display:block;overflow:visible}@media (width<=599px){.card-grid{grid-template-columns:1fr;width:100%;padding:0}.magic-bento-card{width:100%;min-height:180px}.fluid-magic-bento .magic-bento-card:nth-child(n+3){min-height:220px}}@media (width>=600px){.card-grid{grid-template-columns:repeat(2,1fr)}@media (width<=1023px){.fluid-magic-bento .magic-bento-card:nth-child(n+3){min-height:clamp(300px,48vw,380px)}}}@media (width>=1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.fluid-magic-bento .magic-bento-card:first-child,.fluid-magic-bento .magic-bento-card:nth-child(2){aspect-ratio:auto;grid-area:span 2/span 2;min-height:clamp(320px,28vw,420px)}.fluid-magic-bento .magic-bento-card:nth-child(n+3){aspect-ratio:auto;grid-area:auto/span 1;justify-content:flex-start;gap:.5em;min-height:clamp(340px,30vw,420px)}.fluid-magic-bento .magic-bento-card:nth-child(n+3) .magic-bento-card__illustration{flex:none;margin-bottom:.35em}}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(var(--glow-color-rgb), calc(var(--glow-intensity) * .8)) 0%, rgba(var(--glow-color-rgb), calc(var(--glow-intensity) * .4)) 30%, transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:1;z-index:1;padding:6px;transition:opacity .3s;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;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px #2e184e26, 0 0 30px rgba(var(--glow-color-rgb), .12)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";background:rgba(var(--glow-color-rgb), .2);z-index:-1;border-radius:50%;position:absolute;inset:-2px}.particle-container:hover{box-shadow:0 4px 20px #0f172a14, 0 0 30px rgba(var(--glow-color-rgb), .15)}.global-spotlight{will-change:transform, opacity;pointer-events:none;z-index:200!important}.global-spotlight--light{mix-blend-mode:normal}.global-spotlight--dark{mix-blend-mode:screen}.bento-section{-webkit-user-select:none;user-select:none;position:relative}.fluid-magic-bento{--border-color:#0f172a1a;--white:#0f172a;--background-dark:#fff;--glow-color-rgb:13, 148, 136}.fluid-magic-bento .magic-bento-card{background:linear-gradient(165deg,#fff 0%,#f8fafc 100%);box-shadow:inset 0 1px #fffc,0 -20px 48px -18px #0f172a0d,0 -8px 22px -10px #0d94880a,0 12px 40px -24px #0f172a2e}.fluid-magic-bento .magic-bento-card:hover{box-shadow:0 1px 0 #ffffffd9 inset, 0 -24px 56px -18px #0f172a0f, 0 -10px 28px -10px #0d94880b, 0 16px 44px -22px #0f172a29, 0 4px 18px #0f172a12, 0 0 28px rgba(var(--glow-color-rgb), .12);transform:translateY(-2px)}.fluid-magic-bento .magic-bento-card__label{color:#0d9488;opacity:1}.fluid-magic-bento .magic-bento-card__description{color:#475569;opacity:1}.tools-integration{--ti-line-orange:#fb923c;--ti-line-blue:#3b82f6;--ti-line-amber:#fbbf24;--ti-line-teal:#14b8a6;--ti-line-cyan:#22d3ee;--ti-line-hot:#ecfeff}.tools-integration__flow-line{background:linear-gradient(90deg, #fb923c59, var(--ti-line-orange), var(--ti-line-cyan), var(--ti-line-hot), #fff, var(--ti-line-hot), var(--ti-line-cyan), var(--ti-line-blue), #a5b4fc, var(--ti-line-amber), var(--ti-line-teal), var(--ti-line-cyan), #fb923c59);background-size:400% 100%;border-radius:9999px;height:1px;animation:1.65s linear infinite tools-integration-shimmer;box-shadow:0 0 10px #22d3ee8c,0 0 22px #38bdf859,0 0 2px #fffc}.tools-integration__flow-line--subtle{opacity:.85;height:1px;animation-duration:3.5s}.tools-integration__hub-spoke{fill:none;filter:drop-shadow(0 0 4px #22d3ee8c)drop-shadow(0 0 10px #6366f133)}@keyframes tools-integration-shimmer{0%{background-position:0 0}to{background-position:300% 0}}.tools-integration__net-link{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px;filter:drop-shadow(0 0 3px #22d3ee73)drop-shadow(0 0 8px #6366f140)}.tools-integration__flow-stroke{stroke-dasharray:10 8;filter:drop-shadow(0 0 3px #22d3ee73)drop-shadow(0 0 7px #38bdf847)}.tools-integration__flow-stroke--left{animation:1.35s linear infinite tools-integration-flow-left}.tools-integration__flow-stroke--right{animation:1.35s linear infinite tools-integration-flow-right}@keyframes tools-integration-flow-left{0%{stroke-dashoffset:0}to{stroke-dashoffset:-36px}}@keyframes tools-integration-flow-right{0%{stroke-dashoffset:0}to{stroke-dashoffset:-36px}}@media (prefers-reduced-motion:reduce){.tools-integration__flow-line{background-position:50% 0;animation:none;box-shadow:0 0 6px #22d3ee40}.tools-integration__flow-stroke--left,.tools-integration__flow-stroke--right{animation:none}.tools-integration__net-link,.tools-integration__hub-spoke{filter:none}}.pixel-canvas{pointer-events:none;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-card{isolation:isolate;-webkit-user-select:none;user-select:none;flex-direction:column;width:100%;height:100%;min-height:0;transition:border-color .2s cubic-bezier(.5,1,.89,1),box-shadow .2s cubic-bezier(.5,1,.89,1),background-color .32s cubic-bezier(.5,1,.89,1);display:flex;position:relative;overflow:hidden}.pixel-card--pricing:before{content:"";aspect-ratio:1;opacity:0;z-index:1;pointer-events:none;background:radial-gradient(circle,#0f172a14,#0000 85%);margin:auto;transition:opacity .8s cubic-bezier(.5,1,.89,1),background .5s cubic-bezier(.5,1,.89,1);position:absolute;inset:0}.pixel-card--pricing:hover:before,.pixel-card--pricing:focus-within:before{opacity:1;background:radial-gradient(circle,#ffffff24,#0000 72%)}.pixel-card__content{z-index:2;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.orb-container{width:100%;height:100%;position:relative}.orb-container canvas{display:block}.dot-grid{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.magnetLines-container{place-items:center}.magnetLines-container span{transform-origin:50%;will-change:transform;transform:rotate(var(--rotate));border-radius:9999px;transition:transform .15s ease-out;display:block}.gooey-nav-container{--color-1:#94a3b8;--color-2:#5eead4;--color-3:#a5b4fc;--color-4:#fcd34d;position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{z-index:3;color:#000;gap:.15rem;margin:0;padding:0 .35rem;font-size:.875rem;font-weight:500;list-style:none;display:flex;position:relative}@media (width>=1280px){.gooey-nav-container nav ul{gap:.25rem;padding:0 .5rem}}.gooey-nav-container nav ul li{cursor:pointer;color:#000;border-radius:100vw;transition:background-color .3s,color .3s,box-shadow .3s;position:relative;box-shadow:0 0 .5px 1.5px #0000}.gooey-nav-container nav ul li a{color:inherit;white-space:nowrap;padding:.45em .75em;text-decoration:none;display:inline-block}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 0 2px #94a3b873}.gooey-nav-container nav ul li:after{content:"";opacity:0;z-index:-1;background:#fff;border-radius:100vw;transition:opacity .32s cubic-bezier(.34,1.2,.64,1),transform .32s cubic-bezier(.34,1.2,.64,1);position:absolute;inset:0;transform:scale(.72);box-shadow:0 1px 2px #0f172a0f}.gooey-nav-container nav ul li.active{color:#000;text-shadow:none}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{opacity:1;pointer-events:none;z-index:1;place-items:center;width:0;height:0;display:grid;position:absolute;top:0;left:0}.gooey-nav-container .effect.text{color:#000;white-space:nowrap;font-size:.875rem;font-weight:500;transition:color .3s}.gooey-nav-container .effect.text.active{color:#000}.gooey-nav-container .effect.filter{isolation:isolate;filter:blur(6px)contrast(120);mix-blend-mode:normal}.gooey-nav-container .effect.filter:after{content:"";opacity:0;z-index:-1;background:#fff;border-radius:100vw;position:absolute;inset:0;transform:scale(.75);box-shadow:0 1px 2px #0f172a0f}.gooey-nav-container .effect.filter.active:after{animation:.38s cubic-bezier(.34,1.2,.64,1) forwards gooey-nav-pill}@keyframes gooey-nav-pill{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.gooey-nav-container .particle,.gooey-nav-container .point{opacity:0;transform-origin:50%;border-radius:100%;width:20px;height:20px;display:block}.gooey-nav-container .particle{--time:5s;animation:gooey-nav-particle calc(var(--time)) ease 1 -350ms;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}.gooey-nav-container .point{background:var(--color);opacity:1;animation:gooey-nav-point calc(var(--time)) ease 1 -350ms}@keyframes gooey-nav-particle{0%{transform:rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)), calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5), calc(var(--end-y) * .5));opacity:1}}@keyframes gooey-nav-point{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(0)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{opacity:0;transform:scale(0)}}@media (prefers-reduced-motion:reduce){.gooey-nav-container .particle,.gooey-nav-container .point{opacity:0!important;animation:none!important}.gooey-nav-container .effect.filter.active:after{opacity:1;animation:none;transform:scale(1)}.gooey-nav-container nav ul li:after{transition:none}}.pixel-blast-container{width:100%;height:100%;position:relative;overflow:hidden}