/* GigNova — merged stylesheet built from the per-article inlined styles.
   System A (20 articles) is authoritative; system B contributed net-new
   components only. Regenerate with /tmp/gnbuild/build_css.py. */

:root{--navy:#0D1B2A;--card-bg:#162436;--amber:#E07B3A;--amber-dark:#C4642A;--white:#FFFFFF;--text:#CBD5E1;--text-dim:#8FA3BA;--border:rgba(255,255,255,0.08);--radius:12px;--dark-blue:#1B3A5C;--navy-mid:#162436;--navy-light:#1E3148;--amber-light:#F0924E;--amber-dim:rgba(224, 123, 58, 0.15);--text-muted:#8AA0B8;--max-w:780px;--mid-blue:#2E6DA4;--card-hover:#1E3048;}

*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',sans-serif;background:var(--navy);color:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;}
nav{position:sticky;top:0;z-index:100;background:rgba(13,27,42,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:68px;}
.logo{font-family:'Work Sans',sans-serif;font-size:1.5rem;font-weight:800;text-decoration:none;letter-spacing:-.02em;}
.logo span:first-child{color:var(--white);}.logo span:last-child{color:var(--amber);}
.nav-links{display:flex;gap:2rem;list-style:none;align-items:center;}
.nav-links a{color:var(--text);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s;}
.nav-links a:hover{color:var(--white);}
.nav-cta{background:var(--amber);color:var(--navy)!important;padding:.5rem 1.25rem;border-radius:6px;font-weight:700!important;font-size:.875rem!important;}
.article-header{padding:4rem 5% 2rem;max-width:780px;margin:0 auto;}
.breadcrumb{font-size:.8rem;color:var(--text-dim);margin-bottom:1.5rem;}
.breadcrumb a{color:var(--text-dim);text-decoration:none;}.breadcrumb a:hover{color:var(--amber);}
.breadcrumb span{margin:0 .5rem;}
.article-tag{font-size:.8rem;font-weight:700;color:var(--amber);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;}
.article-header h1{font-family:'Work Sans',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.25rem;}
.article-meta{display:flex;align-items:center;gap:1.5rem;color:var(--text-dim);font-size:.85rem;padding-bottom:2rem;border-bottom:1px solid var(--border);}
.article-body{padding:2rem 5% 4rem;max-width:780px;margin:0 auto;}
.article-body p{color:var(--text);font-size:1.05rem;line-height:1.85;margin-bottom:1.5rem;}
.article-body p strong{color:var(--white);}
.article-body h2{font-family:'Work Sans',sans-serif;font-size:1.5rem;font-weight:800;color:var(--white);margin:2.5rem 0 1rem;line-height:1.2;}
.article-body h3{font-family:'Work Sans',sans-serif;font-size:1.15rem;font-weight:700;color:var(--white);margin:2rem 0 .75rem;}
.article-body ul{margin:0 0 1.5rem 1.5rem;color:var(--text);}
.article-body ul li{font-size:1.05rem;line-height:1.8;margin-bottom:.4rem;}
.article-body ul li strong{color:var(--white);}
.callout{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.75rem;margin:2rem 0;border-left:4px solid var(--amber);}
.callout-label{font-size:.75rem;font-weight:700;color:var(--amber);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;}
.callout p{margin-bottom:.5rem;font-size:.95rem;}
.product-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;margin:2rem 0;}
.product-badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .75rem;border-radius:100px;margin-bottom:1rem;}
.badge-best{background:rgba(224,123,58,0.2);color:var(--amber);border:1px solid rgba(224,123,58,0.4);}
.badge-better{background:rgba(46,109,164,0.2);color:#7DB8E8;border:1px solid rgba(46,109,164,0.4);}
.badge-good{background:rgba(255,255,255,0.06);color:var(--text);border:1px solid var(--border);}
.product-card h3{font-family:'Work Sans',sans-serif;font-size:1.15rem;font-weight:800;margin-bottom:.75rem;line-height:1.3;}
.product-specs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;}
.spec-tag{background:rgba(255,255,255,0.06);border:1px solid var(--border);color:var(--text-dim);font-size:.75rem;padding:.25rem .6rem;border-radius:4px;}
.product-card p{color:var(--text);font-size:.95rem;line-height:1.7;margin-bottom:1.25rem;}
.product-card ul{margin:0 0 1.25rem 1.25rem;color:var(--text);}
.product-card ul li{font-size:.9rem;line-height:1.7;margin-bottom:.3rem;}
.product-card ul li strong{color:var(--white);}
.btn-amazon{background:var(--amber);color:var(--navy);font-family:'Work Sans',sans-serif;font-weight:700;font-size:.9rem;padding:.7rem 1.5rem;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;}
.btn-amazon:hover{background:var(--amber-dark);}
.disclosure{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin:2.5rem 0;color:var(--text-dim);font-size:.8rem;line-height:1.7;}
.article-cta{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;margin:3rem 0;text-align:center;}
.article-cta h3{font-family:'Work Sans',sans-serif;font-size:1.4rem;font-weight:800;margin-bottom:.75rem;}
.article-cta p{color:var(--text);font-size:.95rem;margin-bottom:1.5rem;}
.btn-primary{background:var(--amber);color:var(--navy);font-family:'Work Sans',sans-serif;font-weight:700;font-size:.95rem;padding:.85rem 2rem;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;}
.btn-primary:hover{background:var(--amber-dark);}
.related{padding:0 5% 4rem;max-width:780px;margin:0 auto;}
.related h3{font-family:'Work Sans',sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem;}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.related-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-decoration:none;color:var(--white);transition:all .2s;}
.related-card:hover{border-color:rgba(255,255,255,.15);transform:translateY(-2px);}
.related-card h4{font-family:'Work Sans',sans-serif;font-size:.95rem;font-weight:700;margin-bottom:.4rem;line-height:1.3;}
.related-card p{color:var(--text-dim);font-size:.8rem;}
.footer-links{display:flex;gap:1.5rem;}
.footer-links a{color:var(--text-dim);text-decoration:none;font-size:.8rem;}
@media(max-width:768px){.related-grid{grid-template-columns:1fr;}}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;}
.hamburger .bar{width:22px;height:2px;background:#D8E4F0;border-radius:2px;transition:all 0.25s ease;}
.hamburger.open .bar:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open .bar:nth-child(2){opacity:0;transform:scaleX(0);}
.hamburger.open .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-menu{display:none;flex-direction:column;background:#0D1B2A;border-bottom:1px solid rgba(255,255,255,0.08);}
.mobile-menu a{color:#D8E4F0;text-decoration:none;padding:14px 5%;font-size:0.95rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,0.05);transition:background 0.15s;}
.mobile-menu a:hover{background:rgba(255,255,255,0.04);}
.mobile-menu a:last-child{border-bottom:none;}
.mobile-menu .mob-cta{color:#E07B3A;font-weight:700;}
@media(max-width:768px){
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .mobile-menu.open{display:flex;}
  }
.math-box{background:rgba(224,123,58,0.08);border:1px solid rgba(224,123,58,0.25);border-radius:var(--radius);padding:1.5rem 1.75rem;margin:2rem 0;}
.math-box h4{font-family:'Work Sans',sans-serif;font-size:1rem;font-weight:700;color:var(--amber);margin-bottom:1rem;}
.math-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,0.06);font-size:.95rem;color:var(--text);}
.math-row:last-child{border-bottom:none;font-weight:700;color:var(--white);font-size:1rem;padding-top:.75rem;}
.math-row span:last-child{color:var(--amber);font-weight:700;}
.formula{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;font-family:monospace;font-size:.95rem;color:var(--amber);margin:1rem 0 1.5rem;line-height:1.8;}
.breadcrumb a:hover{color:var(--amber);}
/* Inline body links ONLY. Must not match .btn-amazon / .btn-primary / .related-card /
   .cta-btn — those live inside .article-body and carry their own colour, and a bare
   `.article-body a` (0,1,1) outranks `.btn-amazon` (0,1,0), painting amber text on an
   amber button. Came from one guide's inline CSS; the merge made it global. */
.article-body a:not([class]){color:var(--amber);text-decoration:none;border-bottom:1px solid rgba(224,123,58,0.3);transition:border-color .2s;}
.article-body a:not([class]):hover{border-color:var(--amber);}
.math-row.negative span:last-child{color:#FC8181;}
.math-row.neutral span:last-child{color:var(--text);}
.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0 2rem;}
.platform-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;}
.platform-card h3{font-family:'Work Sans',sans-serif;font-size:1rem;font-weight:700;color:var(--white);margin:0 0 .6rem;display:flex;align-items:center;gap:.5rem;}
.platform-card p{color:var(--text);font-size:.875rem;line-height:1.65;margin-bottom:.5rem;}
.platform-card p:last-child{margin-bottom:0;}
.platform-card .show{color:var(--text-dim);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;}
.platform-card .hidden-note{color:#FC8181;font-size:.825rem;}
.faq-section{margin:2rem 0;}
.faq-item{border-bottom:1px solid var(--border);padding:1.25rem 0;}
.faq-item:last-child{border-bottom:none;}
.faq-item h3{font-family:'Work Sans',sans-serif;font-size:1.05rem;font-weight:700;color:var(--white);margin:0 0 .6rem;line-height:1.3;}
.faq-item p{color:var(--text);font-size:.95rem;line-height:1.75;margin:0;}
@media(max-width:768px){.related-grid{grid-template-columns:1fr;}.platform-grid{grid-template-columns:1fr;}}
.callout p:last-child{margin-bottom:0;}
.phase-block{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.75rem;margin:1rem 0;}
.phase-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;}
.phase-label.covered{color:#68D391;}
.phase-label.gap{color:#FC8181;}
.phase-label.partial{color:#F6E05E;}
.phase-block h4{font-family:'Work Sans',sans-serif;font-size:1rem;font-weight:700;color:var(--white);margin-bottom:.5rem;}
.phase-block p{color:var(--text);font-size:.9rem;line-height:1.65;margin-bottom:0;}
.disclaimer{background:rgba(224,123,58,.06);border:1px solid rgba(224,123,58,.2);border-radius:var(--radius);padding:1.25rem 1.5rem;margin:2rem 0;color:var(--text-dim);font-size:.85rem;font-style:italic;line-height:1.7;}
.app-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem;}
.app-card h3{font-family:'Work Sans',sans-serif;font-size:1rem;font-weight:700;margin-bottom:.5rem;}
.app-card p{color:var(--text);font-size:.9rem;line-height:1.65;margin-bottom:.75rem;}
.app-card a{color:var(--amber);font-size:.875rem;font-weight:600;text-decoration:none;}
.app-tag{display:inline-block;background:rgba(224,123,58,0.12);border:1px solid rgba(224,123,58,0.2);color:var(--amber);font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;}
/* Product cards */
@media(max-width:768px){.related-grid{grid-template-columns:1fr;}.product-specs{flex-direction:column;}}
.section-divider{border:none;border-top:1px solid var(--border);margin:3rem 0;}
.section-header{background:rgba(224,123,58,0.08);border:1px solid rgba(224,123,58,0.2);border-radius:var(--radius);padding:1.25rem 1.5rem;margin:2rem 0;}
.section-header h2{font-family:'Work Sans',sans-serif;font-size:1.25rem;font-weight:800;color:var(--amber);margin:0 0 .4rem;}
.section-header p{color:var(--text);font-size:.9rem;margin:0;}
.badge-basic{background:rgba(255,255,255,0.03);color:var(--text-dim);border:1px solid var(--border);}
.badge-premium{background:rgba(124,58,237,0.15);color:#A78BFA;border:1px solid rgba(124,58,237,0.3);}
/* ── NAV ── */
.nav-inner{max-width: 1200px;
  margin: 0 auto;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;}
.nav-logo{font-family: 'Work Sans', sans-serif;
  font-weight: 900;
  font-size: 1.25rem;
  color: #fff;
  text-decoration: none;
  letter-spacing: -0.5px;}
.nav-logo span{color: var(--amber);}
/* ── PAGE WRAPPER ── */
.page-wrap{max-width: var(--max-w);
  margin: 0 auto;
  padding: 40px 24px 80px;}
/* ── BREADCRUMB ── */
.breadcrumb .sep{opacity: 0.4;}
/* ── ARTICLE TAG ── */
/* ── HEADLINE ── */
/* ── META ROW ── */
.meta-row{display: flex;
  align-items: center;
  gap: 20px;
  font-size: 0.83rem;
  color: var(--text-muted);
  padding-bottom: 28px;
  border-bottom: 1px solid var(--border);
  margin-bottom: 36px;
  flex-wrap: wrap;}
.meta-row .dot{opacity: 0.3;}
/* ── BODY COPY ── */
/* ── BOLD STATEMENT ── */
.bold-statement{background: var(--navy-mid);
  border-left: 4px solid var(--amber);
  padding: 20px 24px;
  margin: 32px 0;
  border-radius: 0 8px 8px 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: #fff;
  line-height: 1.45;}
/* ── CALLOUT BOXES ── */
.callout-title{font-family: 'Work Sans', sans-serif;
  font-weight: 800;
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--amber);
  margin-bottom: 12px;}
.callout ul{margin-bottom: 0;}
.callout-warning{border-color: rgba(224, 123, 58, 0.35);
  background: rgba(224, 123, 58, 0.07);}
/* ── APP GRID ── */
.app-grid{display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin: 24px 0;}
.app-card .app-name{font-family: 'Work Sans', sans-serif;
  font-weight: 800;
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 4px;}
.app-card .app-cat{font-size: 0.75rem;
  color: var(--amber);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin-bottom: 10px;}
.free-tag{display: inline-block;
  background: rgba(46, 180, 120, 0.15);
  color: #4ecb94;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 7px;
  border-radius: 3px;
  margin-left: 7px;
  vertical-align: middle;}
.paid-tag{display: inline-block;
  background: rgba(224, 123, 58, 0.12);
  color: var(--amber);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 7px;
  border-radius: 3px;
  margin-left: 7px;
  vertical-align: middle;}
/* ── TIPS SECTION ── */
.tips-section{background: var(--navy-mid);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 28px 32px;
  margin-top: 52px;}
.tips-section h2{margin-top: 0;
  font-size: 1.2rem;}
.tips-section ul{margin-bottom: 0;}
/* ── CTA BLOCK ── */
.cta-block{background: linear-gradient(135deg, #1a2e45 0%, #162436 100%);
  border: 1px solid rgba(224, 123, 58, 0.3);
  border-radius: 14px;
  padding: 36px 32px;
  text-align: center;
  margin: 56px 0 48px;}
.cta-block h3{font-family: 'Work Sans', sans-serif;
  font-weight: 900;
  font-size: 1.35rem;
  color: #fff;
  margin: 0 0 10px;
  letter-spacing: -0.3px;}
.cta-block p{color: var(--text-muted);
  font-size: 0.95rem;
  margin-bottom: 24px;}
.cta-btn{display: inline-block;
  background: var(--amber);
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  font-weight: 800;
  font-size: 0.95rem;
  padding: 13px 30px;
  border-radius: 8px;
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: background 0.2s, transform 0.15s;}
.cta-btn:hover{background: var(--amber-light);
  transform: translateY(-1px);
  text-decoration: none;}
/* ── RELATED ARTICLES ── */
.related-section{margin-top: 56px;}
.related-section h2{font-size: 1.2rem;
  margin-bottom: 20px;
  margin-top: 0;}
.related-card .r-tag{font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--amber);
  margin-bottom: 8px;}
.related-card .r-title{font-family: 'Work Sans', sans-serif;
  font-weight: 800;
  font-size: 0.98rem;
  color: #fff;
  line-height: 1.35;}
/* ── FOOTER ── */
@media (max-width: 600px) {
  .app-grid { grid-template-columns: 1fr; }
  }
.callout-warning .callout-title{color: var(--amber);}
.callout-alert{border-color: rgba(220, 60, 60, 0.35);
  background: rgba(220, 60, 60, 0.07);}
.callout-alert .callout-title{color: #e05a5a;}
/* ── PLATFORM GRID ── */
.platform-card .platform-name{font-family: 'Work Sans', sans-serif;
  font-weight: 800;
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 10px;}
.platform-card ul{padding-left: 18px;
  margin: 0;
  font-size: 0.88rem;
  color: var(--text-muted);}
.platform-card li{margin-bottom: 5px;}
/* ── STEP BOXES ── */
.steps{margin: 28px 0;}
.step{display: flex;
  gap: 18px;
  margin-bottom: 20px;
  align-items: flex-start;}
.step-num{flex-shrink: 0;
  width: 36px;
  height: 36px;
  background: var(--amber);
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  font-weight: 900;
  font-size: 0.95rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;}
.step-body{flex: 1;}
.step-body strong{display: block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 4px;}
.step-body p{margin-bottom: 0; font-size: 0.95rem; color: var(--text-muted);}
/* ── APPEAL TEMPLATE ── */
.template-box{background: #0a1520;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 24px 28px;
  margin: 28px 0;
  font-family: 'Inter', sans-serif;
  font-size: 0.92rem;
  line-height: 1.7;
  color: var(--text);
  white-space: pre-wrap;}
.template-box .template-label{font-family: 'Work Sans', sans-serif;
  font-weight: 800;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--amber);
  margin-bottom: 16px;}
.template-box .placeholder{color: var(--amber);
  font-style: italic;}
/* ── DISCLAIMER ── */
.disclaimer strong{color: #e07070;}
@media (max-width: 600px) {
  .platform-grid { grid-template-columns: 1fr; }
  }
html{scroll-behavior: smooth;}
/* ── NAVBAR ── */
.logo span:last-child{color: var(--amber);}
.nav-links a:hover,
.nav-links a.active{color: var(--white);}
.nav-cta:hover{background: var(--amber-dark) !important; color: var(--white) !important;}
/* ── HERO ── */
.hero{padding: 5rem 5% 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  overflow: hidden;}
.hero-content{max-width: 680px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;}
.hero::before{content: '';
  position: absolute;
  top: -200px; right: -200px;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(46,109,164,0.15) 0%, transparent 70%);
  pointer-events: none;}
.hero-tag{display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(224,123,58,0.12);
  border: 1px solid rgba(224,123,58,0.3);
  color: var(--amber);
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.35rem 0.85rem;
  border-radius: 100px;
  margin-bottom: 1.75rem;
  width: fit-content;
  letter-spacing: 0.03em;
  margin-left: auto;
  margin-right: auto;}
.hero-tag::before{content: '';
  width: 6px; height: 6px;
  background: var(--amber);
  border-radius: 50%;}
.hero h1{font-family: 'Work Sans', sans-serif;
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.03em;
  margin-bottom: 1.25rem;
  width: 100%;}
.hero h1 .amber{color: var(--amber);}
.hero-sub{font-size: clamp(1rem, 1.5vw, 1.15rem);
  color: var(--text);
  width: 100%;
  margin-bottom: 2rem;
  line-height: 1.7;}
.hero-buttons{display: flex;
  gap: 1rem;
  flex-wrap: wrap;}
.btn-secondary{background: transparent;
  color: var(--white);
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.85rem 1.75rem;
  border-radius: 8px;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,0.2);
  transition: all 0.2s;}
.btn-secondary:hover{border-color: rgba(255,255,255,0.4); background: rgba(255,255,255,0.05);}
/* ── EMAIL CAPTURE CARD ── */
.email-capture{background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 640px;
  text-align: center;}
.email-capture-label{font-size: 0.75rem;
  font-weight: 700;
  color: var(--amber);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;}
.email-capture h2{font-family: 'Work Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  margin-bottom: 0.6rem;
  line-height: 1.2;}
.email-capture p{color: var(--text);
  font-size: 0.875rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;}
.email-form{display: flex;
  flex-direction: column;
  gap: 0.75rem;}
.email-form-inner{display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;}
.email-input-row{width: 100%;}
.email-input-row input{flex: 1;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 8px;
  padding: 0.85rem 1.1rem;
  color: var(--white);
  font-size: 0.9rem;
  font-family: 'Inter', sans-serif;
  outline: none;
  transition: border-color 0.2s;}
.email-input-row input:focus{border-color: var(--amber);}
.email-input-row input::placeholder{color: var(--text-dim);}
.email-form .btn-primary{white-space: nowrap;}
.email-note{font-size: 0.78rem;
  color: var(--text-dim);}
.email-success{display: none;
  background: rgba(39,174,96,0.15);
  border: 1px solid rgba(39,174,96,0.3);
  border-radius: 8px;
  padding: 1rem 1.25rem;
  color: #6FCF97;
  font-size: 0.9rem;
  font-weight: 500;}
/* ── SECTIONS ── */
section{padding: 4rem 5%;}
.section-tag{font-size: 0.8rem;
  font-weight: 700;
  color: var(--amber);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.75rem;}
.section-title{font-family: 'Work Sans', sans-serif;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 800;
  margin-bottom: 0.75rem;
  line-height: 1.15;}
.section-sub{color: var(--text);
  font-size: 1rem;
  max-width: 600px;
  margin-bottom: 2.5rem;
  line-height: 1.7;}
/* ── DIVIDER ── */
.divider{border: none;
  border-top: 1px solid var(--border);
  margin: 0 5%;}
/* ── MISSION SECTION ── */
.mission{background: rgba(27, 58, 92, 0.2);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  text-align: center;
  padding: 4rem 5%;}
.mission-icon{width: 56px; height: 56px;
  background: rgba(224,123,58,0.12);
  border: 1px solid rgba(224,123,58,0.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  font-size: 1.5rem;}
.mission h2{font-family: 'Work Sans', sans-serif;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 800;
  margin-bottom: 1.25rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;}
.mission p{color: var(--text);
  max-width: 680px;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.8;}
/* ── CATEGORY SECTIONS ── */
.category-block{margin-bottom: 3rem;}
.category-header{display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border);}
.category-icon{width: 36px; height: 36px;
  background: rgba(224,123,58,0.12);
  border: 1px solid rgba(224,123,58,0.2);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;}
.category-header h3{font-family: 'Work Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--white);
  letter-spacing: -0.01em;}
/* ── GUIDE CARDS ── */
.guides-grid{display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;}
.guide-card{background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1.75rem;
  text-decoration: none;
  color: var(--white);
  transition: all 0.2s;
  display: flex;
  flex-direction: column;}
.guide-card:hover{background: var(--card-hover);
  border-color: rgba(255,255,255,0.14);
  transform: translateY(-2px);}
.guide-date{font-size: 0.78rem;
  color: var(--text-dim);
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;}
.guide-date::before{content: '';
  width: 12px; height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238FA3BA' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;}
.guide-card h3{font-family: 'Work Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  line-height: 1.3;}
.guide-card p{color: var(--text);
  font-size: 0.9rem;
  line-height: 1.65;
  flex: 1;
  margin-bottom: 1.25rem;}
.read-more{color: var(--amber);
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  transition: gap 0.2s;}
.guide-card:hover .read-more{gap: 0.6rem;}
.guides-footer{text-align: center;
  margin-top: 2rem;}
.btn-outline{background: transparent;
  color: var(--white);
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.2);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s;}
.btn-outline:hover{border-color: rgba(255,255,255,0.4); background: rgba(255,255,255,0.05);}
/* ── VALUES GRID ── */
.values-grid{display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;}
.value-card{background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1.75rem;}
.value-icon{width: 44px; height: 44px;
  background: rgba(224,123,58,0.12);
  border: 1px solid rgba(224,123,58,0.2);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 1.2rem;}
.value-card h3{font-family: 'Work Sans', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;}
.value-card p{color: var(--text);
  font-size: 0.88rem;
  line-height: 1.65;}
footer{border-top: 1px solid var(--border);
  padding: 3rem 5% 2rem;}
.footer-grid{display: grid;
  grid-template-columns: 1.8fr repeat(4, minmax(0, 1fr));
  gap: 2.5rem;
  margin-bottom: 2.5rem;}
@media(max-width:1024px){.footer-grid{grid-template-columns: 1fr 1fr 1fr;}}
.footer-brand .logo{font-size: 1.3rem; display: block; margin-bottom: 0.75rem;}
.footer-brand p{color: var(--text-dim);
  font-size: 0.875rem;
  line-height: 1.7;
  max-width: 280px;}
.footer-col h4{font-family: 'Work Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 1rem;}
.footer-col ul{list-style: none;}
.footer-col ul li{margin-bottom: 0.6rem;}
.footer-col ul li a{color: var(--text);
  text-decoration: none;
  font-size: 0.875rem;
  transition: color 0.2s;}
.footer-col ul li a:hover{color: var(--white);}
.footer-contact p{color: var(--text);
  font-size: 0.875rem;
  margin-bottom: 0.4rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;}
.footer-bottom{border-top: 1px solid var(--border);
  padding-top: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;}
.footer-bottom p{color: var(--text-dim);
  font-size: 0.8rem;}
.footer-bottom-links{display: flex;
  gap: 1.5rem;}
.footer-bottom-links a{color: var(--text-dim);
  text-decoration: none;
  font-size: 0.8rem;
  transition: color 0.2s;}
.footer-bottom-links a:hover{color: var(--text);}
/* ── ANIMATIONS ── */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
  }
/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .email-capture { max-width: 100%; }
  }
@media (max-width: 768px) {
  .nav-links { display: none; }
  .guides-grid { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  .email-input-row { flex-direction: column; }
  .footer-bottom { flex-direction: column; text-align: center; }
  }
.nav-links a:hover,.nav-links a.active{color:var(--white);}
.page-header{padding:4rem 5% 2rem;text-align:center;}
.page-header h1{font-family:'Work Sans',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;margin-bottom:.75rem;letter-spacing:-.03em;}
.page-header p{color:var(--text);font-size:1rem;max-width:580px;margin:0 auto 2rem;line-height:1.7;}
.guides-section{padding:1rem 5% 4rem;}
.category-title{font-family:'Work Sans',sans-serif;font-size:1.1rem;font-weight:700;color:var(--amber);margin-bottom:1.25rem;margin-top:2.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);}
.guide-card.coming-soon{opacity:.6;cursor:default;pointer-events:none;}
.coming-soon-badge{display:inline-block;background:rgba(143,163,186,.1);border:1px solid rgba(143,163,186,.2);color:var(--text-dim);font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem;}
footer p{color:var(--text-dim);font-size:.8rem;}
@media(max-width:768px){.guides-grid{grid-template-columns:1fr;}}
@media(max-width:1024px){.guides-grid{grid-template-columns:1fr 1fr;}}
.tools-section{padding:1rem 5% 4rem;}
.tools-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.25rem;}
.tool-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;}
.tool-name{font-family:'Work Sans',sans-serif;font-size:1rem;font-weight:700;margin-bottom:.5rem;}
.tool-desc{color:var(--text);font-size:.875rem;line-height:1.65;flex:1;margin-bottom:1.25rem;}
.tool-link{color:var(--amber);font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:gap .2s;}
.tool-link:hover{gap:.6rem;}
.disclosure strong{color:var(--text);}
.financial-disclaimer{background:rgba(224,123,58,.06);border:1px solid rgba(224,123,58,.2);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.25rem;color:var(--text-dim);font-size:.8rem;font-style:italic;line-height:1.7;}
@media(max-width:768px){.tools-grid{grid-template-columns:1fr;}}
@media(max-width:1024px){.tools-grid{grid-template-columns:1fr 1fr;}}
.resources-hero{padding:5rem 5% 3rem;text-align:center;max-width:780px;margin:0 auto;}
.resources-hero h1{font-family:'Work Sans',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;margin-bottom:1rem;letter-spacing:-.03em;line-height:1.1;}
.resources-hero p{color:var(--text);font-size:1.05rem;line-height:1.7;max-width:580px;margin:0 auto 3rem;}
.capture-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:3rem;max-width:700px;margin:0 auto 4rem;text-align:center;}
.capture-card .label{font-size:.75rem;font-weight:700;color:var(--amber);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.4rem;}
.capture-card h2{font-family:'Work Sans',sans-serif;font-size:2rem;font-weight:800;margin-bottom:.75rem;line-height:1.2;}
.capture-card p{color:var(--text);font-size:.95rem;margin-bottom:2rem;line-height:1.7;}
.email-row{display:flex;gap:.5rem;max-width:480px;margin:0 auto;}
.email-row input{flex:1;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.85rem 1.1rem;color:var(--white);font-size:.9rem;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s;}
.email-row input:focus{border-color:var(--amber);}
.email-row input::placeholder{color:var(--text-dim);}
.whats-inside{padding:0 5% 4rem;max-width:900px;margin:0 auto;}
.whats-inside h2{font-family:'Work Sans',sans-serif;font-size:1.5rem;font-weight:800;margin-bottom:1.5rem;text-align:center;}
.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;}
.feature-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;gap:1rem;align-items:flex-start;}
.feature-icon{font-size:1.4rem;flex-shrink:0;}
.feature-item h3{font-family:'Work Sans',sans-serif;font-size:.95rem;font-weight:700;margin-bottom:.35rem;}
.feature-item p{color:var(--text);font-size:.85rem;line-height:1.6;}
@media(max-width:768px){.email-row{flex-direction:column;}.features-grid{grid-template-columns:1fr;}}
.page-hero{padding:5rem 5% 3rem;max-width:800px;margin:0 auto;}
.page-hero h1{font-family:'Work Sans',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;margin-bottom:2rem;}
.content-section{padding:0 5% 4rem;max-width:780px;margin:0 auto;}
.content-section p{color:var(--text);font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem;}
.content-section p strong{color:var(--white);}
.cta-box{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;margin:3rem auto;max-width:780px;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;}
.cta-box h2{font-family:'Work Sans',sans-serif;font-size:1.5rem;font-weight:800;margin-bottom:.75rem;}
.cta-box p{color:var(--text);font-size:.95rem;line-height:1.6;}
.footer-links a:hover{color:var(--text);}
@media(max-width:768px){.cta-box{grid-template-columns:1fr;}.email-input-row{flex-direction:column;}}
.callout p:last-child{margin-bottom:0;}
/* (duplicate of the .article-body a rule above removed — it re-declared the same
   thing later in the cascade and undid the :not([class]) fix.) */
.article-body ol{margin:0 0 1.5rem 1.5rem;color:var(--text);}
.article-body ol li{font-size:1.05rem;line-height:1.8;margin-bottom:.4rem;}
.article-body ol li strong{color:var(--white);}