/* Fix Hacked Website page styles (extracted from inline <style> block) */
.fhw-hero { padding: 80px 0 60px; text-align: center; }
.fhw-hero .crisis-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(239,68,68,0.12); border: 1px solid rgba(239,68,68,0.3); color: #ef4444; padding: 8px 18px; border-radius: 50px; font-size: 0.9em; font-weight: 700; margin-bottom: 24px; letter-spacing: 0.5px; }
.fhw-hero h1 { font-family: "Archivo Black", sans-serif; font-size: clamp(2em, 5vw, 3.2em); line-height: 1.15; margin-bottom: 20px; }
.fhw-hero h1 span { color: var(--primary-green); }
.fhw-hero .lead { font-size: 1.2em; color: var(--text-secondary); max-width: 640px; margin: 0 auto 36px; line-height: 1.6; }
.fhw-cta-group { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 16px; }
.btn-emergency { display: inline-flex; align-items: center; gap: 10px; background: #ef4444; color: white; padding: 16px 32px; border-radius: 8px; font-weight: 700; font-size: 1.05em; text-decoration: none; transition: background 0.2s, transform 0.1s; border: none; cursor: pointer; }
.btn-emergency:hover { background: #dc2626; transform: translateY(-1px); }
.btn-secondary-outline { display: inline-flex; align-items: center; gap: 8px; background: transparent; color: var(--text-primary); padding: 15px 28px; border-radius: 8px; font-weight: 600; font-size: 1em; text-decoration: none; border: 1px solid var(--border); transition: border-color 0.2s; }
.btn-secondary-outline:hover { border-color: var(--primary-green); color: var(--primary-green); }
.hero-note { font-size: 0.85em; color: var(--text-secondary); }
.signs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin: 36px 0; }
.sign-item { background: var(--card-bg); border: 1px solid rgba(239,68,68,0.2); border-radius: 12px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; }
.sign-icon { flex-shrink: 0; width: 36px; height: 36px; background: rgba(239,68,68,0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.2em; }
.sign-item h4 { margin: 0 0 4px 0; font-size: 1em; }
.sign-item p { margin: 0; font-size: 0.9em; color: var(--text-secondary); line-height: 1.4; }
.includes-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin: 36px 0; }
.include-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 14px; padding: 24px; }
.include-card .ic-num { width: 40px; height: 40px; background: var(--primary-green); color: #0a0a0a; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-family: "Archivo Black", sans-serif; font-size: 1.1em; margin-bottom: 14px; }
.include-card h3 { margin: 0 0 10px 0; font-size: 1.05em; }
.include-card p { margin: 0; font-size: 0.9em; color: var(--text-secondary); line-height: 1.5; }
.pricing-wrapper { max-width: 540px; margin: 0 auto; }
.pricing-card { background: var(--card-bg); border: 1px solid rgba(76,175,80,0.3); border-radius: 20px; padding: 40px; text-align: center; box-shadow: 0 8px 40px rgba(76,175,80,0.1); }
.pricing-card .price-label { font-size: 0.9em; color: var(--text-secondary); margin-bottom: 4px; }
.pricing-card .price { font-family: "Archivo Black", sans-serif; font-size: 3.5em; color: var(--primary-green); line-height: 1; margin-bottom: 8px; }
.pricing-card .price-note { font-size: 0.9em; color: var(--text-secondary); margin-bottom: 28px; }
.pricing-card ul.price-includes { list-style: none; padding: 0; margin: 0 0 32px 0; text-align: left; }
.pricing-card ul.price-includes li { padding: 9px 0 9px 28px; position: relative; border-bottom: 1px solid var(--border); font-size: 0.95em; line-height: 1.4; }
.pricing-card ul.price-includes li:last-child { border-bottom: none; }
.pricing-card ul.price-includes li::before { content: "\2713"; position: absolute; left: 0; color: var(--primary-green); font-weight: 900; }
.stripe-note { margin-top: 16px; font-size: 0.82em; color: var(--text-secondary); display: flex; align-items: center; justify-content: center; gap: 6px; }
.process-timeline { position: relative; padding-left: 32px; margin: 36px 0; }
.process-timeline::before { content: ""; position: absolute; left: 11px; top: 0; bottom: 0; width: 2px; background: rgba(76,175,80,0.2); }
.timeline-step { position: relative; margin-bottom: 28px; }
.timeline-step:last-child { margin-bottom: 0; }
.timeline-dot { position: absolute; left: -32px; top: 4px; width: 24px; height: 24px; background: var(--primary-green); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.7em; font-weight: 900; color: #0a0a0a; font-family: "Archivo Black", sans-serif; }
.timeline-step h4 { margin: 0 0 6px 0; font-size: 1.05em; }
.timeline-step p { margin: 0; color: var(--text-secondary); font-size: 0.95em; line-height: 1.5; }
.faq-list { margin: 24px 0; }
.faq-item { border-bottom: 1px solid var(--border); padding: 20px 0; }
.faq-item:last-child { border-bottom: none; }
.faq-item h4 { margin: 0 0 10px 0; font-size: 1em; }
.faq-item p { margin: 0; color: var(--text-secondary); font-size: 0.95em; line-height: 1.6; }
.trust-bar { background: var(--card-bg); border: 1px solid var(--border); border-radius: 14px; padding: 28px 32px; display: flex; gap: 32px; align-items: center; flex-wrap: wrap; justify-content: center; margin: 48px 0; text-align: center; }
.trust-item { min-width: 120px; }
.trust-item .t-num { font-family: "Archivo Black", sans-serif; font-size: 1.8em; color: var(--primary-green); line-height: 1; margin-bottom: 4px; }
.trust-item .t-label { font-size: 0.85em; color: var(--text-secondary); }
.urgency-callout { background: rgba(239,68,68,0.06); border: 1px solid rgba(239,68,68,0.2); border-radius: 14px; padding: 28px 32px; margin: 36px 0; }
.urgency-callout h3 { color: #ef4444; margin: 0 0 12px 0; }
.urgency-callout p { margin: 0 0 8px 0; color: var(--text-secondary); font-size: 0.95em; line-height: 1.6; }
.urgency-callout p:last-child { margin: 0; }
@media (max-width: 768px) { .pricing-card { padding: 28px 20px; } .trust-bar { gap: 20px; } }
