/* ============================================================
   STEP 2 of 2
   Paste this into: Appearance → Customize → Additional CSS
   (or, on a block theme: Appearance → Editor → Styles → ⋮ → Additional CSS)
   This box is NOT filtered the way the Custom HTML block content is,
   so real <style> rules work here even on plans where the block strips them.
   ============================================================ */

.agni-services-block{
  --bg:#FFFFFF;
  --bg-alt:#F7F7F7;
  --text:#333333;
  --text-soft:#6B6B6B;
  --primary:#E8543F;
  --primary-dark:#C0392B;
  --line:#E7E7E7;
  --dark:#222222;
  --radius:4px;
  --max:1170px;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
  line-height:1.7;
  background:var(--bg-alt);
}
.agni-services-block *{box-sizing:border-box;}
.agni-services-block h2,
.agni-services-block h3,
.agni-services-block h4{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
  color:var(--dark);
  line-height:1.25;
  margin:0 0 .5em;
}
.agni-services-block p{margin:0 0 1em;color:var(--text);}
.agni-services-block a{color:var(--primary);text-decoration:none;}
.agni-services-block .container{max-width:var(--max);margin:0 auto;padding:0 20px;}
.agni-services-block .services{padding:80px 0;}
.agni-services-block .section-head{max-width:640px;margin:0 auto 50px;text-align:center;}
.agni-services-block .section-head .eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:12px;}
.agni-services-block .section-head h2{font-size:32px;}
.agni-services-block .section-head h2::after{content:"";display:block;width:50px;height:3px;background:var(--primary);margin:16px auto 0;}
.agni-services-block .section-head p{color:var(--text-soft);font-size:16px;}

