/* Site footer — one footer on every page (moved out of home.css so every page loads it). */
/* ───────── footer ───────── */
.v2f{position:relative;overflow:hidden;margin-top:auto;background:#1C1728;color:#B7B0C8;font-family:"Manrope",system-ui,sans-serif}
.v2f .wrap{position:relative;z-index:1}
/* the "96" watermark, bottom-right, behind the links (202) */
.v2f .mark96{position:absolute;right:clamp(12px,3vw,64px);bottom:-36px;width:auto;height:min(300px,78%);opacity:.1;pointer-events:none;user-select:none;z-index:0}
.v2f .wrap{width:min(1680px,calc(100% - 2 * clamp(20px,6.25vw,120px)));margin:0 auto}
.v2f .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:32px;padding:56px 0 44px;height:auto}
.v2f .logo{display:inline-block}
.v2f .logo img{height:30px;width:auto;display:block}
.v2f .tag{margin-top:18px;font-size:17px;line-height:25px;color:#E6E1EF}
.v2f .made{margin-top:24px;font-size:13px;color:#8C84A0}
.v2f h4{margin:8px 0 0;font-size:15px;font-weight:700;color:#fff}
.v2f .col a{display:block;margin-top:14px;font-size:15px;line-height:1.4;color:#B7B0C8;text-decoration:none}
.v2f .col h4+a{margin-top:22px}
.v2f .col a:hover{color:#fff}
.v2f .dir p{margin:21px 0 0;font-size:15px;line-height:1.6;color:#B7B0C8}
.v2f .dir a.mail{margin-top:13px;display:inline-flex;align-items:center;gap:12px;font-size:15px;color:#DDD5EA;text-decoration:none}
.v2f .dir a.mail:hover{color:#C9A8FF}
.v2f .bot .legal{display:inline-flex;gap:22px}
.v2f .bot{border-top:1px solid #2F2940;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#8C84A0}
.v2f .bot a{color:#8C84A0;text-decoration:none}.v2f .bot a:hover{color:#fff}
@media (max-width:1700px){.v2f .top{grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr}}
@media (max-width:1100px){.v2f .top{grid-template-columns:repeat(2,1fr);height:auto;gap:32px;padding-bottom:40px}}
@media (max-width:560px){.v2f .top{grid-template-columns:1fr}}
/* The "Ask Vibe96" chat button floats bottom-right: keep the legal links clear of it. */
@media (min-width:761px){.v2f .bot{padding-right:210px}}
@media (max-width:760px){.v2f .bot{padding:14px 0 90px;justify-content:flex-start}.v2f .bot .legal{width:100%}}
@media (max-width:760px){.v2f .mark96{height:190px;bottom:-24px;right:-12px;opacity:.07}}