/* SVG visibility + performance — prevent edge clipping, reduce GPU filter cost */

svg.p4p-home-svg,
svg.p4p-svc-showcase__svg,
.p4p-portfolio-card__svg svg,
.p4p-service-card__visual svg,
.p4p-interactive-logo,
.p4p-careers__map,
.p4p-page-transition__ring svg {
    overflow: visible;
    display: block;
    max-width: 100%;
    height: auto;
}

.p4p-service-card__visual,
.p4p-svc-showcase,
.p4p-portfolio-card__svg,
.p4p-showcase-visual {
    overflow: visible;
}

.p4p-service-card__visual {
    padding: 0.85rem 1rem;
}

.p4p-svc-showcase {
    padding: 1.75rem 1.5rem 2.5rem;
}

.p4p-home-svg {
    filter: none;
    opacity: 0.94;
}

.p4p-service-card__visual .p4p-home-svg {
    width: min(88%, 168px);
}

.p4p-svc-showcase__svg {
    width: 78%;
    max-height: 68%;
    filter: none;
}

.p4p-svc-showcase::after {
    content: '';
    position: absolute;
    inset: 12%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232, 168, 124, 0.12) 0%, transparent 68%);
    pointer-events: none;
    z-index: 1;
}

.p4p-svc-showcase[data-svc="apps"]::after {
    background: radial-gradient(circle, rgba(167, 139, 250, 0.14) 0%, transparent 68%);
}

.p4p-svc-showcase[data-svc="saas"]::after {
    background: radial-gradient(circle, rgba(134, 239, 172, 0.12) 0%, transparent 68%);
}

html.p4p-perf-lite .p4p-svc-showcase__svg,
html.p4p-perf-lite .p4p-home-svg {
    animation: none !important;
}

html.p4p-perf-lite .p4p-svc-showcase__flare,
html.p4p-perf-lite .p4p-svc-showcase::after {
    display: none;
}

html.p4p-reduced-motion .p4p-svc-showcase__svg,
html.p4p-reduced-motion .p4p-home-svg {
    animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .p4p-svc-showcase__svg,
    .p4p-home-svg {
        animation: none !important;
    }
}