.inno-tech { position:relative; background:#f8f7f5; color:#141414; padding:90px 0 64px; }
.inno-tech * { box-sizing:border-box; }
.inno-tech-stage { width:100%; max-width:none; margin:0 auto; }
.inno-tech-heading { margin:0 auto 72px; padding:0 24px; text-align:center; }
.inno-tech-heading>p { color:#0f62fe; font-size:12px; font-weight:600; letter-spacing:.18em; margin:0 0 16px; }
.inno-tech-heading h2 { font-size:clamp(30px,3.5vw,52px); line-height:1.18; letter-spacing:-.035em; font-weight:600; margin:0; color:#141414; text-transform:none; }
.inno-tech-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #d9dde3; }
.inno-tech-card { min-width:0; padding:48px clamp(24px,2.5vw,48px) 36px; border-right:1px solid #deddda; background:#f8f7f5; }
.inno-tech-card:first-child { border-left:1px solid #d9dde3; }
.inno-tech-icon { position:relative; display:grid; place-items:center; width:64px; height:64px; margin:0 0 54px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(20,20,20,.04); }
.inno-tech-icon svg { width:38px; height:38px; display:block; }
.inno-tech .inno-tech-card h3 { font-family:inherit; font-size:28px; font-weight:500; line-height:1.55; min-height:var(--tech-title-height,2.8em); margin:0 0 20px; color:#141414; text-transform:none; letter-spacing:-.02em; }
.inno-tech-card>p { color:#242424; font-size:clamp(16px,1.15vw,21px); line-height:1.55; margin:0 0 36px; min-height:var(--tech-description-height,6.2em); text-transform:none; }
.inno-tech-card ul { list-style:none; margin:0; padding:0; }
.inno-tech-card li { margin:0; padding:0; }
.inno-tech-card li a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:22px 0; border-top:1px dashed #deddda; font-size:clamp(15px,1.1vw,20px); line-height:1.5; font-weight:500; color:#242832; text-decoration:none; text-transform:none; }
.inno-tech-card li a span { color:#1163fb; font-size:20px; opacity:0; transform:translate(-4px,4px); transition:transform .2s,opacity .2s; }
.inno-tech-card li a:hover,.inno-tech-card li a:focus-visible { color:#1163fb; }
.inno-tech-card li a:hover span,.inno-tech-card li a:focus-visible span { opacity:1; transform:translate(0,0); }
.inno-tech a:focus-visible { outline:2px solid #1163fb; outline-offset:4px; }
.inno-tech-footer { text-align:center; margin-top:42px; }
.inno-tech-footer>a { display:inline-flex; align-items:center; gap:34px; padding:15px 24px; border:1px solid #1163fb; border-radius:9px; color:#1163fb; font-size:15px; font-weight:500; text-decoration:none; }
.inno-tech-footer>a:hover { background:#1163fb; color:#fff; }
@media(min-width:1100px) and (prefers-reduced-motion:no-preference) {
 .inno-tech.is-animated { overflow:hidden; }
 .inno-tech.is-animated .inno-tech-stage { position:relative; }
 .inno-tech.is-animated .inno-tech-card { transform:translateY(calc(var(--card-index) * var(--tech-offset,0px))); will-change:transform; }
}
@media(max-width:1099px) {
 .inno-tech-grid { grid-template-columns:repeat(2,minmax(0,1fr)); border-left:1px solid #d9dde3; }
 .inno-tech-card { border-bottom:1px solid #d9dde3; }
 .inno-tech-card:first-child { border-left:0; }
 .inno-tech-card>p { min-height:var(--tech-description-height,0px); }
}
@media(max-width:600px) {
 .inno-tech { padding:54px 0; }
 .inno-tech-heading { margin-bottom:32px; }
 .inno-tech-heading h2 { font-size:30px; }
 .inno-tech-grid { grid-template-columns:1fr; }
 .inno-tech-card { padding:28px 24px; }
 .inno-tech-icon { margin-bottom:26px; }
 .inno-tech .inno-tech-card h3 { min-height:var(--tech-title-height,0px); font-size:24px; }
 .inno-tech-card>p { min-height:0; }
 .inno-tech-card li a { font-size:14px; }
}

@media(prefers-reduced-motion:reduce){.inno-tech-card,.inno-tech-card li a span{transition:none!important;transform:none!important}}

/* Card typography matched to the reference (Appinventiv tokens: h3 20→28px/500, body 16→18px, list 16→20px/400) */
body .inno-tech .inno-tech-card h3{font-family:"Plus Jakarta Sans",sans-serif!important;font-size:clamp(20px,calc(1rem + .65vw),28px)!important;font-weight:500!important;line-height:1.55!important;letter-spacing:-.01em!important;margin:0 0 18px!important;color:#141414!important;-webkit-text-fill-color:#141414!important}
body .inno-tech .inno-tech-card>p{font-size:clamp(16px,calc(1rem + .104vw),18px)!important;line-height:1.7!important;font-weight:400!important;color:#242424!important;margin:0 0 32px!important}
body .inno-tech .inno-tech-card li a{font-size:clamp(16px,calc(1rem + .3125vw),20px)!important;font-weight:400!important;line-height:1.5!important;color:#141414!important;padding:20px 0!important}
body .inno-tech .inno-tech-card li a:hover{color:#1163fb!important}
.inno-tech-icon{margin-bottom:44px}
@media(max-width:600px){body .inno-tech .inno-tech-card h3{font-size:22px!important}body .inno-tech .inno-tech-card li a{font-size:15px!important;padding:16px 0!important}}

/* Smaller card titles and service links */
body .inno-tech .inno-tech-card h3{font-size:clamp(18px,1.35vw,21px)!important;line-height:1.45!important;margin-bottom:14px!important}
body .inno-tech .inno-tech-card>p{font-size:15px!important;line-height:1.65!important;margin-bottom:24px!important}
body .inno-tech .inno-tech-card li a{font-size:15px!important;padding:14px 0!important;line-height:1.45!important}
.inno-tech-icon{margin-bottom:30px}
@media(max-width:600px){body .inno-tech .inno-tech-card h3{font-size:18px!important}body .inno-tech .inno-tech-card li a{font-size:14px!important;padding:12px 0!important}}