/* ==== /assets/css/client-logo-showcase.css ==== */
/* v0.1.19 — Shared client-logo showcase cards. */
.yu-client-showcase-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.yu-client-showcase-card{min-height:150px;padding:20px;display:flex;align-items:center;justify-content:center;border:1px solid #dbe7f8;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.045);overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.yu-client-showcase-card:hover,.yu-client-showcase-card:focus-within{transform:translateY(-4px);box-shadow:0 18px 38px rgba(15,23,42,.08);border-color:#c5d9f5}
.yu-client-showcase-card img{display:block;width:min(100%,220px);height:88px;object-fit:contain;object-position:center;filter:none}
.yu-client-showcase-card__name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){
.yu-client-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
.yu-client-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.yu-client-showcase-card{min-height:126px;padding:16px}
.yu-client-showcase-card img{height:74px}
}
@media(max-width:430px){
.yu-client-showcase-grid{grid-template-columns:1fr}
.yu-client-showcase-card{min-height:108px}
}
@media(prefers-reduced-motion:reduce){
.yu-client-showcase-card{transition:none;transform:none!important}
}
/* ==== /assets/css/navigation-mega.css ==== */
/*
 * Yuvau Digital — Navigation v1.0
 * Desktop: glass floating service mega panel.
 * Mobile: compact card-style service navigation sheet.
 */
/* ---------- Shared service item language ---------- */
.yu-primary-menu > .menu-item-has-children > .sub-menu > .yu-service-menu-item > a{
    text-decoration: none;
}
.yu-service-menu__content{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
}
.yu-service-menu__icon{
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(48,104,232,.10);
    box-shadow: 0 5px 12px rgba(20,36,70,.06), inset 0 1px 0 rgba(255,255,255,.95);
    color: #2563eb;
    line-height: 1;
    overflow: hidden;
}
.yu-service-menu__icon img{
    width: 24px;
    height: 24px;
    display: block;
    object-fit: contain;
}
.yu-service-menu__copy{
    min-width: 0;
    display: grid;
    gap: 2px;
}
.yu-service-menu__name{
    display: block;
    color: #172238;
    font-size: 12px;
    line-height:1.08;
    font-weight: 800;
}
.yu-service-menu__desc{
    display: block;
    color: #78869c;
    font-size: 9px;
    line-height: 1.25;
    font-weight: 550;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* ---------- Desktop glass mega panel ---------- */
@media (min-width: 1025px){
.yu-primary-menu > .menu-item-has-children.yu-service-mega-active{
        z-index: 100;
    }
.yu-primary-menu > .menu-item-has-children > .sub-menu{
        box-sizing: border-box;
    }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu{
        top: calc(100% + 10px);
        left: 50%;
        width: 610px;
        min-width: 610px;
        max-width: min(610px, calc(100vw - 36px));
        padding: 62px 16px 16px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px 8px;
        border-radius: 22px;
        background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(239,246,255,.84));
        -webkit-backdrop-filter: blur(30px) saturate(150%);
        backdrop-filter: blur(30px) saturate(150%);
        border: 1px solid rgba(255,255,255,.88);
        box-shadow: 0 30px 76px rgba(20,36,70,.22), 0 8px 26px rgba(48,104,232,.07), inset 0 1px 0 rgba(255,255,255,.98);
        transform: translate(-50%, 7px);
    }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu::after{
        content: "OUR SERVICES\A Performance driven digital solutions";
        position: absolute;
        top: 18px;
        left: 18px;
        white-space: pre;
        color: #1a263b;
        font-size: 12px;
        line-height: 1.35;
        font-weight: 850;
        letter-spacing: 0;
    }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu::before{
        top: -7px;
        left: 50%;
        width: 14px;
        height: 14px;
        background: rgba(250,252,255,.94);
        border-left: 1px solid rgba(255,255,255,.78);
        border-top: 1px solid rgba(255,255,255,.78);
        transform: translateX(-50%) rotate(45deg);
    }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item)::after{
        left: 50%;
        width: 610px;
        max-width: min(610px, calc(100vw - 36px));
        transform: translateX(-50%);
        height: 18px;
    }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu > .yu-service-menu-item{
        width: auto;
        min-width: 0;
    }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu > .yu-service-menu-item > a{
        min-height: 56px;
        padding: 8px 10px;
        border-radius: 14px;
        background: rgba(255,255,255,.76);
        border: 1px solid rgba(255,255,255,.72);
        transition: background-color .18s ease, transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu > .yu-service-menu-item > a:hover,
    .yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu > .yu-service-menu-item > a:focus-visible{
        background: rgba(255,255,255,.96);
        border-color: rgba(48,104,232,.12);
        transform: translateY(-1px);
        box-shadow: 0 10px 22px rgba(20,36,70,.08);
    }
}
/* ---------- Mobile card-style navigation sheet ---------- */
@media (max-width: 1024px){
.yu-nav.is-open{
        overflow: visible;
        padding: 9px;
        background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(242,247,255,.94)) !important;
        border: 1px solid rgba(255,255,255,.82);
        border-radius: 20px;
        box-shadow: 0 26px 70px rgba(20,36,70,.20), 0 8px 24px rgba(48,104,232,.06), inset 0 1px 0 rgba(255,255,255,.98);
    }
