.service-card--scanline{position:relative;overflow:hidden}.service-card__scanline{pointer-events:none;opacity:0;transition:opacity .5s var(--ease-out-expo);background:repeating-linear-gradient(0deg, transparent, transparent 3px, color-mix(in oklab, var(--color-orange) 10%, transparent) 3px, color-mix(in oklab, var(--color-orange) 10%, transparent) 5px);position:absolute;inset:0}.service-card--scanline:hover .service-card__scanline{opacity:1;animation:1.8s ease-in-out infinite scanlineSweep}@keyframes scanlineSweep{0%{background-position:0 -100%}to{background-position:0 100%}}.service-card--perf-bar{position:relative;overflow:hidden}.service-card__perf-bar{pointer-events:none;opacity:0;transform-origin:0;height:2px;transition:opacity .3s var(--ease-out-expo), transform .8s var(--ease-out-expo);background:linear-gradient(90deg, var(--color-orange), var(--color-cream));position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card--perf-bar:hover .service-card__perf-bar{opacity:1;transform:scaleX(1)}.service-card--dots{position:relative;overflow:visible}.service-card__dots{opacity:0;transition:opacity .4s var(--ease-out-expo), transform .4s var(--ease-out-expo);pointer-events:none;z-index:5;gap:6px;display:flex;position:absolute;bottom:18px;right:22px;transform:translateY(6px)}.service-card__dots span{background:var(--color-mauve-dark);width:9px;height:9px;transition:background .3s ease, transform .3s var(--ease-back);border-radius:50%}.service-card--dots:hover .service-card__dots{opacity:1;transform:translateY(0)}.service-card--dots:hover .service-card__dots span:first-child{background:var(--color-orange);transition-delay:0s;transform:scale(1.15)}.service-card--dots:hover .service-card__dots span:nth-child(2){background:var(--color-orange);transition-delay:.25s;transform:scale(1.15)}.service-card--dots:hover .service-card__dots span:nth-child(3){background:var(--color-orange);transition-delay:.5s;transform:scale(1.15)}.service-card--dots:hover .service-card__dots span:nth-child(4){background:var(--color-orange);transition-delay:.75s;transform:scale(1.15)}.service-card--parallax-3d{transform-style:preserve-3d;perspective:800px;transition:transform .5s var(--ease-out-expo), border-color .5s ease, box-shadow .5s ease}.service-card--parallax-3d:hover{transform:translateY(-6px)rotateX(3deg)rotateY(-2deg);box-shadow:0 20px 50px -15px #00000080}.service-card--particles{position:relative;overflow:hidden}.service-card--particles:before{content:"";pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out-expo);background:radial-gradient(4px 4px at 15% 25%, var(--color-orange), transparent), radial-gradient(3px 3px at 55% 65%, var(--color-orange-light), transparent), radial-gradient(3px 3px at 75% 18%, var(--color-orange), transparent), radial-gradient(4px 4px at 35% 78%, var(--color-orange-light), transparent), radial-gradient(2px 2px at 8% 55%, var(--color-orange), transparent), radial-gradient(3px 3px at 88% 70%, var(--color-orange-light), transparent), radial-gradient(2px 2px at 45% 35%, var(--color-orange), transparent), radial-gradient(3px 3px at 68% 82%, var(--color-orange), transparent);position:absolute;inset:-30px}.service-card--particles:hover:before{opacity:.7;animation:3s ease-in-out infinite particlesDrift}@keyframes particlesDrift{0%,to{transform:translate(0)}25%{transform:translate(-6px,-8px)}50%{transform:translate(3px,-5px)}75%{transform:translate(6px,-10px)}}.service-card--tilt{transform-style:preserve-3d;perspective:800px;transition:transform .6s var(--ease-out-expo), border-color .5s ease, box-shadow .5s ease}.service-card--tilt:hover{transform:translateY(-6px)rotateX(2deg)rotateY(-3deg);box-shadow:0 20px 50px -15px #00000080}@media (width<=640px){.service-card{padding:1.25rem!important}.service-card h2{margin-top:1rem;font-size:1.35rem}.service-card .text-lead{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.service-card--scanline .service-card__scanline,.service-card--perf-bar .service-card__perf-bar,.service-card__dots,.service-card--particles:before{opacity:0!important;animation:none!important;display:none!important}.service-card--parallax-3d:hover,.service-card--tilt:hover{box-shadow:none!important;transform:translateY(-4px)!important}}