@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--purple:#4b2aad;--purple-dk:#3a1f8a;--purple-lt:#6447c7;--purple-pale:#ede9ff;--red:#c0392b;--red-lt:#fee2e2;--teal:#00857a;--teal-lt:#ccfbf1;--amber:#f59e0b;--amber-pale:#fef3c7;--green:#15803d;--green-lt:#dcfce7;--navy:#0f1b2d;--orange:#F45A27;--blue:#2563eb;--blue-lt:#eff6ff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-800:#1f2937;--r:8px;--r-lg:14px;--shadow:0 4px 16px rgba(0,0,0,.09);--shadow-lg:0 16px 48px rgba(0,0,0,.15)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:#fff;color:var(--navy);overflow-x:hidden;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(1080px,92%);margin:0 auto}

/* PROMO BAR */
.promo-bar{background:#1a0505;color:rgba(255,255,255,.8);font-size:13px;padding:10px 0;text-align:center;font-weight:500}
.promo-bar a{color:#fbbf24;text-decoration:underline;margin-left:8px;font-weight:700}

/* URGENT BAR */
.urgent-top-bar{background:linear-gradient(90deg,#7f1d1d,#1a0505,#7f1d1d);color:#fff;font-size:13px;padding:10px 0;text-align:center;font-weight:600;letter-spacing:.01em}
.urgent-top-bar a{color:#fca5a5;text-decoration:underline;margin-left:8px;font-weight:800}

/* HEADER */
.site-header{background:#fff;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:900;box-shadow:0 1px 8px rgba(0,0,0,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{height:42px;width:auto}
.brand-name{font-family:'Merriweather',serif;font-size:17px;font-weight:900;color:var(--purple);line-height:1}
.brand-tag{font-size:10px;color:var(--gray-500);letter-spacing:.4px;text-transform:uppercase;font-weight:500}
.header-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.nav-link{font-size:13px;font-weight:600;color:var(--gray-600);padding:7px 11px;border-radius:var(--r);transition:all .18s}
.nav-link:hover{background:var(--gray-100);color:var(--purple)}
.nav-link.urgent{color:#c0392b;font-weight:700}
.nav-link.urgent:hover{background:#fee2e2}
.nav-link.tlc{color:var(--blue);font-weight:700}
.nav-link.tlc:hover{background:var(--blue-lt)}
.btn-nav{background:var(--purple);color:#fff;font-weight:700;font-size:13px;padding:9px 18px;border-radius:var(--r);transition:background .18s;white-space:nowrap}
.btn-nav:hover{background:var(--purple-lt)}
@media(max-width:820px){.nav-link{display:none}.btn-nav{font-size:12px;padding:8px 14px}}

/* HERO */
.hero{background:var(--navy);padding:72px 0 64px;position:relative;overflow:hidden;text-align:center}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 40%,rgba(75,42,173,.3) 0%,transparent 65%);pointer-events:none}
.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7);font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:18px}
.hero h1{font-family:'Merriweather',serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:16px;letter-spacing:-.02em}
.hero h1 em{font-style:normal;color:#fbbf24}
.hero-sub{font-size:1rem;color:rgba(255,255,255,.6);line-height:1.8;max-width:560px;margin:0 auto 28px}
.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.btn-primary{display:inline-block;background:var(--purple);color:#fff;font-weight:700;font-size:14px;padding:13px 24px;border-radius:var(--r);transition:all .18s;text-decoration:none}
.btn-primary:hover{background:var(--purple-lt);transform:translateY(-1px)}
.btn-primary.white{background:#fff;color:var(--navy)}
.btn-primary.white:hover{background:var(--gray-100)}
.btn-primary.red{background:#c0392b;color:#fff}
.btn-primary.red:hover{background:#a93226}
.btn-primary.blue{background:var(--blue);color:#fff}
.btn-primary.blue:hover{background:#1d4ed8}
.btn-primary.orange{background:var(--orange);color:#fff}
.btn-primary.orange:hover{background:#e04520}
.hero-trust{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.htrust{font-size:12px;color:rgba(255,255,255,.4);font-weight:600;display:flex;align-items:center;gap:5px}
.htrust::before{content:'✓';color:#4ade80;font-weight:800}

/* PROOF BAR */
.proof-bar{background:#193138;padding:20px 0}
.proof-inner{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:12px}
.proof-stat{text-align:center;min-width:90px}
.proof-num{font-family:'Merriweather',serif;font-size:1.6rem;font-weight:900;color:#fff}
.proof-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:rgba(255,255,255,.45);margin-top:2px}

/* URGENT BANNER */
.urgent-banner{padding:40px 0}
.urgent-banner.red{background:#0f0202;border-top:3px solid #c0392b;border-bottom:3px solid #c0392b}
.urgent-banner.gold{background:#0a0a0a;border-top:3px solid #d4a017;border-bottom:3px solid #d4a017}
.urgent-banner.blue{background:#020b1a;border-top:3px solid var(--blue);border-bottom:3px solid var(--blue)}
.urgent-inner{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
@media(max-width:720px){.urgent-inner{grid-template-columns:1fr}}
.urgent-pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:14px}
.pill-red{background:rgba(192,57,43,.25);border:1px solid rgba(192,57,43,.5);color:#f87171}
.pill-gold{background:rgba(139,0,0,.25);border:1px solid rgba(192,57,43,.5);color:#f87171}
.pill-blue{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.4);color:#93c5fd}
.urgent-banner h2{font-family:'Merriweather',serif;font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:900;color:#fff;line-height:1.2;margin-bottom:10px}
.urgent-banner p{font-size:.93rem;color:rgba(255,255,255,.6);line-height:1.75;max-width:540px;margin-bottom:18px}
.urgent-banner strong{color:#fff}
.btn-urgent{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;padding:14px 24px;border-radius:10px;text-decoration:none;transition:all .18s}
.btn-urgent.red{background:#c0392b;color:#fff;box-shadow:0 4px 20px rgba(192,57,43,.4)}
.btn-urgent.red:hover{background:#a93226}
.btn-urgent.gold{background:#d4a017;color:#000;box-shadow:0 4px 20px rgba(212,160,23,.4)}
.btn-urgent.gold:hover{background:#b8860b}
.btn-urgent.blue{background:var(--blue);color:#fff;box-shadow:0 4px 20px rgba(37,99,235,.4)}
.btn-urgent.blue:hover{background:#1d4ed8}
.urgent-cards{display:flex;flex-direction:column;gap:10px;align-items:center;flex-shrink:0}
.uc{background:rgba(192,57,43,.12);border:1.5px solid rgba(192,57,43,.35);border-radius:14px;padding:16px 20px;text-align:center;width:160px}
.uc.good{background:rgba(21,128,61,.12);border-color:rgba(21,128,61,.35)}
.uc.bluec{background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.35)}
.uc-icon{font-size:1.8rem;margin-bottom:4px}
.uc-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}
.uc-label.red{color:#f87171}
.uc-label.green{color:#86efac}
.uc-label.blue{color:#93c5fd}
.uc-items{font-size:.78rem;color:rgba(255,255,255,.55);line-height:1.5}

/* SECTIONS */
.pad-section{padding:64px 0}
.section-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--orange);text-align:center;margin-bottom:8px}
.section-title{font-family:'Merriweather',serif;font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:900;color:var(--navy);text-align:center;margin-bottom:8px;line-height:1.2}
.section-sub{text-align:center;color:var(--gray-500);font-size:.93rem;max-width:500px;margin:0 auto 40px;line-height:1.75}

/* CARDS */
.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media(max-width:700px){.cards-grid{grid-template-columns:1fr}}
.card{background:#fff;border:1.5px solid var(--gray-200);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s,transform .18s}
.card:hover{border-color:var(--purple);box-shadow:0 16px 48px rgba(75,42,173,.1);transform:translateY(-2px)}
.card.featured{border-color:var(--orange)}
.card.urgent-card{border-color:#c0392b}
.card.urgent-card:hover{border-color:#c0392b;box-shadow:0 16px 48px rgba(192,57,43,.12)}
.card.tlc-card{border-color:var(--blue)}
.card.tlc-card:hover{border-color:var(--blue);box-shadow:0 16px 48px rgba(37,99,235,.12)}
.card-head{padding:22px 24px 16px;display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid var(--gray-100)}
.card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.ci-purple{background:var(--purple-pale)}
.ci-teal{background:var(--teal-lt)}
.ci-red{background:var(--red-lt)}
.ci-amber{background:var(--amber-pale)}
.ci-green{background:var(--green-lt)}
.ci-blue{background:var(--blue-lt)}
.card-title{font-family:'Merriweather',serif;font-size:.97rem;font-weight:700;color:var(--navy);margin-bottom:4px;line-height:1.3}
.card-desc{font-size:.84rem;color:var(--gray-500);line-height:1.6}
.urgent-tag-sm{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:2px 9px;border-radius:20px;margin-top:6px}
.utag-red{background:#fee2e2;color:#c0392b}
.utag-blue{background:var(--blue-lt);color:#1d4ed8}
.card-body{padding:18px 24px 22px;display:flex;flex-direction:column;gap:9px;flex:1}
.btn-card{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px;padding:11px 16px;border-radius:var(--r);text-decoration:none;transition:all .18s;gap:8px}
.btn-card.primary{background:var(--purple);color:#fff}
.btn-card.primary:hover{background:var(--purple-lt)}
.btn-card.primary.red{background:#c0392b}
.btn-card.primary.red:hover{background:#a93226}
.btn-card.primary.blue{background:var(--blue)}
.btn-card.primary.blue:hover{background:#1d4ed8}
.btn-card.outline{background:transparent;border:1.5px solid var(--gray-200);color:var(--gray-600)}
.btn-card.outline:hover{border-color:var(--purple);color:var(--purple)}
.btn-card.free{background:#f0fdf9;border:1.5px solid #99f6e4;color:var(--teal)}
.btn-card.free:hover{background:var(--teal-lt)}
.free-tag{font-size:9px;font-weight:800;background:var(--teal);color:#fff;padding:2px 6px;border-radius:3px;text-transform:uppercase;flex-shrink:0}
.free-tag.red{background:#c0392b}
.free-tag.blue{background:var(--blue)}

/* FAQ */
.faq-list{max-width:740px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--gray-200)}
.faq-q{width:100%;text-align:left;background:none;border:none;padding:18px 0;font-size:.94rem;font-weight:600;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:'Inter',sans-serif;gap:12px}
.faq-arrow{color:var(--gray-400);font-size:1rem;transition:transform .18s;flex-shrink:0}
.faq-item.open .faq-arrow{transform:rotate(180deg);color:var(--purple)}
.faq-a{max-height:0;overflow:hidden;font-size:.86rem;color:var(--gray-500);line-height:1.8;transition:max-height .3s ease,padding .3s ease;padding:0}
.faq-item.open .faq-a{max-height:300px;padding:0 0 18px}

/* CTA BAND */
.cta-band{background:var(--navy);padding:64px 0;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50%,rgba(75,42,173,.2) 0%,transparent 65%);pointer-events:none}
.cta-band h2{font-family:'Merriweather',serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;color:#fff;margin-bottom:12px}
.cta-band p{color:rgba(255,255,255,.55);max-width:480px;margin:0 auto 28px;line-height:1.75}

/* SHARE SECTION */
.share-section{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px 28px;text-align:center;margin-top:32px}
.share-btns{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.share-btn{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.82rem;padding:9px 16px;border-radius:7px;text-decoration:none;transition:opacity .18s}
.share-btn:hover{opacity:.85}
.sb-wa{background:#25D366;color:#fff}
.sb-fb{background:#1877F2;color:#fff}
.sb-tw{background:#000;color:#fff}
.sb-li{background:#0A66C2;color:#fff}
.sb-tg{background:#2CA5E0;color:#fff}
.sb-em{background:var(--gray-600);color:#fff}
.sb-cp{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;border:none}

/* FOOTER */
.site-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:44px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px;margin-bottom:36px}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.footer-grid{grid-template-columns:1fr}}
.footer-brand-name{font-family:'Merriweather',serif;font-size:1.1rem;font-weight:900;color:var(--purple);margin-bottom:7px}
.footer-brand-desc{font-size:.8rem;color:var(--gray-500);line-height:1.6;max-width:210px}
.footer-col-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--navy);margin-bottom:12px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:7px}
.footer-links a{font-size:.82rem;color:var(--gray-500);transition:color .18s}
.footer-links a:hover{color:var(--purple)}
.footer-links a.urgent-link{color:#c0392b;font-weight:700}
.footer-links a.tlc-link{color:var(--blue);font-weight:700}
.footer-links a.oath-link{color:#d4a017;font-weight:700}
.footer-bottom{border-top:1px solid var(--gray-200);padding-top:20px;display:flex;flex-direction:column;gap:4px}
.footer-copy{font-size:.8rem;color:var(--gray-500)}
.footer-disclaimer{font-size:.72rem;color:var(--gray-400);line-height:1.6;max-width:680px}

/* WHATSAPP */
.wa-btn{position:fixed;bottom:22px;right:22px;background:#25D366;color:#fff;font-weight:700;font-size:13px;padding:12px 18px;border-radius:50px;text-decoration:none;box-shadow:0 4px 20px rgba(37,211,102,.4);z-index:800;display:flex;align-items:center;gap:7px;transition:transform .18s}
.wa-btn:hover{transform:scale(1.05)}
@media(max-width:480px){.wa-btn span{display:none}}

/* TOAST */
.toast{position:fixed;bottom:76px;left:18px;background:var(--navy);color:#fff;padding:11px 15px;border-radius:var(--r);font-size:13px;font-weight:500;display:none;border-left:3px solid var(--purple-lt);max-width:270px;box-shadow:var(--shadow-lg);z-index:799;line-height:1.4}
.toast.visible{display:block;animation:toastIn .3s ease}
@keyframes toastIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}

/* ARTICLE / GUIDE CONTENT */
.guide-wrap{max-width:760px;margin:0 auto;padding:56px 0}
.guide-wrap h2{font-family:'Merriweather',serif;font-size:1.4rem;font-weight:900;color:var(--navy);margin:40px 0 14px;line-height:1.3}
.guide-wrap h3{font-family:'Merriweather',serif;font-size:1.05rem;font-weight:700;color:var(--navy);margin:28px 0 10px}
.guide-wrap p{font-size:.95rem;color:var(--gray-600);line-height:1.85;margin-bottom:14px}
.guide-wrap ul,.guide-wrap ol{margin:10px 0 16px 20px;color:var(--gray-600);font-size:.93rem;line-height:1.8}
.guide-wrap li{margin-bottom:5px}
.guide-wrap a{color:var(--purple);text-decoration:underline}
.guide-wrap strong{color:var(--navy)}
.guide-toc{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:22px 24px;margin-bottom:36px}
.guide-toc-title{font-weight:800;font-size:.88rem;text-transform:uppercase;letter-spacing:.5px;color:var(--navy);margin-bottom:12px}
.guide-toc ol{margin-left:16px;color:var(--purple);font-size:.88rem;line-height:1.9}
.guide-toc a{color:var(--purple);text-decoration:underline}
.guide-cta-box{background:var(--navy);border-radius:var(--r-lg);padding:24px 28px;margin:36px 0;text-align:center}
.guide-cta-box h3{font-family:'Merriweather',serif;color:#fff;font-size:1.05rem;margin-bottom:8px}
.guide-cta-box p{color:rgba(255,255,255,.55);font-size:.86rem;margin-bottom:16px}
.urgent-box{background:#1a0505;border-left:4px solid #c0392b;border-radius:var(--r);padding:18px 22px;margin:24px 0}
.urgent-box-title{font-weight:800;color:#f87171;font-size:.88rem;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.urgent-box p{color:rgba(255,255,255,.65);font-size:.88rem;margin-bottom:10px}
.toc-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:20px 24px;margin:32px 0}

/* REVEAL */
.reveal{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}
.d1{transition-delay:.08s}
.d2{transition-delay:.16s}
.d3{transition-delay:.24s}