*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:#f9fafb;color:#111827}a{text-decoration:none;color:inherit}.section{padding:60px 6%}.hero{padding:80px 6%;background:linear-gradient(120deg,#1e40af,#2563eb);color:#fff}.hero h1{font-size:36px;margin-bottom:16px;line-height:1.2}.hero p{font-size:16px;max-width:600px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 10px 30px #00000014;font-weight:600;font-size:14px}.dark{background:#020617;color:#fff}.nav{display:flex;justify-content:space-between;padding:16px 6%;background:#fff;position:sticky;top:0;box-shadow:0 2px 10px #0000000d;z-index:998}.nav a{margin-left:20px;font-weight:500;font-size:14px}footer{padding:40px 6%;text-align:center;background:#f1f5f9}@media (min-width: 768px){.section{padding:80px 8%}.hero{padding:120px 8%}.hero h1{font-size:48px}.hero p{font-size:18px}.card{padding:32px;font-size:16px}.nav{padding:20px 8%}.nav a{margin-left:24px;font-size:16px}footer{padding:60px 8%}}@media (min-width: 1024px){.section{padding:100px 10%}.hero{padding:120px 10%}.nav{padding:24px 10%}}@media (max-width: 767px){.grid{grid-template-columns:1fr}h1{font-size:28px!important}h2{font-size:24px!important}h3{font-size:20px!important}h4,h5,h6{font-size:16px!important}}@media (max-width: 480px){.section{padding:40px 4%}.hero{padding:60px 4%}.hero h1{font-size:28px}.hero p{font-size:14px}.nav{padding:12px 4%}.nav a{margin-left:12px;font-size:12px}.card{padding:16px;gap:12px}footer{padding:24px 4%}}.navbar{background:#fff;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:1000}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:14px 6%}.logo img{height:42px}.nav-menu{display:flex;align-items:center;gap:28px;font-weight:600;font-size:14px}.nav-menu a{color:#444;text-decoration:none;cursor:pointer;position:relative}.nav-menu a:hover,.nav-menu .active{color:#000}.nav-menu .active:after{content:"";position:absolute;width:100%;height:2px;background:#000;left:0;bottom:-6px}.dropdown{position:relative}.dropdown-title{cursor:pointer;display:flex;align-items:center;gap:4px}.dropdown-menu{position:absolute;top:42px;left:0;width:260px;background:#fff;box-shadow:0 12px 30px #00000026;border-radius:4px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s ease;z-index:999}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu:before{content:"";position:absolute;top:-12px;left:0;width:100%;height:12px}.dropdown-menu a{display:block;padding:12px 18px;font-size:14px;color:#333;border-bottom:1px solid #f0f0f0}.dropdown-menu a:last-child{border-bottom:none}.dropdown-menu a:hover{background:#f7f7f7}.service-hero{min-height:50vh;background:linear-gradient(#00000080,#00000080),url(/service-hero.jpg) center/cover no-repeat;display:flex;align-items:center;padding:60px 6%;color:#fff}.service-hero h5{font-weight:500;letter-spacing:1px;font-size:13px}.service-hero h1{font-size:36px;margin-top:12px;line-height:1.2}.service-content{padding:60px 6%}.service-content h2{color:#0b5aa2;margin-bottom:20px;font-size:28px}.competency{background:linear-gradient(90deg,#67b26f,#4ca2cd);color:#fff;padding:60px 6%;text-align:center}.competency-grid{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.competency-grid div{background:#fff;color:#333;padding:14px;border-radius:4px;font-size:13px}.offerings{padding:60px 6%;text-align:center}.offerings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:40px}.offer-card{color:#fff;padding:24px;border-radius:6px;text-align:left;font-size:14px}.offer-card ul{margin-top:12px;padding-left:16px}.teal{background:#159bb8}.purple{background:#9b3a8e}.blue{background:#1769aa}.uiux-hero{min-height:60vh;position:relative;overflow:hidden;padding:60px 6%;background:linear-gradient(120deg,#061030c7,#0e1e40b3)}.uiux-hero .eyebrow{letter-spacing:1px;font-weight:700;color:#fffffff2;font-size:12px}.uiux-hero h1{font-size:36px;margin-top:8px;color:#fff;line-height:1.05}.uiux-hero .lead{margin-top:12px;color:#ffffffe6;max-width:560px;font-weight:500;font-size:15px}.cta{background:#fff;color:#0b5aa2;border-radius:10px;padding:10px 16px;border:none;cursor:pointer;font-weight:700;font-size:14px}.uiux-svg{width:100%;height:350px;display:block}.uiux-hero .blobs{mix-blend-mode:screen}.blob{transform-origin:center;animation:float 10s ease-in-out infinite;opacity:.95}.blob1{animation-duration:10s}.blob2{animation-duration:12s;animation-delay:1s}.blob3{animation-duration:11s;animation-delay:.5s}@keyframes float{0%{transform:translateY(0) scale(1)}25%{transform:translateY(-12px) scale(1.02)}50%{transform:translateY(-20px) scale(1.03)}75%{transform:translateY(-12px) scale(1.01)}to{transform:translateY(0) scale(1)}}.pulses .dot{filter:drop-shadow(0 10px 22px rgba(0,0,0,.35));animation:pulse 3.6s ease-in-out infinite;opacity:.95}.dot1{animation-delay:0s}.dot2{animation-delay:.6s}.dot3{animation-delay:1.2s}@keyframes pulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.6);opacity:.36}to{transform:scale(.9);opacity:.8}}.parallax-container{perspective:900px}.parallax-svg{width:100%;height:100%;overflow:visible}.parallax-svg .layer{transform-origin:center;transition:transform .6s cubic-bezier(.2,.9,.3,1);transform-style:preserve-3d}.glow{background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.12),rgba(59,130,246,.06) 30%,transparent 60%);animation:floatSlow 16s ease-in-out infinite}@keyframes floatSlow{0%{transform:translateY(0)}50%{transform:translateY(36px)}to{transform:translateY(0)}}@keyframes expandLine{0%{width:0px}to{width:100px}}@media (max-width: 880px){.parallax-container{perspective:600px}.parallax-svg{opacity:.95}}.parallax-svg .layer .anim{transform-origin:center;will-change:transform}.parallax-svg .layer[data-depth="0.06"] .anim{animation:floatA 18s ease-in-out infinite}@media (max-width: 1024px){.service-hero h1{font-size:32px}.service-content{padding:50px 5%}.service-content h2{font-size:24px}.competency{padding:50px 5%}.competency-grid{gap:12px}.offerings{padding:50px 5%}.offerings-grid{gap:20px}.uiux-hero{padding:50px 5%}.uiux-hero h1{font-size:32px}.uiux-svg{height:300px}}@media (max-width: 768px){.service-hero{min-height:40vh;padding:40px 4%}.service-hero h1{font-size:28px}.service-hero h5{font-size:12px}.service-content{padding:40px 4%}.service-content h2{font-size:22px}.nav-menu{gap:16px;font-size:12px}.competency{padding:40px 4%}.competency-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.competency-grid div{padding:12px;font-size:12px}.offerings{padding:40px 4%}.offerings-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.offer-card{padding:20px;font-size:13px}.uiux-hero{min-height:50vh;padding:40px 4%}.uiux-hero h1{font-size:28px}.uiux-hero .eyebrow{font-size:11px}.uiux-hero .lead{font-size:14px;margin-top:8px}.cta{padding:9px 14px;font-size:13px}.uiux-svg{height:250px}}@media (max-width: 480px){body{font-size:14px}.section{padding:40px 4%}.hero{padding:50px 4%}.hero h1{font-size:24px}.hero p{font-size:14px}.service-hero{min-height:35vh;padding:30px 4%}.service-hero h1{font-size:22px}.service-hero h5{font-size:10px;letter-spacing:.5px}.service-content{padding:30px 4%}.service-content h2{font-size:20px;margin-bottom:16px}.competency{padding:30px 4%}.competency-grid{grid-template-columns:1fr;gap:10px}.offerings{padding:30px 4%}.offerings-grid{grid-template-columns:1fr;gap:14px}.offer-card{padding:16px;font-size:12px}.offer-card ul{margin-top:10px}.nav-menu{gap:12px;font-size:11px}.uiux-hero{min-height:45vh;padding:30px 4%}.uiux-hero h1{font-size:22px}.uiux-hero .eyebrow{font-size:10px}.uiux-hero .lead{font-size:13px;margin-top:6px}.cta{padding:8px 12px;font-size:12px}.uiux-svg{height:200px}}.parallax-svg .layer[data-depth="0.12"] .anim{animation:floatB 14s ease-in-out infinite}.parallax-svg .layer[data-depth="0.2"] .anim{animation:floatC 11s ease-in-out infinite}.parallax-svg .layer[data-depth="0.03"] .anim{animation:floatD 20s ease-in-out infinite}@keyframes floatA{0%{transform:translateZ(0) rotate(0)}25%{transform:translate3d(-6px,-10px,0) rotate(-1deg)}50%{transform:translate3d(0,-18px,0) rotate(1deg)}75%{transform:translate3d(8px,-10px,0) rotate(-1deg)}to{transform:translateZ(0) rotate(0)}}@keyframes floatB{0%{transform:translateZ(0) rotate(0)}20%{transform:translate3d(6px,-6px,0) rotate(.6deg)}50%{transform:translate3d(0,-12px,0) rotate(-.6deg)}80%{transform:translate3d(-6px,-6px,0) rotate(.4deg)}to{transform:translateZ(0) rotate(0)}}@keyframes floatC{0%{transform:translateZ(0) rotate(0)}30%{transform:translate3d(-8px,-4px,0) rotate(.8deg)}60%{transform:translate3d(6px,-14px,0) rotate(-.8deg)}to{transform:translateZ(0) rotate(0)}}@keyframes floatD{0%{transform:translateZ(0)}50%{transform:translate3d(10px,-8px,0)}to{transform:translateZ(0)}}@media (prefers-reduced-motion: reduce){.parallax-svg .layer .anim,.glow{animation:none!important;transition:none!important}}