.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}
.Card-module__USR2ra__card{border:1px solid var(--border);background:var(--card);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}
.card-grid{gap:12px;display:grid}.magic-bento-card{border:1px solid var(--border);background:var(--card);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:220px;border-radius:16px;flex-direction:column;justify-content:space-between;gap:20px;width:100%;max-width:100%;min-height:220px;padding:24px;transition:box-shadow .3s,transform .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card__header,.magic-bento-card__content,.magic-bento-card__visual{display:flex;position:relative}.magic-bento-card__header{align-items:center;gap:12px}.magic-bento-card__icon{border:1px solid var(--border);background:var(--muted);width:36px;height:36px;color:var(--foreground);border-radius:10px;place-items:center;display:grid}.magic-bento-card__label{color:var(--faint);font-family:var(--font-mono), ui-monospace, monospace;font-size:.75rem}.magic-bento-card__visual{border:1px solid var(--border);background:var(--muted);border-radius:12px;flex-direction:column;flex:1;justify-content:center;gap:18px;padding:24px}.magic-bento-card__content{flex-direction:column;gap:6px}.magic-bento-card__title{font-size:1.0625rem;font-weight:inherit;letter-spacing:-.015em}.magic-bento-card__description{color:var(--muted-foreground);font-size:.9375rem;line-height:1.5}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.magic-bento-card:nth-child(3){grid-area:span 2/span 2}.magic-bento-card:nth-child(4){grid-area:2/1/span 2/span 2}.magic-bento-card:nth-child(6){grid-area:3/4}}.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), calc(var(--glow-intensity) * .9)) 0%, rgba(var(--glow-color), calc(var(--glow-intensity) * .4)) 30%, transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1.5px;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 12px 28px -12px #0000001f, 0 0 24px rgba(var(--glow-color), .12)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";background:rgba(var(--glow-color,255, 255, 255), .2);z-index:-1;border-radius:50%;position:absolute;inset:-2px}.global-spotlight{will-change:transform, opacity;pointer-events:none;z-index:200!important}.dark .global-spotlight{mix-blend-mode:screen}.bento-section{position:relative}@media (prefers-reduced-motion:reduce){.global-spotlight,.particle{display:none}}
.MockPage-module__Nsgyeq__page{border:1px solid var(--border);background:var(--card);border-radius:10px;gap:14px;padding:16px;display:grid;position:relative}.MockPage-module__Nsgyeq__nav{gap:8px;display:flex}.MockPage-module__Nsgyeq__nav span{background:var(--muted);border-radius:999px;width:36px;height:6px}.MockPage-module__Nsgyeq__nav span:first-child{background:var(--input);width:56px;margin-right:auto}.MockPage-module__Nsgyeq__image{background:linear-gradient(135deg, var(--muted), var(--input));border-radius:4px;height:88px}.MockPage-module__Nsgyeq__lines{gap:8px;display:grid}.MockPage-module__Nsgyeq__lines span{background:var(--muted);border-radius:999px;height:6px}.MockPage-module__Nsgyeq__lines span:last-child{width:70%}.MockPage-module__Nsgyeq__button{background:var(--foreground);border-radius:999px;width:96px;height:22px}.MockPage-module__Nsgyeq__marked{background:var(--card);border:2px solid #ef4444;border-radius:6px;padding:6px;position:relative}.MockPage-module__Nsgyeq__marked[data-severity=warning]{border-color:#f59e0b}.MockPage-module__Nsgyeq__marked[data-inline=true]{justify-self:start}.MockPage-module__Nsgyeq__dot{color:#fff;text-align:center;background:#ef4444;border-radius:50%;width:16px;height:16px;font-family:system-ui,sans-serif;font-size:12px;font-weight:700;line-height:16px;position:absolute;top:-9px;left:-9px}.MockPage-module__Nsgyeq__marked[data-severity=warning] .MockPage-module__Nsgyeq__dot{background:#f59e0b}.MockPage-module__Nsgyeq__tooltip{z-index:1;color:#ccc;background:#111;border-left:4px solid #ef4444;border-radius:8px;gap:4px;width:230px;padding:12px 14px;font-family:system-ui,sans-serif;font-size:.8125rem;line-height:1.45;display:grid;position:absolute;top:70px;right:-12px;box-shadow:0 10px 24px #0003}.MockPage-module__Nsgyeq__tooltip strong{color:#fff}
.MockPanel-module__Kcu6Wq__stage{--c-card:#111;--c-muted:#171717;--c-border:#262626;--c-fg:#fafafa;--c-muted-fg:#a1a1a1;--c-faint:#737373;font-family:var(--font-sans), system-ui, sans-serif;justify-items:end;gap:10px;display:grid}.MockPanel-module__Kcu6Wq__panel{border:1px solid var(--c-border);background:var(--c-card);width:100%;color:var(--c-fg);border-radius:12px;font-size:.8125rem;overflow:hidden}.MockPanel-module__Kcu6Wq__header{border-bottom:1px solid var(--c-border);align-items:center;gap:8px;padding:10px 14px;font-size:.875rem;display:flex}.MockPanel-module__Kcu6Wq__header span{color:var(--c-faint);font-size:.75rem}.MockPanel-module__Kcu6Wq__tabs{border-bottom:1px solid var(--c-border);flex-wrap:wrap;gap:4px;padding:8px 10px;display:flex}.MockPanel-module__Kcu6Wq__tabs span{color:var(--c-muted-fg);border-radius:999px;padding:3px 10px;font-size:.75rem}.MockPanel-module__Kcu6Wq__tabs b{font-weight:inherit;opacity:.6;margin-left:4px}.MockPanel-module__Kcu6Wq__tabs span[data-active=true]{background:var(--c-fg);color:var(--c-card)}.MockPanel-module__Kcu6Wq__list{padding:4px}.MockPanel-module__Kcu6Wq__row{border-radius:8px;align-items:center;gap:12px;padding:8px 10px;display:flex}.MockPanel-module__Kcu6Wq__row:first-child{background:var(--c-muted)}.MockPanel-module__Kcu6Wq__stage [data-severity=error]{--c:#ef8a74;--c-soft:#3a2622}.MockPanel-module__Kcu6Wq__stage [data-severity=warning]{--c:#d9a441;--c-soft:#3a2f1b}.MockPanel-module__Kcu6Wq__dot{background:var(--c);width:7px;height:7px;box-shadow:0 0 0 3px var(--c-soft);border-radius:50%;flex-shrink:0}.MockPanel-module__Kcu6Wq__counter{border:1px solid var(--c-border);background:var(--c-card);color:var(--c-fg);border-radius:10px;align-items:center;gap:10px;padding:7px 12px;font-size:.75rem;display:inline-flex}.MockPanel-module__Kcu6Wq__stage svg{--primary:var(--c-fg)}.MockPanel-module__Kcu6Wq__counter>span{align-items:center;gap:6px;display:inline-flex}
.CodeBlock-module__UNjbcq__block{border:1px solid var(--border);background:var(--card);border-radius:12px;overflow:hidden}.CodeBlock-module__UNjbcq__bar{border-bottom:1px solid var(--border);background:var(--muted);height:42px;color:var(--muted-foreground);align-items:center;gap:12px;padding-inline:6px 4px;font-size:.75rem;display:flex}.CodeBlock-module__UNjbcq__title{font-family:var(--font-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;padding-left:6px;overflow:hidden}.CodeBlock-module__UNjbcq__bar .CodeBlock-module__UNjbcq__copy{width:32px;height:32px;margin-left:auto}.CodeBlock-module__UNjbcq__tabs{gap:2px;display:flex}.CodeBlock-module__UNjbcq__tab{height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding-inline:12px;font-size:.75rem;font-weight:500;display:inline-flex}.CodeBlock-module__UNjbcq__tab:hover{color:var(--foreground)}.CodeBlock-module__UNjbcq__tab[aria-pressed=true]{border-color:var(--border);background:var(--card);color:var(--foreground)}.CodeBlock-module__UNjbcq__code{color:var(--foreground);padding:16px 18px;font-size:.8125rem;line-height:1.7;overflow-x:auto}.CodeBlock-module__UNjbcq__code .shiki{overflow-x:auto;background:0 0!important}:is(.CodeBlock-module__UNjbcq__code .shiki,.CodeBlock-module__UNjbcq__code .shiki span){color:var(--shiki-light)}:is(.dark .CodeBlock-module__UNjbcq__code .shiki,.dark .CodeBlock-module__UNjbcq__code .shiki span){color:var(--shiki-dark)}.CodeBlock-module__UNjbcq__code code{counter-reset:line}.CodeBlock-module__UNjbcq__numbered .line:before{content:counter(line);counter-increment:line;width:1.25rem;color:var(--faint);text-align:right;-webkit-user-select:none;user-select:none;margin-right:1.25rem;display:inline-block}.CodeBlock-module__UNjbcq__prompt .line:before{content:"$";color:var(--faint);-webkit-user-select:none;user-select:none;margin-right:.75rem}
.Setup-module__IVE68G__steps{display:grid}.Setup-module__IVE68G__step{grid-template-columns:40px minmax(0,1fr);gap:24px;padding-bottom:56px;display:grid;position:relative}.Setup-module__IVE68G__step:last-child{padding-bottom:0}.Setup-module__IVE68G__step:not(:last-child):before{content:"";background:var(--border);width:1px;position:absolute;top:48px;bottom:8px;left:20px}.Setup-module__IVE68G__number{border:1px solid var(--border);background:var(--card);width:40px;height:40px;color:var(--foreground);font-family:var(--font-mono), ui-monospace, monospace;border-radius:50%;place-items:center;font-size:.875rem;display:grid}.Setup-module__IVE68G__body{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:40px;padding-top:8px;display:grid}.Setup-module__IVE68G__text{gap:8px;display:grid}@media (max-width:860px){.Setup-module__IVE68G__body{grid-template-columns:minmax(0,1fr);gap:20px}}
.Stack-module__TuiWea__stack{border:1px solid var(--border);background:var(--card);border-radius:14px;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:hidden}.Stack-module__TuiWea__item{border-left:1px solid var(--border);align-content:start;justify-items:start;gap:4px;padding:24px 20px;display:grid}.Stack-module__TuiWea__item:first-child{border-left:0}.Stack-module__TuiWea__logo{width:32px;height:32px;margin-bottom:16px}.dark .Stack-module__TuiWea__logo[data-mono=true]{filter:invert()}.Stack-module__TuiWea__name{font-weight:inherit;letter-spacing:-.015em}@media (max-width:1024px){.Stack-module__TuiWea__stack{grid-template-columns:repeat(3,minmax(0,1fr))}.Stack-module__TuiWea__item:nth-child(4){border-left:0}.Stack-module__TuiWea__item:nth-child(n+4){border-top:1px solid var(--border)}}@media (max-width:520px){.Stack-module__TuiWea__stack{grid-template-columns:repeat(2,minmax(0,1fr))}.Stack-module__TuiWea__item:nth-child(odd){border-left:0}.Stack-module__TuiWea__item:nth-child(4){border-left:1px solid var(--border)}.Stack-module__TuiWea__item:nth-child(n+3){border-top:1px solid var(--border)}}
.page-module__YnyroG__frame{max-width:72rem;margin-inline:auto}