.feature-card{position:relative;display:flex;flex-direction:column;background-color:#0d1117;border:1px solid #1a1a1a;border-radius:12px;padding:1.5rem;overflow:hidden;min-width:0;cursor:pointer;text-decoration:none;color:inherit;transition:border-color .3s ease,background-color .3s ease,transform .3s ease}@media(min-width:768px){.feature-card{height:380px}}.feature-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(400px circle at var(--mx, 50%) var(--my, 50%),rgba(222,225,227,.03),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%),rgba(222,225,227,.08),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card>*{position:relative;z-index:1}.feature-card:is(:hover,.in-view){border-color:#2a3a4a;background-color:#10161d}.ai-labs{filter:grayscale(1) brightness(.7);transition:filter .5s ease}.feature-card:is(:hover,.in-view) .ai-labs{filter:grayscale(0) brightness(1)}.ai-lab{transition:transform .5s cubic-bezier(.22,1,.36,1)}.feature-card:is(:hover,.in-view) .ai-lab:nth-child(1){transform:translate(-6px,-6px)}.feature-card:is(:hover,.in-view) .ai-lab:nth-child(2){transform:translate(0)}.feature-card:is(:hover,.in-view) .ai-lab:nth-child(3){transform:translate(6px,6px)}.db-logo,.infra-logo{transition:transform .5s cubic-bezier(.22,1,.36,1)}.db-logos,.infra-logos{filter:grayscale(1) brightness(.7);transition:filter .5s ease}.feature-card:is(:hover,.in-view) .db-logos,.feature-card:is(:hover,.in-view) .infra-logos{filter:grayscale(0) brightness(1)}.feature-card:is(:hover,.in-view) .db-logo:nth-child(1){transform:translate(-5px,-5px)}.feature-card:is(:hover,.in-view) .db-logo:nth-child(2){transform:translate(-2px,-2px);transition-delay:30ms}.feature-card:is(:hover,.in-view) .db-logo:nth-child(3){transform:translate(2px,2px);transition-delay:60ms}.feature-card:is(:hover,.in-view) .db-logo:nth-child(4){transform:translate(5px,5px);transition-delay:90ms}.feature-card:is(:hover,.in-view) .infra-logo:nth-child(1){transform:translate(-6px,-6px)}.feature-card:is(:hover,.in-view) .infra-logo:nth-child(2){transform:translate(-3px,-3px);transition-delay:25ms}.feature-card:is(:hover,.in-view) .infra-logo:nth-child(3){transform:translate(0);transition-delay:50ms}.feature-card:is(:hover,.in-view) .infra-logo:nth-child(4){transform:translate(3px,3px);transition-delay:75ms}.feature-card:is(:hover,.in-view) .infra-logo:nth-child(5){transform:translate(6px,6px);transition-delay:.1s}.chart-card{transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s ease;filter:grayscale(1) brightness(.7)}.feature-card:is(:hover,.in-view) .chart-card{filter:grayscale(0) brightness(1)}.feature-card:is(:hover,.in-view) .chart-card:nth-child(1){transform:translate(-6px,-6px)}.feature-card:is(:hover,.in-view) .chart-card:nth-child(2){transform:translate(0);transition-delay:30ms}.feature-card:is(:hover,.in-view) .chart-card:nth-child(3){transform:translate(6px,6px);transition-delay:60ms}.sql-typed{clip-path:inset(0 100% 0 0);transition:clip-path .25s steps(14,end);transition-delay:calc((8 - var(--d)) * .25s)}.feature-card:is(:hover,.in-view) .sql-typed{clip-path:inset(0 0 0 0);transition-delay:calc(var(--d) * .35s);transition-duration:.35s;transition-timing-function:steps(18,end)}.sql-visual{filter:brightness(.6);transition:filter .5s ease}.feature-card:is(:hover,.in-view) .sql-visual{filter:brightness(1)}.sql-cursor{display:inline-block;width:1px;height:11px;background:#dee1e3;vertical-align:middle;margin-left:1px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.feature-card:is(:hover,.in-view) .sql-cursor{opacity:0}.internal-app-visual{filter:grayscale(1) brightness(.6);transition:filter .5s ease}.feature-card:is(:hover,.in-view) .internal-app-visual{filter:grayscale(0) brightness(1)}.cursor-1,.cursor-2{transition:transform .3s ease}.feature-card:is(:hover,.in-view) .cursor-1{animation:cursorMove1 3s ease-in-out infinite}.feature-card:is(:hover,.in-view) .cursor-2{animation:cursorMove2 3.5s ease-in-out infinite}@keyframes cursorMove1{0%,to{transform:translate(0)}25%{transform:translate(20px,12px)}50%{transform:translate(-8px,24px)}75%{transform:translate(14px,-6px)}}@keyframes cursorMove2{0%,to{transform:translate(0)}25%{transform:translate(-14px,16px)}50%{transform:translate(12px,-8px)}75%{transform:translate(-18px,6px)}}.feature-card:is(:hover,.in-view):before,.feature-card:is(:hover,.in-view):after{opacity:1}
