.gen-ai-five-cards{--gafc-page:#0b0d12;--gafc-surface:#101318;--gafc-card:#161a21;--gafc-frame:rgba(255,255,255,0.09);--gafc-ring:rgba(120,140,255,0.55);--gafc-fg:#fff;--gafc-muted:#9aa3b2;--gafc-radius:18px;--gafc-ease:cubic-bezier(0.22,0.8,0.28,1);--gafc-gap-sm:8px;--gafc-gap-md:16px;--gafc-gap-lg:24px;--gafc-gap-xl:36px}
.gen-ai-five-cards{color:var(--gafc-fg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.gen-ai-five-cards *,.gen-ai-five-cards *::before,.gen-ai-five-cards *::after{box-sizing:border-box}
.gen-ai-five-cards img{display:block;max-width:100%;height:auto}
.gen-ai-five-cards__frame{max-width:1800px;margin:0 auto;background-color:var(--gafc-surface);border:1px solid rgba(196,160,110,0.35);border-radius:28px;padding:48px 20px;display:flex;flex-direction:column;gap:var(--gafc-gap-xl)}
.gen-ai-five-cards__intro{width:100%}
.gen-ai-five-cards__title{margin:0;font-weight:300;font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;letter-spacing:-0.02em;color:var(--gafc-fg)}
.gen-ai-five-cards__text{margin:22px 0 0;color:var(--gafc-muted);font-size:1rem;line-height:1.6}
.gen-ai-five-cards__cards{width:100%;min-width:0}
.gen-ai-five-cards__grid{display:none;grid-template-columns:repeat(5,1fr);gap:var(--gafc-gap-md);width:100%}
.gen-ai-five-cards__viewport{display:none;overflow:hidden;width:100%;border-radius:var(--gafc-radius)}
.gen-ai-five-cards__track{display:flex;gap:var(--gafc-gap-md);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}
}
.gen-ai-five-cards__card{background-color:var(--gafc-card);border:1px solid var(--gafc-frame);border-radius:var(--gafc-radius);overflow:hidden;display:flex;flex-direction:column;outline:0;transition:flex-grow .5s var(--gafc-ease),border-color .4s var(--gafc-ease),box-shadow .4s var(--gafc-ease),transform .5s var(--gafc-ease)}
.gen-ai-five-cards__card--slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
.gen-ai-five-cards__media{overflow:hidden;background-color:rgba(0,0,0,0.2)}
.gen-ai-five-cards__media img{width:100%;height:180px;object-fit:cover;transition:transform .6s var(--gafc-ease)}
.gen-ai-five-cards__body{padding:20px;text-align:center;display:flex;flex-direction:column;gap:12px;flex:1}
.gen-ai-five-cards__card-title{margin:0;font-size:1rem;font-weight:500;color:var(--gafc-fg);line-height:1.3;overflow-wrap:anywhere}
.gen-ai-five-cards__card-text{margin:0;color:var(--gafc-muted);font-size:.875rem;line-height:1.6;flex:1}
.gen-ai-five-cards__card-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gafc-ring);border-radius:50%;margin:12px auto 0;transition:border-color .3s var(--gafc-ease),background-color .3s var(--gafc-ease)}
.gen-ai-five-cards__card-icon svg{width:17px;height:17px;stroke-linecap:round;stroke-linejoin:round;color:var(--gafc-fg)}
.gen-ai-five-cards__slider-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:var(--gafc-gap-lg)}
.gen-ai-five-cards__nav-btn{width:42px;height:42px;min-width:42px;min-height:42px;border-radius:50%;border:1px solid var(--gafc-frame);background-color:var(--gafc-card);color:var(--gafc-fg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s var(--gafc-ease),border-color .2s var(--gafc-ease),background-color .2s var(--gafc-ease);font-size:0;padding:0}
.gen-ai-five-cards__nav-btn:disabled{opacity:.35;cursor:not-allowed}
.gen-ai-five-cards__nav-btn:not(:disabled):hover{border-color:var(--gafc-ring);background-color:rgba(120,140,255,0.1)}
.gen-ai-five-cards__nav-btn:not(:disabled):active{transform:scale(0.95)}
.gen-ai-five-cards__nav-btn svg{width:18px;height:18px;stroke-linecap:round;stroke-linejoin:round}
.gen-ai-five-cards__nav-count{color:var(--gafc-muted);font-size:.875rem;font-weight:500;min-width:46px;text-align:center;white-space:nowrap}
@media(max-width:767px){.gen-ai-five-cards{padding:40px 12px}
.gen-ai-five-cards__frame{padding:28px 16px;gap:var(--gafc-gap-lg)}
.gen-ai-five-cards__intro{order:-1;text-align:center}
.gen-ai-five-cards__title{font-size:clamp(1.5rem,4vw,2.2rem)}
.gen-ai-five-cards__text{margin-inline:auto;max-width:420px;font-size:.95rem}
.gen-ai-five-cards__grid{display:none}
.gen-ai-five-cards__viewport{display:block}
.gen-ai-five-cards__track{gap:12px}
.gen-ai-five-cards__card--slide{flex:0 0 calc(100vw - 32px)}
.gen-ai-five-cards__media img{height:240px}
.gen-ai-five-cards__body{padding:18px 16px;text-align:left}
.gen-ai-five-cards__card-title{font-size:.95rem;text-align:left}
.gen-ai-five-cards__card-text{font-size:.85rem}
.gen-ai-five-cards__card-icon{margin-left:0}
.gen-ai-five-cards__nav-count{display:none}
}
@media(min-width:768px) and (max-width:1199px){.gen-ai-five-cards{padding:64px 24px}
.gen-ai-five-cards__frame{flex-direction:row;align-items:flex-start;gap:var(--gafc-gap-lg);padding:48px 28px}
.gen-ai-five-cards__intro{flex:0 0 28%;order:1}
.gen-ai-five-cards__cards{flex:1 1 auto;order:2}
.gen-ai-five-cards__grid{display:flex}
.gen-ai-five-cards__viewport{display:none}
.gen-ai-five-cards__slider-nav{display:none}
.gen-ai-five-cards__title{font-size:clamp(1.5rem,3vw,2rem)}
.gen-ai-five-cards__text{font-size:.85rem}
.gen-ai-five-cards__track{gap:10px}
.gen-ai-five-cards__body{padding:14px 12px 18px}
.gen-ai-five-cards__media img{height:130px}
.gen-ai-five-cards__card-title{font-size:.875rem}
.gen-ai-five-cards__card-text{font-size:.78rem}
.gen-ai-five-cards__card-icon{width:32px;height:32px;margin-top:10px}
.gen-ai-five-cards__card-icon svg{width:14px;height:14px}
.gen-ai-five-cards__track:hover .gen-ai-five-cards__card,.gen-ai-five-cards__track:focus-within .gen-ai-five-cards__card{flex-grow:.72}
.gen-ai-five-cards__card:hover,.gen-ai-five-cards__card:focus-visible{flex-grow:2.1 !important;border-color:var(--gafc-ring);transform:translateY(-6px);box-shadow:0 24px 60px -30px rgba(0,0,0,0.9)}
.gen-ai-five-cards__card:hover .gen-ai-five-cards__media img,.gen-ai-five-cards__card:focus-visible .gen-ai-five-cards__media img{transform:scale(1.07)}
}
@media(min-width:1200px){.gen-ai-five-cards{padding:80px 24px}
.gen-ai-five-cards__frame{flex-direction:row;align-items:center;gap:0;height:550px;padding:72px 56px}
.gen-ai-five-cards__intro{flex:0 0 32%;order:1;padding-right:48px}
.gen-ai-five-cards__cards{flex:1 1 auto;order:2}
.gen-ai-five-cards__grid{display:flex}
.gen-ai-five-cards__viewport{display:none}
.gen-ai-five-cards__slider-nav{display:none}
.gen-ai-five-cards__title{font-size:3.2rem}
.gen-ai-five-cards__card{flex:1 1 0;min-width:0}
.gen-ai-five-cards__media img{height:190px}
.gen-ai-five-cards__track:hover .gen-ai-five-cards__card,.gen-ai-five-cards__track:focus-within .gen-ai-five-cards__card{flex-grow:.72}
.gen-ai-five-cards__card:hover,.gen-ai-five-cards__card:focus-visible{flex-grow:2.1 !important;border-color:var(--gafc-ring);transform:translateY(-6px);box-shadow:0 24px 60px -30px rgba(0,0,0,0.9)}
.gen-ai-five-cards__card:hover .gen-ai-five-cards__media img,.gen-ai-five-cards__card:focus-visible .gen-ai-five-cards__media img{transform:scale(1.07)}
.gen-ai-five-cards__card:hover .gen-ai-five-cards__card-icon,.gen-ai-five-cards__card:focus-visible .gen-ai-five-cards__card-icon{border-color:var(--gafc-ring);background-color:rgba(120,140,255,0.15)}
}
@media(prefers-reduced-motion:reduce){.gen-ai-five-cards *,.gen-ai-five-cards *::before,.gen-ai-five-cards *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}