.afterfuture-ai-implementation-group { background: #011f3d; color: #eaf6fb; }
.afterfuture-ai-implementation { position: relative; overflow: hidden; background: radial-gradient(90% 80% at 80% 0%, rgba(136,51,181,.16) 0%, transparent 60%), linear-gradient(90deg, rgba(0,50,100,.42) 0%, rgba(0,50,100,.16) 45%, rgba(30,90,150,.06) 100%), rgba(255,255,255,.03); border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.afterfuture-ai-implementation__grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(30,237,242,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(30,237,242,.09) 1px, transparent 1px); background-size: clamp(38px, 4vw, 52px) clamp(38px, 4vw, 52px); -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.7) 35%, rgba(0,0,0,.2) 55%, transparent 72%); mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.7) 35%, rgba(0,0,0,.2) 55%, transparent 72%); pointer-events: none; }
.afterfuture-ai-implementation__inner { position: relative; max-width: 1440px; margin: 0 auto; padding: clamp(128px, 18vh, 220px) clamp(24px, 4vw, 64px) clamp(64px, 9vh, 110px); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 5vw, 72px); }
.afterfuture-ai-implementation__intro h2 { margin: 0; color: #fff; font-family: 'Space Grotesk', sans-serif; font-size: clamp(30px, 3.4vw, 48px); font-weight: 700; line-height: 1.06; letter-spacing: 0; }
.afterfuture-ai-implementation__intro h2 span, .afterfuture-ai-implementation__intro h2 strong { background: linear-gradient(100deg, #8833B5, #FF3D81); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.afterfuture-ai-implementation__text { margin-top: 24px; color: rgba(234,246,251,.72); font-size: 16px; line-height: 1.65; }
.afterfuture-ai-implementation__text p { margin: 14px 0 0; }
.afterfuture-ai-implementation__text p:first-child { margin-top: 0; }
.afterfuture-ai-implementation__buttons { margin-top: 32px; }
.afterfuture-ai-implementation__button { transform: skewX(-12deg); background: linear-gradient(100deg, #1EEDF2, #7be9f0); color: #003264; font: 700 15px/1 'Sora', sans-serif; padding: 16px 26px; box-shadow: 0 10px 28px -10px rgba(30,237,242,.6); }
.afterfuture-ai-implementation__steps { display: flex; flex-direction: column; gap: 0; }
.afterfuture-ai-implementation__step summary { list-style: none; cursor: pointer; display: flex; gap: 18px; align-items: center; padding: 0 0 22px; }
.afterfuture-ai-implementation__step summary::-webkit-details-marker { display: none; }
.afterfuture-ai-implementation__num { width: 44px; height: 44px; border-radius: 12px; border: 1px solid rgba(30,237,242,.35); background: rgba(30,237,242,.08); color: #1EEDF2; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font: 600 13px/1 'JetBrains Mono', monospace; }
.afterfuture-ai-implementation__step:nth-child(3n+2) .afterfuture-ai-implementation__num { border-color: rgba(136,51,181,.5); background: rgba(136,51,181,.12); color: #c88ce6; }
.afterfuture-ai-implementation__step:nth-child(3n) .afterfuture-ai-implementation__num { border-color: rgba(255,61,129,.45); background: rgba(255,61,129,.1); color: #ff85ac; }
.afterfuture-ai-implementation__title { flex: 1; color: #fff; font-family: 'Space Grotesk', sans-serif; font-size: 17px; font-weight: 600; }
.afterfuture-ai-implementation__plus { color: #1EEDF2; font-family: 'Space Grotesk', sans-serif; font-size: 18px; }
.afterfuture-ai-implementation__desc { margin: -12px 0 22px 62px; border-left: 2px solid; border-image: linear-gradient(180deg, #1EEDF2, rgba(255,61,129,.4)) 1; padding-left: 14px; color: rgba(234,246,251,.72); font-size: 14px; line-height: 1.6; max-width: 520px; }
.afterfuture-ai-implementation__desc p { margin: 0; }
@media (max-width: 920px) { .afterfuture-ai-implementation__inner { grid-template-columns: 1fr; padding-top: 56px; padding-bottom: 56px; } }