﻿/* Exidify: consistent type, proof sections and readable mobile navigation. */
.patty-creative-page .agency-root.agency-root { --fs-hero:clamp(36px,4.5vw,58px); --fs-section:clamp(30px,3.1vw,42px); --fs-subtitle:21px; --fs-body:16px; --fs-small:13px; --fs-button:14px; }
.patty-creative-page .agency-root.agency-root :is(h1,h2,h3,h4,p,button,a,blockquote) { font-family:Manrope,Arial,sans-serif; }
.patty-creative-page .agency-root.agency-root h1 { font-size:var(--fs-hero)!important; line-height:1.08!important; }
.patty-creative-page .agency-root.agency-root h2 { font-size:var(--fs-section)!important; line-height:1.16!important; letter-spacing:-.035em; }
.patty-creative-page .agency-root.agency-root h3 { font-size:var(--fs-subtitle)!important; line-height:1.3!important; }
.patty-creative-page .agency-root.agency-root p,
.patty-creative-page .agency-root.agency-root blockquote { font-size:var(--fs-body)!important; line-height:1.65!important; }
.patty-creative-page .agency-root.agency-root .btn { font-size:var(--fs-button)!important; line-height:1.3!important; }
.patty-creative-page .agency-root.agency-root :is(.ex-eyebrow,.ex-fineprint,.ex-tags,.ex-client-role,.footer-copyright) { font-size:var(--fs-small)!important; }
.patty-creative-page .agency-root.agency-root .nav-links .elementor-button { font-size:14px; }
.patty-creative-page .agency-root .ex-section { position:relative; }
.patty-creative-page .agency-root .ex-wrap { display:flex; flex-direction:column; align-items:stretch; gap:28px; }
.patty-creative-page .agency-root .ex-heading { max-width:760px; display:flex; flex-direction:column; gap:14px; }
.patty-creative-page .agency-root .ex-heading p,
.patty-creative-page .agency-root .ex-heading h2 { margin:0; }
.patty-creative-page .agency-root .ex-description { color:#c6a3ff; max-width:680px; }
.patty-creative-page .agency-root .ex-eyebrow { color:#c6a3ff; font-weight:800; letter-spacing:.12em; text-transform:uppercase; margin:0; }
.patty-creative-page .agency-root .ex-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid #17171b; padding:28px 0; }
.patty-creative-page .agency-root .ex-metric { text-align:center; padding:12px 24px; border-right:1px solid #17171b; }
.patty-creative-page .agency-root .ex-metric:last-child { border:0; }
.patty-creative-page .agency-root .ex-metric .elementor-counter-number-wrapper { font:800 clamp(38px,5vw,64px)/1.1 Manrope,sans-serif; color:#c6a3ff; }
.patty-creative-page .agency-root .ex-metric .elementor-counter-title { font:500 15px/1.5 Manrope,sans-serif; color:#c6a3ff; margin-top:12px; }
.patty-creative-page .agency-root .ex-track { display:flex; flex-direction:row; flex-wrap:nowrap; gap:20px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:#7c3cff transparent; padding:8px 2px 18px; }
.patty-creative-page .agency-root .ex-track > .e-con { flex-shrink:0; scroll-snap-align:start; min-width:0; }
.patty-creative-page .agency-root .ex-logo-card { flex:0 0 calc((100% - 100px)/6); min-width:150px!important; display:grid; place-items:center; background:#fff; padding:20px 16px; border-radius:16px; height:112px; }
.patty-creative-page .agency-root :is(.ex-client-logo,.ex-platform-logo) { width:160px; height:72px; object-fit:contain; display:block; }
.patty-creative-page .agency-root .ex-controls { display:flex; flex-direction:row; justify-content:flex-end; align-items:center; gap:14px; }
.patty-creative-page .agency-root .ex-arrow { display:grid; place-items:center; width:44px; height:44px; border:1px solid #17171b; border-radius:14px; background:#17171b; color:#f3edff; font-size:22px; padding:0; cursor:pointer; }
.patty-creative-page .agency-root .ex-arrow:hover { background:#17171b; }
.patty-creative-page .agency-root .ex-arrow:disabled { opacity:.4; cursor:default; }
.patty-creative-page .agency-root .ex-position { color:#c6a3ff; font-size:13px; font-variant-numeric:tabular-nums; }
.patty-creative-page .agency-root .ex-benefit-card { flex:0 0 calc((100% - 40px)/3); display:flex; flex-direction:column; gap:16px; padding:28px; border:1px solid #17171b; border-radius:22px; background:linear-gradient(135deg,#17171b,#17171b); }
.patty-creative-page .agency-root .ex-benefit-card p { margin:0; color:#c6a3ff; }
.patty-creative-page .agency-root .ex-card-index { color:#c6a3ff!important; font-size:13px!important; }
.patty-creative-page .agency-root .ex-symbol { display:grid; place-items:center; width:48px; height:48px; color:#c6a3ff; background:#17171b; border:1px solid #7c3cff; border-radius:14px; }
.patty-creative-page .agency-root .ex-symbol svg { width:22px; height:22px; fill:currentColor; }
.patty-creative-page .agency-root .ex-fineprint { color:#c6a3ff; margin:0; }
.patty-creative-page .agency-root .ex-reasons { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.patty-creative-page .agency-root .ex-reason { display:flex; flex-direction:column; gap:18px; border-top:1px solid #7c3cff; background:linear-gradient(180deg,#17171b,transparent); border-radius:18px; padding:26px 22px; }
.patty-creative-page .agency-root .ex-reason p { color:#c6a3ff; margin:0; }
.patty-creative-page .agency-root .ex-testimonial { flex:0 0 100%; display:grid; grid-template-columns:.9fr 1.1fr; border:1px solid #7c3cff; border-radius:26px; overflow:hidden; background:#17171b; }
.patty-creative-page .agency-root .ex-testimonial-media { display:flex; align-items:center; justify-content:center; background:#17171b; padding:20px; }
.patty-creative-page .agency-root .ex-project-image { width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.patty-creative-page .agency-root .ex-testimonial-copy { display:flex; flex-direction:column; justify-content:center; gap:20px; padding:clamp(22px,3vw,40px); }
.patty-creative-page .agency-root .ex-testimonial-client { display:flex; flex-direction:row; align-items:center; gap:16px; }
.patty-creative-page .agency-root .ex-testimonial-client > .elementor-widget-image { flex:0 0 56px; }
.patty-creative-page .agency-root .ex-avatar { width:56px; height:56px; object-fit:cover; border-radius:16px; }
.patty-creative-page .agency-root .ex-client-role { color:#c6a3ff; margin:0 0 4px; }
.patty-creative-page .agency-root .ex-testimonial blockquote { margin:0; padding:0 0 0 20px; border-left:2px solid #c6a3ff; color:#f3edff; font-style:normal; }
.patty-creative-page .agency-root .ex-tags { color:#c6a3ff; margin:0; }
@media(min-width:1101px) {
 .patty-creative-page .agency-root .nav, .patty-creative-page .agency-root .nav.scrolled { width:min(1240px,calc(100vw - 28px))!important; gap:20px!important; }
 .patty-creative-page .agency-root .nav-links { gap:18px!important; }
 .patty-creative-page .agency-root .nav .brand-logo { width:150px; }
}
@media(max-width:1100px) {
 .patty-creative-page .agency-root .nav { display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:space-between!important; height:62px!important; padding:0 14px!important; background:#17171b!important; overflow:visible!important; }
 .patty-creative-page .agency-root .nav.open { height:62px!important; min-height:62px!important; background:#17171b!important; }
 .patty-creative-page .agency-root .nav .menu { display:grid!important; place-items:center; width:44px; height:44px; padding:0; color:#f3edff; background:#17171b; border:1px solid #7c3cff; border-radius:12px; }
 .patty-creative-page .agency-root .nav > .elementor-widget-button:has(.btn) { display:none!important; }
 .patty-creative-page .agency-root .nav-links { display:none!important; }
 .patty-creative-page .agency-root .nav.open .nav-links { display:flex!important; position:absolute!important; top:calc(100% + 10px)!important; left:0!important; width:100%!important; max-height:calc(100dvh - 110px); overflow-y:auto!important; flex-direction:column!important; align-items:stretch!important; gap:8px!important; margin:0!important; padding:14px!important; border:1px solid #7c3cff; border-radius:18px; background:#17171b!important; box-shadow:0 18px 48px #000b; z-index:10000; }
 .patty-creative-page .agency-root .nav.open .nav-links .elementor-button { display:flex!important; width:100%; min-height:48px; justify-content:flex-start; padding:13px 16px!important; border:1px solid #17171b!important; border-radius:12px; background:#17171b!important; color:#f3edff; font-size:15px; line-height:1.4; white-space:normal; }
 .patty-creative-page .agency-root .nav.open .nav-links .elementor-button:hover { background:#17171b!important; transform:none; }
 .patty-creative-page .agency-root .ex-reasons { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .patty-creative-page .agency-root .ex-benefit-card { flex-basis:calc((100% - 20px)/2); }
}
@media(max-width:680px) {
 .patty-creative-page .agency-root.agency-root { --fs-hero:clamp(34px,8.8vw,42px); --fs-section:clamp(28px,7.4vw,34px); --fs-subtitle:20px; --fs-body:15px; --fs-small:12px; --fs-button:14px; }
 .patty-creative-page .agency-root .ex-wrap { gap:22px; }
 .patty-creative-page .agency-root .ex-metrics { grid-template-columns:1fr; padding:8px 0; }
 .patty-creative-page .agency-root .ex-metric { padding:20px; border-right:0; border-bottom:1px solid #17171b; }
 .patty-creative-page .agency-root .ex-metric .elementor-counter-number-wrapper { font-size:44px; }
 .patty-creative-page .agency-root .ex-logo-card { flex-basis:calc((100% - 20px)/2); min-width:136px!important; height:100px; }
 .patty-creative-page .agency-root .ex-benefit-card { flex-basis:calc(100% - 24px); padding:24px; }
 .patty-creative-page .agency-root .ex-reasons { grid-template-columns:1fr; }
 .patty-creative-page .agency-root .ex-testimonial { grid-template-columns:1fr; }
 .patty-creative-page .agency-root .ex-testimonial-media { padding:12px; }
 .patty-creative-page .agency-root .ex-project-image { max-height:280px; }
 .patty-creative-page .agency-root .ex-testimonial-copy { padding:24px 20px; }
 .patty-creative-page .agency-root .ex-testimonial blockquote { padding-left:14px; }
 .patty-creative-page .agency-root .ex-controls { justify-content:center; }
}
@media(prefers-reduced-motion:reduce) { .patty-creative-page .agency-root .elementor-counter-number { animation:none!important; } }
/* Three brand violets: primary, light accent and pale lilac. */
.patty-creative-page .agency-root { --ex-purple:#7c3cff; --ex-light:#c6a3ff; --ex-pale:#f3edff; }
.patty-creative-page .agency-root .ex-clients,
.patty-creative-page .agency-root .ex-platforms { background:#f3edff!important; color:#17171b; margin-block:24px; overflow:hidden; }
.patty-creative-page .agency-root .ex-full-bleed { width:100%!important; max-width:none!important; }
.patty-creative-page .agency-root .ex-full-bleed .ex-heading { width:min(760px,calc(100% - 40px)); margin-inline:auto; text-align:center; }
.patty-creative-page .agency-root .ex-full-bleed .elementor-heading-title { color:#17171b!important; }
.patty-creative-page .agency-root .ex-full-bleed .ex-description { color:#46464c; }
.patty-creative-page .agency-root .ex-full-bleed .ex-eyebrow { color:#7c3cff; }
.patty-creative-page .agency-root .ex-logo-card { border:0!important; border-radius:0!important; box-shadow:none!important; background:transparent!important; flex-basis:190px; padding:16px; }
.patty-creative-page .agency-root :is(.ex-client-logo,.ex-platform-logo) { filter:grayscale(1) contrast(2); mix-blend-mode:multiply; }
.patty-creative-page .agency-root .ex-marquee { scroll-snap-type:none; scrollbar-width:none; gap:28px; }
.patty-creative-page .agency-root .ex-marquee::-webkit-scrollbar { display:none; }
.patty-creative-page .agency-root .ex-marquee-toggle { align-self:center; color:#17171b; border:1px solid #bbb; background:transparent; border-radius:30px; padding:10px 18px; min-height:44px; font-size:13px; cursor:pointer; }
.patty-creative-page .agency-root .ex-sparkles { color:#c6a3ff; letter-spacing:.25em; font-size:24px; display:block; }
.patty-creative-page .agency-root .ex-client-title .ex-sparkles { font-size:17px; margin-top:7px; }
.patty-creative-page .agency-root .ex-metric .ex-symbol { margin:0 auto 18px; }
.patty-creative-page .agency-root .ex-metric { display:flex; flex-direction:column; align-items:center; justify-content:center; }
.patty-creative-page .agency-root.agency-root .corporate-title { font-size:13px!important; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#c6a3ff!important; }
.patty-creative-page .agency-root .ex-hero-trust { width:min(1200px,calc(100% - 40px)); max-width:none!important; margin:32px auto 0!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:18px; }
.patty-creative-page .agency-root .ex-hero-trust .trust-item { border:1px solid #36363d; background:#141416; border-radius:16px; padding:18px; display:flex; flex-direction:row; align-items:center; gap:16px; color:#f5f5f7; font-size:15px!important; line-height:1.5; }
.patty-creative-page .agency-root .ex-hero-trust svg { width:28px!important; height:28px!important; color:#c6a3ff; stroke:#c6a3ff; }
.patty-creative-page .agency-root .person-photo { height:270px!important; }
.patty-creative-page .agency-root .person-photo img { object-fit:contain!important; object-position:center bottom!important; }
.patty-creative-page .agency-root .person-body { gap:12px; }
.patty-creative-page .agency-root .person-role { color:#c6a3ff; }
.patty-creative-page .agency-root .person p { min-height:8.25em; }
@media(max-width:680px){
 .patty-creative-page .agency-root .ex-hero-trust { display:flex!important; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; }
 .patty-creative-page .agency-root .ex-hero-trust > .e-con { flex:0 0 85%; scroll-snap-align:start; }
 .patty-creative-page .agency-root .person-photo { height:240px!important; }
 .patty-creative-page .agency-root .ex-logo-card { flex-basis:160px; }
}
.patty-creative-page .agency-root .ex-hero-trust .elementor-widget-icon { flex:0 0 32px; }
.patty-creative-page .agency-root .ex-hero-trust .trust-item span { color:#f5f5f7; font-size:15px; }
.patty-creative-page .agency-root .ex-client-title { min-width:0; }
/* Visual balance: deep violet surfaces, white reading text and lavender accents. */
.patty-creative-page .agency-root.agency-root { --muted:#f4f0fa; --text:#fff; --violet:#7c3cff; --violet2:#ad78ff; }
.patty-creative-page .agency-root.agency-root :is(p,blockquote,.lead,.case-copy p,.consult-card span,.person p,.trust-item span,.elementor-counter-title) { color:#f7f5fb!important; }
.patty-creative-page .agency-root.agency-root :is(.ex-eyebrow,.ex-tags,.ex-client-role,.case-type,.person-role,.corporate-title) { color:#ad78ff!important; }
.patty-creative-page .agency-root.agency-root :is(h1,h2,h3) { color:#fff!important; }
.patty-creative-page .agency-root.agency-root .violet { color:#ad78ff!important; }
.patty-creative-page .agency-root .ex-clients,
.patty-creative-page .agency-root .ex-platforms { background:linear-gradient(115deg,#211332,#321952 55%,#211332)!important; border-block:1px solid rgba(173,120,255,.25); color:#fff; }
.patty-creative-page .agency-root .ex-full-bleed .elementor-heading-title { color:#fff!important; }
.patty-creative-page .agency-root :is(.ex-client-logo,.ex-platform-logo) { filter:grayscale(1) invert(1) contrast(2); mix-blend-mode:screen; }
.patty-creative-page .agency-root.agency-root .nav-links .elementor-button { color:#fff!important; }
.patty-creative-page .agency-root.agency-root .nav-links .project-help.elementor-button { color:#ad78ff!important; }
.patty-creative-page .agency-root.agency-root .nav-links .elementor-button:hover { color:#c7a7ff!important; }
.patty-creative-page .agency-root.agency-root .nav-links .project-help.elementor-button:hover { color:#fff!important; }
.patty-creative-page .agency-root .ex-testimonial-stars { display:block; width:142px; max-width:100%; height:auto; }
.patty-creative-page .agency-root .ex-client-title .ex-testimonial-stars { width:105px; margin-top:8px; }
.patty-creative-page .agency-root .ex-metric .ex-symbol { width:78px; height:78px; display:grid; place-items:center; background:rgba(124,60,255,.18); border:1px solid rgba(173,120,255,.45); border-radius:24px; box-shadow:0 0 32px rgba(124,60,255,.15); margin:0 auto 20px; }
.patty-creative-page .agency-root .ex-metric .ex-symbol svg { width:40px; height:40px; fill:#ad78ff; }
.patty-creative-page .agency-root .ex-metric .elementor-counter-number-wrapper { color:#ad78ff; }
.patty-creative-page .agency-root .hero-grid { align-items:center!important; gap:48px!important; }
.patty-creative-page .agency-root .hero-copy { max-width:560px; }
.patty-creative-page .agency-root.agency-root .hero h1 { font-size:clamp(38px,4.2vw,56px)!important; line-height:1.12!important; max-width:540px; }
.patty-creative-page .agency-root .hero .lead { max-width:520px; margin-top:22px; }
.patty-creative-page .agency-root .ex-hero-trust.ex-track { width:100%!important; max-width:none!important; margin:40px 0 0!important; display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; gap:28px; border-block:1px solid rgba(173,120,255,.2); padding:20px 0!important; background:rgba(124,60,255,.055); scroll-snap-type:none; }
.patty-creative-page .agency-root .ex-hero-trust.ex-track > .trust-item { flex:0 0 330px!important; width:330px; border:0; background:transparent; padding:12px 18px; border-radius:0; }
.patty-creative-page .agency-root .ex-hero-trust svg { fill:none; }
.patty-creative-page .agency-root .ex-hero-trust svg.e-font-icon-svg { fill:#ad78ff; stroke:none; }
.patty-creative-page .agency-root .ex-marquee:focus-visible { outline:2px solid #ad78ff; outline-offset:-2px; }
@media(min-width:1101px){.patty-creative-page .agency-root .hero-grid { grid-template-columns:1fr 1.08fr!important; } .patty-creative-page .agency-root .corporate-stage { min-height:0!important; }}
@media(max-width:680px){.patty-creative-page .agency-root .hero-grid { gap:28px!important; } .patty-creative-page .agency-root .ex-hero-trust.ex-track > .trust-item { flex-basis:280px!important; width:280px; } .patty-creative-page .agency-root .ex-metric .ex-symbol { width:68px; height:68px; }}
/* Cleaner composition: luminous details over continuous dark surfaces. */
.patty-creative-page .agency-root .ex-clients,
.patty-creative-page .agency-root .ex-platforms { background:radial-gradient(ellipse at 18% 0,rgba(124,60,255,.16),transparent 60%),radial-gradient(ellipse at 85% 100%,rgba(124,60,255,.12),transparent 58%),#09060e!important; border-block:1px solid rgba(173,120,255,.16); }
.patty-creative-page .agency-root :is(.ex-client-logo,.ex-platform-logo) { filter:brightness(0) invert(1)!important; mix-blend-mode:normal!important; opacity:1; }
.patty-creative-page .agency-root.agency-root :is(.violet,.ex-eyebrow,.ex-tags,.ex-client-role,.case-type,.person-role,.corporate-title,.corp-name,.project-help,.service footer) { color:#ad78ff!important; }
.patty-creative-page .agency-root .ex-symbol { width:64px; height:64px; border-radius:20px; }
.patty-creative-page .agency-root .ex-symbol svg { width:32px; height:32px; fill:#ad78ff; }
.patty-creative-page .agency-root .ex-hero-trust svg { width:34px!important; height:34px!important; }
.patty-creative-page .agency-root .ex-hero-trust .elementor-widget-icon { flex-basis:38px; }
.patty-creative-page .agency-root .service-icon { width:58px; height:58px; }
.patty-creative-page .agency-root .service-icon svg { width:28px; height:28px; }
.patty-creative-page .agency-root .ex-why { background:radial-gradient(ellipse at 50% 50%,rgba(124,60,255,.12),transparent 68%); }
.patty-creative-page .agency-root .ex-reasons { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.patty-creative-page .agency-root .ex-reason { position:relative; display:grid; grid-template-columns:72px 1fr; grid-template-rows:auto auto; column-gap:22px; row-gap:10px; padding:30px; border:1px solid rgba(173,120,255,.23); background:linear-gradient(130deg,#1b1127,#0d0913); border-radius:24px; }
.patty-creative-page .agency-root .ex-reason > .ex-symbol { grid-row:1 / 3; align-self:center; }
.patty-creative-page .agency-root .ex-reason > .elementor-widget-heading,
.patty-creative-page .agency-root .ex-reason > .elementor-widget-text-editor { grid-column:2; }
.patty-creative-page .agency-root .ex-reason:hover { border-color:#ad78ff; background:linear-gradient(130deg,#241437,#0d0913); }
.patty-creative-page .agency-root .person-photo { height:300px!important; display:block!important; background:radial-gradient(ellipse at 50% 80%,rgba(124,60,255,.16),transparent 70%),#110b19!important; }
.patty-creative-page .agency-root .person-photo > .elementor-widget-image,
.patty-creative-page .agency-root .person-photo .elementor-widget-container { width:100%!important; height:100%!important; }
.patty-creative-page .agency-root .person-photo img { width:100%!important; height:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center center!important; transform:none!important; }
.patty-creative-page .agency-root .person p { min-height:4.95em!important; }
@media(max-width:680px){
 .patty-creative-page .agency-root .ex-reasons { grid-template-columns:1fr; }
 .patty-creative-page .agency-root .ex-reason { grid-template-columns:56px 1fr; padding:22px 18px; gap:14px; }
 .patty-creative-page .agency-root .ex-reason .ex-symbol { width:52px; height:52px; }
 .patty-creative-page .agency-root .person-photo { height:280px!important; }
}
/* Final editorial refinement: actual widget boxes, readable rhythm and brand contrast. */
.patty-creative-page .agency-root .section{padding-block:64px!important}
.patty-creative-page .agency-root :is(.ex-clients,.ex-experience,.ex-why){position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#090711,#111b35 65%,#201138)!important}
.patty-creative-page .agency-root .ex-tech-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.13;pointer-events:none;z-index:-1}
.patty-creative-page .agency-root .ex-tech-layer .patty-leaf,.patty-creative-page .agency-root .ex-tech-layer .elementor-widget-container{display:block!important;height:100%;width:100%}
.patty-creative-page .agency-root .ex-tech-image{width:100%;height:100%;object-fit:cover}
.patty-creative-page .agency-root .ex-symbol{display:grid!important;place-items:center;flex-shrink:0}
.patty-creative-page .agency-root .ex-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}
.patty-creative-page .agency-root .ex-metric{min-width:0;padding:24px 12px!important;background:transparent}
.patty-creative-page .agency-root .ex-metric .ex-symbol{width:88px;height:88px;background:linear-gradient(145deg,#382153,#142a50);border:1px solid #ad78ff55;border-radius:28px;margin:0 auto 16px}
.patty-creative-page .agency-root .ex-metric .ex-symbol svg{width:52px;height:52px}
.patty-creative-page .agency-root .ex-metric .elementor-counter-number-wrapper{font-size:38px!important;line-height:1.2!important}
.patty-creative-page .agency-root .ex-metric .elementor-counter-title{font-size:15px!important;line-height:1.4!important;color:white!important;margin-top:10px}
.patty-creative-page .agency-root .ex-reason>.patty-leaf{display:block!important;min-width:0}
.patty-creative-page .agency-root .ex-reason>.ex-symbol{display:grid!important;grid-row:1 / 3}
.patty-creative-page .agency-root .ex-reason{background:linear-gradient(130deg,#1c2440e8,#171124ef);transition:transform .25s,border-color .25s}
.patty-creative-page .agency-root .ex-reason:hover{transform:translateY(-4px);background:linear-gradient(130deg,#263354,#241437)}
.patty-creative-page .agency-root .ex-reason p{max-width:none!important;width:auto!important;margin:0!important;color:#fff!important}
.patty-creative-page .agency-root .ex-why-logo{width:180px;height:auto;margin-bottom:24px}
.patty-creative-page .agency-root .ex-testimonials .ex-heading{align-items:center!important;text-align:center!important;margin-inline:auto!important}
.patty-creative-page .agency-root .ex-testimonials .ex-heading .ex-testimonial-stars{margin-inline:auto}
.patty-creative-page .agency-root .person-photo{height:330px!important;overflow:hidden;border-radius:22px 22px 0 0;background:linear-gradient(135deg,#171b35,#261438)!important}
.patty-creative-page .agency-root .person-photo>.elementor-widget-image,.patty-creative-page .agency-root .person-photo .elementor-widget-container{display:block!important;width:100%!important;height:100%!important}
.patty-creative-page .agency-root .person-photo img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 15%!important}
.patty-creative-page .agency-root .ex-platforms{background:linear-gradient(120deg,#e8edfa,#f1eafb)!important;border:0}
.patty-creative-page .agency-root .ex-platforms .ex-platform-logo{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
.patty-creative-page .agency-root .ex-platforms :is(h2,p){color:#201b35!important}
.patty-creative-page .agency-root .ex-platforms .ex-logo-card{background:transparent!important;border:0!important;box-shadow:none!important}
.patty-creative-page .agency-root .ex-wordmark h3{color:#fff!important;font-size:24px;white-space:nowrap}
.patty-creative-page .agency-root .ex-benefits{background:linear-gradient(135deg,#e9eef9,#f2edfb)!important}
.patty-creative-page .agency-root .ex-benefits :is(h2,h3,p){color:#211b35!important}
.patty-creative-page .agency-root .ex-benefit-card{background:#ffffff!important;border:1px solid #d5daeb;box-shadow:0 12px 35px #2633540c;padding:28px;overflow:hidden}
.patty-creative-page .agency-root .ex-benefit-visual{width:100%;height:155px;object-fit:cover;object-position:top;border-radius:12px;margin-bottom:14px}
.patty-creative-page .agency-root .ex-benefit-card .ex-symbol{width:72px;height:72px;background:#eee5fc;border-radius:22px;margin-block:12px}
.patty-creative-page .agency-root .ex-benefit-card .ex-symbol svg{width:40px;height:40px;fill:#7c3cff}
.patty-creative-page .agency-root .ex-ecosystem{max-width:1200px;margin:24px auto 0;padding-inline:24px;gap:12px}
.patty-creative-page .agency-root .ex-ecosystem>p{font-size:10px!important;letter-spacing:.14em;color:#c7c1d4!important}
.patty-creative-page .agency-root .ex-ecosystem-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:30px;overflow:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.patty-creative-page .agency-root .ex-tool-chip{flex:0 0 auto!important;width:auto!important;white-space:nowrap}
.patty-creative-page .agency-root .ex-tool-chip p{font-size:13px!important;color:#fff!important;margin:0}
.patty-creative-page .agency-root .ex-tool-chip span{display:inline-block;color:#ad78ff;font-weight:800;margin-right:8px}
.patty-creative-page .agency-root .ex-faq{background:radial-gradient(ellipse at 80% 0,#19264a88,transparent 65%),#0b0912}
.patty-creative-page .agency-root .ex-faq-accordion{width:100%;display:block!important;--n-accordion-title-font-size:18px;--n-accordion-title-normal-color:#fff;--n-accordion-title-hover-color:#ad78ff;--n-accordion-title-active-color:#ad78ff}
.patty-creative-page .agency-root .ex-faq details{border:1px solid #ad78ff33;border-radius:16px;background:#171321;margin-bottom:12px;overflow:hidden}
.patty-creative-page .agency-root .ex-faq summary{padding:24px!important;cursor:pointer;color:#fff!important;list-style:none;display:flex;justify-content:space-between;gap:20px}
.patty-creative-page .agency-root .ex-faq summary::after{content:'+';font-size:24px;color:#ad78ff}
.patty-creative-page .agency-root .ex-faq details[open] summary::after{content:'−'}
.patty-creative-page .agency-root .ex-faq summary h3{font-size:18px!important;line-height:1.4!important;color:inherit!important;margin:0}
.patty-creative-page .agency-root .ex-faq-answer{padding:0 24px 24px!important}
.patty-creative-page .agency-root .ex-faq-answer p{color:#fff!important;max-width:900px;line-height:1.7}
.patty-creative-page .agency-root .ex-faq summary:focus-visible{outline:2px solid #ad78ff;outline-offset:-4px}
@media(max-width:680px){
.patty-creative-page .agency-root .section{padding-block:40px!important}
.patty-creative-page .agency-root .ex-metric{padding:18px 5px!important}
.patty-creative-page .agency-root .ex-metric .ex-symbol{width:62px;height:62px;border-radius:20px;margin-bottom:12px}
.patty-creative-page .agency-root .ex-metric .ex-symbol svg{width:38px;height:38px}
.patty-creative-page .agency-root .ex-metric .elementor-counter-number-wrapper{font-size:27px!important}
.patty-creative-page .agency-root .ex-metric .elementor-counter-title{font-size:11px!important}
.patty-creative-page .agency-root .person-photo{height:320px!important}
.patty-creative-page .agency-root .ex-faq summary{padding:20px!important}
.patty-creative-page .agency-root .ex-faq summary h3{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){.patty-creative-page .agency-root .ex-reason{transition:none}.patty-creative-page .agency-root .ex-reason:hover{transform:none}}
.patty-creative-page .agency-root .ex-faq .e-n-accordion-item-title-icon{display:none}
