/* ==========================================================================
   Site footer (resources/views/home/includes/footer-v4.blade.php)
   Every selector is tag-qualified (div.x, a.x): the inline styles these replace
   used to beat single-class rules such as revideo.css `.rv-scope a`.
   Prefix: ft-{section}__{role}. Values are the design's own declarations, moved
   out of style="" attributes (2026-09-11). Responsive / dark variants at the end.
   ========================================================================== */

/* ---- main ---- */
footer.ft-main__footer { position:relative; z-index:1; border-top:1px solid #ececf4; background:#fff; overflow:hidden; }
div.ft-main__grid { max-width:1200px; margin:0 auto; padding:64px 32px 0; display:grid; grid-template-columns:repeat(auto-fit,minmax(148px,1fr)); gap:32px; }
div.ft-main__stack { display:flex; flex-direction:column; gap:16px; }
div.ft-main__row { display:flex; align-items:center; gap:10px; }
img.ft-main__img { width:30px; height:30px; object-fit:contain; }
span.ft-main__strong { font-size:19px; font-weight:800; letter-spacing:-.02em; }
span.ft-main__label { color:#6d5ce6; }
p.ft-main__text { margin:0; font-size:14.5px; line-height:1.6; color:#8e8ea3; max-width:260px; }
div.ft-main__row-2 { display:flex; gap:10px; }
a.ft-main__link { width:36px; height:36px; border-radius:999px; border:1px solid #ececf4; display:inline-flex; align-items:center; justify-content:center; transition:all .16s; }
img.ft-main__img-2 { width:14px; height:14px; }
img.ft-main__img-3 { width:16px; height:16px; }
img.ft-main__img-4 { width:15px; height:15px; }
span.ft-main__strong-2 { font-size:13px; font-weight:800; color:#16161d; letter-spacing:-.02em; }
div.ft-main__stack-2 { display:flex; flex-direction:column; gap:12px; }
span.ft-main__eyebrow { font-size:12.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#16161d; }
a.ft-main__link-2 { color:#8e8ea3; font-size:14px; transition:color .16s; }
div.ft-main__row-3 { max-width:1200px; margin:0 auto; padding:36px 32px 20px; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; border-bottom:1px solid #ececf4; }
span.ft-main__label-2 { font-size:13px; color:#8e8ea3; }
div.ft-main__box { max-width:1200px; margin:0 auto; padding:24px 32px 0; overflow:hidden; }
div.ft-main__box-2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(90px,15.5vw,218px); font-weight:800; letter-spacing:-.04em; line-height:.78; text-align:center; background:linear-gradient(180deg,#e7e4fb 0%,#f6f5fd 90%); -webkit-background-clip:text; background-clip:text; color:transparent; user-select:none; margin-bottom:-14px; }

/* ── ported from dark-v4.css (these classes replaced inline values that file targeted) ── */
[data-theme="dark"] footer.ft-main__footer { background: var(--rv-surface) !important; }
[data-theme="dark"] footer.ft-main__footer,
[data-theme="dark"] a.ft-main__link,
[data-theme="dark"] div.ft-main__row-3 { border-color: var(--rv-border) !important; }
[data-theme="dark"] span.ft-main__strong-2,
[data-theme="dark"] span.ft-main__eyebrow { color: var(--rv-ink) !important; }
[data-theme="dark"] p.ft-main__text,
[data-theme="dark"] a.ft-main__link-2,
[data-theme="dark"] span.ft-main__label-2 { color: var(--rv-muted-2) !important; }
[data-theme="dark"] span.ft-main__label { color: var(--rv-primary) !important; }
[data-theme="dark"] div.ft-main__box-2 { background: linear-gradient(180deg, #2a2450 0%, #14141f 90%) !important; -webkit-background-clip: text !important; background-clip: text !important; }