/* ---------- FOOTER PRO (NO SUBSCRIPTION) ---------- */ .footer-pro{ border-top: 1px solid var(--line); background: rgba(248,250,252,0.55); backdrop-filter: blur(6px); padding: 34px 0; } .footer-grid{ display:grid; grid-template-columns: 1.1fr 0.9fr 0.9fr 0.8fr; gap: 22px; align-items:start; } .footer-brand{ font-weight: 900; letter-spacing: 3px; font-size: 14px; margin-bottom: 8px; } .footer-text{ font-size: 13.5px; line-height: 1.7; color: rgba(15,23,42,0.72); max-width: 340px; } .footer-col h4{ font-size: 12px; letter-spacing: 2px; font-weight: 900; color: rgba(15,23,42,0.70); margin-bottom: 10px; text-transform: uppercase; } .footer-links{ display:flex; flex-direction:column; gap: 8px; } .footer-links a{ font-size: 13.5px; color: rgba(15,23,42,0.78); opacity: 0.95; } .footer-links a:hover{ text-decoration: underline; } .footer-pill{ display:inline-flex; align-items:center; justify-content:space-between; gap: 10px; padding: 10px 12px; border-radius: 14px; border: 1px solid rgba(15,23,42,0.08); background: rgba(255,255,255,0.70); box-shadow: var(--shadow2); max-width: 320px; } .footer-pill .title{ font-size: 13px; font-weight: 800; color: rgba(15,23,42,0.82); } .footer-pill .desc{ font-size: 12.5px; color: rgba(15,23,42,0.65); margin-top: 3px; line-height: 1.5; } .footer-pill .cta{ font-size: 13px; font-weight: 900; color: rgba(29,78,216,0.95); white-space: nowrap; } .footer-pill:hover{ border-color: rgba(29,78,216,0.22); background: rgba(29,78,216,0.06); } .coming-soon{ font-size: 13.5px; color: rgba(15,23,42,0.55); opacity: 0.95; cursor: default; } .footer-bottom{ margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(15,23,42,0.08); display:flex; justify-content:space-between; align-items:center; gap: 14px; font-size: 12.5px; color: rgba(15,23,42,0.60); } @media (max-width: 980px){ .footer-grid{ grid-template-columns: 1fr; } .footer-bottom{ flex-direction:column; align-items:flex-start; } }