html{scroll-behavior:smooth}.services-tile-grid{background-color:#ffffff14;border:1px solid #ffffff14;border-radius:.5rem;gap:1px;display:grid;overflow:hidden}@media (width>=1024px){.services-tile-grid-20{grid-template-columns:repeat(20,minmax(0,1fr))}.tile-span-55{grid-column:span 11/span 11}.tile-span-45{grid-column:span 9/span 9}.tile-span-50{grid-column:span 10/span 10}}.service-tile{flex-direction:column;transition:background-color .25s;display:flex;position:relative}.tile-bg-black{background-color:#070707}.tile-bg-black:hover{background-color:#0e0e0e}.tile-bg-gray{background-color:#121212}.tile-bg-gray:hover{background-color:#191919}.tile-content-stage{min-height:180px;position:relative;overflow:hidden}@media (width>=1024px){.lg\:col-span-6 .tile-content-stage,.lg\:col-span-5 .tile-content-stage,.lg\:col-span-4 .tile-content-stage,.tile-span-55 .tile-content-stage,.tile-span-50 .tile-content-stage,.tile-span-45 .tile-content-stage{min-height:165px}}.tile-default-pane{opacity:1;transition:opacity .25s,transform .25s;transform:translateY(0)}.tile-metrics-pane{opacity:0;pointer-events:none;z-index:10;flex-direction:column;justify-content:flex-start;transition:opacity .25s,transform .25s;display:flex;position:absolute;inset:0;transform:translateY(6px)}.tile-bg-black .tile-metrics-pane{background-color:#070707}.tile-bg-black:hover .tile-metrics-pane{background-color:#0e0e0e}.tile-bg-gray .tile-metrics-pane{background-color:#121212}.tile-bg-gray:hover .tile-metrics-pane{background-color:#191919}.service-tile:hover .tile-default-pane{opacity:0;pointer-events:none;transform:translateY(-6px)}.service-tile:hover .tile-metrics-pane{opacity:1;pointer-events:auto;transform:translateY(0)}.reveal-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.service-card-animated{opacity:0;will-change:transform, opacity;transition-property:transform,opacity;transition-duration:1.25s;transition-timing-function:cubic-bezier(.22,1,.36,1);transition-delay:calc((var(--card-idx,0) % 2) * 70ms)}.service-card-animated.is-visible{opacity:1;transform:translate(0,0)!important}@media (width>=768px){.service-card-animated.reveal-flank-left{transform:translate(-48px,10px)}.service-card-animated.reveal-flank-right{transform:translate(48px,10px)}}@media (width<=767px){.service-card-animated.reveal-flank-left,.service-card-animated.reveal-flank-right{transform:translateY(24px)}}.tech-badge-tile{opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),background-color .2s,border-color .2s;transform:translateY(10px)scale(.96)}.service-card-animated.is-visible .tech-badge-tile{opacity:1;transition-delay:calc(.65s + var(--badge-idx,0) * 70ms);transform:translate(0,0)scale(1)}@media (prefers-reduced-motion:reduce){.reveal-on-scroll,.service-card-animated,.tech-badge-tile{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.inset-viewport-container{flex-direction:column;flex:1;min-height:0;display:flex}.viewport-image-frame{flex:1;width:100%;min-height:240px;position:relative}.viewport-image-frame img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.viewport-tech-frame{background:#070707;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;flex:1;justify-content:space-between;width:100%;min-height:160px;padding:.875rem 1rem;transition:border-color .3s,background-color .3s;display:flex;position:relative;overflow:hidden}.tile-bg-black .viewport-tech-frame{background:#060606;border-color:#ffffff14}.tile-bg-gray .viewport-tech-frame{background:#0c0c0c;border-color:#ffffff17}.service-tile:hover .viewport-tech-frame{border-color:#ffffff2e}.tech-badge-tile{background:#ffffff06;border:1px solid #ffffff12;border-radius:4px;transition:all .2s cubic-bezier(.16,1,.3,1)}.tech-badge-tile:hover{background:#ffffff12;border-color:#ffffff38;transform:translateY(-1px)}.tech-badge-tile svg{width:100%;max-width:1.5rem;height:100%;max-height:1.5rem;display:block}