.service-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:all .3s ease}.service-icon svg{width:100%;height:100%;fill:currentColor}@media (max-width: 640px){.service-icon{min-width:2rem;min-height:2rem}}@media (min-width: 641px) and (max-width: 768px){.service-icon{min-width:2.5rem;min-height:2.5rem}}@media (min-width: 769px) and (max-width: 1024px){.service-icon{min-width:3rem;min-height:3rem}}@media (min-width: 1025px){.service-icon{min-width:3.5rem;min-height:3.5rem}}.card-icon-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.card-icon-container:hover .service-icon{transform:scale(1.1)}.large-card .service-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.large-card:hover .service-icon{filter:drop-shadow(0 6px 8px rgba(0,0,0,.15))}.small-card .service-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.small-card:hover .service-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(-10px) rotate(180deg)}75%{transform:translateY(-30px) rotate(270deg)}}@keyframes glow{0%,to{box-shadow:0 0 15px #ffffff1a}50%{box-shadow:0 0 25px #fff3}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes planeTrail{0%{opacity:0;transform:translate(0) translateY(0)}50%{opacity:1;transform:translate(15px) translateY(-5px)}to{opacity:0;transform:translate(30px) translateY(-10px)}}.gradient-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.gradient-pink{background:linear-gradient(135deg,#ec4899,#db2777)}.gradient-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.gradient-green{background:linear-gradient(135deg,#10b981,#059669)}.gradient-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.gradient-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.gradient-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.gradient-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.gradient-yellow{background:linear-gradient(135deg,#eab308,#ca8a04)}.gradient-emerald{background:linear-gradient(135deg,#10b981,#047857)}.hero-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3;animation:grid-move 20s linear infinite}.nav-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e3a8acc;border:1px solid rgba(255,255,255,.1)}.card-content{position:relative;z-index:10}.compact-card{width:96px;height:96px;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}@media (min-width: 640px){.compact-card{width:128px;height:128px}}@media (min-width: 1024px){.compact-card{width:160px;height:160px}}.developer-message{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .developer-message{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569}.hero-title{font-size:clamp(2rem,5vw,6rem);line-height:1.1;font-weight:900}.hero-subtitle{font-size:clamp(1.25rem,3vw,3rem);line-height:1.2}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.interactive-element{transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive-element:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000026}.card-orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.card-orbit>*{pointer-events:auto}.card-float{animation:cardFloat 8s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-20px) rotate(0)}75%{transform:translateY(-10px) rotate(-1deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.focus-visible:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.floating-card{animation:none;transform:none}.hero-bg:before{display:none}}@media (max-width: 640px){.compact-card{width:80px;height:80px}.card-orbit{transform:translate(-50%,-50%) scale(.8)}}@media (min-resolution: 192dpi){.card-glow:before{background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent)}}.services-hero{position:relative;min-height:100vh;overflow:hidden}.floating-card{position:absolute;transition:all .3s ease}.floating-card:hover{z-index:100;transform:scale(1.1) translateY(-10px)}.background-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floating-orb{position:absolute;border-radius:50%;filter:blur(20px);opacity:.3;animation:float 15s ease-in-out infinite}.floating-orb:nth-child(1){width:120px;height:120px;background:linear-gradient(45deg,#8b5cf6,#a855f7);top:20%;left:10%;animation-delay:0s}.floating-orb:nth-child(2){width:80px;height:80px;background:linear-gradient(45deg,#ec4899,#f43f5e);top:60%;right:15%;animation-delay:3s}.floating-orb:nth-child(3){width:100px;height:100px;background:linear-gradient(45deg,#3b82f6,#06b6d4);bottom:20%;left:20%;animation-delay:6s}.floating-orb:nth-child(4){width:60px;height:60px;background:linear-gradient(45deg,#10b981,#059669);top:30%;right:30%;animation-delay:9s}.card-container{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh}.card-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.card:hover .card-glow{opacity:1}.card-icon{display:flex;align-items:center;justify-content:center;width:100%;height:60%;transition:all .3s ease}.card:hover .card-icon{transform:scale(1.1) translateY(-5px)}.card-title{font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.card:hover .card-title{text-shadow:0 4px 8px rgba(0,0,0,.4)}.card-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit}.card-sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;opacity:0;animation:sparkle 2s ease-in-out infinite}.card-sparkle:nth-child(1){top:20%;left:20%;animation-delay:0s}.card-sparkle:nth-child(2){top:30%;right:25%;animation-delay:.5s}.card-sparkle:nth-child(3){bottom:25%;left:30%;animation-delay:1s}.card-sparkle:nth-child(4){bottom:35%;right:20%;animation-delay:1.5s}@media (max-width: 768px){.floating-orb{display:none}.card-container{padding:1rem}.floating-card{transform:scale(.9)}.floating-card:hover{transform:scale(1) translateY(-5px)}}@media (max-width: 480px){.floating-card{transform:scale(.8)}.floating-card:hover{transform:scale(.9) translateY(-3px)}}.floating-card{will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d}.hero-background{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.hero-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(10px,10px)}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:#fff;opacity:.7;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:80rem;margin:0 auto}@media (min-width: 768px){.services-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.services-grid .motion-div{min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.services-grid .motion-div:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px #00000040;z-index:10}.services-grid .motion-div[data-featured=true]{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#fbbf24,#f59e0b) border-box}.dark .services-grid .motion-div[data-featured=true]{background:linear-gradient(#1f2937,#1f2937) padding-box,linear-gradient(45deg,#fbbf24,#f59e0b) border-box}.large-card{grid-column:span 2;grid-row:span 2}.small-card{grid-column:span 1;grid-row:span 1}@media (max-width: 767px){.large-card{grid-column:span 2;grid-row:span 1;min-height:120px}.small-card{grid-column:span 1;grid-row:span 1;min-height:120px}.services-grid .motion-div{min-height:120px}.services-grid .motion-div:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 15px 30px -8px #0003}}@media (max-width: 767px){.col-span-2.md\\:col-span-2.lg\\:col-span-2{grid-column:span 2;grid-row:span 1}}@media (min-width: 768px) and (max-width: 1023px){.col-span-2.md\\:col-span-2.lg\\:col-span-2{grid-column:span 2;grid-row:span 2}}@media (min-width: 1024px){.col-span-2.md\\:col-span-2.lg\\:col-span-2{grid-column:span 2;grid-row:span 2}}.services-grid .motion-div{transition:all .3s cubic-bezier(.4,0,.2,1)}.services-grid .motion-div:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px #00000040}.services-grid .motion-div{aspect-ratio:1;min-height:140px;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (min-width: 768px){.services-grid .motion-div{min-height:180px;border-radius:1.25rem}}@media (min-width: 1024px){.services-grid .motion-div{min-height:220px;border-radius:1.5rem}}.services-grid .large-card .motion-div{min-height:180px}@media (min-width: 768px){.services-grid .large-card .motion-div{min-height:220px}}@media (min-width: 1024px){.services-grid .large-card .motion-div{min-height:280px}}.services-grid .motion-div>div{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.services-grid .motion-div .flex-1{display:flex;align-items:center;justify-content:center;width:100%}.services-grid .motion-div h3{font-weight:700;line-height:1.2}.services-grid .motion-div p{line-height:1.4;opacity:.9}.services-grid .motion-div .absolute{z-index:10}.services-grid .motion-div .bg-gradient-to-br{opacity:0;transition:opacity .3s ease}.services-grid .motion-div:hover .bg-gradient-to-br{opacity:1}.services-grid .motion-div .absolute.top-0.right-0{transition:transform .5s ease}.services-grid .motion-div:hover .absolute.top-0.right-0{transform:translate(-5px,-5px) scale(1.5)}.services-grid .motion-div.cursor-not-allowed{opacity:.5;pointer-events:none}.services-grid .motion-div.cursor-not-allowed:hover{transform:none;box-shadow:none}.services-grid .motion-div{animation-fill-mode:both}@media (max-width: 640px){.services-grid{gap:.75rem}.services-grid .motion-div{min-height:120px}}@supports (-webkit-appearance: none){.services-grid{display:-webkit-grid;display:grid;-webkit-grid-template-columns:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.services-grid{-webkit-grid-template-columns:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.services-grid{-webkit-grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(4,1fr)}}}.services-grid{display:grid;gap:1rem;padding:1rem;max-width:100%;margin:0 auto}@media (min-width: 768px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1.5rem}}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:2rem}}.services-grid .motion-div{transform:translateZ(0);backface-visibility:hidden;will-change:transform}.services-grid .motion-div:hover{transform:translateZ(0) scale(1.02)}@media (max-width: 767px){.services-grid .motion-div{transition:transform .15s ease-out}.services-grid .motion-div:hover{transform:translateZ(0) scale(1.01)}.services-grid .motion-div>div{padding:1rem;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.services-grid .motion-div .flex-1{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:.5rem}.services-grid .motion-div h3{font-size:.875rem;margin-bottom:.25rem}.services-grid .motion-div p{font-size:.75rem;line-height:1.2}.services-grid .motion-div .absolute{display:none}.services-grid .motion-div .bg-gradient-to-br{border-radius:.75rem}.services-grid .motion-div:hover .bg-gradient-to-br{transform:none}.services-grid .motion-div .absolute.top-0.right-0,.services-grid .motion-div:hover .absolute.top-0.right-0{display:none}.services-grid .motion-div.cursor-not-allowed{opacity:.6}.services-grid .motion-div.cursor-not-allowed:hover{transform:none}.services-grid .motion-div{cursor:pointer}}@media (max-width: 640px){.services-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem}.services-grid .motion-div{min-height:100px}.services-grid{max-width:100%;margin:0 auto}@media (min-width: 768px){.services-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem}}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1.5rem}}}@media (min-resolution: 192dpi){.card-glow:before{background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:2px 2px}}@media print{.floating-card{display:none!important}.hero-bg:before{display:none!important}.services-grid{display:block!important}.services-grid .motion-div{display:inline-block!important;width:30%!important;margin:1%!important;-moz-column-break-inside:avoid;break-inside:avoid}}@media (max-width: 768px){.floating-card{animation:none!important;transform:none!important}.floating-card:hover{transform:none!important;z-index:auto!important}.card-mobile-optimized{will-change:auto;transform:translateZ(0);backface-visibility:hidden}.touch-optimized{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.services-grid{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.motion-div{transition:transform .2s ease-out,box-shadow .2s ease-out!important}.motion-div:hover{transform:scale(1.02)!important}.card-glow,.card-sparkle,.floating-orb{display:none!important}.hero-bg:before{animation:none!important}.shadow-2xl{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.service-icon{transform:none!important}.service-icon:hover{transform:scale(1.05)!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-card,.motion-div{animation:none!important}.motion-div:hover{transform:none!important}.service-icon{transition:none}.service-icon:hover{transform:none}}