.yu-nav.is-open .yu-primary-menu{
        gap: 1px;
    }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item){
        display: grid;
        grid-template-columns: minmax(0,1fr) 42px;
        align-items: stretch;
    }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu{
        grid-column: 1 / -1;
        display: none;
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 6px;
        margin: 0 2px 5px;
        padding: 5px;
        border-radius: 15px;
        background: rgba(229,238,251,.76) !important;
        border: 1px solid rgba(48,104,232,.08);
        box-shadow: none;
    }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item).is-open > .sub-menu{
        display: grid;
    }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu::before,
    .yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu::after{
        display: none;
    }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu > .yu-service-menu-item{
        width: auto;
        min-width: 0;
    }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu > .yu-service-menu-item > a{
        min-height: 55px;
        padding: 7px 8px;
        border-radius: 11px;
        background: rgba(255,255,255,.94);
        border: 1px solid rgba(48,104,232,.08);
        box-shadow: 0 5px 14px rgba(20,36,70,.045);
    }
.yu-service-menu__content{ gap: 7px; }
.yu-service-menu__icon{
        flex-basis: 32px;
        width: 32px;
        height: 32px;
        border-radius: 9px;
        font-size: 12px;
    }
.yu-service-menu__icon img{
        width: 20px;
        height: 20px;
    }
.yu-service-menu__name{ font-size: 9.5px; line-height:1.08; }
.yu-service-menu__desc{ display: none; }
}
@media (max-width: 420px){
.yu-nav.is-open{ padding: 7px; }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu{ gap: 5px; padding: 4px; }
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu > .yu-service-menu-item > a{ min-height: 52px; padding: 6px; }
.yu-service-menu__name{ font-size: 9px; }
}
@media (prefers-reduced-motion: reduce){
.yu-primary-menu > .menu-item-has-children:has(> .sub-menu > .yu-service-menu-item) > .sub-menu > .yu-service-menu-item > a{ transition: none; }
}
/* ==== /assets/css/service/meta-ads/meta-ads.css ==== */
/* ==== /assets/css/service/meta-ads/meta-ads-hero.css ==== */
/* Yuvau Digital — Meta Ads Hero v41
 * Optimized two-column hero: strong message + focused campaign dashboard.
 */