.agni-services-block .btn{
  display:inline-block;padding:13px 30px;border-radius:2px;
  font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;
  text-decoration:none;border:2px solid transparent;cursor:pointer;transition:all .2s ease;
}
.agni-services-block .btn-primary{background:var(--primary);color:#fff;}
.agni-services-block .btn-primary:hover{background:var(--primary-dark);color:#fff;}
.agni-services-block .btn-ghost{background:transparent;border-color:var(--line);color:var(--dark);}
.agni-services-block .btn-ghost:hover{border-color:var(--primary);color:var(--primary);}

.agni-services-block .tier-note{background:#fff;border:1px solid var(--line);border-left:4px solid var(--primary);padding:16px 20px;font-size:14px;color:var(--text-soft);margin-bottom:44px;text-align:center;}
.agni-services-block .tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.agni-services-block .tier-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 24px;text-align:center;position:relative;}
.agni-services-block .tier-card.featured{border-color:var(--primary);border-width:2px;}
.agni-services-block .tier-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:5px 14px;border-radius:2px;white-space:nowrap;}
.agni-services-block .tier-card h3{font-size:20px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;}
.agni-services-block .tier-tagline{font-size:13px;font-style:italic;color:var(--text-soft);margin-bottom:16px;min-height:32px;}
.agni-services-block .tier-fee{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:22px;color:var(--primary);margin-bottom:4px;}
.agni-services-block .tier-fee small{display:block;font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:11.5px;color:var(--text-soft);text-transform:none;letter-spacing:0;}
.agni-services-block .tier-royalty{font-size:12.5px;color:var(--text-soft);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px;}
.agni-services-block .tier-list{list-style:none;margin:0 0 22px;padding:0;text-align:left;}
.agni-services-block .tier-list li{font-size:13px;color:var(--text-soft);padding-left:20px;position:relative;margin-bottom:9px;}
.agni-services-block .tier-list li::before{content:"—";position:absolute;left:0;color:var(--primary);}
.agni-services-block .tier-card .btn{width:100%;}

.agni-services-block .addon-banner{margin-top:50px;background:var(--dark);border-radius:var(--radius);padding:38px 40px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
.agni-services-block .addon-banner h4{color:#fff;font-size:19px;margin-bottom:6px;}
.agni-services-block .addon-banner p{color:#CCC;margin:0;font-size:14px;max-width:440px;}
.agni-services-block .addon-figures{text-align:right;}
.agni-services-block .addon-figures .fee{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:800;color:var(--primary);}
.agni-services-block .addon-figures small{font-size:12px;color:#CCC;}

.agni-services-block .kindle-note{margin-top:34px;text-align:center;font-size:13.5px;color:var(--text-soft);}

.agni-services-block .compare-wrap{margin-top:70px;overflow-x:auto;background:#fff;border:1px solid var(--line);}
.agni-services-block table{width:100%;border-collapse:collapse;min-width:760px;}
.agni-services-block th,
.agni-services-block td{padding:13px 16px;text-align:left;font-size:13px;border-bottom:1px solid var(--line);}
.agni-services-block thead th{background:var(--dark);color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:700;text-transform:uppercase;font-size:12.5px;letter-spacing:.04em;}
.agni-services-block tbody th{color:var(--text);font-weight:700;background:var(--bg-alt);}
.agni-services-block td.highlight{color:var(--primary);font-weight:700;}

@media(max-width:860px){
  .agni-services-block .tier-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .agni-services-block .tier-grid{grid-template-columns:1fr;}
}

/* ============================================================
   Append this UNDERNEATH your existing .agni-services-block CSS
   in Appearance → Customize → Additional CSS. Save when done.
   ============================================================ */

/* --- Intro block --- */
.agni-page-intro{
  background:#FFFFFF;
  padding:50px 0 10px;
  text-align:center;
}
.agni-page-intro .api-container{
  max-width:700px;
  margin:0 auto;
  padding:0 20px;
}
.agni-page-intro .api-eyebrow{
  display:block;
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#E8543F;
  margin-bottom:14px;
}
.agni-page-intro .api-lede{
  font-size:16.5px;
  line-height:1.75;
  color:#4A4A4A;
  margin:0;
}

/* --- How It Works --- */
.agni-how-it-works{
  background:#FFFFFF;
  padding:50px 0 80px;
}
.agni-how-it-works .ahw-container{
  max-width:1170px;
  margin:0 auto;
  padding:0 20px;
  text-align:center;
}
.agni-how-it-works .ahw-eyebrow{
  display:block;
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#E8543F;
  margin-bottom:12px;
}
.agni-how-it-works .ahw-title{
  font-size:30px;
  font-weight:700;
  color:#222222;
  margin:0 0 40px;
}
.agni-how-it-works .ahw-steps{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:24px;
  text-align:center;
}
.agni-how-it-works .ahw-step{
  padding:0 6px;
}
.agni-how-it-works .ahw-num{
  width:44px;
  height:44px;
  line-height:44px;
  border-radius:50%;
  background:#F7F7F7;
  border:2px solid #E8543F;
  color:#E8543F;
  font-weight:800;
  font-size:17px;
  margin:0 auto 16px;
}
.agni-how-it-works .ahw-step h4{
  font-size:15.5px;
  font-weight:700;
  color:#222222;
  margin:0 0 8px;
}
.agni-how-it-works .ahw-step p{
  font-size:13px;
  line-height:1.6;
  color:#6B6B6B;
  margin:0;
}
@media(max-width:860px){
  .agni-how-it-works .ahw-steps{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:480px){
  .agni-how-it-works .ahw-steps{grid-template-columns:1fr;}
}

/* --- Closing CTA banner --- */
.agni-cta-banner{
  background:#222222;
  padding:56px 20px;
  text-align:center;
}
.agni-cta-banner .acb-container{
  max-width:600px;
  margin:0 auto;
}
.agni-cta-banner h3{
  color:#FFFFFF;
  font-size:26px;
  font-weight:700;
  margin:0 0 10px;
}
.agni-cta-banner p{
  color:#CCCCCC;
  font-size:15px;
  margin:0 0 26px;
}
.agni-cta-banner .acb-btn{
  display:inline-block;
  padding:14px 34px;
  background:#E8543F;
  color:#FFFFFF;
  font-weight:700;
  font-size:14px;
  letter-spacing:.03em;
  text-transform:uppercase;
  text-decoration:none;
  border-radius:2px;
}
.agni-cta-banner .acb-btn:hover{
  background:#C0392B;
}

.site-info {
    display: none;
}


.site-info {
    display: none;
}