.ai-hero { display: grid; grid-template-columns: 1.08fr 0.92fr; min-height: min(680px, calc(100vh - 78px)); }
.ai-hero-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(60px, 7vw, 100px) clamp(28px, 6vw, 100px); }
.ai-hero h1 { font-size: clamp(3rem, 5vw, 6rem); }
.ai-hero h1 strong { color: var(--pink); }
.ai-hero .hero-intro { max-width: 650px; }
.ai-hero .hero-intro strong { color: var(--ink); }
.ai-hero-image { min-height: 500px; overflow: hidden; background: var(--ink); }
.ai-hero-image img { height: 100%; object-fit: cover; filter: grayscale(1); }
.ai-offers { background: var(--ink); color: var(--white); }
.ai-offers .section-heading > p { color: #d3d1cc; }
.ai-offer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: #515259; }
.ai-offer { padding: clamp(28px, 3vw, 50px); background: var(--ink); }
.ai-offer-number { color: var(--pink); font-size: 0.9rem; font-weight: 800; }
.ai-offer h3 { margin: 35px 0 8px; font-size: clamp(1.8rem, 2.5vw, 2.7rem); }
.ai-audience { color: #b7b8bb; font-size: 0.92rem; }
.ai-offer > p:not(.ai-audience) { min-height: 125px; }
.ai-offer ul { margin: 30px 0 0; padding: 20px 0 0 18px; border-top: 1px solid #515259; }
.ai-offer li { margin: 0 0 10px; }
.ai-approach { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 7vw, 120px); background: var(--white); }
.ai-approach ol { margin: 0; padding: 0; list-style: none; }
.ai-approach li { display: grid; grid-template-columns: 130px 1fr; gap: 20px; padding: 25px 0; border-top: 1px solid var(--line); }
.ai-approach li strong { color: var(--pink); }
.ai-contact { background: var(--paper); }
.ai-contact p:not(.eyebrow) { max-width: 670px; color: var(--ink-soft); font-size: 1.15rem; }
.ai-contact .button { margin-top: 20px; }


.nav-links a[aria-current="page"] { border-bottom-color: var(--pink); }

@media (max-width: 1050px) {
 .ai-offer-grid { grid-template-columns: 1fr; }
 .ai-offer > p:not(.ai-audience) { min-height: 0; }
}
@media (max-width: 760px) {
 .ai-approach { grid-template-columns: 1fr; }
 .ai-hero { display: flex; flex-direction: column; min-height: 0; }
 .ai-hero-copy { padding: 60px 22px; }
 .ai-hero-image { min-height: 42vh; }
 .ai-approach li { grid-template-columns: 1fr; gap: 5px; }
}