/* ==== /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/shared/service-pages-motion.css ==== */
/*
 * Yuvau Digital v0.10.171 — Kinetic Batch 3
 * Meta Ads, Google Ads and SEO page motion.
 * Scoped to these page roots only; existing layout/interaction CSS remains authoritative.
 */
.yu-k3-reveal{
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1);
  will-change:opacity,transform;
}
.yu-k3-reveal.is-visible{opacity:1;transform:none}
/* Hero staging */
.yu-meta-page.yu-k3-motion-ready .yu-meta-v41-hero__copy > *:nth-child(1),
.yu-google-page.yu-k3-motion-ready .yu-google-v40-copy > *:nth-child(1),
.yseo-page.yu-k3-motion-ready .yseo-hero__copy > *:nth-child(1){transition-delay:.02s}
.yu-meta-page.yu-k3-motion-ready .yu-meta-v41-hero__copy > *:nth-child(2),
.yu-google-page.yu-k3-motion-ready .yu-google-v40-copy > *:nth-child(2),
.yseo-page.yu-k3-motion-ready .yseo-hero__copy > *:nth-child(2){transition-delay:.08s}
.yu-meta-page.yu-k3-motion-ready .yu-meta-v41-hero__copy > *:nth-child(3),
.yu-google-page.yu-k3-motion-ready .yu-google-v40-copy > *:nth-child(3),
.yseo-page.yu-k3-motion-ready .yseo-hero__copy > *:nth-child(3){transition-delay:.14s}
.yu-meta-page.yu-k3-motion-ready .yu-meta-v41-hero__copy > *:nth-child(4),
.yu-google-page.yu-k3-motion-ready .yu-google-v40-copy > *:nth-child(4),
.yseo-page.yu-k3-motion-ready .yseo-hero__copy > *:nth-child(4){transition-delay:.20s}
.yu-meta-page.yu-k3-motion-ready .yu-meta-v41-hero__copy > *:nth-child(5),
.yu-google-page.yu-k3-motion-ready .yu-google-v40-copy > *:nth-child(5),
.yseo-page.yu-k3-motion-ready .yseo-hero__copy > *:nth-child(5){transition-delay:.26s}
/* Hero visual: low-amplitude depth, never a layout animation. */
.yu-meta-page.yu-k3-motion-ready .yu-meta-growth-visual,
.yu-google-page.yu-k3-motion-ready .yu-google-v40-demo,
.yseo-page.yu-k3-motion-ready .yseo-hero__visual{
  animation:yuK3HeroFloat 8s ease-in-out infinite;
}
.yu-meta-page.yu-k3-motion-ready .yu-meta-growth-visual__orbit{animation:yuK3Orbit 28s linear infinite}
.yu-meta-page.yu-k3-motion-ready .yu-meta-growth-result__bars i:first-child{animation:yuK3Bar 2.8s ease-in-out infinite}
.yu-meta-page.yu-k3-motion-ready .yu-meta-growth-result__bars i:last-child{animation:yuK3Bar 2.8s ease-in-out infinite .35s}
.yu-google-page.yu-k3-motion-ready .yu-google-v40-line{animation:yuK3LinePulse 3.2s ease-in-out infinite}
.yu-google-page.yu-k3-motion-ready .yu-google-v40-line--second{animation-delay:.35s}
.yu-google-page.yu-k3-motion-ready .yu-google-v40-line--third{animation-delay:.7s}
.yseo-page.yu-k3-motion-ready .yseo-result--featured .yseo-result-badge{animation:yuK3Badge 3s ease-in-out infinite}
.yseo-page.yu-k3-motion-ready .yseo-growth-card{transition:transform .32s ease,box-shadow .32s ease}
.yseo-page.yu-k3-motion-ready .yseo-growth-card:hover{transform:translateY(-5px)}
/* Section rhythm */
.yu-meta-page.yu-k3-motion-ready .yu-meta-v21-trust__inner,
.yu-meta-page.yu-k3-motion-ready .yu-meta-v21-section,
.yu-google-page.yu-k3-motion-ready .yu-google-v40-fit__inner,
.yu-google-page.yu-k3-motion-ready .yg22-section,
.yu-google-page.yu-k3-motion-ready .yg22-final,
.yseo-page.yu-k3-motion-ready .yseo-section,
.yseo-page.yu-k3-motion-ready .yu-faq-unified,
.yseo-page.yu-k3-motion-ready .yseo-final{
  --yu-k3-section-index:0;
}
/* Cards */
.yu-meta-page.yu-k3-motion-ready .yu-meta-v21-card,
.yu-google-page.yu-k3-motion-ready .yg22-card,
.yu-google-page.yu-k3-motion-ready .yg22-process-grid article,
.yseo-page.yu-k3-motion-ready .yseo-card-grid > article,
.yseo-page.yu-k3-motion-ready .yseo-manage-card{
  transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .32s cubic-bezier(.22,.61,.36,1),box-shadow .32s ease,border-color .32s ease;
}
.yu-meta-page.yu-k3-motion-ready .yu-meta-v21-card:hover,
.yu-google-page.yu-k3-motion-ready .yg22-card:hover,
.yu-google-page.yu-k3-motion-ready .yg22-process-grid article:hover,
.yseo-page.yu-k3-motion-ready .yseo-card-grid > article:hover,
.yseo-page.yu-k3-motion-ready .yseo-manage-card:hover{
  transform:translateY(-6px);
}
/* Process steps: restrained hover lift; no pseudo-elements that change card height. */
.yu-meta-page.yu-k3-motion-ready .yu-meta-v21-process-grid article:hover,
.yu-google-page.yu-k3-motion-ready .yg22-process-grid article:hover,
.yseo-page.yu-k3-motion-ready .yseo-process-grid article:hover{
  box-shadow:0 14px 32px rgba(16,24,40,.08);
}
/* FAQ / final CTA */
.yu-meta-page.yu-k3-motion-ready .yu-faq-unified__item,
.yu-google-page.yu-k3-motion-ready .yu-faq-unified__item,
.yseo-page.yu-k3-motion-ready .yu-faq-unified__item{
  transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1),box-shadow .25s ease;
}
.yu-meta-page.yu-k3-motion-ready .yu-meta-v21-final-card,
.yu-google-page.yu-k3-motion-ready .yg22-final-card,
.yseo-page.yu-k3-motion-ready .yseo-final-card{
  transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s ease;
}
.yu-meta-page.yu-k3-motion-ready .yu-meta-v21-final-card:hover,
.yu-google-page.yu-k3-motion-ready .yg22-final-card:hover,
.yseo-page.yu-k3-motion-ready .yseo-final-card:hover{transform:translateY(-4px)}
@keyframes yuK3HeroFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
@keyframes yuK3Orbit{to{transform:rotate(360deg)}}
@keyframes yuK3Bar{0%,100%{transform:scaleY(.72);transform-origin:bottom}50%{transform:scaleY(1);transform-origin:bottom}}
@keyframes yuK3LinePulse{0%,100%{opacity:.32}50%{opacity:.82}}
@keyframes yuK3Badge{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:900px){
.yu-meta-page.yu-k3-motion-ready .yu-meta-v21-card:hover,
  .yu-google-page.yu-k3-motion-ready .yg22-card:hover,
  .yu-google-page.yu-k3-motion-ready .yg22-process-grid article:hover,
  .yseo-page.yu-k3-motion-ready .yseo-card-grid > article:hover,
  .yseo-page.yu-k3-motion-ready .yseo-manage-card:hover{transform:translateY(-4px)}
.yu-meta-page.yu-k3-motion-ready .yu-meta-growth-visual,
  .yu-google-page.yu-k3-motion-ready .yu-google-v40-demo,
  .yseo-page.yu-k3-motion-ready .yseo-hero__visual{animation-duration:10s}
}
@media(prefers-reduced-motion:reduce){
.yu-k3-reveal,
  .yu-k3-reveal.is-visible,
  .yu-meta-page.yu-k3-motion-ready .yu-meta-v21-card,
  .yu-google-page.yu-k3-motion-ready .yg22-card,
  .yu-google-page.yu-k3-motion-ready .yg22-process-grid article,
  .yseo-page.yu-k3-motion-ready .yseo-card-grid > article,
  .yseo-page.yu-k3-motion-ready .yseo-manage-card,
  .yu-meta-page.yu-k3-motion-ready .yu-meta-v21-final-card,
  .yu-google-page.yu-k3-motion-ready .yg22-final-card,
  .yseo-page.yu-k3-motion-ready .yseo-final-card{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
.yu-meta-page.yu-k3-motion-ready .yu-meta-growth-visual,
  .yu-meta-page.yu-k3-motion-ready .yu-meta-growth-visual__orbit,
  .yu-meta-page.yu-k3-motion-ready .yu-meta-growth-result__bars i,
  .yu-google-page.yu-k3-motion-ready .yu-google-v40-demo,
  .yu-google-page.yu-k3-motion-ready .yu-google-v40-line,
  .yseo-page.yu-k3-motion-ready .yseo-hero__visual,
  .yseo-page.yu-k3-motion-ready .yseo-result--featured .yseo-result-badge{
    animation:none!important;
    transform:none!important;
  }
}
/* ==== /assets/css/service/seo/seo-live-content.css ==== */
/* v0.1.10 — SEO live-content + SEO/GEO/AEO + paid-traffic expansion. Scoped to the SEO page. */
.yseo-live-v2 .yseo-live-intro{background:#fff}
.yseo-live-v2 .yseo-live-two-col,
.yseo-live-v2 .yseo-live-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:52px;align-items:center}
.yseo-live-v2 .yseo-live-callout{padding:28px;border:1px solid var(--yseo-line);border-radius:20px;background:linear-gradient(145deg,#fff,#eef5ff);box-shadow:0 18px 50px rgba(15,23,42,.05)}
.yseo-live-v2 .yseo-live-callout>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf4ff;color:var(--yseo-blue);font-size:10px;font-weight:900}
.yseo-live-v2 .yseo-live-callout strong{display:block;margin-top:22px;font-size:22px;letter-spacing:-.02em}
.yseo-live-v2 .yseo-live-callout p{margin:8px 0 0;color:var(--yseo-muted);font-size:13px;line-height:1.65}
.yseo-live-v2 .yseo-manage-grid{grid-template-columns:repeat(2,1fr)}
.yseo-live-v2 .yseo-search-entity{background:#fff}
.yseo-live-v2 .yseo-live-split>div:first-child>p:not(.yseo-eyebrow){max-width:680px;color:var(--yseo-muted);font-size:15px;line-height:1.7}
.yseo-live-v2 .yseo-entity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.yseo-live-v2 .yseo-entity-grid article{padding:22px;border:1px solid var(--yseo-line);border-radius:17px;background:#f8fbff}
.yseo-live-v2 .yseo-entity-grid span{color:var(--yseo-blue);font-size:9px;font-weight:900;letter-spacing:.12em}
.yseo-live-v2 .yseo-entity-grid h3{margin:16px 0 8px;font-size:18px}
.yseo-live-v2 .yseo-entity-grid p{margin:0;color:var(--yseo-muted);font-size:12px;line-height:1.6}
.yseo-live-v2 .yseo-live-content-block{background:#eef5ff}
.yseo-live-v2 .yseo-local-pill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.yseo-live-v2 .yseo-local-pill-grid>div{padding:21px;border:1px solid var(--yseo-line);border-radius:17px;background:#fff}
.yseo-live-v2 .yseo-local-pill-grid b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf4ff;color:var(--yseo-blue);font-size:9px}
.yseo-live-v2 .yseo-local-pill-grid strong{display:block;margin-top:20px;font-size:15px}
.yseo-live-v2 .yseo-local-pill-grid span{display:block;margin-top:6px;color:var(--yseo-muted);font-size:11px;line-height:1.55}
.yseo-live-v2 .yseo-research-note{margin:18px 0 0 !important;padding-top:18px;border-top:1px solid var(--yseo-line);max-width:570px;color:#516074 !important;font-size:14px !important;line-height:1.7 !important}
.yseo-live-v2 .yseo-ads{background:linear-gradient(180deg,#f5f8ff,#fff)}
.yseo-live-v2 .yseo-live-split--ads{grid-template-columns:minmax(0,1.06fr) minmax(300px,.64fr)}
.yseo-live-v2 .yseo-ads-checklist{display:grid;gap:10px}
.yseo-live-v2 .yseo-ads-checklist>div{display:flex;align-items:center;gap:12px;padding:17px 18px;border:1px solid var(--yseo-line);border-radius:15px;background:#fff}
.yseo-live-v2 .yseo-ads-checklist b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf4ff;color:var(--yseo-blue);font-size:9px}
.yseo-live-v2 .yseo-ads-checklist span{font-size:13px;font-weight:800}
.yseo-live-v2 .yseo-final-card .yu-button{border-radius:9px}
@media (max-width:980px){
.yseo-live-v2 .yseo-live-two-col,.yseo-live-v2 .yseo-live-split,.yseo-live-v2 .yseo-live-split--ads{grid-template-columns:1fr;gap:32px}
.yseo-live-v2 .yseo-local-pill-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
.yseo-live-v2 .yseo-live-two-col,.yseo-live-v2 .yseo-live-split{gap:24px}
.yseo-live-v2 .yseo-manage-grid{grid-template-columns:1fr}
.yseo-live-v2 .yseo-entity-grid,.yseo-live-v2 .yseo-local-pill-grid{grid-template-columns:1fr}
.yseo-live-v2 .yseo-live-callout{padding:22px}
.yseo-live-v2 .yseo-entity-grid article,.yseo-live-v2 .yseo-local-pill-grid>div{padding:19px}
.yseo-live-v2 .yseo-research-note{font-size:13px !important}
}
/* ==== SEO hero — motion & depth (yseo-fx) ==== */
.yseo-fx{position:relative;overflow:hidden}
.yseo-fx>.yu-container{position:relative;z-index:2}
.yseo-fx__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.yseo-fx__blob{position:absolute;border-radius:50%;filter:blur(72px);opacity:.5;will-change:transform}
.yseo-fx__blob--a{width:440px;height:440px;right:-70px;top:4%;background:radial-gradient(circle,#8ab8ff,transparent 68%);animation:yseoFxBlob 14s ease-in-out infinite}
.yseo-fx__blob--b{width:320px;height:320px;right:28%;bottom:-110px;background:radial-gradient(circle,#a8f0c8,transparent 68%);opacity:.4;animation:yseoFxBlob 18s ease-in-out -6s infinite reverse}
.yseo-fx__blob--c{width:300px;height:300px;left:-90px;top:30%;background:radial-gradient(circle,#ffe08a,transparent 68%);opacity:.32;animation:yseoFxBlob 16s ease-in-out -3s infinite}
@keyframes yseoFxBlob{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-30px,24px,0) scale(1.12)}}
/* entrance */
.yseo-fx.has-js .yseo-hero__copy>*{opacity:0;transform:translateY(18px)}
.yseo-fx.is-in .yseo-hero__copy>*{animation:yseoFxUp .7s cubic-bezier(.2,.7,.2,1) forwards}
.yseo-fx.is-in .yseo-hero__copy>*:nth-child(2){animation-delay:.08s}
.yseo-fx.is-in .yseo-hero__copy>*:nth-child(3){animation-delay:.16s}
.yseo-fx.is-in .yseo-hero__copy>*:nth-child(4){animation-delay:.24s}
.yseo-fx.is-in .yseo-hero__copy>*:nth-child(5){animation-delay:.32s}
@keyframes yseoFxUp{to{opacity:1;transform:none}}
.yseo-fx h1 span{background:linear-gradient(100deg,#1d4ed8 0%,#2f80ff 35%,#10b981 65%,#1d4ed8 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:yseoFxShine 7s linear infinite}
@keyframes yseoFxShine{to{background-position:-220% 0}}
.yseo-fx .yseo-actions .yu-button{position:relative;overflow:hidden;box-shadow:0 14px 30px rgba(37,99,235,.35);transition:transform .25s,box-shadow .25s}
.yseo-fx .yseo-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:yseoFxSweep 3.8s ease-in-out 1.2s infinite}
.yseo-fx .yseo-actions .yu-button:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(37,99,235,.42)}
@keyframes yseoFxSweep{0%{left:-70%}40%,100%{left:130%}}
.yseo-fx .yseo-text-link span{display:inline-block;animation:yseoFxBounce 1.6s ease-in-out infinite}
@keyframes yseoFxBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.yseo-fx .yseo-proof-row span{transition:transform .25s}
.yseo-fx .yseo-proof-row span:hover{transform:translateY(-3px)}
.yseo-fx .yseo-proof-icon{transition:transform .3s}
.yseo-fx .yseo-proof-row span:hover .yseo-proof-icon{transform:rotate(-10deg) scale(1.15)}
/* visual */
.yseo-fx .yseo-hero__visual{perspective:1200px}
.yseo-fx .yseo-seo-browser{animation:yseoFxFloat 7s ease-in-out infinite;box-shadow:0 40px 90px rgba(15,23,42,.16),0 0 0 1px rgba(255,255,255,.7) inset}
@media(min-width:1001px){
.yseo-fx .yseo-seo-browser{transform:rotateX(var(--fx-rx,0deg)) rotateY(var(--fx-ry,0deg));transition:transform .25s ease-out}
}
@keyframes yseoFxFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
.yseo-fx .yseo-ranking-card{animation:yseoFxFloat 5.6s ease-in-out infinite}
.yseo-fx .yseo-local-card{animation:yseoFxFloat 6.2s ease-in-out -2s infinite}
.yseo-fx .yseo-growth-card:nth-child(1){animation:yseoFxFloat 6s ease-in-out -1s infinite}
.yseo-fx .yseo-growth-card:nth-child(2){animation:yseoFxFloat 6.6s ease-in-out -3s infinite}
.yseo-fx .yseo-growth-card{transition:box-shadow .25s}
.yseo-fx .yseo-growth-card:hover{box-shadow:0 22px 46px rgba(37,99,235,.2)}
.yseo-fx .yseo-growth-card strong{font-variant-numeric:tabular-nums}
/* ring + chip */
.yseo-fx__ring{position:absolute;left:50%;top:50%;width:92%;aspect-ratio:1;max-width:640px;margin:0;transform:translate(-50%,-50%);border:1.5px dashed rgba(37,99,235,.22);border-radius:50%;pointer-events:none;animation:yseoFxSpin 50s linear infinite}
@keyframes yseoFxSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.yseo-fx__dot{position:absolute;width:12px;height:12px;border-radius:50%}
.yseo-fx__dot--a{left:50%;top:-6px;margin-left:-6px;background:#2f80ff;box-shadow:0 0 0 6px rgba(47,128,255,.16),0 0 16px rgba(47,128,255,.7)}
.yseo-fx__dot--b{left:50%;bottom:-6px;margin-left:-6px;background:#10b981;box-shadow:0 0 0 6px rgba(16,185,129,.16),0 0 16px rgba(16,185,129,.7)}
.yseo-fx__chip{position:absolute;z-index:4;left:7%;top:-5%;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.9);border-radius:16px;background:linear-gradient(135deg,#1d4ed8,#10a47a);box-shadow:0 18px 38px rgba(29,78,216,.28);color:#d8f3ea;font-size:10px;font-weight:700;line-height:1.25;animation:yseoFxFloat 6s ease-in-out -2s infinite}
.yseo-fx__chip b{color:#fff;font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}
/* search typing */
.yseo-google-search strong.is-typing::after{content:"";display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:-.15em;background:#2563eb;animation:yseoFxCaret .8s steps(1) infinite}
@keyframes yseoFxCaret{50%{opacity:0}}
.yseo-fx .yseo-search-action{animation:yseoFxBtn 2.6s ease-out 1s infinite;border-radius:50%}
@keyframes yseoFxBtn{0%{box-shadow:0 0 0 0 rgba(37,99,235,.4)}70%,100%{box-shadow:0 0 0 12px rgba(37,99,235,0)}}
/* ranking climb */
.yseo-results{transition:opacity .3s}
.yseo-results.is-fade{opacity:0}
.yseo-fx .yseo-result{position:relative;transition:box-shadow .4s,opacity .4s,border-color .4s}
.yseo-fx .yseo-result--featured.is-low{opacity:.75}
.yseo-fx .yseo-result--featured.is-low .yseo-result-badge{background:#eef2f7;color:#7e8da5}
.yseo-fx .yseo-result--featured.is-win{z-index:2;box-shadow:0 18px 40px rgba(16,185,129,.22),0 0 0 2px rgba(16,185,129,.35);animation:yseoFxWin 2.2s ease-out 1}
@keyframes yseoFxWin{0%{box-shadow:0 0 0 0 rgba(16,185,129,.6)}60%{box-shadow:0 0 0 16px rgba(16,185,129,0),0 18px 40px rgba(16,185,129,.22)}100%{box-shadow:0 18px 40px rgba(16,185,129,.22),0 0 0 2px rgba(16,185,129,.35)}}
.yseo-fx .yseo-result--featured.is-win .yseo-result-badge{animation:yseoFxBadge .7s cubic-bezier(.3,1.6,.5,1) 1}
@keyframes yseoFxBadge{from{transform:scale(.6)}to{transform:scale(1)}}
.yseo-fx .yseo-result--ghost .yseo-result-body i,.yseo-fx .yseo-result--ghost .yseo-result-body em{position:relative;overflow:hidden}
.yseo-fx .yseo-result--ghost .yseo-result-body i::after,.yseo-fx .yseo-result--ghost .yseo-result-body em::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:translateX(-100%);animation:yseoFxLoad 2.4s ease-in-out infinite}
@keyframes yseoFxLoad{to{transform:translateX(100%)}}
.yseo-fx .yseo-ranking-card strong span{display:inline-block;animation:yseoFxArrow 1.8s ease-in-out infinite}
@keyframes yseoFxArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
/* map ping */
.yseo-fx .yseo-map>span{animation:yseoFxMap 2.2s ease-out infinite}
@keyframes yseoFxMap{0%{transform:translate(-50%,-50%) scale(.6);opacity:.9}100%{transform:translate(-50%,-50%) scale(3.2);opacity:0}}
.yseo-fx .yseo-map>i{animation:yseoFxDrop 1s cubic-bezier(.3,1.6,.5,1) .6s both}
@keyframes yseoFxDrop{from{transform:translate(-50%,-260%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}
.yseo-fx .yseo-local-title>span{color:#ef4444;animation:yseoFxBlink 1.4s ease-in-out infinite}
@keyframes yseoFxBlink{50%{opacity:.25}}
@media(max-width:1000px){
.yseo-fx__ring{display:none}
}
@media(max-width:640px){
.yseo-fx__chip{display:none}
.yseo-fx__blob{opacity:.3}
}
@media(prefers-reduced-motion:reduce){
.yseo-fx *,.yseo-fx *::before,.yseo-fx *::after{animation:none!important}
.yseo-fx.has-js .yseo-hero__copy>*{opacity:1;transform:none}
}