.business-index-page .business-index-hero { background-image: url(../images/bg_business-index_top.jpg); }
.business-index-page .business-index-intro .web-ai-section-heading::before { content: "01"; }
.business-index-page .business-index-services .web-ai-section-heading::before { content: "02"; }
.business-index-page .business-index-policy .web-ai-section-heading::before { content: "03"; color: #90c3aa; }
.business-index-page .business-index-process .web-ai-section-heading::before { content: "04"; }
.business-index-intro-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(40px,8vw,100px); }
.business-index-large-copy { margin: 0; font-size: clamp(1.5rem,3vw,2.4rem); font-weight: 700; line-height: 1.65; }
.business-index-service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.business-index-service-grid > a { display: flex; min-height: 360px; padding: clamp(30px,5vw,52px); flex-direction: column; color: var(--ink); background: #fff; border-top: 4px solid var(--accent); box-shadow: 0 10px 30px rgba(0,0,0,.06); text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease; }
.business-index-service-grid > a:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(0,0,0,.1); }
.business-index-service-head { display: flex; align-items: baseline; gap: 16px; margin-bottom: 34px; }
.business-index-service-head span { color: var(--accent); font-size: .72rem; font-weight: 700; }
.business-index-service-head p { margin: 0; color: var(--accent); font-size: .76rem; font-weight: 700; letter-spacing: .16em; }
.business-index-service-grid h3 { margin: 0 0 18px; font-size: clamp(1.5rem,3vw,2.1rem); }
.business-index-service-grid > a > p { margin: 0; color: var(--muted); }
.business-index-service-grid > a > strong { margin-top: auto; padding-top: 30px; color: var(--accent); }
.business-index-policy-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: #415049; }
.business-index-policy-grid article { padding: clamp(30px,4vw,48px); background: #20342b; }
.business-index-policy-grid span { color: #90c3aa; font-size: .72rem; font-weight: 700; }
.business-index-policy-grid h3 { margin: 30px 0 16px; color: #fff; }
.business-index-policy-grid p { margin: 0; color: #c8d4ce; }
.business-index-page .business-index-process .web-ai-process { grid-template-columns: repeat(4,minmax(0,1fr)); }
@media (max-width: 680px) { .business-index-intro-grid,.business-index-service-grid,.business-index-policy-grid { grid-template-columns: 1fr; } .business-index-page .business-index-process .web-ai-process { grid-template-columns: 1fr; } }