/* Page styles for /content-marketing-services/  (from best_ref/Content Marketing.html) */
:root{--o:#f56622;--ink:#171a1e;--t:#292d32;--m:#68717b;--l:#e4e7e9;--s:#fff8f3}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--t);line-height:1.65}
a{text-decoration:none;color:inherit}
.wrap{width:min(1180px,92%);margin:auto}
.btn{display:inline-flex;padding:12px 20px;border:1px solid #d2d6da;border-radius:8px;font-size:12px;font-weight:800;justify-content:center}
.primary{background:var(--o);border-color:var(--o);color:#fff}
.crumb{padding:18px 0;font-size:11px;color:var(--m)}
section{padding:84px 0}
.soft{background:var(--s)}
.ey{font-size:10px;letter-spacing:1.8px;font-weight:900;color:var(--o);margin-bottom:12px}
h1,h2,h3{margin:0;line-height:1.12}
h1{font-size:56px;letter-spacing:-2.5px}
h1 span,h2 span{color:var(--o)}
h2{font-size:40px;letter-spacing:-1.4px}
h3{font-size:20px}
.lead{font-size:15px;color:var(--m);line-height:1.8}
.hero{padding:62px 0 84px;background:linear-gradient(180deg,#fff,#fffaf7)}
.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.heroText{max-width:700px;margin-top:20px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.panel{background:#fff;border:1px solid var(--l);border-radius:22px;padding:29px;box-shadow:0 20px 55px #0000000f}
.journey,.grid3,.grid2,.intent,.industries,.included,.why,.metrics,.stages{display:grid;gap:15px;margin-top:38px}
.journey{grid-template-columns:1fr 1fr;gap:10px}
.step,.card,.whyCard,.metric,.stage{border:1px solid var(--l);border-radius:15px;background:#fff;padding:24px}
.step:nth-child(2),.step:nth-child(5){background:var(--s)}
.step strong{display:block;font-size:13px}
.step span{font-size:10px;color:var(--m)}
.two{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}
.editorial{max-width:800px}
.editorial p{font-size:15px;color:var(--m)}
.quote{border-left:3px solid var(--o);padding-left:20px;font-size:21px;font-weight:750;line-height:1.4;margin-top:25px}
.grid3,.industries,.included{grid-template-columns:repeat(3,1fr)}
.grid2{grid-template-columns:1fr 1fr}
.card .mini{font-size:10px;color:var(--o);font-weight:900;letter-spacing:1.1px;margin-bottom:8px}
.card p,.whyCard p,.stage p{font-size:12.5px;color:var(--m);margin:0}
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:38px}
.flow div{padding:21px 10px;border:1px solid var(--l);border-radius:13px;text-align:center;background:#fff}
.flow div:nth-child(2),.flow div:nth-child(5){background:var(--s)}
.flow strong{display:block;font-size:12px}
.flow span{font-size:9px;color:var(--m)}
.intent{grid-template-columns:repeat(4,1fr)}
.intent .card{min-height:155px}
.tag{font-size:10px;color:var(--o);font-weight:900;letter-spacing:1px}
.authority{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:38px}
.authorityBox{padding:30px;border:1px solid var(--l);border-radius:18px}
.dark{background:var(--ink);color:#fff}
.dark p{color:#c9ced3}
.chain{display:grid;gap:8px;margin-top:20px}
.chain div{padding:10px 13px;background:#fff;border:1px solid var(--l);border-radius:9px;font-size:11px;font-weight:800}
.dark .chain div{background:#252a30;border-color:#343a41}
.distribution,.repurpose{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.chip{padding:13px;border:1px solid var(--l);border-radius:10px;background:#fff;font-size:10px;font-weight:900}
.assets{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.asset{padding:17px;border:1px solid var(--l);border-radius:10px;background:#fff;font-size:11px;font-weight:800}
.asset.main{grid-column:1/-1;background:var(--s);text-align:center;font-size:14px}
.industries .card{min-height:150px}
.included .card{min-height:145px}
.why{grid-template-columns:repeat(5,1fr)}
.whyCard strong{font-size:14px}
.metrics{grid-template-columns:repeat(6,1fr)}
.metric{text-align:center;padding:20px 8px}
.metric strong{display:block;font-size:13px}
.metric span{font-size:9px;color:var(--m)}
.stages{grid-template-columns:repeat(3,1fr)}
.stage .num{font-size:10px;color:var(--o);font-weight:900;letter-spacing:1px}
.stage h3{margin:8px 0}
.faq{max-width:900px;margin:38px auto}
.faq details{border-top:1px solid var(--l);padding:18px 0}
.faq details:last-child{border-bottom:1px solid var(--l)}
summary{font-size:15px;font-weight:800;cursor:pointer}
.faq p{font-size:13px;color:var(--m)}
.cta{background:var(--ink);color:#fff;text-align:center;padding:90px 0}
.cta .lead{max-width:760px;margin:18px auto;color:#c7ccd1}
@media(max-width:1050px){
  h1{font-size:47px}
  .heroGrid,.two,.distribution,.repurpose,.authority{grid-template-columns:1fr}
  .intent{grid-template-columns:repeat(2,1fr)}
  .grid3,.industries,.included{grid-template-columns:repeat(2,1fr)}
  .why{grid-template-columns:repeat(3,1fr)}
  .metrics{grid-template-columns:repeat(3,1fr)}
  .flow{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  h1{font-size:39px}
  h2{font-size:31px}
  .journey,.grid3,.grid2,.intent,.industries,.included,.why,.metrics,.stages,.flow{grid-template-columns:1fr}
  .actions .btn{width:100%}
  .assets{grid-template-columns:1fr}
  .asset.main{grid-column:auto}
}