.inner-page { background: var(--paper); }
.inner-hero { position: relative; overflow: hidden; padding: 96px 0 108px; color: var(--white); background: var(--ink); }
.inner-hero::after { position: absolute; right: 9%; bottom: -115px; width: 310px; height: 310px; border: 1px solid #526158; border-radius: 50%; box-shadow: 0 0 0 32px rgb(217 255 77 / 7%), 0 0 0 65px rgb(217 255 77 / 4%); content: ""; }
.inner-hero .container { position: relative; z-index: 1; }
.inner-breadcrumb { display: flex; align-items: center; gap: 9px; margin: 0 0 31px; color: #8d9b91; font: 9px var(--mono); letter-spacing: .09em; text-transform: uppercase; }.inner-breadcrumb a:hover { color: var(--lime); }.inner-breadcrumb span { color: var(--lime); }
.inner-hero-grid { display: grid; grid-template-columns: 1fr .74fr; gap: 100px; align-items: end; }.inner-hero h1 { max-width: 760px; margin: 0; font-size: clamp(48px, 6vw, 82px); font-weight: 500; line-height: .92; letter-spacing: -.075em; }.inner-hero h1 em { color: var(--lime); font-style: normal; }.inner-hero-lede { max-width: 580px; margin: 28px 0 0; color: #adbaaf; font-size: 16px; line-height: 1.6; }.inner-hero .button { margin-top: 30px; }
.inner-hero-note { align-self: end; padding: 17px 0 17px 18px; border-left: 2px solid var(--lime); }.inner-hero-note span { display: block; margin-bottom: 13px; color: var(--lime); font: 9px var(--mono); letter-spacing: .1em; }.inner-hero-note strong { display: block; color: var(--white); font-size: 22px; font-weight: 500; line-height: 1.05; letter-spacing: -.05em; }.inner-hero-note p { margin: 14px 0 0; color: #8d9b91; font-size: 12px; line-height: 1.5; }
.inner-section { padding: 108px 0 115px; }.inner-section-cream { background: var(--cream); }.inner-heading { max-width: 680px; margin-bottom: 46px; }.inner-heading h2 { margin: 0; font-size: clamp(39px, 4.5vw, 62px); font-weight: 500; line-height: .95; letter-spacing: -.07em; }.inner-heading h2 em { color: var(--lime-dark); font-style: normal; }.inner-heading p:not(.eyebrow) { max-width: 570px; margin: 21px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.inner-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }.inner-card { display: flex; min-height: 315px; flex-direction: column; padding: 21px; border: 1px solid var(--line); }.inner-card-dark { color: var(--white); background: var(--ink); border-color: var(--ink); }.inner-card-lime { background: var(--lime); border-color: var(--lime); }.inner-card .card-index { color: #7c887f; font: 9px var(--mono); letter-spacing: .1em; }.inner-card-dark .card-index { color: #9daa9f; }.inner-card-lime .card-index { color: #56693b; }.inner-card h3 { margin: auto 0 12px; font-size: 29px; font-weight: 500; line-height: .95; letter-spacing: -.06em; }.inner-card h3 em { color: var(--lime-dark); font-style: normal; }.inner-card-dark h3 em { color: var(--lime); }.inner-card-lime h3 em { color: #4f642e; }.inner-card p { margin: 0 0 22px; color: #6d786f; font-size: 13px; line-height: 1.5; }.inner-card-dark p { color: #aab5ab; }.inner-card-lime p { color: #53623e; }.inner-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; font-size: 12px; font-weight: 600; }.inner-card-dark a { color: var(--lime); }.inner-card-lime a { color: var(--ink); }.inner-card a span { font-size: 17px; }
.inner-list-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 42px; border-top: 1px solid var(--line); }.inner-list-item { display: grid; grid-template-columns: 34px 1fr; gap: 13px; padding: 19px 0; border-bottom: 1px solid var(--line); }.inner-list-item > span { color: var(--lime-dark); font: 10px var(--mono); }.inner-list-item h3 { margin: 0 0 7px; font-size: 17px; font-weight: 500; }.inner-list-item p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.audit-product { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; padding: 27px 0; border-top: 1px solid var(--line); }.audit-product:last-child { border-bottom: 1px solid var(--line); }.audit-product > span { color: var(--lime-dark); font: 11px var(--mono); }.audit-product h3 { margin: 0; font-size: 26px; font-weight: 500; line-height: .95; }.audit-product h3 em { color: #738078; font-style: normal; }.audit-product p { max-width: 500px; margin: 13px 0 19px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.engagement-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.engagement-card { padding: 20px; border-top: 2px solid var(--ink); }.engagement-card strong { display: block; margin-bottom: 14px; font: 13px var(--mono); }.engagement-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.inner-cta { padding: 81px 0 88px; color: var(--ink); background: var(--lime); }.inner-cta-layout { display: flex; align-items: center; justify-content: space-between; gap: 50px; }.inner-cta h2 { max-width: 660px; margin: 0; font-size: clamp(38px, 4.7vw, 62px); font-weight: 500; line-height: .95; letter-spacing: -.07em; }.inner-cta h2 em { color: #53672f; font-style: normal; }.inner-cta p { max-width: 330px; margin: 0 0 21px; color: #5b6845; font-size: 14px; line-height: 1.5; }
.inner-form-section { padding: 110px 0 120px; background: var(--ink); }.inner-form-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 100px; }.inner-form-copy h2 { margin: 0; color: var(--white); font-size: clamp(40px, 4.9vw, 65px); font-weight: 500; line-height: .94; letter-spacing: -.07em; }.inner-form-copy h2 em { color: var(--lime); font-style: normal; }.inner-form-copy > p:not(.eyebrow) { max-width: 390px; margin: 24px 0 0; color: #aab5ab; font-size: 14px; line-height: 1.6; }.inner-lead-form { padding: 27px; background: var(--white); }.inner-lead-form .field { margin-bottom: 14px; }.inner-lead-form .form-grid { padding-top: 0; }.inner-lead-form .field input, .inner-lead-form .field select, .inner-lead-form .field textarea { background: #f8f7f2; }.inner-lead-form .button { margin-top: 6px; }
.case-placeholder { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.case-stage { min-height: 190px; padding: 18px; border: 1px dashed #aeb7ac; }.case-stage span { display: block; margin-bottom: 45px; color: var(--lime-dark); font: 9px var(--mono); }.case-stage strong { font-size: 22px; font-weight: 500; letter-spacing: -.05em; }.admin-note { margin-top: 30px; padding: 15px; color: #6b766c; background: #e9eadf; font: 10px/1.5 var(--mono); }

@media (max-width: 960px) { .inner-hero-grid, .inner-form-layout { grid-template-columns: 1fr; gap: 45px; }.inner-hero-note { max-width: 500px; }.inner-card-grid { grid-template-columns: repeat(2, 1fr); }.inner-card:last-child:nth-child(odd) { grid-column: span 2; }.engagement-grid { grid-template-columns: repeat(2, 1fr); }.case-placeholder { grid-template-columns: repeat(2, 1fr); }.audit-product { grid-template-columns: .5fr 1.5fr; }.inner-cta-layout { align-items: flex-start; flex-direction: column; } }
.contact-direct .inner-list-item { transition: color .2s; }
.contact-direct .inner-list-item:hover h3 { color: var(--signal-red); }

@media (max-width: 620px) { .inner-hero { padding: 67px 0 75px; }.inner-hero-grid { gap: 38px; }.inner-hero h1 { font-size: 48px; }.inner-hero-lede { font-size: 14px; }.inner-hero-note strong { font-size: 20px; }.inner-section { padding-block: 73px 80px; }.inner-heading h2 { font-size: 43px; }.inner-card-grid { grid-template-columns: 1fr; gap: 9px; }.inner-card:last-child:nth-child(odd) { grid-column: auto; }.inner-card { min-height: 260px; padding: 17px; }.inner-card h3 { font-size: 27px; }.inner-list-grid { grid-template-columns: 1fr; }.inner-list-item { grid-template-columns: 28px 1fr; }.audit-product { grid-template-columns: 1fr; gap: 13px; }.engagement-grid, .case-placeholder { grid-template-columns: 1fr 1fr; gap: 8px; }.engagement-card { padding: 14px; }.engagement-card p { font-size: 11px; }.inner-cta { padding-block: 70px 76px; }.inner-cta h2 { font-size: 43px; }.inner-cta .button { width: 100%; }.inner-form-section { padding-block: 73px 80px; }.inner-form-layout { gap: 39px; }.inner-form-copy h2 { font-size: 47px; }.inner-lead-form { padding: 19px 16px 20px; }.inner-lead-form .form-grid { grid-template-columns: 1fr; }.case-stage { min-height: 145px; padding: 13px; }.case-stage span { margin-bottom: 30px; }.case-stage strong { font-size: 18px; } }

/* Lime remains the brand signal on dark surfaces; red carries light-surface headings. */
.inner-heading h2 em,
.inner-card:not(.inner-card-dark):not(.inner-card-lime) h3 em {
  color: var(--signal-red);
}

/* Article pages */
.article-body { max-width: 760px; margin: 0 auto; }
.article-body h2 { margin: 46px 0 14px; font-size: clamp(26px, 3vw, 36px); font-weight: 500; line-height: 1.02; letter-spacing: -.05em; }
.article-body h3 { margin: 30px 0 10px; font-size: 19px; font-weight: 500; }
.article-body p { margin: 0 0 16px; color: var(--muted); font-size: 15px; line-height: 1.7; }
.article-body ul { margin: 0 0 18px; padding-left: 20px; color: var(--muted); font-size: 15px; line-height: 1.7; }
.article-body li { margin-bottom: 8px; }
.article-body strong { color: var(--ink); }
.article-body a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.article-body a:hover { color: var(--lime-dark); }
.article-meta { margin: 0 0 30px; color: #7f8981; font: 10px var(--mono); letter-spacing: .08em; text-transform: uppercase; }