/* Service illustrations from foundation v1.0. Generated on 2026-11-07 from the live v1 Home: every rule that styled
   an element inside .service-art, in cascade order, plus the @keyframes they use. The v1 card (.service-card) is now
   whichever panel holds the art: Home's services tabs, a service page hero, a services hub tile. */
:root{--a19-onyx:#0d0c10;--a19-surface:#151319;--a19-violet:#7b2cbf;--a19-amethyst:#c77dff;--a19-white:#fff;--a19-border:rgba(255,255,255,.16);--a19-border-subtle:rgba(255,255,255,.08);--a19-text-muted:#aaa4b0;--a19-text-secondary:#c8c4cc;--a19-glass-fill:color-mix(in srgb,var(--a19-surface) 92%,transparent);--a19-glass-border:color-mix(in srgb,var(--a19-amethyst) 22%,transparent)}
.service-art{height: 230px; margin: 26px -2px 22px; display: grid; place-items: center; position: relative;}
.service-art-marketing{isolation: isolate;}
.marketing-network{position: absolute; inset: 0px; width: 100%; height: 100%; overflow: visible;}
.service-art-ai{isolation: isolate;}
.ai-network{position: absolute; inset: 0px; width: 100%; height: 100%; overflow: visible;}
.service-art-ai .core{position: relative; z-index: 2; width: 84px; height: 84px; border-radius: 25px; display: grid; place-items: center; background: linear-gradient(145deg, rgb(211, 155, 255) 0%, rgb(138, 57, 244) 56%, rgb(97, 33, 191) 100%); font-weight: 900; box-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px inset, rgba(142, 55, 242, 0.06) 0px 0px 0px 10px, rgba(151, 64, 248, 0.5) 0px 0px 54px; animation: 5s ease-in-out 0s infinite normal none running core-float; overflow: hidden;}
.service-art-ai .core::before{content: ""; position: absolute; inset: -40%; background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, 0.42) 50%, transparent 65%); transform: translateX(-55%) rotate(8deg); animation: 5.5s ease-in-out 0s infinite normal none running core-shine;}
.service-art-ai .core span{position: relative; z-index: 2; letter-spacing: -0.06em; text-shadow: rgba(55, 7, 106, 0.45) 0px 1px 12px;}
.service-art-ai .core i{position: absolute; inset: 8px; border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 20px;}
:is(.svc-art,.page-hero-art,.svc-tile-art):hover .service-art-ai .core{box-shadow: rgba(255, 255, 255, 0.55) 0px 1px 0px inset, rgba(142, 55, 242, 0.08) 0px 0px 0px 13px, rgba(151, 64, 248, 0.65) 0px 0px 70px;}
.service-art-web{isolation: isolate;}
.dev-layer{position: absolute; width: 222px; height: 132px; border-radius: 15px; border: 1px solid rgba(158, 70, 240, 0.16); background: rgba(100, 29, 183, 0.13); transform-origin: center center; animation: 6.2s ease-in-out 0s infinite normal none running dev-layer-float;}
.dev-layer-back{translate: 24px 19px; rotate: 4deg;}
.dev-layer-mid{translate: 12px 10px; rotate: 2deg; background: rgba(131, 46, 221, 0.16); animation-delay: -2s;}
.dev-window{position: relative; z-index: 2; width: 245px; height: 150px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 15px; background: linear-gradient(145deg, rgba(20, 18, 29, 0.98), rgba(10, 10, 15, 0.98)); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset, rgba(0, 0, 0, 0.44) 0px 28px 60px, rgba(120, 38, 221, 0.14) 0px 0px 50px; padding: 12px; transform: perspective(600px) rotateY(-5deg) rotateX(3deg); animation: 5.4s ease-in-out 0s infinite normal none running dev-window-float;}
.window-bar{height: 18px; display: flex; align-items: start; justify-content: space-between;}
.window-bar > span{display: flex; gap: 4px;}
.window-bar i{display: block; width: 6px; height: 6px; border-radius: 50%; background: rgb(72, 67, 79);}
.window-bar small{display: flex; align-items: center; gap: 5px; color: rgb(117, 111, 126); font-size: 0.48rem; letter-spacing: 0.1em;}
.window-bar small b{width: 5px; height: 5px; border-radius: 50%; background: rgb(166, 80, 255); box-shadow: rgb(166, 80, 255) 0px 0px 8px; animation: 1.8s ease-in-out 0s infinite normal none running live-pulse;}
.code-screen{position: relative; height: 104px; padding: 16px; border: 1px solid rgba(151, 74, 229, 0.12); border-radius: 9px; background: linear-gradient(120deg, rgba(112, 35, 194, 0.18), rgba(255, 255, 255, 0.016)) 0% 0% / auto, linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px) 0% 0% / 100% 16px; overflow: hidden;}
.code-line{display: flex; align-items: center; gap: 7px; margin-bottom: 9px;}
.code-line i, .code-line b{display: block; height: 3px; border-radius: 4px;}
.code-line i{width: 19%; background: rgb(147, 72, 222);}
.code-line b{width: 54%; background: rgba(213, 183, 238, 0.22);}
.code-line:nth-child(2) b{width: 40%;}
.code-line:nth-child(3){padding-left: 12px;}
.code-line:nth-child(3) i{width: 13%;}
.code-line:nth-child(3) b{width: 48%;}
.code-line:nth-child(4) b{width: 31%;}
.code-screen em{position: absolute; left: 0px; right: 0px; top: -20%; height: 22px; background: linear-gradient(transparent, rgba(171, 83, 255, 0.14), transparent); filter: blur(2px); animation: 3.8s linear 0s infinite normal none running code-scan;}
:is(.svc-art,.page-hero-art,.svc-tile-art):hover .dev-window{box-shadow: rgba(255, 255, 255, 0.09) 0px 1px 0px inset, rgba(0, 0, 0, 0.48) 0px 32px 70px, rgba(133, 44, 234, 0.25) 0px 0px 65px;}
.service-art{height: 210px; margin-block: 20px 26px;}
.market-core, .service-art-ai .core{background: radial-gradient(circle at 30% 15%, rgb(199, 125, 255), rgb(123, 44, 191) 62%, rgb(64, 22, 99)); box-shadow: rgba(255, 255, 255, 0.267) 0px 1px 0px inset, rgba(123, 44, 191, 0.314) 0px 0px 45px;}
@media (max-width: 760px){.service-art{height: 195px;}}
:is(.svc-art,.page-hero-art,.svc-tile-art) .service-art{position: relative;}
.market-badge i, .window-bar small b{background: var(--a19-amethyst); box-shadow: 0 0 9px var(--a19-violet);}
.dev-layer{background: color-mix(in srgb,var(--a19-violet) 13%,transparent); border-color: color-mix(in srgb,var(--a19-amethyst) 16%,transparent);}
.dev-layer-mid{background: color-mix(in srgb,var(--a19-violet) 20%,transparent);}
.code-line i{background: var(--a19-amethyst);}
.code-screen{background: linear-gradient(120deg,color-mix(in srgb,var(--a19-violet) 18%,transparent),var(--a19-border-subtle));}
:is(.svc-art,.page-hero-art,.svc-tile-art) .service-art{height: 186px; min-height: 186px; margin: 22px 0px;}
.search-window{position: relative; width: 230px; border: 1px solid var(--a19-glass-border); background: var(--a19-surface); border-radius: 14px; padding: 15px; transform: rotate(-5deg); box-shadow: rgba(0, 0, 0, 0.267) 0px 15px 40px; overflow: hidden;}
.search-field{display: flex; align-items: center; gap: 8px; font-size: 0.58rem; border: 1px solid var(--a19-border); border-radius: 20px; padding: 8px 10px; color: var(--a19-text-secondary); margin-bottom: 12px;}
.search-field > span{width: 9px; height: 9px; border: 1px solid var(--a19-amethyst); border-radius: 50%;}
.search-result{padding: 7px 5px;}
.search-result b, .search-result i{display: block; height: 3px; border-radius: 3px; background: var(--a19-text-muted); opacity: 0.23; margin-bottom: 5px; width: 90%;}
.search-result b{width: 65%; height: 4px; background: var(--a19-amethyst); opacity: 0.8;}
.search-result i:last-child{width: 74%;}
.search-sweep{position: absolute; left: 10px; right: 10px; height: 35px; top: 60px; border: 1px solid color-mix(in srgb,var(--a19-amethyst) 30%,transparent); background: color-mix(in srgb,var(--a19-violet) 8%,transparent); border-radius: 7px; animation: 8s ease-in-out 0s infinite normal none running search-find;}
.social-tile{position: absolute; width: 135px; height: 154px; border-radius: 14px; border: 1px solid var(--a19-glass-border); background: var(--a19-surface); box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 40px; padding: 10px;}
.social-tile-back{translate: 43px -7px; rotate: 12deg; display: grid; place-items: center; background: linear-gradient(145deg,var(--a19-violet),var(--a19-onyx));}
.social-tile-front{translate: -29px; rotate: -9deg; animation: 9s ease-in-out 0s infinite normal none running social-settle;}
.social-profile{display: flex; align-items: center; gap: 7px; margin-bottom: 10px;}
.social-profile i{width: 12px; height: 12px; border-radius: 50%; background: var(--a19-amethyst);}
.social-profile b{width: 46px; height: 3px; background: var(--a19-text-muted); opacity: 0.5;}
.social-picture{height: 85px; display: grid; place-items: center; background: radial-gradient(circle at 25% 20%,var(--a19-amethyst),var(--a19-violet) 70%); border-radius: 7px;}
.social-picture span{font-size: 3rem; color: var(--a19-white);}
.social-actions{display: flex; align-items: center; gap: 6px; font-size: 1.15rem; padding-top: 3px; color: var(--a19-amethyst);}
.social-actions i{width: 8px; height: 7px; border: 1px solid var(--a19-text-muted); border-radius: 2px;}
.video-window{width: 230px; border-radius: 14px; padding: 12px; background: var(--a19-surface); border: 1px solid var(--a19-glass-border); rotate: -4deg; box-shadow: rgba(0, 0, 0, 0.267) 0px 16px 40px;}
.video-frame{height: 103px; border-radius: 8px; overflow: hidden; position: relative; display: grid; place-items: center; background: radial-gradient(circle at 65% 20%,color-mix(in srgb,var(--a19-violet) 50%,var(--a19-onyx)),var(--a19-onyx));}
.video-frame > b{display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--a19-border); border-radius: 50%; font-size: 0.6rem; background: var(--a19-glass-fill); z-index: 1;}
.video-shape{position: absolute; width: 90px; height: 90px; border-radius: 25px; border: 1px solid var(--a19-amethyst); rotate: 30deg; box-shadow: 0 0 0 16px color-mix(in srgb,var(--a19-violet) 25%,transparent),0 0 0 32px color-mix(in srgb,var(--a19-violet) 10%,transparent); animation: 16s linear 0s infinite normal none running video-turn;}
.video-timeline{position: relative; display: flex; gap: 3px; height: 16px; margin-top: 10px;}
.video-timeline > i{display: block; border-radius: 3px; background: var(--a19-violet); flex: 1 1 0%;}
.video-timeline > i:nth-child(2n){background: color-mix(in srgb,var(--a19-amethyst) 65%,var(--a19-violet));}
.video-playhead{position: absolute; top: -4px; bottom: -14px; width: 1px; background: var(--a19-white); left: 3%; animation: 8s linear 0s infinite normal none running timeline-read;}
.video-playhead::before{content: ""; width: 5px; height: 5px; background: var(--a19-white); position: absolute; left: -2px; top: 0px;}
.video-audio{display: flex; align-items: center; gap: 4px; height: 8px; margin-top: 5px;}
.video-audio i{height: 3px; flex: 1 1 0%; background: var(--a19-amethyst); opacity: 0.45;}
.video-audio i:nth-child(3n){height: 7px;}
.motion-sleep .service-art *, .motion-sleep .service-art ::before, .motion-sleep .service-art ::after, body.motion-hidden .service-art *, body.motion-hidden .service-art ::before, body.motion-hidden .service-art ::after{animation-play-state: paused !important;}
@media (prefers-reduced-motion: reduce){.search-sweep, .social-tile-front, .video-shape, .video-playhead{animation: auto ease 0s 1 normal none running none !important;}}
.tool-mark{display: block; object-fit: contain; filter: brightness(0) invert(1); opacity: 0.82; flex-shrink: 0;}
.tool-original{filter: none; opacity: 1;}
.tool-icons{display: flex; align-items: center; gap: 10px; position: relative; z-index: 2;}
.tool-icon{width: 26px; height: 26px; display: grid; place-items: center; border-radius: 6px; background: color-mix(in srgb,var(--a19-white) 3%,transparent); border: 1px solid color-mix(in srgb,var(--a19-white) 8%,transparent); flex: 0 0 auto;}
.tool-icon img{width: 15px; height: 15px;}
.tool-icon img.tool-original{width: 20px; height: 20px;}
.service-canvas{position: relative; isolation: isolate; width: min(100%, 292px); height: 186px; display: grid; place-items: center; overflow: hidden; border: 1px solid color-mix(in srgb,var(--a19-amethyst) 9%,transparent); border-radius: 18px; background: radial-gradient(ellipse at center,color-mix(in srgb,var(--a19-violet) 9%,transparent),transparent 75%);}
.service-canvas .marketing-network, .service-canvas .ai-network{position: absolute; inset: 0px; width: 100%; height: 100%; overflow: hidden;}
.service-art-ai .core{width: 62px; height: 62px; border-radius: 19px;}
.service-art-ai .core i{border-radius: 14px;}
.service-art-search .search-window{width: 230px; max-width: 100%; padding: 11px 14px;}
.search-tools{gap: 8px; margin-bottom: 9px;}
.search-tools .tool-icon{width: 23px; height: 23px; background: none; border: 0px;}
.search-tools .tool-icon img{width: 16px; height: 16px;}
.service-art-search .search-field{padding: 6px 8px; margin-bottom: 6px;}
.service-art-search .search-result{padding: 5px;}
.service-art-search .search-result i:last-child{display: none;}
.service-art-search .search-sweep{top: 91px; height: 28px;}
.service-art-social .social-tile-front{width: 158px; height: 162px; translate: -20px;}
.service-art-social .social-tile-back{width: 140px; height: 155px; translate: 33px -5px;}
.service-art-social .social-picture{height: 94px; background: radial-gradient(circle at 35% 20%,color-mix(in srgb,var(--a19-violet) 65%,var(--a19-onyx)),var(--a19-onyx));}
.social-tools{display: grid; grid-template-columns: repeat(3, 26px); gap: 10px; padding: 9px;}
.social-tools .tool-icon{background: rgba(13, 12, 16, 0.17); animation: 8s ease-in-out 0s infinite normal none running tool-breathe;}
.social-tools .tool-icon:nth-child(2n){animation-delay: -4s;}
.service-art-video .video-window{width: 238px; max-width: 100%; padding: 10px;}
.video-tools{gap: 7px; margin-bottom: 8px;}
.video-tools .tool-icon{width: 24px; height: 24px; border: 0px; background: transparent;}
.service-art-video .video-frame{height: 84px;}
.service-art-video .video-timeline{height: 12px; margin-top: 8px;}
.service-art-web .dev-window{width: 250px; max-width: 100%; height: 161px; padding: 10px;}
.service-art-web .code-screen{height: 115px; padding: 12px; display: grid; grid-template-columns: minmax(0px, 1fr) 86px; gap: 10px; align-items: center;}
.code-lines{min-width: 0px;}
.code-lines .code-line{margin-bottom: 10px;}
.code-lines .code-line:last-child{margin-bottom: 0px;}
.web-tools{display: grid; grid-template-columns: repeat(3, 22px); gap: 7px; align-content: center;}
.web-tools .tool-icon{width: 22px; height: 22px; border-radius: 4px;}
.web-tools .tool-icon img{width: 14px; height: 14px;}
@media (prefers-reduced-motion: reduce){.tool-node, .tool-icon{animation: auto ease 0s 1 normal none running none !important;}}
:is(.svc-art,.page-hero-art,.svc-tile-art) .service-art{grid-template-columns: minmax(0px, 1fr); min-width: 0px;}
.service-art-web .dev-window{width: 100%; max-width: 250px;}
.service-art-search .search-window{width: 100%; max-width: 230px;}
.service-art-video .video-window{width: 100%; max-width: 238px;}
.signal-path{fill: none; stroke: var(--a19-amethyst); stroke-opacity: 0.24; stroke-width: 1.1;}
.signal-dot{fill: var(--a19-amethyst);}
.signal-orbit{fill: none; stroke: var(--a19-amethyst); stroke-opacity: 0.1; stroke-dasharray: 2, 7;}
.signal-node-face{fill: var(--a19-onyx); stroke: var(--a19-amethyst); stroke-opacity: 0.22; stroke-width: 1;}
.signal-halo{fill: none; stroke: var(--a19-amethyst); stroke-width: 1; opacity: 0;}
.hub-halo{fill: none; stroke: var(--a19-amethyst); stroke-width: 1; opacity: 0.18; transform-origin: 180px 115px; animation: 6.4s ease-in-out 0s infinite normal none running hub-breathe;}
.hub-chart rect{fill: var(--a19-white); opacity: 0.75; transform-box: fill-box; transform-origin: center bottom; animation: 4s ease-in-out 0s infinite normal none running hub-bar;}
.hub-chart rect:nth-child(2){animation-delay: -0.4s;}
.hub-chart rect:nth-child(3){animation-delay: -0.8s;}
.hub-chart rect:nth-child(4){animation-delay: -1.2s;}
.hub-arrow{fill: none; stroke: var(--a19-white); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 70; animation: 6.4s ease-in-out 0s infinite normal none running hub-trend;}
.service-art-ai .core{animation: 6.4s ease-in-out 0s infinite normal none running ai-hub-breathe;}
.search-results{position: relative; display: grid; grid-template-rows: repeat(3, 26px);}
.service-art-search .search-result{height: 26px; padding: 5px 6px;}
.service-art-search .search-result b{margin-bottom: 4px;}
.service-art-search .search-result i{margin-bottom: 0px;}
.service-art-search .search-sweep{left: 0px; right: 0px; top: 0px; height: 26px; animation: 9s ease-in-out 0s infinite normal none running search-rows; pointer-events: none;}
.search-field .search-magnifier{margin-left: auto; position: relative; display: block; flex: 0 0 auto; width: 10px; height: 10px; border: 1.5px solid var(--a19-amethyst); border-radius: 50%; box-shadow: rgba(123, 44, 191, 0.19) 0px 0px 9px; animation: 9s ease-in-out 0s infinite normal none running lens-look;}
.search-magnifier::after{content: ""; position: absolute; width: 5px; height: 1.5px; background: var(--a19-amethyst); rotate: 45deg; right: -4px; bottom: -2px;}
.engagement-story{position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-around; padding: 5px 0px;}
.engagement-heart{font-size: 25px; line-height: 1; color: var(--a19-amethyst); animation: 5s ease-in-out 0s infinite normal none running engagement-beat;}
.engagement-chart{display: flex; align-items: end; gap: 3px; height: 38px;}
.engagement-chart i{width: 4px; height: 40%; border-radius: 3px; background: var(--a19-amethyst); transform-origin: center bottom; animation: 6s ease-in-out 0s infinite normal none running hub-bar;}
.engagement-chart i:nth-child(2){height: 65%; animation-delay: -1s;}
.engagement-chart i:nth-child(3){height: 52%; animation-delay: -2s;}
.engagement-chart i:nth-child(4){height: 92%; animation-delay: -3s;}
.engagement-bubble, .social-reply{width: 16px; height: 12px; border: 1px solid var(--a19-amethyst); border-radius: 5px; position: relative; animation: 7s ease-in-out 0s infinite normal none running reply-rise;}
.engagement-bubble::after, .social-reply::after{content: ""; position: absolute; width: 4px; height: 4px; border-left: 1px solid var(--a19-amethyst); bottom: -4px; left: 3px; transform: skewY(-35deg);}
.engagement-spark{position: absolute; right: 17px; top: 4px; font-size: 13px; color: var(--a19-white); animation: 7s ease-in-out 0s infinite normal none running reply-rise;}
.social-tools{grid-template-columns: repeat(4, 23px); gap: 7px; padding: 8px;}
.social-tools .tool-icon{width: 23px; height: 23px;}
.social-tools .tool-icon img{width: 14px; height: 14px;}
.social-like{display: inline-block; animation: 5s ease-in-out 0s infinite normal none running engagement-beat;}
.social-actions .social-reply{margin-left: auto; width: 11px; height: 9px; opacity: 0.65;}
.code-lines .code-line{transform-origin: left center; animation: 6s ease-in-out 0s infinite normal none running code-write;}
.code-lines .code-line:nth-child(2){animation-delay: -4.8s;}
.code-lines .code-line:nth-child(3){animation-delay: -3.6s;}
.code-lines .code-line:nth-child(4){animation-delay: -2.4s;}
.code-lines .code-line:first-child::after{content: ""; width: 2px; height: 6px; background: var(--a19-amethyst); animation: 2s ease-in-out 0s infinite normal none running code-caret;}
.web-tools .tool-icon{animation: 7s ease-in-out 0s infinite normal none running tech-breathe;}
.web-tools .tool-icon:nth-child(3n+1){animation-delay: -2s;}
.web-tools .tool-icon:nth-child(3n+2){animation-delay: -4s;}
@media (hover: hover) and (pointer: fine){.social-tools .tool-icon, .web-tools .tool-icon{transition: transform 0.35s, box-shadow 0.35s;}}
@media (hover: hover) and (pointer: fine){.social-tools .tool-icon:hover, .web-tools .tool-icon:hover{transform: translateY(-2px) scale(1.08); box-shadow: rgba(123, 44, 191, 0.25) 0px 0px 14px;}}
@media (hover: hover) and (pointer: fine){:is(.svc-art,.page-hero-art,.svc-tile-art):hover .social-tile-back{filter: brightness(1.12);}}
@media (prefers-reduced-motion: reduce){.signal-dot, .signal-halo{display: none;}}
@media (prefers-reduced-motion: reduce){.signal-hub *, .service-art-ai .core, .search-magnifier, .search-sweep, .engagement-story *, .social-actions *, .code-lines *, .web-tools .tool-icon{animation: auto ease 0s 1 normal none running none !important;}}
@media (prefers-reduced-motion: reduce){.code-lines .code-line{clip-path: none; opacity: 1;}}
@keyframes ai-hub-breathe {    0%, 100% { box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset, rgba(123, 44, 191, 0.25) 0px 0px 25px; }   50% { box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset, rgba(123, 44, 191, 0.44) 0px 0px 40px; } }
@keyframes code-caret {    0%, 100% { opacity: 0.25; }   50% { opacity: 1; } }
@keyframes code-scan {    100% { top: 110%; } }
@keyframes code-write {    0%, 100% { clip-path: inset(0px 40% 0px 0px); opacity: 0.5; }   25%, 75% { clip-path: inset(0px); opacity: 1; } }
@keyframes core-float {    0%, 100% { transform: translate3d(0px, 3px, 0px) rotate(-1deg); }   50% { transform: translate3d(0px, -6px, 0px) rotate(1deg); } }
@keyframes core-shine {    0%, 28% { transform: translateX(-70%) rotate(8deg); }   55%, 100% { transform: translateX(70%) rotate(8deg); } }
@keyframes dev-layer-float {    0%, 100% { transform: translateY(2px); }   50% { transform: translateY(-7px); } }
@keyframes dev-window-float {    0%, 100% { transform: perspective(600px) rotateY(-5deg) rotateX(3deg) translateY(3px); }   50% { transform: perspective(600px) rotateY(-2deg) rotateX(1deg) translateY(-7px); } }
@keyframes engagement-beat {    0%, 35%, 100% { scale: 1; opacity: 0.65; }   45% { scale: 1.15; opacity: 1; }   60% { scale: 1; opacity: 0.85; } }
@keyframes hub-bar {    0%, 100% { scale: 1 0.75; }   50% { scale: 1; } }
@keyframes hub-breathe {    0%, 100% { scale: 1; opacity: 0.12; }   50% { scale: 1.08; opacity: 0.34; } }
@keyframes hub-trend {    0%, 100% { stroke-dashoffset: 0; opacity: 0.85; }   50% { stroke-dashoffset: 14; opacity: 0.5; } }
@keyframes lens-look {    0%, 24%, 100% { scale: 1; }   33%, 57% { scale: 1.12; }   66%, 90% { scale: 1; } }
@keyframes live-pulse {    50% { opacity: 0.38; box-shadow: rgb(166, 80, 255) 0px 0px 3px; } }
@keyframes reply-rise {    0%, 100% { translate: 0px 2px; opacity: 0.45; }   50% { translate: 0px -3px; opacity: 0.9; } }
@keyframes search-find {    0%, 30%, 100% { translate: 0px; opacity: 0.6; }   45%, 70% { translate: 0px 34px; opacity: 1; } }
@keyframes search-rows {    0%, 24%, 100% { translate: 0px; }   33%, 57% { translate: 0px 26px; }   66%, 90% { translate: 0px 52px; } }
@keyframes social-settle {    0%, 100% { transform: translateY(3px) rotate(-2deg); }   50% { transform: translateY(-4px) rotate(2deg); } }
@keyframes tech-breathe {    0%, 100% { border-color: rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.03); }   50% { border-color: rgba(199, 125, 255, 0.333); background: rgba(123, 44, 191, 0.14); } }
@keyframes timeline-read {    100% { left: 97%; } }
@keyframes tool-breathe {    0%, 100% { opacity: 0.72; }   50% { opacity: 1; } }
@keyframes video-turn {    100% { rotate: 390deg; } }
@media (prefers-reduced-motion:reduce){.service-art *,.service-art ::before,.service-art ::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}