.steps-grid .border-glow-card{transition:opacity .45s cubic-bezier(.22,1,.36,1),filter .45s cubic-bezier(.22,1,.36,1)}.steps-grid:hover .border-glow-card{opacity:.4;filter:saturate(.7)brightness(.82)}.steps-grid:hover .border-glow-card:hover{opacity:1;filter:none}.step-illustration{transition:transform .5s cubic-bezier(.22,1,.36,1);transform:translateZ(0)}@media (prefers-reduced-motion:no-preference){.border-glow-card:hover .step-illustration{transform:translateY(-4px)}@keyframes si1-float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-4deg)}to{transform:translateY(0)rotate(0)}}.si1-icon{transform-origin:50%;transition:transform .4s cubic-bezier(.22,1,.36,1)}.border-glow-card:hover .si1-icon{animation:2.4s ease-in-out infinite si1-float}@keyframes si1-download{0%,to{opacity:.55;transform:translateY(-1px)}40%,60%{opacity:1;transform:translateY(3px)}}.si1-arrow{transition:color .3s}.border-glow-card:hover .si1-arrow{color:#34d399f2;animation:1s ease-in-out infinite si1-download}@keyframes si1-pop{0%{opacity:.35;transform:translateY(7px)scale(.92)}55%{opacity:1;transform:translateY(-2px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}.border-glow-card:hover .si1-pill{animation:.6s cubic-bezier(.16,1,.3,1) both si1-pop}@keyframes si2-blink{0%,49%{opacity:.9}50%,to{opacity:0}}.border-glow-card:hover .si2-caret{animation:1s step-end infinite si2-blink}@keyframes si2-check-pop{0%{opacity:0;transform:scale(0)rotate(-35deg)}55%{opacity:1;transform:scale(1.3)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.si2-check{transform-origin:50%}.border-glow-card:hover .si2-check{animation:.55s cubic-bezier(.16,1,.3,1) .18s both si2-check-pop}@keyframes si2-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.border-glow-card:hover .si2-installed{animation:.45s ease-out .24s both si2-rise}@keyframes si3-in{0%{opacity:0;transform:translate(-9px)}to{opacity:1;transform:translate(0)}}.border-glow-card:hover .si3-user{animation:.45s cubic-bezier(.22,1,.36,1) 60ms both si3-in}.border-glow-card:hover .si3-agent{animation:.45s cubic-bezier(.22,1,.36,1) .3s both si3-in}@keyframes si3-pulse{0%,to{transform:scale(1);box-shadow:0 0 #34d39980}50%{transform:scale(1.3);box-shadow:0 0 0 5px #34d39900}}.border-glow-card:hover .si3-dot{animation:1.3s ease-in-out .55s infinite si3-pulse}}.tech-grid .tech-card{transition:opacity .4s cubic-bezier(.22,1,.36,1),filter .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.16,1,.3,1)}.tech-grid:hover .tech-card:not(:hover){opacity:.42;filter:saturate(.72)brightness(.82)}.tech-logo-anchor,.sticker-logo-anchor{width:fit-content;position:relative}.sticker-logo-anchor{margin-inline:auto}.tech-card{--tag-fill:#e8905f;--tag-ink:#2c0f04;--tag-rot:-3deg;--tag-x:50%;--s:1;--tag-origin:top center}.tech-card:nth-child(2){--tag-fill:#f6f7f9;--tag-ink:#17151c;--tag-rot:2.5deg;--tag-x:50%;--s:1;--tag-origin:top center}.tech-card:nth-child(3){--tag-fill:#35e0c8;--tag-ink:#04211d;--tag-rot:-3.5deg;--tag-x:50%;--s:1;--tag-origin:top center}.tech-card:nth-child(4){--tag-fill:#ff5647;--tag-ink:#2c0805;--tag-rot:3deg;--tag-x:50%;--s:1;--tag-origin:top center}.tech-card:nth-child(5){--tag-fill:#ff5c99;--tag-ink:#2b061e;--tag-rot:-2.5deg;--tag-x:50%;--s:1;--tag-origin:top center}.tech-tag{left:var(--tag-x);z-index:30;background:var(--tag-fill);width:max-content;min-width:11rem;max-width:min(22rem,90vw);color:var(--tag-ink);letter-spacing:-.015em;text-align:center;pointer-events:none;transform-origin:var(--tag-origin);filter:drop-shadow(0 14px 28px #0000009e);opacity:0;transform:translate(-50%, calc(var(--s) * 2px)) rotate(calc(var(--tag-rot) - 6deg)) scale(.58);border-radius:14px;flex-direction:column;align-items:center;gap:.15em;padding:.85rem 1.35rem;font-size:clamp(.95rem,.88rem + .3vw,1.15rem);font-weight:800;line-height:1.18;transition:opacity .22s,transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:100%;bottom:auto;overflow:hidden}.tech-tag__name{letter-spacing:-.015em;opacity:.72;text-wrap:balance;white-space:nowrap;font-size:1em;font-weight:800;line-height:1.15;display:block}.tech-tag__line{text-wrap:pretty;white-space:nowrap;line-height:1.15;display:block}@media (width<=380px){.tech-tag__name,.tech-tag__line{white-space:normal;text-wrap:balance}}.tech-card:hover .tech-tag,.tech-card:focus-within .tech-tag{opacity:1;transform:translate(-50%, calc(var(--s) * 14px)) rotate(var(--tag-rot)) scale(1.1)}@media (prefers-reduced-motion:no-preference){.tech-card .border-glow-card{transition:transform .4s cubic-bezier(.16,1,.3,1)}.tech-card:hover .border-glow-card{transform:translate3d(0,-6px,.01px)}.tech-icon{transform-origin:0 100%;transition:transform .4s cubic-bezier(.16,1,.3,1)}.tech-card:hover .tech-icon{transform:scale(1.14)rotate(-5deg)}@keyframes tag-stamp{0%{opacity:0;transform:translate(-50%, calc(var(--s) * 2px)) rotate(calc(var(--tag-rot) - 7deg)) scale(.52)}55%{opacity:1;transform:translate(-50%, calc(var(--s) * 20px)) rotate(calc(var(--tag-rot) + 2deg)) scale(1.18)}to{opacity:1;transform:translate(-50%, calc(var(--s) * 14px)) rotate(var(--tag-rot)) scale(1.1)}}.tech-card:hover .tech-tag{animation:.42s cubic-bezier(.16,1,.3,1) both tag-stamp}.tech-tag:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 32%,#fff9 50%,#0000 68%);position:absolute;inset:0;transform:translate(-130%)}.tech-card:hover .tech-tag:after{animation:.75s ease-out .28s tag-shine}@keyframes tag-shine{to{transform:translate(130%)}}}@media (prefers-reduced-motion:reduce){.tech-tag{transform:translate(-50%, calc(var(--s) * 14px)) rotate(var(--tag-rot)) scale(1.1);transition:opacity .2s linear}}.sticker-grid .sticker-card{transition:opacity .4s cubic-bezier(.22,1,.36,1),filter .4s cubic-bezier(.22,1,.36,1);overflow:visible}.sticker-grid:hover .sticker-card:not(:hover){opacity:.42}.sticker-slot{place-items:center;width:96px;height:96px;margin:0 auto;display:grid;position:relative;overflow:visible}.sticker-duo{width:100%;height:100%;position:relative;overflow:visible}.sticker-duo__claude{z-index:1;opacity:.82;pointer-events:none;place-items:center;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:0;transform:translate(10px)scale(.94)}.sticker-duo__claude .sticker-img--claude{transform:rotate(4deg)}.sticker-duo__cursor{z-index:2;place-items:center;transition:transform .5s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;inset:0;transform:translate(-26px)}.sticker-img{filter:drop-shadow(0 6px 7px #00000080);width:96px;height:96px;display:block}.sticker-card--duo:hover .sticker-duo__claude,.sticker-card--duo:focus-within .sticker-duo__claude{opacity:1;transform:translate(62px)scale(1)}@media (prefers-reduced-motion:reduce){.sticker-duo__claude{transition:opacity .2s linear}.sticker-card--duo:hover .sticker-duo__claude,.sticker-card--duo:focus-within .sticker-duo__claude{transform:translate(62px)scale(1)}}.sticker-card{--tag-fill:#e8905f;--tag-ink:#2c0f04;--tag-rot:-3deg;--tag-x:50%;--s:1;--tag-origin:top center}.sticker-card:nth-child(2){--tag-fill:#f6f7f9;--tag-ink:#17151c;--tag-rot:2.5deg;--tag-x:50%;--s:1;--tag-origin:top center}.sticker-card:nth-child(3){--tag-fill:#35e0c8;--tag-ink:#04211d;--tag-rot:-3.5deg;--tag-x:50%;--s:1;--tag-origin:top center}.sticker-card:nth-child(4){--tag-fill:#ff5647;--tag-ink:#2c0805;--tag-rot:3deg;--tag-x:50%;--s:1;--tag-origin:top center}.sticker-card:nth-child(5){--tag-fill:#ff5c99;--tag-ink:#2b061e;--tag-rot:-2.5deg;--tag-x:50%;--s:1;--tag-origin:top center}.sticker-card:hover .tech-tag,.sticker-card:focus-within .tech-tag{opacity:1;transform:translate(-50%, calc(var(--s) * 14px)) rotate(var(--tag-rot)) scale(1.1)}@media (prefers-reduced-motion:no-preference){.sticker-card:hover .tech-tag{animation:.42s cubic-bezier(.16,1,.3,1) both tag-stamp}.sticker-card:hover .tech-tag:after{animation:.75s ease-out .28s tag-shine}}.sticker-reveal{display:block}.sticker-grid[data-reveal] .sticker-slot{will-change:transform, opacity}.sticker-grid[data-reveal=pending] .sticker-slot,.sticker-grid[data-reveal=pending] .sticker-meta{opacity:0}@media (prefers-reduced-motion:no-preference){.sticker-grid[data-reveal=in] .sticker-slot{animation:1.6s both sticker-deal;animation-delay:var(--reveal-d,0s)}@keyframes sticker-deal{0%{opacity:0;transform:translate3d(var(--from-x,0px), var(--from-y,0px), 0) scale(.84) rotate(var(--reveal-rot,0deg));animation-timing-function:cubic-bezier(.33,0,.2,1)}30%{opacity:1;transform:translate3d(var(--from-x,0px), var(--from-y,0px), 0) scale(.95) rotate(var(--reveal-rot,0deg));animation-timing-function:cubic-bezier(.5,0,.12,1)}to{opacity:1;transform:translate(0,0)scale(1)rotate(0)}}.sticker-grid[data-reveal=in] .sticker-meta{animation:.9s ease-out both sticker-meta-dissolve;animation-delay:calc(var(--reveal-d,0s) + 1.15s)}@keyframes sticker-meta-dissolve{0%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion:reduce){.sticker-grid[data-reveal=in] .sticker-slot,.sticker-grid[data-reveal=in] .sticker-meta{opacity:1;transition:opacity .4s;transition-delay:var(--reveal-d,0s)}}.light-rays-container{pointer-events:none;z-index:3;width:100%;height:100%;position:relative;overflow:hidden}.light-rays-container canvas{opacity:0;animation:1.2s ease-out forwards light-rays-dissolve-in}@keyframes light-rays-dissolve-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.light-rays-container canvas{opacity:1;animation:none}}
