/* legal.css — shared styling for the static dealslippro.com legal & pricing pages */
/* Self-hosted fonts (no Google Fonts CDN → no visitor IP transmitted to Google). */
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap; src:url('/fonts/inter-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap; src:url('/fonts/inter-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap; src:url('/fonts/inter-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:700; font-display:swap; src:url('/fonts/inter-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:800; font-display:swap; src:url('/fonts/inter-latin-800-normal.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:900; font-display:swap; src:url('/fonts/inter-latin-900-normal.woff2') format('woff2'); }

* { box-sizing: border-box; }
body { margin: 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; }
.legal-page { min-height: 100vh; display: flex; flex-direction: column; background: #0d0f0d; color: #fff; }
.legal-header { background: rgba(13,15,13,0.95); border-bottom: 1px solid rgba(255,255,255,0.07); padding: 0 24px; height: 60px; display: flex; align-items: center; position: sticky; top: 0; z-index: 10; backdrop-filter: blur(16px); }
.legal-container { width: 100%; max-width: 760px; margin: 0 auto; padding: 0 24px; }
.legal-header .legal-container { display: flex; align-items: center; justify-content: space-between; padding: 0; }
.legal-logo { font-size: 1.15rem; font-weight: 700; color: #fff; text-decoration: none; letter-spacing: -0.03em; }
.legal-logo span { background: linear-gradient(135deg, #5FBF93 0%, #4CA97E 50%, #2E7D5B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.legal-back { font-size: 0.82rem; color: #8A8F98; text-decoration: none; transition: color 0.2s; }
.legal-back:hover { color: #4CA97E; }
main.legal-container { flex: 1; padding-top: 52px; padding-bottom: 80px; }
.legal-title-block { margin-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.07); padding-bottom: 24px; }
.legal-title-block.center { text-align: center; }
.legal-title-block h1 { font-size: 2rem; font-weight: 800; letter-spacing: -0.03em; margin-bottom: 8px; color: #fff; }
.legal-date { font-size: 0.78rem; color: #8A8F98; margin: 0; }
.legal-section { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; padding: 20px 24px; margin-bottom: 10px; }
.legal-section h2 { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #7FD0B0; margin-bottom: 10px; margin-top: 0; }
.legal-section p { font-size: 0.875rem; color: #b8bcc6; line-height: 1.75; margin: 0 0 10px; }
.legal-section p:last-child { margin-bottom: 0; }
.legal-section a { color: #5FBF93; text-decoration: underline; }
.legal-section strong { color: #fff; }
.legal-footer { border-top: 1px solid rgba(255,255,255,0.05); padding: 32px 24px; background: rgba(8,10,8,0.98); }
.legal-footer .legal-container { display: flex; flex-direction: column; gap: 12px; align-items: center; text-align: center; }
.legal-footer-links { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; }
.legal-footer-links a { font-size: 0.8rem; color: #8A8F98; text-decoration: none; transition: color 0.2s; }
.legal-footer-links a:hover { color: #fff; }
.legal-footer-copy { font-size: 0.75rem; color: #5a5e66; margin: 0; }

/* ── Pricing page extras ── */
.plan-card { background: rgba(62,158,115,0.04); border: 2px solid rgba(62,158,115,0.3); border-radius: 20px; padding: 32px 28px; margin-bottom: 16px; position: relative; }
.plan-badge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); background: #4CA97E; color: #0c0c0e; font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; padding: 3px 16px; border-radius: 20px; white-space: nowrap; }
.plan-name { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #4CA97E; margin-bottom: 16px; }
.plan-price { display: flex; align-items: baseline; gap: 8px; margin-bottom: 8px; }
.plan-was { font-size: 1.25rem; font-weight: 600; color: #5a5e66; text-decoration: line-through; line-height: 1; }
.plan-amount { font-size: 3rem; font-weight: 900; letter-spacing: -0.04em; color: #4CA97E; line-height: 1; }
.plan-period { font-size: 1rem; color: #8A8F98; }
.plan-founding { font-size: 0.82rem; color: #fff; font-weight: 600; margin-bottom: 6px; }
.plan-trial { font-size: 0.8rem; color: #4CA97E; margin-bottom: 20px; }
.plan-divider { border: none; border-top: 1px solid rgba(255,255,255,0.07); margin-bottom: 20px; }
.plan-features { display: flex; flex-direction: column; gap: 10px; margin-bottom: 28px; }
.plan-feature { display: flex; align-items: flex-start; gap: 10px; font-size: 0.875rem; color: #b8bcc6; line-height: 1.5; }
.plan-check { color: #4CA97E; font-size: 14px; flex-shrink: 0; margin-top: 1px; }
.plan-cta { display: block; background: #2E7D5B; color: #ffffff; text-align: center; padding: 14px; border-radius: 12px; font-weight: 700; font-size: 15px; text-decoration: none; transition: opacity 0.2s; }
.plan-cta:hover { opacity: 0.9; }
.faq-item { margin-bottom: 16px; }
.faq-item:last-child { margin-bottom: 0; }
.faq-q { font-size: 0.875rem; font-weight: 600; color: #fff; margin-bottom: 4px; }
.faq-a { font-size: 0.84rem; color: #8A8F98; line-height: 1.7; }

@media (max-width: 640px) {
  .legal-title-block h1 { font-size: 1.5rem; }
  .legal-section { padding: 16px; }
  .plan-card { padding: 24px 18px; }
  .plan-amount { font-size: 2.4rem; }
}