/* Media Rank Up v4: accessible themes, fast hero and global editorial system */
:root{
  --mru-bg:#f6f8fb;--mru-surface:#fff;--mru-surface-2:#edf2f7;--mru-text:#101828;
  --mru-muted:#475467;--mru-border:#d0d5dd;--mru-brand:#075985;--mru-accent:#0891b2;
  --mru-shadow:0 18px 50px rgba(15,23,42,.1);--mru-focus:#0e7490;color-scheme:light;
}
:root[data-theme="dark"]{
  --mru-bg:#08111f;--mru-surface:#101c2f;--mru-surface-2:#17243a;--mru-text:#f8fafc;
  --mru-muted:#cbd5e1;--mru-border:#334155;--mru-brand:#67e8f9;--mru-accent:#22d3ee;
  --mru-shadow:0 20px 55px rgba(0,0,0,.34);--mru-focus:#67e8f9;color-scheme:dark;
}
html,body{background:var(--mru-bg)!important;color:var(--mru-text)!important}
body,p,li,label,input,textarea,select{color:var(--mru-text)}
.sec-white,.section,.page-section,.blog-post,.related-section{background:var(--mru-bg)!important;color:var(--mru-text)!important}
.sec-white p,.sec-white li,.section p,.section li,.blog-post-content p,.blog-post-content li,
.page-hero p,.page-hero-desc,.sec-desc{color:var(--mru-muted)!important}
.sec-white h1,.sec-white h2,.sec-white h3,.sec-white h4,.section h1,.section h2,.section h3,
.section h4,.blog-post h1,.blog-post h2,.blog-post h3,.footer h4{color:var(--mru-text)!important}
.glass,.blog-card,.blog-card-page,.faq-item,.sidebar-card,.service-card,.feat-card,.product-card,
.portfolio-card,.testi-card,.value-card,.process-card,.process-step,.pricing-card{background:var(--mru-surface)!important;border-color:var(--mru-border)!important;color:var(--mru-text)!important}
a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--mru-focus)!important;outline-offset:3px}

