/* TraffMaxPro — landing.css — Public pages */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --blue:#1D4ED8;--blue-d:#1E3A8A;--blue-l:#DBEAFE;--green:#059669;--gray:#6B7280;--border:#E5E7EB;--text:#111827;--lgray:#F9FAFB; }
body { font-family: 'Inter', Arial, sans-serif; color: var(--text); line-height: 1.6; background: #fff; }
.nav { position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:0 24px; }
.nav-inner { max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px; }
.nav-logo { font-size:20px;font-weight:800;color:var(--blue-d);text-decoration:none; }
.nav-links { display:flex;gap:28px;align-items:center; }
.nav-links a { font-size:14px;color:var(--gray);text-decoration:none;font-weight:500;transition:.15s; }
.nav-links a:hover { color:var(--text); }
.nav-cta { background:var(--blue);color:#fff!important;padding:8px 20px;border-radius:8px;font-weight:700!important; }
.nav-cta:hover { background:var(--blue-d)!important; }
.container { max-width:1160px;margin:0 auto;padding:0 24px; }
.container-sm { max-width:720px;margin:0 auto;padding:0 24px; }
.btn { display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:9px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;border:none;transition:.15s; }
.btn-primary { background:var(--blue);color:#fff; } .btn-primary:hover { background:var(--blue-d); }
.btn-outline { background:transparent;color:var(--blue);border:2px solid var(--blue); } .btn-outline:hover { background:var(--blue-l); }
.btn-white { background:#fff;color:var(--blue-d); } .btn-lg { padding:15px 32px;font-size:17px; }
.hero { background:linear-gradient(135deg,#EFF6FF 0%,#F5F3FF 100%);padding:80px 24px 100px;text-align:center; }
.hero-tag { display:inline-block;background:#DBEAFE;color:var(--blue);font-size:13px;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:20px; }
.hero h1 { font-size:clamp(32px,5vw,56px);font-weight:800;color:var(--blue-d);line-height:1.15;margin-bottom:20px; }
.hero h1 span { color:var(--blue); }
.hero p { font-size:18px;color:var(--gray);max-width:600px;margin:0 auto 36px; }
.hero-actions { display:flex;gap:14px;justify-content:center;flex-wrap:wrap; }
.section { padding:80px 24px; } .section-alt { padding:80px 24px;background:var(--lgray); }
.section-title { font-size:clamp(26px,4vw,38px);font-weight:800;color:var(--blue-d);margin-bottom:12px; }
.section-sub { font-size:17px;color:var(--gray);margin-bottom:48px; }
.text-center { text-align:center; }
.pricing-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:48px; }
.pricing-card { background:#fff;border:2px solid var(--border);border-radius:16px;padding:32px 28px;position:relative;transition:.2s; }
.pricing-card:hover { border-color:#93C5FD;box-shadow:0 8px 30px rgba(37,99,235,.08); }
.pricing-card.popular { border-color:var(--blue);box-shadow:0 4px 20px rgba(29,78,216,.15); }
.popular-badge { position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font-size:12px;font-weight:700;padding:4px 16px;border-radius:20px;white-space:nowrap; }
.card-plan { font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray);margin-bottom:8px; }
.card-price { font-size:42px;font-weight:800;color:var(--text);line-height:1;margin-bottom:4px; }
.card-price sup { font-size:22px;vertical-align:top;margin-top:8px; }
.card-price sub { font-size:15px;font-weight:400;color:var(--gray); }
.card-desc { font-size:14px;color:var(--gray);margin:8px 0 24px;min-height:40px; }
.card-cta { width:100%;padding:12px;border-radius:9px;font-size:15px;font-weight:700;cursor:pointer;border:none;transition:.15s;text-align:center;display:block;text-decoration:none; }
.card-cta-primary { background:var(--blue);color:#fff; } .card-cta-primary:hover { background:var(--blue-d); }
.card-cta-outline { background:transparent;color:var(--blue);border:2px solid var(--blue); } .card-cta-outline:hover { background:var(--blue-l); }
.card-features { margin-top:24px;list-style:none;display:flex;flex-direction:column;gap:10px; }
.card-features li { font-size:14px;color:#374151;display:flex;gap:10px;align-items:flex-start; }
.card-features li::before { content:'✓';color:var(--green);font-weight:700;flex-shrink:0;margin-top:1px; }
.card-features li.no::before { content:'—';color:#D1D5DB; }
.feature-table { width:100%;border-collapse:collapse;font-size:14px;margin-top:40px; }
.feature-table th { padding:14px 16px;text-align:center;background:var(--blue-d);color:#fff;font-size:13px; }
.feature-table th:first-child { text-align:left; }
.feature-table td { padding:12px 16px;border-bottom:1px solid var(--border); }
.feature-table td:not(:first-child) { text-align:center; }
.feature-table tr:hover td { background:#F8FAFF; }
.feature-table .cat-row td { background:#F3F4F6;font-weight:700;font-size:13px;color:var(--gray);text-transform:uppercase;letter-spacing:.04em; }
.check { color:var(--green);font-weight:700; } .dash { color:#D1D5DB; } .limit { color:var(--blue);font-weight:600; }
.footer { background:#111827;color:#9CA3AF;padding:48px 24px 24px; }
.footer-inner { max-width:1160px;margin:0 auto; }
.footer-top { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px; }
.footer-logo { font-size:20px;font-weight:800;color:#fff;margin-bottom:12px; }
.footer-col h4 { color:#fff;font-size:14px;font-weight:700;margin-bottom:14px; }
.footer-col a { display:block;color:#9CA3AF;text-decoration:none;font-size:13px;margin-bottom:8px; }
.footer-col a:hover { color:#fff; }
.footer-bottom { border-top:1px solid #374151;padding-top:20px;font-size:12px;display:flex;justify-content:space-between; }
.billing-toggle { display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px;font-size:14px;font-weight:500; }
.toggle-wrap { position:relative;width:48px;height:26px; }
.toggle-wrap input { opacity:0;width:0;height:0; }
.toggle-slider { position:absolute;inset:0;background:#E5E7EB;border-radius:99px;cursor:pointer;transition:.3s; }
.toggle-slider::before { content:'';position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.3s;box-shadow:0 1px 4px rgba(0,0,0,.2); }
.toggle-wrap input:checked+.toggle-slider { background:var(--blue); }
.toggle-wrap input:checked+.toggle-slider::before { transform:translateX(22px); }
.save-badge { background:#D1FAE5;color:#065F46;font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px; }
@media (max-width:768px) { .pricing-grid { grid-template-columns:1fr; } .footer-top { grid-template-columns:1fr 1fr; } .nav-links { display:none; } }