/* Increase Web Marketing — brand layer. Loaded after site.css so it wins.
   CTA intent logic (sitewide):
     .cta            → service-intent  → VERMILLION (the logo arrow)
     .cta-learn-more → informational   → BLUE gradient (the logo bars)
   The base theme already split warm vs blue; this anchors the warm CTA on true
   vermillion and exposes brand tokens for the sections built in later phases. */
:root{
  --iwm-verm:#e34234; --iwm-verm-deep:#c5301f; --iwm-verm-light:#f0664a;
  --iwm-blue-1:#2bc4f3; --iwm-blue-2:#00aeee; --iwm-blue-3:#007ac1;
  --iwm-ink:#15151e;
}
/* Service-intent CTA → vermillion (orange↔red from the logo arrow) */
.cta{
  background-color:var(--iwm-verm);
  background-image:linear-gradient(135deg,var(--iwm-verm-light),var(--iwm-verm) 45%,var(--iwm-verm-deep));
}
.cta:hover{ background-image:linear-gradient(135deg,var(--iwm-verm),var(--iwm-verm-deep)); }
/* Informational CTA → logo blue gradient */
.cta-learn-more{
  background-image:linear-gradient(135deg,var(--iwm-blue-1),var(--iwm-blue-2) 55%,var(--iwm-blue-3));
}
/* Warm text accent for service-intent words in headings (blue accent stays the default) */
.span-accent-warm{
  color:var(--iwm-verm); -webkit-text-fill-color:var(--iwm-verm);
  background:none; -webkit-background-clip:border-box; background-clip:border-box; font-weight:700;
}
/* Nav service-intent CTA → vermillion (replaces the template "Buy template" button) */
.nav-cta{
  background-color:var(--iwm-verm);
  background-image:linear-gradient(135deg,var(--iwm-verm-light),var(--iwm-verm) 45%,var(--iwm-verm-deep));
  color:#fff;
}
.nav-cta:hover{ background-image:linear-gradient(135deg,var(--iwm-verm),var(--iwm-verm-deep)); color:#fff; }

/* ---- shared pillar-page scaffolding (.pg-) ---- */
.pg-wrap{max-width:1100px;margin:0 auto;padding:0 5%;}
.pg-hero{padding:6rem 0 3.5rem;text-align:center;}
.pg-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--iwm-blue-3);margin:0 0 .7rem;}
.pg-h1{font-family:Satoshi,system-ui,sans-serif;font-size:3rem;font-weight:900;letter-spacing:-.02em;line-height:1.06;color:var(--iwm-ink);margin:0 auto .9rem;max-width:18ch;}
.pg-h1 .accent{background:linear-gradient(135deg,#2bc4f3,var(--iwm-blue-2),var(--iwm-blue-3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.pg-lead{font-size:1.15rem;line-height:1.55;color:#5a5a68;max-width:640px;margin:0 auto 1.6rem;}
.pg-cta-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;align-items:center;}
.pg-section{padding:4rem 0;}
.pg-section.alt{background:#f7f8fa;}
.pg-h2{font-family:Satoshi,system-ui,sans-serif;font-size:2rem;font-weight:900;letter-spacing:-.02em;color:var(--iwm-ink);margin:0 0 .5rem;}
.pg-sectsub{color:#5a5a68;font-size:1.05rem;max-width:640px;margin:0 0 2rem;line-height:1.5;}
.pg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;}
.pg-cards.two{grid-template-columns:repeat(2,1fr);}
.pg-card{background:#fff;border:1px solid rgba(20,20,40,.08);border-radius:16px;box-shadow:0 10px 30px rgba(20,20,40,.05);padding:1.6rem;}
.pg-card h3{font-family:Satoshi,system-ui,sans-serif;font-size:1.18rem;font-weight:700;color:var(--iwm-ink);margin:0 0 .5rem;}
.pg-card p{color:#5a5a68;font-size:.97rem;line-height:1.5;margin:0;}
.pg-card .pg-step{font-weight:900;color:var(--iwm-verm);font-family:Satoshi,system-ui,sans-serif;font-size:.95rem;}
.pg-band{background:linear-gradient(135deg,rgba(227,66,52,.07),rgba(0,174,238,.07));border-radius:22px;padding:3rem 2rem;text-align:center;}
.pg-table{width:100%;border-collapse:collapse;font-size:.97rem;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(20,20,40,.05);}
.pg-table th{text-align:left;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9aa0ab;padding:.9rem 1.1rem;background:#f7f8fa;}
.pg-table td{padding:1rem 1.1rem;border-top:1px solid rgba(20,20,40,.07);color:#5a5a68;vertical-align:top;}
.pg-table td b{color:var(--iwm-ink);}
.pg-faq{max-width:760px;margin:0 auto;}
.pg-faq details{border-bottom:1px solid rgba(20,20,40,.10);padding:1.1rem 0;}
.pg-faq summary{font-weight:700;color:var(--iwm-ink);cursor:pointer;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:1rem;}
.pg-faq summary::-webkit-details-marker{display:none;}
.pg-faq summary::after{content:"+";color:var(--iwm-verm);font-weight:900;}
.pg-faq details[open] summary::after{content:"\2013";}
.pg-faq p{color:#5a5a68;line-height:1.55;margin:.8rem 0 0;}
@media(max-width:860px){.pg-cards,.pg-cards.two{grid-template-columns:1fr;}.pg-h1{font-size:2.2rem;}.pg-h2{font-size:1.6rem;}.pg-hero{padding:4rem 0 2.5rem;}}

/* ── Nav fit: 9 links on medium-desktop (992–1280px) without overflow ───────── */
@media screen and (min-width: 992px) and (max-width: 1280px){
  .navbar-grid{grid-template-columns:140px auto 140px;}
  .nav-link.w-nav-link{font-size:.9rem;padding-left:8px;padding-right:8px;}
}
@media screen and (min-width: 992px) and (max-width: 1080px){
  .nav-link.w-nav-link{font-size:.85rem;padding-left:6px;padding-right:6px;letter-spacing:-.01em;}
}