/* Version 137: page-scoped marketing, agency, website, and marketing-to-revenue layouts */
.marketing-service-hero .hero-copy{max-width:850px}
.marketing-service-hero .lead{max-width:820px}
.marketing-section-intro{max-width:920px;margin-bottom:34px}
.marketing-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.marketing-capability-grid article,.website-capability-grid article{position:relative;padding:28px;border:1px solid #d9e3ed;border-radius:20px;background:#fff;box-shadow:0 16px 40px rgba(18,40,74,.06)}
.marketing-capability-grid article>span,.website-capability-grid article>span{display:inline-grid;place-items:center;min-width:42px;height:34px;padding:0 10px;margin-bottom:17px;border-radius:999px;background:#eaf4ff;color:#176dc0;font-size:.76rem;font-weight:850;letter-spacing:.07em}
.marketing-capability-grid h3,.website-capability-grid h3{margin:0 0 11px;font-size:1.22rem;line-height:1.2}
.marketing-capability-grid p,.website-capability-grid p{margin:0;color:#526275;line-height:1.58}
.website-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.website-capability-grid article{padding:31px}
.website-capability-grid ul{margin:20px 0 0;padding:18px 0 0;border-top:1px solid #e3e9ef;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.website-capability-grid li{padding:7px 11px;border-radius:999px;background:#eef6fc;color:#315c78;font-size:.82rem;font-weight:750}
.marketing-stage-section{overflow:hidden}
.marketing-stage-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.marketing-stage-track article{position:relative;min-height:196px;padding:25px 21px;border:1px solid #d7e2ed;border-radius:19px;background:#fff;box-shadow:0 16px 38px rgba(18,40,74,.065)}
.marketing-stage-track article:not(:last-child)::after{content:"→";position:absolute;right:-17px;top:50%;z-index:2;transform:translateY(-50%);display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#edf6ff;color:#1976d2;font-weight:850}
.marketing-stage-track span{display:block;margin-bottom:15px;color:#1976d2;font-size:.76rem;font-weight:850;letter-spacing:.08em}
.marketing-stage-track h3{margin:0 0 9px;font-size:1.08rem;line-height:1.2}
.marketing-stage-track p{margin:0;color:#58697a;font-size:.93rem;line-height:1.5}
.marketing-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.marketing-market-grid article{padding:27px;border:1px solid #dbe5ee;border-radius:19px;background:#fff}
.marketing-market-grid h3{margin:0 0 11px;font-size:1.16rem}
.marketing-market-grid p{margin:0;color:#566679;line-height:1.58}
.marketing-assessment-section{background:linear-gradient(135deg,#eef7ff 0%,#f8fbfe 60%,#fff 100%)}
.marketing-assessment-header{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:48px;align-items:end;margin-bottom:28px}
.marketing-assessment-header>div:first-child{max-width:850px}
.marketing-assessment-header h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}
.marketing-assessment-header p{color:#506176;font-size:18px}
.marketing-assessment-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.marketing-assessment-actions p{margin:0;font-size:.86rem;line-height:1.5}
.marketing-assessment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.marketing-assessment-grid article{padding:23px;border:1px solid #cfe0ef;border-radius:17px;background:#fff}
.marketing-assessment-grid h3{margin:0 0 12px;font-size:1.04rem}
.marketing-assessment-grid ul{margin:0;padding-left:18px;color:#516174}
.marketing-assessment-grid li{margin:0 0 8px}
.marketing-assessment-grid p{margin:0;color:#516174}
.marketing-paid-note{padding:15px 17px;border-left:4px solid #1976d2;background:#edf6ff;color:#334c63!important;font-size:.92rem!important}
.marketing-assessment-compact .diagnostic-card .hero-actions{margin-top:24px}
.marketing-assessment-compact .diagnostic-card .btn-secondary{color:#1c5e8d;border-color:#b6ccdc;background:#fff}
.marketing-connected-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.marketing-connected-grid>a{display:flex;flex-direction:column;min-height:270px;padding:27px;border:1px solid #d9e3ed;border-radius:19px;background:#fff;color:inherit;box-shadow:0 15px 36px rgba(18,40,74,.055);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.marketing-connected-grid>a:hover{transform:translateY(-3px);border-color:#9dc6e6;box-shadow:0 20px 44px rgba(18,40,74,.1)}
.marketing-connected-grid span{margin-bottom:14px;color:#1976d2;font-size:.75rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.marketing-connected-grid h3{margin:0 0 11px;font-size:1.18rem}
.marketing-connected-grid p{margin:0 0 18px;color:#586879;line-height:1.55}
.marketing-connected-grid b{margin-top:auto;color:#176dc0;font-size:.9rem}
.marketing-final-cta .split{align-items:center}
@media (max-width:1100px){
  .marketing-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketing-stage-track{grid-template-columns:repeat(3,minmax(0,1fr))}
  .marketing-stage-track article:nth-child(3)::after{display:none}
  .marketing-market-grid,.marketing-connected-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketing-assessment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:820px){
  .marketing-assessment-header{grid-template-columns:1fr;gap:24px}
  .marketing-assessment-actions{align-items:flex-start}
  .website-capability-grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .marketing-capability-grid,.marketing-market-grid,.marketing-connected-grid,.marketing-assessment-grid{grid-template-columns:1fr}
  .marketing-stage-track{grid-template-columns:1fr;gap:12px}
  .marketing-stage-track article{min-height:auto;padding:22px 22px 22px 67px}
  .marketing-stage-track article::after{content:"↓"!important;right:auto!important;left:23px;top:auto!important;bottom:-17px;transform:none!important}
  .marketing-stage-track article:last-child::after{display:none}
  .marketing-stage-track span{position:absolute;left:19px;top:25px;margin:0}
  .marketing-connected-grid>a{min-height:auto}
  .marketing-assessment-actions,.marketing-final-cta .hero-actions,.marketing-assessment-compact .hero-actions{align-items:stretch;flex-direction:column}
  .marketing-assessment-actions .btn,.marketing-final-cta .btn,.marketing-assessment-compact .btn{width:100%;text-align:center}
  body.lang-en .chatbot-placeholder{display:none}
}