.yu-meta-v40-hero{
    position:relative;
    overflow:hidden;
    padding:92px 0 74px;
    background:
        radial-gradient(circle at 82% 43%,rgba(37,99,235,.105),transparent 31%),
        linear-gradient(135deg,#fff 0%,#f8faff 62%,#eef5ff 100%);
}
.yu-meta-v40-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(37,99,235,.028) 1px,transparent 1px),
        linear-gradient(90deg,rgba(37,99,235,.028) 1px,transparent 1px);
    background-size:46px 46px;
    mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%);
    pointer-events:none;
}
.yu-meta-v40-hero__grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);
    gap:44px;
    align-items:center;
    min-height:650px;
}
.yu-meta-v41-hero__copy{min-width:0;padding-top:4px}
.yu-meta-v41-breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 22px;
    color:#7b8ba2;
    font-size:11px;
    line-height:1;
}
.yu-meta-v41-breadcrumb a{color:#7b8ba2;text-decoration:none}
.yu-meta-v41-breadcrumb strong{color:#0f172a}
.yu-meta-v41-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin:0;
    padding:8px 12px;
    border-radius:999px;
    background:#eaf2ff;
    color:#2563eb;
    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:.12em;
}
.yu-meta-v40-hero .yu-meta-v40-eyebrow__icon{
    width:28px;
    height:28px;
    flex:0 0 28px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:#2563eb;
    color:#fff;
    overflow:hidden;
}
.yu-meta-v40-hero .yu-meta-v40-eyebrow__icon svg{
    width:16px!important;
    height:16px!important;
    min-width:16px;
    max-width:16px;
    min-height:16px;
    max-height:16px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:2.1;
}
.yu-meta-v40-hero h1{
    max-width:690px;
    margin:20px 0 24px;
    font-size:clamp(3.7rem,5.35vw,5.25rem);
    line-height:1.08;
    letter-spacing:-.02em;
    color:#0f172a;
}
.yu-meta-v40-hero h1 span{display:block;color:#2563eb}
.yu-meta-v41-lead{
    max-width:610px;
    margin:0;
    color:#64748b;
    font-size:17px;
    line-height:1.68;
}
.yu-meta-v41-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px 22px;
    max-width:560px;
    margin-top:26px;
}
.yu-meta-v41-points div{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    color:#334155;
    font-size:11px;
}
.yu-meta-v41-points div>span{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#eaf2ff;
    color:#2563eb;
    font-size:14px;
    font-weight:900;
}
.yu-meta-v41-points strong{font-weight:800}
.yu-meta-v41-actions{
    display:flex;
    align-items:center;
    gap:13px;
    flex-wrap:wrap;
    margin-top:29px;
}
.yu-meta-v41-secondary{
    padding:15px 20px;
    border:1px solid #c9d9f2;
    border-radius:12px;
    background:#fff;
    color:#0f172a;
    text-decoration:none;
    font-size:12px;
    font-weight:850;
}
.yu-meta-v41-secondary span{color:#2563eb;margin-left:7px}
.yu-meta-v41-proof{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:23px;
}
.yu-meta-v41-proof span{
    padding:9px 12px;
    border:1px solid #dce7fa;
    border-radius:999px;
    background:#fff;
    color:#64748b;
    font-size:9px;
    font-weight:750;
}
/* Visual stage */
.yu-meta-growth-visual{
    position:relative;
    min-width:0;
    min-height:570px;
    display:grid;
    place-items:center;
    overflow:visible;
}
.yu-meta-growth-visual__orbit{
    position:absolute;
    width:500px;
    height:500px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border:1px solid rgba(75,133,232,.15);
    border-radius:50%;
    pointer-events:none;
}
.yu-meta-growth-dashboard{
    position:relative;
    z-index:3;
    width:min(610px,90%);
    padding:20px;
    border:1px solid #dbe7f8;
    border-radius:24px;
    background:rgba(255,255,255,.96);
    box-shadow:0 28px 65px rgba(44,87,151,.14);
    transform:rotate(-1deg);
}
.yu-meta-growth-dashboard__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:40px;
    padding-bottom:14px;
    border-bottom:1px solid #e6edf7;
}
.yu-meta-growth-dashboard__brand{
    display:flex;
    align-items:center;
    gap:9px;
    color:#0d1830;
    font-size:17px;
}
.yu-meta-growth-dashboard__meta-icon{width:34px;height:28px;display:block}
.yu-meta-growth-dashboard__period{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border:1px solid #dbe7f8;
    border-radius:999px;
    background:#fff;
    color:#52647e;
    font-size:11px;
    font-weight:700;
}
.yu-meta-growth-dashboard__period b{color:#2563eb;font-size:12px}
.yu-meta-growth-dashboard__metrics{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
    margin-top:16px;
}
.yu-meta-growth-dashboard__metric{
    min-width:0;
    min-height:118px;
    padding:15px;
    border:1px solid #dfe9f7;
    border-radius:15px;
    background:#fff;
}
.yu-meta-growth-dashboard__metric>span{
    display:block;
    margin-bottom:9px;
    color:#70829c;
    font-size:10px;
}
.yu-meta-growth-dashboard__metric strong{
    display:block;
    margin-bottom:8px;
    color:#0d1830;
    font-size:26px;
    line-height:1;
    letter-spacing:-.02em;
}
.yu-meta-growth-dashboard__metric em{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#20b76b;
    font-size:10px;
    font-style:normal;
    font-weight:800;
}
.yu-meta-growth-dashboard__metric em b{
    width:19px;
    height:19px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#e9f9ef;
}
.yu-meta-growth-dashboard__chart{
    height:205px;
    margin-top:13px;
    padding:11px;
    border:1px solid #dfe9f7;
    border-radius:16px;
    background:linear-gradient(180deg,#fff 0%,#f9fbff 100%);
    overflow:hidden;
}
.yu-meta-growth-dashboard__chart svg{width:100%;height:100%;display:block}
.yu-meta-growth-result{
    position:absolute;
    z-index:8;
    right:1%;
    bottom:6%;
    width:280px;
    display:flex;
    align-items:center;
    gap:13px;
    padding:18px 16px;
    border:1px solid #dbe7f8;
    border-radius:19px;
    background:rgba(255,255,255,.98);
    box-shadow:0 22px 50px rgba(40,86,150,.15);
}
.yu-meta-growth-result__icon{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#eaf2ff;
    color:#2872f2;
}
.yu-meta-growth-result__icon svg{width:21px;height:21px;display:block}
.yu-meta-growth-result__copy{min-width:0}
.yu-meta-growth-result__copy small{display:block;margin-bottom:4px;color:#71829b;font-size:9px}
.yu-meta-growth-result__copy strong{display:block;color:#0d1830;font-size:15px}
.yu-meta-growth-result__bars{display:flex;gap:5px;margin-top:7px}
.yu-meta-growth-result__bars i{display:block;width:70px;height:6px;border-radius:999px;background:#dce8fb}
.yu-meta-growth-result__bars i:last-child{width:48px;background:#bcd2fa}
.yu-meta-growth-result__status{
    margin-left:auto;
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#29c878;
    color:#fff;
    font-size:17px;
    font-weight:800;
}
.yu-meta-growth-visual__social{
    position:absolute;
    z-index:5;
    width:72px;
    height:82px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #dbe7f8;
    border-radius:16px;
    background:rgba(255,255,255,.96);
    box-shadow:0 16px 35px rgba(37,82,145,.12);
}
.yu-meta-growth-visual__social svg{width:42px;height:42px;display:block}
.yu-meta-growth-visual__social--instagram{left:calc(50% - 380px);top:27%}
.yu-meta-growth-visual__social--facebook{left:calc(50% - 380px);top:45%}
@media(max-width:1180px){
.yu-meta-v40-hero{padding-top:82px}
.yu-meta-v40-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:26px}
.yu-meta-v40-hero h1{font-size:clamp(3.3rem,5.1vw,4.7rem)}
.yu-meta-growth-dashboard{width:min(570px,92%)}
.yu-meta-growth-result{right:0}
}
@media(max-width:980px){
.yu-meta-v40-hero{padding:76px 0 60px}
.yu-meta-v40-hero__grid{grid-template-columns:1fr;gap:26px;min-height:0}
.yu-meta-v41-hero__copy{max-width:760px}
.yu-meta-growth-visual{min-height:500px;margin-top:2px}
.yu-meta-growth-dashboard{width:min(640px,88%)}
.yu-meta-growth-visual__social--instagram{left:calc(50% - 350px)}
.yu-meta-growth-visual__social--facebook{left:calc(50% - 350px)}
}
@media(max-width:640px){
.yu-meta-v40-hero{padding:66px 0 50px}
.yu-meta-v40-hero h1{font-size:clamp(2.65rem,13vw,4.1rem);line-height:1.08}
.yu-meta-v41-lead{font-size:15px}
.yu-meta-v41-points{grid-template-columns:1fr;gap:9px}
.yu-meta-v41-actions{align-items:flex-start;flex-direction:column}
.yu-meta-v41-proof{gap:7px}
.yu-meta-growth-visual{min-height:390px;margin-top:18px}
.yu-meta-growth-visual__orbit{width:330px;height:330px}
.yu-meta-growth-dashboard{width:94%;padding:13px;border-radius:18px;transform:none}
.yu-meta-growth-dashboard__brand{font-size:14px}
.yu-meta-growth-dashboard__period{padding:8px 10px;font-size:9px}
.yu-meta-growth-dashboard__metrics{gap:7px;margin-top:11px}
.yu-meta-growth-dashboard__metric{min-height:88px;padding:10px}
.yu-meta-growth-dashboard__metric>span{font-size:8px;margin-bottom:7px}
.yu-meta-growth-dashboard__metric strong{font-size:17px}
.yu-meta-growth-dashboard__metric em{font-size:8px}
.yu-meta-growth-dashboard__chart{height:145px}
.yu-meta-growth-visual__social{width:52px;height:60px;border-radius:13px}
.yu-meta-growth-visual__social svg{width:30px;height:30px}
.yu-meta-growth-visual__social--instagram{left:0;top:25%}
.yu-meta-growth-visual__social--facebook{left:3%;top:45%}
.yu-meta-growth-result{width:205px;right:0;bottom:0;padding:12px;gap:9px;border-radius:15px}
.yu-meta-growth-result__icon{width:36px;height:36px;flex-basis:36px}
.yu-meta-growth-result__copy strong{font-size:12px}
.yu-meta-growth-result__bars{margin-top:5px}
.yu-meta-growth-result__bars i{width:45px}
.yu-meta-growth-result__status{width:27px;height:27px;flex-basis:27px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
.yu-meta-v40-hero *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
/* v0.10.99 — Meta symbol geometry repair. Keep the brand mark crisp and contained. */
.yu-meta-v40-hero .yu-meta-v40-eyebrow__icon svg,
.yu-meta-growth-dashboard__meta-icon{
    overflow:visible;
    shape-rendering:geometricPrecision;
}
/* v0.10.100 — Use the actual Meta symbol asset; contain it inside the existing icon slots. */
.yu-meta-v40-hero .yu-meta-v40-eyebrow__icon img{
    display:block;
    width:16px;
    height:16px;
    object-fit:contain;
}
.yu-meta-growth-dashboard__meta-icon{
    width:34px !important;
    height:28px !important;
    display:block !important;
    object-fit:contain;
    object-position:center;
    flex:0 0 34px;
}
/* v1.0 fix — Instagram/Facebook chips.
 * They used to sit at calc(50% - 380px): outside the visual column, on top of the headline.
 * A first fix moved them onto the dashboard and hid its numbers.
 * Now the dashboard keeps a fixed left gutter inside the visual and the chips live in that
 * gutter at left:0, so they only overlap the dashboard's outer edge (~16px) at every width. */
.yu-meta-v40-hero .yu-meta-growth-visual__social--instagram,
.yu-meta-v40-hero .yu-meta-growth-visual__social--facebook{left:0}
.yu-meta-v40-hero .yu-meta-growth-dashboard{
    justify-self:start;
    margin-left:56px;
    width:min(610px,calc(100% - 56px));
}
@media(max-width:640px){
.yu-meta-v40-hero .yu-meta-growth-dashboard{margin-left:34px;width:calc(100% - 40px)}
}
/* ==== /assets/css/service/meta-ads/meta-ads-live-content.css ==== */
/* Yuvau Digital v0.1.7 — Meta Ads live-content restoration.
 * Content follows the supplied live ranking page; existing Meta Ads hero remains authoritative.
 */
.yu-meta-live-content .yu-container{width:min(var(--yu-content-max),calc(100% - 48px));margin:0 auto}
.yu-meta-live-content .yu-meta-live-section,
.yu-meta-live-content .yu-meta-live-client-proof,
.yu-meta-live-content .yu-meta-live-placeholder,
.yu-meta-live-content .yu-meta-live-faq{position:relative;overflow:hidden}
.yu-meta-live-content .yu-meta-live-section{padding:96px 0;background:#fff}
.yu-meta-live-content .yu-meta-live-client-proof{padding:82px 0 90px;background:#f8fbff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.yu-meta-live-content .yu-meta-live-section-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:56px;align-items:end;margin-bottom:38px}
.yu-meta-live-content .yu-meta-live-section-head h2{margin:0;max-width:830px;color:#0f172a;font-size:clamp(2rem,4.5vw,3.7rem);line-height:1.08;letter-spacing:-.025em}
.yu-meta-live-content .yu-meta-live-section-head>p{margin:0;color:#64748b;font-size:15px;line-height:1.78}
.yu-meta-live-content .yu-meta-live-eyebrow{margin:0 0 14px;color:#2563eb;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
/* Agency client proof */
.yu-meta-live-content .yu-meta-live-client-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.yu-meta-live-content .yu-meta-live-client-card{min-height:150px;padding:22px;border:1px solid #dbe7f8;border-radius:18px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 30px rgba(15,23,42,.04);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.yu-meta-live-content .yu-meta-live-client-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(15,23,42,.08);border-color:#c5d9f5}
.yu-meta-live-content .yu-meta-live-client-card>span{display:block;color:#2563eb;font-size:10px;font-weight:900;letter-spacing:.08em}
.yu-meta-live-content .yu-meta-live-client-card strong{display:block;color:#0f172a;font-size:16px;line-height:1.28}
/* Trust */
.yu-meta-live-content .yu-meta-live-trust{background:#fff}
.yu-meta-live-content .yu-meta-live-bullet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.yu-meta-live-content .yu-meta-live-bullet-grid div{position:relative;padding:24px 20px 24px 46px;border:1px solid #dbe6f5;border-radius:18px;background:#fbfdff;color:#334155;font-size:14px;line-height:1.65;font-weight:650}
.yu-meta-live-content .yu-meta-live-bullet-grid div::before{content:'✓';position:absolute;left:18px;top:22px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:#2563eb;font-size:11px;font-weight:900}
/* Detailed Facebook / Instagram service offerings */
.yu-meta-live-content .yu-meta-live-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.yu-meta-live-content .yu-meta-live-service-card{min-height:255px;padding:30px;border:1px solid #dbe6f5;border-radius:22px;background:linear-gradient(145deg,#fff 0%,#f8fbff 100%);box-shadow:0 10px 32px rgba(15,23,42,.035);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.yu-meta-live-content .yu-meta-live-service-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(37,99,235,.09);border-color:#c7dcf8}
.yu-meta-live-content .yu-meta-live-card-number{display:block;margin-bottom:34px;color:#2563eb;font-size:10px;font-weight:900;letter-spacing:.12em}
.yu-meta-live-content .yu-meta-live-service-card h3{margin:0 0 13px;color:#0f172a;font-size:23px;line-height:1.15;letter-spacing:-.02em}
.yu-meta-live-content .yu-meta-live-service-card p{margin:0;color:#64748b;font-size:14px;line-height:1.75}
/* Preserve the supplied live-page placeholder copy without making it a dominant section. */
.yu-meta-live-content .yu-meta-live-placeholder{padding:38px 0;background:#f8fafc;border-top:1px solid #e7edf5;border-bottom:1px solid #e7edf5}
.yu-meta-live-content .yu-meta-live-placeholder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.yu-meta-live-content .yu-meta-live-placeholder-grid article{padding:24px;border:1px dashed #cad6e5;border-radius:16px;background:#fff}
.yu-meta-live-content .yu-meta-live-placeholder-grid h2{margin:0 0 8px;color:#334155;font-size:18px}
.yu-meta-live-content .yu-meta-live-placeholder-grid p{margin:0;color:#94a3b8;font-size:13px;line-height:1.65}
/* Campaign process */
.yu-meta-live-content .yu-meta-live-process{background:#f8fbff}
.yu-meta-live-content .yu-meta-live-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.yu-meta-live-content .yu-meta-live-process-grid article{padding:27px 24px;border:1px solid #dbe6f5;border-top:3px solid #2563eb;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.yu-meta-live-content .yu-meta-live-process-grid article>span{display:block;margin-bottom:28px;color:#2563eb;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.yu-meta-live-content .yu-meta-live-process-grid h3{margin:0 0 11px;color:#0f172a;font-size:19px;line-height:1.2}
.yu-meta-live-content .yu-meta-live-process-grid p{margin:0;color:#64748b;font-size:13.5px;line-height:1.72}
/* Industries */
.yu-meta-live-content .yu-meta-live-industries-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.yu-meta-live-content .yu-meta-live-industries-grid span{padding:18px 16px;border:1px solid #dbe6f5;border-radius:14px;background:#fbfdff;color:#334155;font-size:14px;font-weight:750;text-align:center}
/* Why Meta Ads */
.yu-meta-live-content .yu-meta-live-power{background:#fff}
.yu-meta-live-content .yu-meta-live-power-box{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:58px;padding:48px;border:1px solid #d8e4f5;border-radius:28px;background:linear-gradient(135deg,#eef5ff 0%,#fbfdff 72%,#fff 100%);box-shadow:0 18px 45px rgba(37,99,235,.065)}
.yu-meta-live-content .yu-meta-live-power-box h2{margin:0;color:#0f172a;font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.025em}
.yu-meta-live-content .yu-meta-live-power-box p{margin:19px 0 0;color:#64748b;font-size:15px;line-height:1.78}
.yu-meta-live-content .yu-meta-live-benefit-list{display:grid;gap:10px;align-content:center}
.yu-meta-live-content .yu-meta-live-benefit-list span{position:relative;padding:16px 16px 16px 42px;border:1px solid #d4e1f3;border-radius:14px;background:#fff;color:#334155;font-size:13.5px;line-height:1.55;font-weight:650}
.yu-meta-live-content .yu-meta-live-benefit-list span::before{content:'→';position:absolute;left:15px;top:15px;color:#2563eb;font-weight:900}
/* Supplied "Our Facebook Ad Services Include" heading + banner marker */
.yu-meta-live-content .yu-meta-live-banner{background:#f8fbff}
.yu-meta-live-content .yu-meta-live-banner-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:34px;align-items:stretch;padding:20px;border:1px solid #d9e4f3;border-radius:26px;background:#fff;box-shadow:0 15px 38px rgba(15,23,42,.05)}
.yu-meta-live-content .yu-meta-live-banner-card>div:first-child{display:flex;flex-direction:column;justify-content:center;padding:28px}
.yu-meta-live-content .yu-meta-live-banner-card h2{margin:0;color:#0f172a;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.02em}
.yu-meta-live-content .yu-meta-live-banner-art{min-height:260px;border-radius:20px;display:grid;place-items:center;text-align:center;padding:30px;background:radial-gradient(circle at 65% 30%,rgba(37,99,235,.25),transparent 30%),linear-gradient(135deg,#0f172a,#1d4ed8 70%,#38bdf8);color:#fff;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
/* Live FAQ question inventory. Only the first answer was supplied in the source. */
.yu-meta-live-content .yu-meta-live-faq{padding:96px 0 100px;background:#fff}
.yu-meta-live-content .yu-meta-live-faq-list{border-top:1px solid #dbe5f2}
.yu-meta-live-content .yu-meta-live-faq-list details{border-bottom:1px solid #dbe5f2}
.yu-meta-live-content .yu-meta-live-faq-list summary{display:grid;grid-template-columns:46px minmax(0,1fr) 30px;align-items:center;gap:14px;min-height:74px;padding:12px 0;cursor:pointer;list-style:none}
.yu-meta-live-content .yu-meta-live-faq-list summary::-webkit-details-marker{display:none}
.yu-meta-live-content .yu-meta-live-faq-list summary span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eaf2ff;color:#2563eb;font-size:10px;font-weight:900}
.yu-meta-live-content .yu-meta-live-faq-list summary b{color:#172033;font-size:15px;line-height:1.45}
.yu-meta-live-content .yu-meta-live-faq-list summary i{font-style:normal;color:#2563eb;font-size:22px;text-align:center;transition:transform .2s ease}
.yu-meta-live-content .yu-meta-live-faq-list details[open] summary i{transform:rotate(45deg)}
.yu-meta-live-content .yu-meta-live-faq-list details>div{padding:0 44px 22px 60px}
.yu-meta-live-content .yu-meta-live-faq-list details>div p{margin:0;color:#64748b;font-size:14px;line-height:1.75}
.yu-meta-live-content .yu-meta-live-final{padding-top:0}
@media(max-width:1050px){
.yu-meta-live-content .yu-meta-live-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.yu-meta-live-content .yu-meta-live-bullet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.yu-meta-live-content .yu-meta-live-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.yu-meta-live-content .yu-meta-live-power-box{grid-template-columns:1fr;gap:34px}
}
@media(max-width:760px){
.yu-meta-live-content .yu-container{width:calc(100% - 32px)}
.yu-meta-live-content .yu-meta-live-section{padding:70px 0}
.yu-meta-live-content .yu-meta-live-client-proof{padding:60px 0 68px}
.yu-meta-live-content .yu-meta-live-section-head{grid-template-columns:1fr;gap:17px;margin-bottom:28px}
.yu-meta-live-content .yu-meta-live-section-head h2{font-size:clamp(2rem,9.4vw,3rem)}
.yu-meta-live-content .yu-meta-live-section-head>p{font-size:14px;line-height:1.7}
.yu-meta-live-content .yu-meta-live-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.yu-meta-live-content .yu-meta-live-client-card{min-height:132px;padding:18px}
.yu-meta-live-content .yu-meta-live-client-card strong{font-size:14px}
.yu-meta-live-content .yu-meta-live-bullet-grid{grid-template-columns:1fr}
.yu-meta-live-content .yu-meta-live-service-grid{grid-template-columns:1fr}
.yu-meta-live-content .yu-meta-live-service-card{min-height:0;padding:24px;border-radius:18px}
.yu-meta-live-content .yu-meta-live-service-card h3{font-size:20px}
.yu-meta-live-content .yu-meta-live-placeholder{padding:26px 0}
.yu-meta-live-content .yu-meta-live-placeholder-grid{grid-template-columns:1fr}
.yu-meta-live-content .yu-meta-live-process-grid{grid-template-columns:1fr}
.yu-meta-live-content .yu-meta-live-industries-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.yu-meta-live-content .yu-meta-live-industries-grid span{padding:15px 12px;font-size:13px}
.yu-meta-live-content .yu-meta-live-power-box{padding:28px 20px;border-radius:22px}
.yu-meta-live-content .yu-meta-live-banner-card{grid-template-columns:1fr;padding:12px;border-radius:20px}
.yu-meta-live-content .yu-meta-live-banner-card>div:first-child{padding:22px 16px}
.yu-meta-live-content .yu-meta-live-banner-art{min-height:190px;border-radius:16px}
.yu-meta-live-content .yu-meta-live-faq{padding:70px 0 76px}
.yu-meta-live-content .yu-meta-live-faq-list summary{grid-template-columns:34px minmax(0,1fr) 24px;gap:10px;min-height:66px}
.yu-meta-live-content .yu-meta-live-faq-list summary span{width:29px;height:29px;font-size:9px}
.yu-meta-live-content .yu-meta-live-faq-list summary b{font-size:14px}
.yu-meta-live-content .yu-meta-live-faq-list details>div{padding:0 8px 18px 44px}
}
@media(max-width:420px){
.yu-meta-live-content .yu-container{width:calc(100% - 28px)}
.yu-meta-live-content .yu-meta-live-client-grid,.yu-meta-live-content .yu-meta-live-industries-grid{grid-template-columns:1fr}
.yu-meta-live-content .yu-meta-live-client-card{min-height:106px}
}
@media(prefers-reduced-motion:reduce){
.yu-meta-live-content .yu-meta-live-client-card,.yu-meta-live-content .yu-meta-live-service-card,.yu-meta-live-content .yu-meta-live-faq-list summary i{transition:none}
}
/* ==== Meta Ads hero — motion & depth (yu-meta-fx) ==== */
.yu-meta-fx__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.yu-meta-fx__blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}
.yu-meta-fx__blob--a{width:420px;height:420px;right:-60px;top:6%;background:radial-gradient(circle,#7fb2ff,transparent 68%);animation:yuFxBlob 14s ease-in-out infinite}
.yu-meta-fx__blob--b{width:340px;height:340px;right:24%;bottom:-120px;background:radial-gradient(circle,#c9a8ff,transparent 68%);animation:yuFxBlob 18s ease-in-out -6s infinite reverse}
.yu-meta-fx__blob--c{width:300px;height:300px;left:-80px;top:30%;background:radial-gradient(circle,#ffd0a8,transparent 68%);opacity:.38;animation:yuFxBlob 16s ease-in-out -3s infinite}
@keyframes yuFxBlob{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-30px,24px,0) scale(1.12)}}
/* entrance */
.yu-meta-fx.has-js .yu-meta-v41-hero__copy>*{opacity:0;transform:translateY(18px)}
.yu-meta-fx.is-in .yu-meta-v41-hero__copy>*{animation:yuFxUp .7s cubic-bezier(.2,.7,.2,1) forwards}
.yu-meta-fx.is-in .yu-meta-v41-hero__copy>*:nth-child(2){animation-delay:.08s}
.yu-meta-fx.is-in .yu-meta-v41-hero__copy>*:nth-child(3){animation-delay:.16s}
.yu-meta-fx.is-in .yu-meta-v41-hero__copy>*:nth-child(4){animation-delay:.24s}
.yu-meta-fx.is-in .yu-meta-v41-hero__copy>*:nth-child(5){animation-delay:.32s}
.yu-meta-fx.is-in .yu-meta-v41-hero__copy>*:nth-child(6){animation-delay:.4s}
.yu-meta-fx.is-in .yu-meta-v41-hero__copy>*:nth-child(7){animation-delay:.48s}
@keyframes yuFxUp{to{opacity:1;transform:none}}
/* headline accent */
.yu-meta-fx h1 span{background:linear-gradient(100deg,#1d4ed8 0%,#2f80ff 35%,#8b5cf6 65%,#1d4ed8 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:yuFxShine 7s linear infinite}
@keyframes yuFxShine{to{background-position:-220% 0}}
/* eyebrow pulse */
.yu-meta-fx .yu-meta-v41-eyebrow{position:relative;box-shadow:0 8px 24px rgba(37,99,235,.12)}
.yu-meta-fx .yu-meta-v40-eyebrow__icon{animation:yuFxPulse 2.6s ease-out infinite}
@keyframes yuFxPulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.45)}70%,100%{box-shadow:0 0 0 12px rgba(37,99,235,0)}}
/* capability points */
.yu-meta-fx .yu-meta-v41-points div{transition:transform .25s,box-shadow .25s}
.yu-meta-fx .yu-meta-v41-points div:hover{transform:translateX(4px)}
.yu-meta-fx .yu-meta-v41-points div>span{transition:background .25s,color .25s,transform .25s}
.yu-meta-fx .yu-meta-v41-points div:hover>span{background:#2563eb;color:#fff;transform:rotate(-8deg) scale(1.08)}
/* CTA shine */
.yu-meta-fx .yu-meta-v41-actions .yu-button{position:relative;overflow:hidden;box-shadow:0 14px 30px rgba(37,99,235,.35);transition:transform .25s,box-shadow .25s}
.yu-meta-fx .yu-meta-v41-actions .yu-button::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:yuFxSweep 3.8s ease-in-out 1.2s infinite}
.yu-meta-fx .yu-meta-v41-actions .yu-button:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(37,99,235,.42)}
@keyframes yuFxSweep{0%{left:-70%}40%,100%{left:130%}}
.yu-meta-fx .yu-meta-v41-secondary{transition:transform .25s,border-color .25s,box-shadow .25s}
.yu-meta-fx .yu-meta-v41-secondary:hover{transform:translateY(-3px);border-color:#2563eb;box-shadow:0 12px 26px rgba(37,99,235,.16)}
/* proof pills */
.yu-meta-fx .yu-meta-v41-proof span{transition:transform .25s,border-color .25s}
.yu-meta-fx .yu-meta-v41-proof span:hover{transform:translateY(-2px);border-color:#9ec0f5}
/* visual: tilt + floating */
.yu-meta-fx .yu-meta-growth-visual{perspective:1200px}
.yu-meta-fx .yu-meta-growth-dashboard{transform:rotate(-1deg) rotateX(var(--fx-rx,0deg)) rotateY(var(--fx-ry,0deg));transition:transform .25s ease-out;animation:yuFxFloat 7s ease-in-out infinite;box-shadow:0 40px 90px rgba(44,87,151,.22),0 0 0 1px rgba(255,255,255,.7) inset;backdrop-filter:blur(8px)}
.yu-meta-fx .yu-meta-growth-dashboard::before{content:"";position:absolute;inset:-2px;border-radius:26px;padding:2px;background:linear-gradient(130deg,rgba(47,128,255,.55),rgba(139,92,246,.1) 40%,rgba(255,122,26,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}
@keyframes yuFxFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
.yu-meta-fx .yu-meta-growth-visual__social{animation:yuFxFloat 5.5s ease-in-out infinite}
.yu-meta-fx .yu-meta-growth-visual__social--facebook{animation-delay:-2.2s}
.yu-meta-fx .yu-meta-growth-result{animation:yuFxFloat 6s ease-in-out -1.5s infinite}
/* orbit */
.yu-meta-fx .yu-meta-growth-visual__orbit{animation:yuFxSpin 38s linear infinite;border-style:dashed;border-color:rgba(75,133,232,.28)}
.yu-meta-fx .yu-meta-growth-visual__orbit--outer{width:590px;height:590px;animation-duration:60s;animation-direction:reverse;border-style:solid;border-color:rgba(139,92,246,.12)}
@keyframes yuFxSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.yu-meta-fx__orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#2f80ff;box-shadow:0 0 0 6px rgba(47,128,255,.16),0 0 18px rgba(47,128,255,.7)}
.yu-meta-fx__orbit-dot--a{left:50%;top:-6px;margin-left:-6px}
.yu-meta-fx__orbit-dot--b{right:-6px;top:50%;margin-top:-6px;background:#ff7a1a;box-shadow:0 0 0 6px rgba(255,122,26,.16),0 0 18px rgba(255,122,26,.7)}
/* live pill */
.yu-meta-fx__live{display:inline-flex;align-items:center;gap:6px;margin-left:auto;margin-right:10px;padding:5px 10px;border-radius:999px;background:#ecfdf3;color:#15803d;font-size:11px;font-weight:800;letter-spacing:.04em}
.yu-meta-fx__live i{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:yuFxLive 1.6s ease-out infinite}
@keyframes yuFxLive{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}100%{box-shadow:0 0 0 9px rgba(34,197,94,0)}}
.yu-meta-growth-dashboard__header{gap:8px}
/* metrics */
.yu-meta-fx .yu-meta-growth-dashboard__metric{transition:transform .25s,box-shadow .25s,border-color .25s}
.yu-meta-fx .yu-meta-growth-dashboard__metric:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(37,99,235,.14);border-color:#a9c6f7}
.yu-meta-fx .yu-meta-growth-dashboard__metric strong{font-variant-numeric:tabular-nums}
/* chart draw */
.has-js .yu-meta-fx__line{stroke-dasharray:1;stroke-dashoffset:1}
.has-js .yu-meta-fx__area{opacity:0}
.has-js .yu-meta-fx__dots circle{opacity:0;transform-box:fill-box;transform-origin:center}
.has-js .yu-meta-fx__ping{opacity:0;transform-box:fill-box;transform-origin:center}
.yu-meta-fx.is-in .yu-meta-fx__line{animation:yuFxDraw 2.2s .5s cubic-bezier(.4,.1,.2,1) forwards}
.yu-meta-fx.is-in .yu-meta-fx__area{animation:yuFxFade 1.2s 1.6s ease forwards}
.yu-meta-fx.is-in .yu-meta-fx__dots circle{animation:yuFxPop .4s ease forwards}
.yu-meta-fx.is-in .yu-meta-fx__dots circle:nth-child(1){animation-delay:.6s}
.yu-meta-fx.is-in .yu-meta-fx__dots circle:nth-child(2){animation-delay:.85s}
.yu-meta-fx.is-in .yu-meta-fx__dots circle:nth-child(3){animation-delay:1.1s}
.yu-meta-fx.is-in .yu-meta-fx__dots circle:nth-child(4){animation-delay:1.3s}
.yu-meta-fx.is-in .yu-meta-fx__dots circle:nth-child(5){animation-delay:1.5s}
.yu-meta-fx.is-in .yu-meta-fx__dots circle:nth-child(6){animation-delay:1.7s}
.yu-meta-fx.is-in .yu-meta-fx__dots circle:nth-child(7){animation-delay:1.9s}
.yu-meta-fx.is-in .yu-meta-fx__dots circle:nth-child(8){animation-delay:2.1s}
.yu-meta-fx.is-in .yu-meta-fx__dots circle:nth-child(9){animation-delay:2.4s}
.yu-meta-fx.is-in .yu-meta-fx__ping{animation:yuFxPing 2s 2.7s ease-out infinite}
@keyframes yuFxDraw{to{stroke-dashoffset:0}}
@keyframes yuFxFade{to{opacity:1}}
@keyframes yuFxPop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
@keyframes yuFxPing{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(4.2)}}
/* floating KPI chips */
.yu-meta-fx__chip{position:absolute;z-index:9;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #dbe7f8;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 18px 40px rgba(40,86,150,.16);font-size:12px;font-weight:700;color:#4a5b75;animation:yuFxFloat 6.5s ease-in-out infinite}
.yu-meta-fx__chip b{color:#0d1830;font-size:18px;font-weight:900}
.yu-meta-fx__chip--roas{right:7%;top:-2%;flex-direction:column;align-items:flex-start;gap:0;background:linear-gradient(135deg,#1d4ed8,#6d4cf5);border-color:transparent;color:#d7e3ff;animation-delay:-3s}
.yu-meta-fx__chip--roas b{color:#fff;font-size:24px}
.yu-meta-fx__chip--cpl{left:4%;bottom:7%;animation-delay:-1s}
.yu-meta-fx__chip--cpl svg{width:22px;height:22px;padding:4px;border-radius:50%;background:#dcfce7}
.yu-meta-fx__chip--cpl b{font-size:14px;color:#15803d}
@media(max-width:1180px){
.yu-meta-fx .yu-meta-growth-visual__orbit--outer{display:none}
}
@media(max-width:640px){
.yu-meta-fx__chip--roas{right:0;top:-26px}
.yu-meta-fx__chip--cpl{left:0;bottom:-6px}
.yu-meta-fx__chip{padding:7px 10px}
.yu-meta-fx__chip b{font-size:14px}
.yu-meta-fx__chip--roas b{font-size:17px}
.yu-meta-fx__live{margin-right:6px}
.yu-meta-fx__blob{opacity:.35}
}
@media(prefers-reduced-motion:reduce){
.yu-meta-fx *,.yu-meta-fx *::before,.yu-meta-fx *::after{animation:none!important}
.yu-meta-fx .yu-meta-v41-hero__copy>*{opacity:1;transform:none}
.yu-meta-fx__line{stroke-dashoffset:0}
.yu-meta-fx__area,.yu-meta-fx__dots circle{opacity:1}
}