/* Inner (non-home) pages only — loaded conditionally by template-page.php.
   Scoped under .is-inner so homepage styles are untouched. */

/* Hero: same dark stage as the homepage, tightened for content pages. */
.is-inner .inner-hero { padding-top: 88px; padding-bottom: 88px; position: relative; }
.is-inner .hero { background:
  radial-gradient(55% 75% at 85% 6%, rgba(108,92,231,.30), transparent 62%),
  #09081C; }
.is-inner .inner-hero h1 { font-size: clamp(38px,4.2vw,60px); line-height: 1.08; letter-spacing: -.04em; font-weight: 500; max-width: 780px; }
.is-inner .inner-hero p { line-height: 1.85; }
.is-inner .inner-hero .eyebrow { color: #a99af5; }

/* Section rhythm */
.is-inner .inner-section { padding-top: 84px; padding-bottom: 84px; }
.is-inner .inner-section.bg-mist { background: linear-gradient(130deg,#F7F6FC,#ECE8FC); }

/* Cards */
.is-inner main [class*="rounded"] { transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease, border-color .35s ease; }
.is-inner main [class*="rounded"]:hover { transform: translateY(-5px); box-shadow: 0 26px 54px -28px rgba(20,18,48,.32); }

/* Solution cards */
.is-inner .solution-card { position: relative; padding-top: 58px; }
.is-inner .solution-icon { position: absolute; top: -22px; left: 28px; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: linear-gradient(135deg,#6C5CE0,#8f7bff); color: white; box-shadow: 0 10px 22px #6c5ce038; }
.is-inner .solution-card h3 { font-size: 19px; letter-spacing: -.02em; }
.is-inner .solution-link { display: inline-block; margin-top: 18px; font-size: 13.5px; font-weight: 600; color: #6C5CE0; }
.is-inner .solution-link:hover { color: #5341C4; }

/* Problem → fix panels (Sales/Marketing Cloud) */
.is-inner .problem-panel, .is-inner .fix-panel { border-radius: 24px; padding: 40px; background: white; border: 1px solid #E2DEF2; }
.is-inner .problem-panel { border-top: 3px solid #E2DEF2; }
.is-inner .fix-panel { border-top: 3px solid #6C5CE0; }
.is-inner .inner-li { position: relative; padding-left: 26px; list-style: none; }
.is-inner .inner-li::before { content: ''; position: absolute; left: 0; top: .55em; width: 14px; height: 14px; border-radius: 4px; background: #ECE8FC; box-shadow: inset 0 0 0 2px #a99af5; }
.is-inner .fix-panel .inner-li::before { background: #6C5CE0; box-shadow: none; }

/* Industries / case-study / partner / about / resources card accents */
.is-inner .industry-page-card, .is-inner .case-card, .is-inner .partner-step, .is-inner .about-card, .is-inner .resource-card { border-radius: 24px; }
.is-inner .partner-step { border-top: 3px solid #6C5CE0; }

/* Case-study detail: numbered steps */
.is-inner .case-step { position: relative; border-radius: 24px; }
.is-inner .case-num { position: absolute; top: -30px; left: 28px; font-size: 64px; font-weight: 600; letter-spacing: -.04em; color: #ECE8FC; }

/* Dark CTA band (matches homepage .home-cta) */
.is-inner .inner-cta { background: radial-gradient(ellipse at 100% 0,#6c5ce088,transparent 65%),#141230 !important; position: relative; overflow: hidden; border-radius: 2rem !important; }
.is-inner .inner-cta h2 { color: white; font-size: clamp(32px,4vw,58px); }
.is-inner .inner-cta p { color: #d4cce6; }
.is-inner .inner-cta::after { content: ''; position: absolute; right: -140px; top: -180px; width: 450px; height: 450px; border: 1px solid #ffffff15; border-radius: 50%; box-shadow: 0 0 0 40px #ffffff05, 0 0 0 80px #ffffff04; pointer-events: none; }

@media (max-width: 767px) {
  .is-inner .inner-hero { padding-top: 56px; padding-bottom: 56px; }
  .is-inner .inner-section { padding-top: 56px; padding-bottom: 56px; }
  .is-inner .problem-panel, .is-inner .fix-panel { padding: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .is-inner main [class*="rounded"] { transition: none; }
  .is-inner main [class*="rounded"]:hover { transform: none; }
}