/* Load one video only. Every secondary page uses the poster-based background. */
.site-video-bg{display:none!important}
:root[data-theme="dark"] .hero{background:
  radial-gradient(circle at 75% 18%,rgba(34,211,238,.22),transparent 34%),
  radial-gradient(circle at 18% 80%,rgba(59,130,246,.16),transparent 42%),
  linear-gradient(135deg,#071629 0%,#0b2440 55%,#0c4a6e 100%)!important}
.hero-video-bg{background:#edf7ff url('assets/images/mediarankup_header_1773340841570.png') center/cover no-repeat}
.hero-video-bg video{opacity:0!important;transition:opacity .35s ease!important;filter:saturate(.8) brightness(.92) contrast(1.02) blur(1px)!important;transform:scale(1.012)}
.hero-video-bg.video-ready video{opacity:.12!important}
.hero-video-bg::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(250,253,255,.97) 0%,rgba(245,250,255,.88) 48%,rgba(237,247,255,.68) 100%)}
:root[data-theme="dark"] .hero-video-bg{background-color:#0b2440}
:root[data-theme="dark"] .hero-video-bg video{filter:saturate(.55) brightness(.44) contrast(1.08) blur(1px)!important}
:root[data-theme="dark"] .hero-video-bg.video-ready video{opacity:.2!important}
:root[data-theme="dark"] .hero-video-bg::before{background:linear-gradient(90deg,rgba(3,12,28,.97) 0%,rgba(5,20,38,.9) 48%,rgba(3,12,28,.76) 100%)}
.hero-video-bg::after{z-index:2!important}
:root[data-theme="dark"] .hero h1,:root[data-theme="dark"] .hero-desc,:root[data-theme="dark"] .hero-stat-label,:root[data-theme="dark"] .hero-badge{color:#fff!important}
:root[data-theme="dark"] .hero-desc{color:#e2e8f0!important}
.hero-video-status{position:absolute;right:22px;bottom:20px;z-index:4;display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.9);color:#164e63;font-size:.78rem;font-weight:700;box-shadow:0 8px 25px rgba(0,0,0,.2);transition:.25s}
.hero-video-status::before{content:"";width:8px;height:8px;border:2px solid #a5f3fc;border-top-color:#0891b2;border-radius:50%;animation:mruSpin .8s linear infinite}
.hero-video-status.ready{opacity:0;visibility:hidden}.hero-video-status.ready::before{animation:none}
@keyframes mruSpin{to{transform:rotate(360deg)}}

/* Stable global controls */
.mru-global-controls{display:flex;align-items:center;gap:8px;margin-left:auto}
.theme-toggle,.mru-language{min-height:44px;border:1px solid var(--mru-border)!important;border-radius:999px;background:var(--mru-surface)!important;color:var(--mru-text)!important;font:700 12px/1.2 'Plus Jakarta Sans',sans-serif;cursor:pointer}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;padding:8px 13px}.mru-language{padding:8px 30px 8px 12px}
.theme-toggle:hover,.mru-language:hover{border-color:var(--mru-accent)!important}

/* Footer is intentionally light in both themes as requested. */
.footer{background:#f8fafc!important;border-top:1px solid #dbe4ee!important;color:#172033!important}
.footer::before{background:linear-gradient(90deg,transparent,#0891b2,transparent)!important;opacity:.45}
.footer p,.footer a,.footer strong,.footer-bottom,.footer-bottom a{color:#344054!important}
.footer h4{color:#075985!important}.footer a:hover{color:#0369a1!important}.footer-brand img{filter:none!important}
.footer-bottom{border-color:#d0d5dd!important}

/* Global article layout */
.blog-post>.container{max-width:1240px!important}
.mru-article-header{max-width:920px;margin:18px auto 30px;text-align:center}.mru-article-header .blog-post-tag{display:inline-flex;margin-bottom:16px}.mru-article-header h1{margin:0 auto 18px!important;font-size:clamp(2.55rem,5.2vw,5rem)!important;line-height:1.02!important;letter-spacing:-.05em!important;text-wrap:balance}.mru-article-header .blog-post-meta{justify-content:center;margin:0!important;color:var(--mru-muted)!important}
.blog-post-hero{position:relative!important;height:auto!important;aspect-ratio:16/8.6!important;max-width:1120px!important;margin:0 auto 42px!important;padding:0!important;overflow:hidden!important;text-align:initial!important;border-radius:30px!important;background:linear-gradient(135deg,#dbeafe,#e2e8f0)!important;box-shadow:0 25px 65px rgba(15,23,42,.16)!important}
.blog-post-hero>img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center!important;margin:0!important}
.blog-reading-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 310px;gap:34px;align-items:start}
.blog-post-content{max-width:790px;padding:clamp(28px,5vw,62px)!important;border-radius:28px!important;background:var(--mru-surface)!important;color:var(--mru-text)!important;border:1px solid var(--mru-border)!important;box-shadow:var(--mru-shadow)!important;font-size:1.06rem!important;line-height:1.82!important}
.blog-post-content h2{font-size:clamp(1.7rem,3vw,2.35rem)!important;line-height:1.15!important;margin:2.2em 0 .65em!important;letter-spacing:-.025em!important}.blog-post-content h3{font-size:clamp(1.25rem,2vw,1.55rem)!important;margin:1.8em 0 .55em!important}.blog-post-content .blog-lead{font-size:clamp(1.12rem,2vw,1.3rem)!important;line-height:1.7!important;color:var(--mru-text)!important;border-left:4px solid var(--mru-accent);padding-left:20px}
.blog-post-content a{color:#0369a1!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
:root[data-theme="dark"] .blog-post-content a{color:#67e8f9!important}
.blog-sidebar{display:grid;gap:18px;position:sticky;top:110px}.sidebar-card{padding:22px;border-radius:22px;box-shadow:var(--mru-shadow)}
.sidebar-card h2{font-size:1.1rem!important;margin:5px 0 14px}.sidebar-label{color:#087a96!important;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.sidebar-post{display:grid;grid-template-columns:76px 1fr;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid var(--mru-border);color:var(--mru-text)!important;font-size:.84rem;font-weight:700;line-height:1.35}
.sidebar-post img{width:76px;height:58px;object-fit:cover;border-radius:10px}.sidebar-tags{display:flex;gap:8px;flex-wrap:wrap}.sidebar-tags a{padding:7px 10px;border:1px solid var(--mru-border);border-radius:999px;color:var(--mru-text)!important;font-size:.78rem}
.sidebar-cta{background:linear-gradient(145deg,#083b56,#075985)!important;border-color:#0e7490!important}.sidebar-cta,.sidebar-cta h2,.sidebar-cta p,.sidebar-cta .sidebar-label{color:#fff!important}
.mru-faq{margin:42px 0 10px;padding-top:28px;border-top:1px solid var(--mru-border)}.mru-faq>h2{font-size:clamp(1.65rem,2.5vw,2.15rem)!important;margin:0 0 18px!important}.mru-faq details{margin:10px 0;border:1px solid var(--mru-border);border-radius:16px;background:var(--mru-surface-2)}
.mru-faq summary{padding:17px 20px;color:var(--mru-text);font-weight:750;cursor:pointer;list-style:none}.mru-faq summary::-webkit-details-marker{display:none}.mru-faq details p{padding:0 20px 18px;margin:0!important;color:var(--mru-muted)!important}
.mru-resources{margin-top:34px;padding:20px;border-radius:18px;background:var(--mru-surface-2);border:1px solid var(--mru-border)}.mru-resources h2{font-size:1.2rem!important}.mru-resources ul{margin-bottom:0}

@media(max-width:1050px){.blog-reading-layout{grid-template-columns:1fr}.blog-sidebar{position:static;grid-template-columns:repeat(3,1fr)}.mru-global-controls{margin-left:8px}}
@media(max-width:760px){.blog-sidebar{grid-template-columns:1fr}.mru-language{max-width:72px}.theme-toggle span{display:none!important}.hero-video-status{right:12px;bottom:12px}.hero-video-bg video{display:none}.hero-video-status{display:none}.nav-in{gap:6px}.mru-global-controls{order:2;margin-left:auto}.mru-article-header{text-align:left;margin-top:10px}.mru-article-header .blog-post-meta{justify-content:flex-start}.mru-article-header h1{font-size:clamp(2.25rem,11vw,3.3rem)!important}.blog-post-hero{aspect-ratio:16/10!important;border-radius:20px!important;margin-bottom:24px!important}.blog-post-content{padding:26px 20px!important;border-radius:20px!important;font-size:1rem!important}.blog-post-content .blog-lead{padding-left:14px}}
@media(prefers-reduced-motion:reduce){.hero-video-bg video{display:none!important}.hero-video-status{display:none!important}}

/* Global hero alignment v18 */
.hero .hero-content,.page-hero>.container,.page-hero .page-hero-inner,.nosotros-hero>.container,.privacy-hero>.container,.seo-hero .seo-hero-content,.wcc-hero>.container,.product-hero>.container>:first-child,.article-hero>.container,.mru-article-header,.article-head{text-align:center!important}
.page-hero>.container,.page-hero .page-hero-inner,.nosotros-hero>.container,.privacy-hero>.container,.seo-hero .seo-hero-content,.wcc-hero>.container,.article-hero>.container{display:flex!important;flex-direction:column!important;align-items:center!important}
.hero .hero-content h1,.hero .hero-content p,.page-hero h1,.page-hero p,.page-hero-desc,.nosotros-hero h1,.nosotros-hero p,.privacy-hero h1,.privacy-hero p,.seo-hero h1,.seo-hero p,.wcc-hero h1,.wcc-hero p,.product-hero>.container>:first-child h1,.product-hero>.container>:first-child p,.article-hero h1,.article-hero .article-lead,.mru-article-header h1,.mru-article-header p,.article-head h1,.article-head p{margin-left:auto!important;margin-right:auto!important}
.hero .hero-cta,.hero .hero-btns,.page-hero .hero-cta,.page-hero .page-hero-actions,.nosotros-hero .hero-cta,.privacy-hero .hero-cta,.seo-hero .hero-cta,.seo-hero .seo-hero-actions,.wcc-hero .hero-cta,.product-hero .hero-cta,.article-hero .hero-cta,.article-head .hero-cta{justify-content:center!important;align-items:center!important;margin-left:auto!important;margin-right:auto!important}
.hero .hero-stats,.page-hero .page-hero-stats,.page-hero .hero-stats,.page-hero .hero-stats-grid,.nosotros-hero .hero-stats-row,.seo-hero .seo-hero-stats,.wcc-hero .wcc-hero-stats,.product-hero .product-proof,.article-head .article-meta,.article-hero .article-meta,.mru-article-header .blog-post-meta{justify-content:center!important;margin-left:auto!important;margin-right:auto!important}
.page-hero .tag,.nosotros-hero .tag,.privacy-hero .tag,.seo-hero .seo-hero-tag,.wcc-hero .tag,.product-hero .product-kicker,.article-head .tag,.article-hero .tag{align-self:center!important}
@media(max-width:760px){.mru-article-header,.article-head,.article-hero>.container{text-align:center!important}.mru-article-header h1,.article-head h1,.article-hero h1,.blog-post>.container>h1,.blog-post .legacy-article-title,.blog-post-inner>h1{text-align:center!important}.mru-article-header .blog-post-meta,.article-head .article-meta,.article-hero .article-meta,.blog-post-meta{justify-content:center!important}}
/* Native lead form feedback */
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{margin:14px 0 0;padding:12px 14px;border-radius:12px;font-weight:700;font-size:.92rem;line-height:1.5}
.form-status.is-loading{color:#174a80;background:#eaf5ff;border:1px solid #badcf7}
.form-status.is-success{color:#075f46;background:#e8fbf3;border:1px solid #9ce2c8}
.form-status.is-error{color:#9b2531;background:#fff0f1;border:1px solid #f1b7bd}
.form button[disabled]{cursor:wait;opacity:.72}
:root[data-theme="dark"] .form-status.is-loading{color:#bfe5ff;background:#102c49;border-color:#23557e}
:root[data-theme="dark"] .form-status.is-success{color:#baf4dd;background:#0c392d;border-color:#25634f}
:root[data-theme="dark"] .form-status.is-error{color:#ffd1d5;background:#481c25;border-color:#7a3440}