.works-page{background:#fff;color:#111827;min-height:100vh;scrollbar-gutter:stable}.works-page .works-section{background:#fff;padding:clamp(4rem,10vw,8rem) var(--spacing-md, 1.5rem)}.works-page .works-container{max-width:1200px;margin:0 auto}.works-page .works-hero{text-align:center;margin-bottom:clamp(4rem,10vw,7rem);max-width:800px;margin-left:auto;margin-right:auto}.works-page .works-hero-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#6b7280;margin-bottom:1rem}.works-page .works-hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem;color:#111827}.works-page .works-hero-description{font-size:clamp(1.125rem,2vw,1.375rem);color:#4b5563;line-height:1.7;font-weight:400}.works-hero-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.works-cta{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:.5rem;transition:transform .2s ease,box-shadow .2s ease}.works-cta,.works-cta-strip-btn{border-radius:999px}.works-cta-primary{background:#111827;color:#fff}.works-cta-primary:hover{background:#1f2937;transform:translateY(-2px);box-shadow:0 8px 24px #11182740}.works-cta-outline{background:transparent;color:#111827;border:2px solid #111827}.works-cta-outline:hover{background:#111827;color:#fff;transform:translateY(-2px)}.works-cta-section{margin:clamp(4rem,10vw,6rem) 0;padding:clamp(3rem,6vw,4rem) 2rem;background:linear-gradient(135deg,#111827,#1f2937);border-radius:1.5rem;text-align:center}.works-cta-inner{max-width:600px;margin:0 auto}.works-cta-heading{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.02em;color:#fff;margin-bottom:.75rem;line-height:1.2}.works-cta-sub{font-size:1.125rem;color:#fffc;line-height:1.6;margin-bottom:1.5rem}.works-cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.works-cta-section .works-cta-primary{background:#fff;color:#111827}.works-cta-section .works-cta-primary:hover{background:#f3f4f6;box-shadow:0 8px 24px #0003}.works-cta-section .works-cta-outline{border-color:#ffffff80;color:#fff}.works-cta-section .works-cta-outline:hover{background:#ffffff1a;border-color:#fff}.works-cta-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.5rem 2rem;background:#111827;color:#fff}.works-cta-strip-text{font-size:1.125rem;margin:0;color:#ffffffe6}.works-cta-strip-text strong{color:#fff}.works-cta-strip-btn{display:inline-flex;align-items:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;color:#111827;background:#fff;text-decoration:none;border-radius:.5rem;transition:transform .2s ease,box-shadow .2s ease}.works-cta-strip-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #fff3}@media (max-width: 640px){.works-hero-cta{flex-direction:column;align-items:stretch}.works-cta-buttons{flex-direction:column}.works-cta-strip{flex-direction:column;text-align:center}.works-cta-strip-btn{width:100%;justify-content:center}}.works-animated-cards-section,.works-usecase-section{margin-bottom:clamp(4rem,10vw,7rem)}.works-usecase-header{text-align:center;max-width:700px;margin-left:auto;margin-right:auto;margin-bottom:3.5rem}.works-usecase-heading{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#6b7280;margin-bottom:.75rem}.works-usecase-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#111827}.works-usecase-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1200px;margin:0 auto}.expandable-card-trigger{background:#f9fafb;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden;cursor:pointer;text-align:left;transition:background .3s ease,border-color .3s ease,transform .2s ease;min-width:0}.expandable-card-trigger:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px)}.expandable-card-preview{display:flex;flex-direction:column;min-width:0}.expandable-card-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0000004d;min-height:0}.expandable-card-image img{width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.expandable-card-header{padding:1.5rem 1.5rem 0}.expandable-card-title{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem;color:#111827}.expandable-card-desc{font-size:.9375rem;color:#4b5563;line-height:1.6;margin-bottom:1rem}.expandable-card-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151;padding-bottom:1.5rem;transition:gap .2s,color .2s}.expandable-card-trigger:hover .expandable-card-link{color:#111827;gap:.75rem}.expandable-card-chevron{width:1rem;height:1rem;flex-shrink:0}.expandable-card-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;overscroll-behavior:contain}.expandable-card-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;touch-action:none}.expandable-card-modal.is-open .expandable-card-modal-panel{touch-action:pan-y;overscroll-behavior:contain}html.works-modal-open,html.works-modal-open body{overscroll-behavior:none}.expandable-card-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.expandable-card-modal-panel{position:relative;width:90%;min-width:320px;max-width:640px;height:90vh;max-height:90vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:1rem;box-shadow:0 25px 80px #00000040;transform:scale(.96);transition:transform .3s cubic-bezier(.4,0,.2,1)}.expandable-card-modal-panel::-webkit-scrollbar{width:8px}.expandable-card-modal-panel::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.expandable-card-modal-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.expandable-card-modal-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.expandable-card-modal-panel>#expandable-card-modal-body{display:block;min-width:0;max-width:100%;padding-inline-end:.5rem;margin-top:-3.25rem}.expandable-card-modal.is-open .expandable-card-modal-panel{transform:scale(1)}.expandable-card-modal-sticky-head{position:sticky;top:0;z-index:40;display:flex;justify-content:flex-end;align-items:flex-start;min-height:0;padding:0;margin:0;pointer-events:none}.expandable-card-modal-sticky-head .expandable-card-modal-close{pointer-events:auto;margin:.75rem 1rem 0 0}.expandable-card-modal-close{position:relative;top:auto;right:auto;z-index:1;width:40px;height:40px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;background:#fffffff0;border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;color:#111827;box-shadow:0 4px 18px #0000001f;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.expandable-card-modal-close:hover{background:#fff;color:#000;transform:scale(1.05);box-shadow:0 6px 22px #00000029}.expandable-card-modal-image{width:100%;max-width:100%;aspect-ratio:16 / 9;flex-shrink:0;overflow:hidden;border-radius:1rem 1rem 0 0}.expandable-card-modal-image img{width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.expandable-card-modal-carousel{position:relative;width:100%;max-width:100%;aspect-ratio:16 / 9;flex-shrink:0;overflow:hidden;border-radius:1rem 1rem 0 0}.expandable-card-modal-carousel .expandable-card-modal-image{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:unset;max-width:100%}.expandable-card-modal-carousel-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.expandable-card-modal-carousel-prev,.expandable-card-modal-carousel-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:#ffffffe6;color:#111827;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s}.expandable-card-modal-carousel-prev:hover,.expandable-card-modal-carousel-next:hover{background:#fff}.expandable-card-modal-carousel-prev{left:.75rem}.expandable-card-modal-carousel-next{right:.75rem}.expandable-card-modal-carousel-dots{position:absolute;bottom:.75rem;left:0;right:0;z-index:2;display:flex;justify-content:center;gap:.5rem}.expandable-card-modal-carousel-dot{width:.5rem;height:.5rem;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:background .2s,transform .2s}.expandable-card-modal-carousel-dot:hover{background:#fffc}.expandable-card-modal-carousel-dot.is-active{background:#fff;transform:scale(1.2)}.expandable-card-modal-scroll-down{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;margin:0;border:none;background:#00000008;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.expandable-card-modal-scroll-down:hover{background:#0000000f;color:#334155}.expandable-card-modal-scroll-down svg{flex-shrink:0;animation:expandable-card-scroll-down-bounce 2s ease-in-out infinite}@keyframes expandable-card-scroll-down-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.expandable-card-modal-body{padding:1.5rem 2rem 2.5rem}.expandable-card-modal-title{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;letter-spacing:-.02em;color:#111827;margin-bottom:.5rem;line-height:1.2}.expandable-card-modal-desc{font-size:clamp(.9375rem,2vw,1rem);color:#4b5563;line-height:1.5;margin-bottom:1.5rem}.expandable-card-modal-content{font-size:clamp(.875rem,1.5vw,.9375rem);color:#374151;line-height:1.7}.expandable-card-modal-content p{margin-bottom:1rem}.expandable-card-modal-content h4{font-size:1rem;font-weight:600;color:#111827;margin:1.25rem 0 .5rem}.expandable-card-modal-content h3{font-size:1.125rem;font-weight:700;color:#111827;margin:1.5rem 0 .75rem}.expandable-card-modal-content hr{border:0;border-top:1px solid #e5e7eb;margin:1.5rem 0}.expandable-card-blog-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.expandable-card-blog-cta{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 1rem;border-radius:9999px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-weight:600;font-size:.875rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.expandable-card-blog-cta:hover{transform:translateY(-1px);box-shadow:0 10px 20px #11182714}.expandable-card-blog-cta.primary{background:#111827;border-color:#111827;color:#fff}.expandable-card-blog-cta.primary:hover{background:#0b1220}.expandable-card-modal-content ul,.expandable-card-modal-content ol{margin:0 0 1rem;padding-left:1.25rem}.expandable-card-modal-content li{margin-bottom:.35rem}.expandable-card-modal-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.expandable-card-store-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.store-badge{display:inline-flex;align-items:center;gap:.625rem;min-height:44px;padding:.5rem .875rem;border-radius:.625rem;background:#111827;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.12);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.store-badge:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1118272e;background:#0b1220}.store-badge-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.store-badge-text{display:flex;flex-direction:column;line-height:1.1}.store-badge-kicker{font-size:.625rem;font-weight:500;letter-spacing:.01em;opacity:.9}.store-badge-title{font-size:1rem;font-weight:700;letter-spacing:-.01em}.expandable-card-tag{font-size:.75rem;font-weight:500;padding:.2rem .6rem;background:#f3f4f6;color:#374151;border-radius:9999px}.expandable-card-cta{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#111827;text-decoration:none;transition:gap .2s,color .2s}.expandable-card-cta:hover{color:#4b5563;gap:.75rem}.expandable-card-cta svg{width:1rem;height:1rem}@media (max-width: 768px){.expandable-card-modal{padding:.5rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom,0px));align-items:flex-end}.expandable-card-modal-panel{width:100%;min-width:0;height:min(92dvh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 1rem));max-height:min(92dvh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 1rem));border-radius:1rem 1rem 0 0;transform:translateY(100%)}.expandable-card-modal.is-open .expandable-card-modal-panel{transform:translateY(0)}.expandable-card-modal-image,.expandable-card-modal-carousel{max-width:100%;aspect-ratio:16 / 10}.expandable-card-modal-carousel-slide{max-width:100%;max-height:100%}.expandable-card-modal-body{padding:1.25rem 1.25rem 2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom))}.expandable-card-modal-panel>#expandable-card-modal-body{margin-top:-3rem}.expandable-card-modal-sticky-head{padding-top:env(safe-area-inset-top,0px)}.expandable-card-modal-sticky-head .expandable-card-modal-close{margin-top:.5rem;margin-right:max(.75rem,env(safe-area-inset-right,0px));width:36px;height:36px;min-width:36px;min-height:36px}.expandable-card-modal-title{padding-right:0}}@media (max-width: 480px){.expandable-card-modal{padding:0;padding-bottom:env(safe-area-inset-bottom,0px)}.expandable-card-modal-panel{border-radius:1rem 1rem 0 0;height:min(95dvh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));max-height:min(95dvh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}.expandable-card-modal-body{padding:1rem 1rem 1.75rem;padding-bottom:max(1.75rem,env(safe-area-inset-bottom))}}.works-page .footer{background:#fff;border-top:1px solid #e5e7eb}.works-page .footer p{color:#6b7280}.works-page .main-nav{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb}.works-page .nav-logo,.works-page .nav-link{color:#111827}.works-page .nav-link:hover{color:#4b5563}@media (max-width: 768px){.works-usecase-grid{grid-template-columns:1fr;gap:1rem}}.works-page .works-container{max-width:1320px}.works-page .works-hero{max-width:980px;text-align:left;margin-left:0;margin-right:auto}.works-page .works-hero-title{font-size:clamp(3rem,8vw,6.6rem);line-height:.97;letter-spacing:-.04em}.works-page .works-hero-description{max-width:780px;font-size:clamp(1.05rem,1.8vw,1.35rem)}.works-page .works-hero-cta{justify-content:flex-start}.works-editorial-layout{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:clamp(1.25rem,3vw,2.8rem);align-items:start}.works-sticky-header{position:sticky;top:5.75rem;text-align:left;margin:0;max-width:320px}.works-usecase-intro{color:#4b5563;font-size:.98rem;line-height:1.6;margin-top:1rem}.works-usecase-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.1rem}.works-editorial-card{grid-column:span 6;background:#f7f8fa;border-color:#e8ebef;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .35s ease}.works-editorial-card.is-featured{grid-column:span 8}.works-editorial-card:nth-child(4n){grid-column:span 4}.works-editorial-card .expandable-card-image{aspect-ratio:16 / 10}.works-editorial-card .expandable-card-image img{transition:transform .7s cubic-bezier(.22,1,.36,1),filter .4s ease}.works-editorial-card:hover{transform:translateY(-6px);border-color:#d4dae3;box-shadow:0 24px 44px #0f172a1f}.works-editorial-card:hover .expandable-card-image img{transform:scale(1.06);filter:saturate(1.03) contrast(1.02)}.works-editorial-card .expandable-card-header{padding:1.25rem 1.25rem 0}.works-editorial-card .expandable-card-title{font-size:clamp(1.05rem,1.45vw,1.35rem)}.works-editorial-card .expandable-card-desc{font-size:.93rem}.works-usecase-section .works-editorial-card{opacity:0;transform:translateY(28px) scale(.985)}.works-usecase-section .works-editorial-card.is-visible{opacity:1;transform:translateY(0) scale(1)}.works-usecase-section{position:relative;border-radius:1.2rem;padding:clamp(1rem,2vw,1.4rem);transition:background-color .5s ease,box-shadow .5s ease;overflow:clip}@keyframes works-section-bg-float{0%{transform:translate(-5%,-4%) scale(1) rotate(0)}to{transform:translate(4%,5%) scale(1.06) rotate(4deg)}}.works-usecase-section:before{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;z-index:0;pointer-events:none;opacity:.75;animation:works-section-bg-float 26s ease-in-out infinite alternate;will-change:transform}.works-usecase-section>*{position:relative;z-index:1}.works-usecase-section[data-category=websites]{background:linear-gradient(165deg,#ecfeff,#fff,#f0fdfa);border:1px solid rgba(15,118,110,.12)}.works-usecase-section[data-category=websites]:before{animation-duration:24s;background:radial-gradient(circle at 18% 22%,rgba(15,118,110,.26) 0%,transparent 42%),radial-gradient(circle at 82% 72%,rgba(94,234,212,.32) 0%,transparent 40%),radial-gradient(circle at 48% 48%,rgba(13,148,136,.14) 0%,transparent 55%)}.works-usecase-section[data-category=business-solutions]{background:linear-gradient(165deg,#f5f3ff,#fff 52%,#faf5ff);border:1px solid rgba(124,58,237,.12)}.works-usecase-section[data-category=business-solutions]:before{animation-duration:30s;background:radial-gradient(circle at 22% 28%,rgba(124,58,237,.22) 0%,transparent 44%),radial-gradient(circle at 78% 68%,rgba(167,139,250,.3) 0%,transparent 40%),radial-gradient(circle at 55% 40%,rgba(109,40,217,.12) 0%,transparent 52%)}.works-usecase-section[data-category=sports-platforms]{background:linear-gradient(165deg,#fff1f2,#fff,#fff7ed);border:1px solid rgba(220,38,38,.12)}.works-usecase-section[data-category=sports-platforms]:before{animation-duration:20s;background:radial-gradient(circle at 20% 24%,rgba(220,38,38,.2) 0%,transparent 42%),radial-gradient(circle at 75% 70%,rgba(248,113,113,.28) 0%,transparent 40%),radial-gradient(circle at 50% 55%,rgba(234,88,12,.12) 0%,transparent 48%)}.works-usecase-section[data-category=everyday-apps]{background:linear-gradient(165deg,#fffbeb,#fff 52%,#fff7ed);border:1px solid rgba(234,88,12,.14)}.works-usecase-section[data-category=everyday-apps]:before{animation-duration:27s;background:radial-gradient(circle at 24% 26%,rgba(234,88,12,.2) 0%,transparent 44%),radial-gradient(circle at 76% 74%,rgba(253,186,116,.34) 0%,transparent 38%),radial-gradient(circle at 45% 48%,rgba(245,158,11,.12) 0%,transparent 52%)}.works-usecase-section[data-category=tools]{background:linear-gradient(165deg,#f8fafc,#fff,#f1f5f9);border:1px solid rgba(15,23,42,.1)}.works-usecase-section[data-category=tools]:before{animation-duration:32s;background:radial-gradient(circle at 18% 70%,rgba(15,118,110,.16) 0%,transparent 45%),radial-gradient(circle at 85% 25%,rgba(59,130,246,.18) 0%,transparent 42%),radial-gradient(circle at 50% 45%,rgba(100,116,139,.14) 0%,transparent 50%)}.works-usecase-section.is-active{box-shadow:0 28px 54px #0f172a14}@media (prefers-reduced-motion: reduce){.works-usecase-section:before{animation:none;opacity:.55;transform:none}}@media (max-width: 1024px){.works-editorial-layout{grid-template-columns:1fr;gap:1.2rem}.works-sticky-header{position:relative;top:auto;max-width:none;margin-bottom:.25rem}.works-usecase-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.works-editorial-card,.works-editorial-card.is-featured,.works-editorial-card:nth-child(4n){grid-column:span 3}}@media (max-width: 768px){.works-page .works-hero{text-align:left}.works-page .works-hero-cta{justify-content:stretch}.works-page .works-hero-cta .works-cta{width:100%}.works-usecase-grid{grid-template-columns:1fr}.works-editorial-card,.works-editorial-card.is-featured,.works-editorial-card:nth-child(4n){grid-column:span 1}}.animated-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:clamp(4rem,10vw,6rem)}.animated-card{position:relative;border-radius:.75rem;overflow:hidden;background:#fff;border:1px solid #e4e4e7;box-shadow:0 1px 3px #0000000f;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease,border-color .3s ease;text-decoration:none;color:inherit;display:block}.animated-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a;border-color:#d4d4d8}.animated-card-visual{position:relative;width:100%;height:180px;min-height:160px;overflow:hidden}@media (min-width: 640px){.animated-card-visual{height:180px}}.visual-grid-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background-image:linear-gradient(to right,var(--grid-color, rgba(128, 128, 128, .08)) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color, rgba(128, 128, 128, .08)) 1px,transparent 1px);background-size:20px 20px;background-position:center;opacity:.7;mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%)}.visual-ellipse-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none}.visual-ellipse-gradient svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.visual-layer1{position:absolute;top:0;left:0;z-index:6;transition:transform .5s cubic-bezier(.6,.6,0,1)}.animated-card:hover .visual-layer1{transform:translate(-50%)}.visual-layer1 svg{display:block;width:200%;height:180px;min-width:356px}.visual-layer2{position:absolute;top:0;left:-1px;width:100%;max-width:356px;height:100%;z-index:2}.visual-layer2 svg{width:100%;height:100%;display:block}.visual-layer2-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.95) 15%);transition:transform .5s cubic-bezier(.6,.6,0,1)}.animated-card:hover .visual-layer2-overlay{transform:translate(100%)}.visual-layer3{position:absolute;top:1rem;right:1rem;z-index:8;display:flex;align-items:center;gap:.25rem}.visual-badge{display:flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border-radius:9999px;border:1px solid #e4e4e7;background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:10px;font-weight:500;color:#111;transition:opacity .3s ease-in-out}.visual-badge-dot{width:6px;height:6px;border-radius:50%}.animated-card:hover .visual-layer3{opacity:0}.visual-layer4{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;align-items:flex-start;justify-content:flex-start;padding:1rem}.visual-layer4-inner{transform:translateY(-100%);transition:transform .5s cubic-bezier(.6,.6,0,1)}.animated-card:hover .visual-layer4-inner{transform:translateY(0)}.visual-layer4-card{padding:.375rem .625rem;border-radius:.375rem;border:1px solid #e4e4e7;background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .5s cubic-bezier(.6,.6,0,1)}.animated-card:hover .visual-layer4-card{opacity:1}.visual-layer4-title{margin-bottom:.25rem;font-size:.75rem;font-weight:600;color:#111}.visual-layer4-desc{font-size:.75rem;color:#71717a}.animated-card-body{padding:1rem;border-top:1px solid #e4e4e7}.animated-card-title{font-size:1.125rem;font-weight:600;letter-spacing:-.025em;color:#111;margin-bottom:.25rem;line-height:1.3}.animated-card-description{font-size:.875rem;color:#71717a;line-height:1.5}.animated-card-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.875rem;font-weight:600;color:var(--main-color, #111);opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease,color .2s}.animated-card:hover .animated-card-cta{opacity:1;transform:translateY(0)}.animated-card-cta svg{width:1rem;height:1rem;transition:transform .2s}.animated-card:hover .animated-card-cta:hover svg{transform:translate(4px)}@media (max-width: 640px){.animated-cards-row{grid-template-columns:repeat(2,1fr);gap:.75rem}.animated-card-cta{opacity:1;transform:translateY(0)}}@media (hover: none){.animated-card.is-in-view{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a;border-color:#d4d4d8}.animated-card.is-in-view .visual-layer1{transform:translate(-50%)}.animated-card.is-in-view .visual-layer2-overlay{transform:translate(100%)}.animated-card.is-in-view .visual-layer3{opacity:0}.animated-card.is-in-view .visual-layer4-inner{transform:translateY(0)}.animated-card.is-in-view .visual-layer4-card{opacity:1}.animated-card.is-in-view .animated-card-cta{opacity:1;transform:translateY(0)}}