#expertise{background:radial-gradient(ellipse at 0 0,#e5dcf655,transparent 55%),#f5f7f2}#expertise .services{gap:18px;border:0;overflow:visible}#expertise .service,#expertise .service+.service{--accent:#73994a;--tint:#e9f2d8;position:relative;overflow:hidden;padding:30px 25px;border:1px solid color-mix(in srgb,var(--accent) 30%,white);border-radius:15px;background:linear-gradient(145deg,#ffffff,var(--tint));box-shadow:0 10px 25px #213b2a06;transition:transform .4s,box-shadow .4s,border-color .4s}#expertise .service:nth-child(2){--accent:#8b65ba;--tint:#ece1fa}#expertise .service:nth-child(3){--accent:#408fa8;--tint:#dbf0f6}#expertise .service:nth-child(4){--accent:#bd8054;--tint:#f8e8d8}#expertise .service:before{content:'';position:absolute;left:25px;right:25px;top:0;height:3px;background:var(--accent);transform:scaleX(.28);transform-origin:left;transition:transform .45s}#expertise .service:after{content:'';position:absolute;right:-45px;top:-45px;width:140px;height:140px;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:50%;box-shadow:0 0 0 24px color-mix(in srgb,var(--accent) 4%,transparent);pointer-events:none;animation:expert-orbit 9s ease-in-out infinite}#expertise .service:nth-child(2):after{animation-delay:-2s}#expertise .service:nth-child(3):after{animation-delay:-4s}#expertise .service:nth-child(4):after{animation-delay:-6s}#expertise .service:hover,#expertise .service:focus-within{transform:translateY(-9px);box-shadow:0 20px 38px color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent)}#expertise .service:hover:before,#expertise .service:focus-within:before{transform:scaleX(1)}#expertise .service .icon{position:relative;z-index:1;background:color-mix(in srgb,var(--accent) 13%,white);border-color:color-mix(in srgb,var(--accent) 25%,white);color:var(--accent);width:58px;height:58px;border-radius:16px;animation:expert-float 6s ease-in-out infinite;transition:transform .4s}#expertise .service:nth-child(2) .icon{animation-delay:-1.5s}#expertise .service:nth-child(3) .icon{animation-delay:-3s}#expertise .service:nth-child(4) .icon{animation-delay:-4.5s}#expertise .service .num{color:var(--accent)}#expertise .service a{position:relative;color:var(--accent);font-weight:700;padding-top:12px}#expertise .service a:after{content:'';display:block;width:25px;height:1px;background:var(--accent);margin-top:10px;transition:width .4s}#expertise .service:hover a:after{width:70px}#expertise .sectionhead h2{background:linear-gradient(110deg,#203e30,#786092);background-clip:text;color:transparent}#expertise.visible .service{animation:expert-enter .8s both}#expertise.visible .service:nth-child(2){animation-delay:.12s}#expertise.visible .service:nth-child(3){animation-delay:.24s}#expertise.visible .service:nth-child(4){animation-delay:.36s}@keyframes expert-enter{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes expert-float{50%{translate:0 -5px;rotate:4deg}}@keyframes expert-orbit{50%{transform:translate(-10px,10px) scale(1.08)}}@media(max-width:800px){#expertise .services{gap:15px}#expertise .service:nth-child(3){padding-left:25px;border-left:1px solid color-mix(in srgb,var(--accent) 30%,white)}}@media(prefers-reduced-motion:reduce){#expertise .service,#expertise .service .icon,#expertise .service:after{animation:none!important}#expertise .service:hover{transform:none}}
