#AI-Computing { --ac-sticky-top: 0px; background: #020817 url("../images/ai-computing/ai-computing-flow.jpg") center center / contain no-repeat; color: #fff; padding: 64px 24px 32px; }
#AI-Computing .ac-panel { scroll-margin-top: var(--ac-scroll-offset, 124px); background: rgba(0,0,0,.66); padding: 28px 24px 0; border-radius: 18px; }
#AI-Computing *, #AI-Computing *::before, #AI-Computing *::after { box-sizing: border-box; }
#AI-Computing [hidden] { display: none !important; }
#AI-Computing .ac-container { max-width: 1200px; margin: auto; }
#AI-Computing h3 { text-align: center; color: #fff; font-size: clamp(26px, 3vw, 38px); line-height: 1.25; margin: 0 0 40px; }
#AI-Computing .ac-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-bottom: 48px; }
#AI-Computing .ac-tab { appearance: none; position: relative; display: flex; align-items: center; gap: 16px; padding: 24px; border: 1px solid #234778; border-radius: 18px; background: linear-gradient(135deg,#061d3cdd,#020817e8); color: #b9c9e3; text-align: center; cursor: pointer; font: inherit; transition: border-color .2s, box-shadow .2s, opacity .2s, filter .2s; }
#AI-Computing .ac-tab[aria-selected="false"] { opacity: .42; filter: brightness(.6) saturate(.45); box-shadow: none; }
#AI-Computing .ac-tab[aria-selected="false"]:hover, #AI-Computing .ac-tab[aria-selected="false"]:focus-visible { opacity: .8; filter: brightness(.85); }
#AI-Computing .ac-tab[aria-selected="true"] { border-color: #54d8ff; box-shadow: inset 0 0 25px #126ee133, 0 0 16px #136ee144; color: #fff; }
#AI-Computing .ac-tab[aria-selected="true"]::after { content: ""; position: absolute; bottom: 0; left: 20px; right: 20px; height: 3px; background: linear-gradient(90deg,#37dfff,#2767ff,#d24dff); box-shadow: 0 0 12px #37dfff; }
#AI-Computing .ac-tab:hover { border-color: #a08bff; }
#AI-Computing .ac-chip { width: 34%; max-width: 170px; height: auto; flex-shrink: 0; }
#AI-Computing .ac-tab-copy { display: flex; flex: 1; flex-direction: column; gap: 8px; text-align: center; }
#AI-Computing .ac-tabs.is-floating { position: fixed; top: var(--ac-sticky-top,0px); left: var(--ac-nav-left); width: var(--ac-nav-width); z-index: 100; margin: 0; padding: 8px; gap: 12px; background: rgba(0,5,16,.94); border-radius: 0 0 14px 14px; box-shadow: 0 8px 24px #0008; }
#AI-Computing .ac-tabs.is-floating .ac-tab { flex-direction: row; justify-content: center; padding: 8px 14px; gap: 10px; min-height: 72px; border-radius: 10px; }
#AI-Computing .ac-tabs.is-floating .ac-chip { width: 54px; height: 49px; }
#AI-Computing .ac-tabs.is-floating .ac-tagline, #AI-Computing .ac-tabs.is-floating .ac-tab-description { display: none; }
#AI-Computing .ac-tabs.is-floating strong { font-size: clamp(15px,1.7vw,22px); }
#AI-Computing .ac-tabs.is-past-end { visibility: hidden; pointer-events: none; }
#AI-Computing .ac-tab strong { color: inherit; font-size: clamp(18px,2vw,25px); line-height: 1.2; }
#AI-Computing .ac-tagline { color: #fff; font-size: 16px; font-weight: 700; }
#AI-Computing .ac-tab-description { font-size: 14px; line-height: 1.5; }
#AI-Computing button:focus-visible, #AI-Computing a:focus-visible, #AI-Computing [tabindex]:focus-visible { outline: 2px solid #6be7ff; outline-offset: 5px; }
#AI-Computing .ac-panel-heading { margin: 0 0 28px; text-align: center; }
#AI-Computing .ac-panel-heading h4 { margin: 0 0 4px; color: #fff; font-size: 24px; line-height: 1.3; }
#AI-Computing .ac-panel-heading p { margin: 0; font-size: 16px; color: #c5d5f0; }
#AI-Computing .ac-models { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
#AI-Computing .ac-model { min-width: 0; text-align: center; }
#AI-Computing .ac-model > img { display: block; width: 100%; height: auto; aspect-ratio: 8/5; object-fit: cover; border: 1px solid #29446c; box-shadow: 0 0 22px #1567ff30; }
#AI-Computing .ac-model-copy { width: 86%; margin: 20px auto 0; border: 1px solid #315d98; border-radius: 20px; background: #020817e8; overflow: hidden; }
#AI-Computing .ac-model h5 { margin: 0; padding: 12px 8px; border-bottom: 1px solid #56bbff; border-radius: 18px; color: #fff; font-size: 23px; line-height: 1.2; }
#AI-Computing .ac-model p { padding: 14px 8px 18px; margin: 0; color: #fff; font-size: 16px; line-height: 1.5; }
#AI-Computing .ac-requirements { margin-top: 48px; }
#AI-Computing .ac-requirements h5 { margin: 0 0 12px; color: #fff; font-size: 22px; }
#AI-Computing .ac-scale { position: relative; height: 6px; margin-right: 12px; background: linear-gradient(90deg,#25d9ff,#4e6cff,#f353ff); border-radius: 5px; box-shadow: 0 0 12px #596dff; }
#AI-Computing .ac-scale::after { content: ""; position: absolute; right: -12px; top: -8px; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 22px solid #f353ff; filter: drop-shadow(0 0 6px #e94fff); }
#AI-Computing .ac-requirement-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
#AI-Computing .ac-requirement-grid p { margin: 18px 0 0; color: #fff; font-size: 15px; line-height: 1.5; text-align: center; }
#AI-Computing .ac-requirement-label { display: none; }
#AI-Computing .ac-note { color: #a6b6d0; font-size: 12px; line-height: 1.5; margin: 16px 0 0; }
#AI-Computing .ac-products { margin: 48px -24px 0; padding: 42px 24px 32px; background: transparent; }
#AI-Computing .ac-products { scroll-margin-top: var(--ac-scroll-offset,124px); }
#AI-Computing .ac-products > h4 { width: fit-content; margin: 0 auto 30px; font-size: clamp(28px,4vw,42px); line-height: 1.25; background: linear-gradient(90deg,#008eff,#784dff,#ee16d8); background-clip: text; -webkit-background-clip: text; color: transparent; }
#AI-Computing .ac-product-carousel { position: relative; padding: 0 34px; }
#AI-Computing .ac-product-track { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #324780 #000; padding: 12px 0 20px; }
#AI-Computing .ac-product { display: flex; flex-direction: column; align-items: center; flex: 0 0 calc((100% - 72px)/4); min-width: 0; scroll-snap-align: start; text-align: center; }
#AI-Computing .ac-product:only-child { flex-basis: min(100%,340px); margin: 0 auto; }
#AI-Computing .ac-product img { display: block; width: 100%; height: 180px; object-fit: contain; }
#AI-Computing .ac-product h5 { min-height: 44px; margin: 16px 0 18px; color: #fff; font-weight: 400; font-size: 16px; line-height: 1.4; }
#AI-Computing .ac-product a { display: inline-block; margin-top: auto; border: 1px solid #9271ff; border-radius: 5px; padding: 8px 18px; color: #d8faff; text-decoration: none; font-size: 15px; }
#AI-Computing .ac-product a:hover { background: #122045; }
#AI-Computing .ac-product-prev, #AI-Computing .ac-product-next { position: absolute; top: 40%; z-index: 1; border: 0; background: transparent; color: #658bff; font-size: 54px; cursor: pointer; padding: 0 5px; line-height: 1; }
#AI-Computing .ac-product-prev { left: -4px; }
#AI-Computing .ac-product-next { right: -4px; color: #b448ff; }
#AI-Computing .ac-product-carousel button:disabled { opacity: .25; cursor: default; }
@media (max-width: 900px) {
    #AI-Computing .ac-tab { flex-direction: column; align-items: flex-start; }
    #AI-Computing .ac-chip { width: 110px; }
    #AI-Computing .ac-models { gap: 16px; }
    #AI-Computing .ac-model-copy { width: 100%; }
    #AI-Computing .ac-model h5 { font-size: 20px; }
    #AI-Computing .ac-product { flex-basis: calc((100% - 24px)/2); }
}
@media (max-width: 600px) {
    #AI-Computing .ac-panel { padding: 24px 14px 0; scroll-margin-top: var(--ac-scroll-offset,124px); }
    #AI-Computing .ac-tabs.is-floating { gap: 8px; padding: 6px; }
    #AI-Computing .ac-tabs.is-floating .ac-tab { padding: 8px 5px; gap: 4px; min-height: 90px; flex-direction: column; }
    #AI-Computing .ac-tabs.is-floating .ac-chip { width: 38px; height: 34px; }
    #AI-Computing .ac-tabs.is-floating strong { font-size: 12px; }
    #AI-Computing { padding: 40px 16px 24px; }
    #AI-Computing h3 { margin-bottom: 28px; }
    #AI-Computing .ac-tabs { gap: 10px; margin-bottom: 32px; }
    #AI-Computing .ac-tab { padding: 14px 10px 18px; align-items: center; text-align: center; gap: 8px; }
    #AI-Computing .ac-chip { width: 74px; }
    #AI-Computing .ac-tab strong { font-size: 16px; }
    #AI-Computing .ac-tagline { font-size: 12px; }
    #AI-Computing .ac-tab-description { display: none; }
    #AI-Computing .ac-models { grid-template-columns: minmax(0,1fr); gap: 28px; }
    #AI-Computing .ac-model-copy { width: 90%; margin-top: 14px; }
    #AI-Computing .ac-requirements { margin-top: 32px; }
    #AI-Computing .ac-requirement-grid { grid-template-columns: minmax(0,1fr); gap: 0; }
    #AI-Computing .ac-requirement-grid p { border-left: 2px solid #5887ff; padding-left: 14px; text-align: center;}
    #AI-Computing .ac-requirement-label { display: block; font-weight: 700; margin-bottom: 4px; color: #81d6ff; }
    #AI-Computing .ac-products { margin: 32px -16px 0; padding: 32px 16px 24px; }
    #AI-Computing .ac-product-carousel { padding: 0 24px; }
    #AI-Computing .ac-product { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) { #AI-Computing .ac-tab { transition: none; } }
/* Product rails: prevent API cards from shrinking into a single crowded row. */
#AI-Laptop #AI-Computing :is(#NVIDIA-RTX,#GeForce-RTX) {
    --product-columns: 4;
    display: flex; flex-wrap: nowrap; align-items: stretch; gap: 24px;
    width: 100%; min-width: 0; overflow-x: auto; overflow-y: hidden;
    scroll-snap-type: x mandatory; padding: 12px 0 20px;
}
#AI-Laptop #AI-Computing :is(#NVIDIA-RTX,#GeForce-RTX) > template { display: none !important; }
#AI-Laptop #AI-Computing :is(#NVIDIA-RTX,#GeForce-RTX) > :not(template) {
    box-sizing: border-box; display: flex; flex-direction: column; align-items: center;
    flex: 0 0 calc((100% - (var(--product-columns) - 1)*24px)/var(--product-columns)) !important;
    width: calc((100% - (var(--product-columns) - 1)*24px)/var(--product-columns));
    min-width: 0; max-width: none; margin: 0; padding: 0 4px; scroll-snap-align: start;
    text-align: center;
}
#AI-Laptop #AI-Computing :is(#NVIDIA-RTX,#GeForce-RTX) .slider__Laptops-item { display: flex; flex: 1; flex-direction: column; align-items: center; width: 100%; margin: 0; }
#AI-Laptop #AI-Computing :is(#NVIDIA-RTX,#GeForce-RTX) img { display: block; flex: 0 0 auto; width: 100%; height: 180px; object-fit: contain; margin: 0; }
#AI-Laptop #AI-Computing :is(#NVIDIA-RTX,#GeForce-RTX) :is(h4,h5) {
    box-sizing: border-box; width: 100%; min-height: 76px; margin: 16px 0;
    padding: 0 4px; font-family: inherit; font-size: 17px; font-weight: 600; line-height: 1.45;
    color: #fff; -webkit-text-fill-color: #fff; background: none; text-shadow: none;
    white-space: normal; word-break: normal; overflow-wrap: break-word; text-align: center;
}
#AI-Laptop #AI-Computing :is(#NVIDIA-RTX,#GeForce-RTX) a {
    box-sizing: border-box; display: inline-flex; justify-content: center; align-items: center;
    width: min(100%,160px); min-height: 42px; margin: 0 0 10px; padding: 9px 16px;
    border: 1px solid #8c67fa; border-radius: 6px; background: #050b20;
    color: #e2f6ff; -webkit-text-fill-color: #e2f6ff; font-size: 15px; line-height: 1.3;
    text-decoration: none; white-space: nowrap;
}
#AI-Laptop #AI-Computing :is(#NVIDIA-RTX,#GeForce-RTX) a:last-child { background: linear-gradient(100deg,#176cf0,#8c2fe5); color: #fff; }
#AI-Laptop #AI-Computing :is(#NVIDIA-RTX,#GeForce-RTX) a:hover { background: linear-gradient(100deg,#267bff,#b038ed); color: #fff; }
#AI-Laptop #AI-Computing :is(#NVIDIA-RTX,#GeForce-RTX) a:focus-visible { outline: 2px solid #68e4ff; outline-offset: 3px; }
@media(max-width:900px) {
    #AI-Laptop #AI-Computing :is(#NVIDIA-RTX,#GeForce-RTX) { --product-columns: 2; }
}
@media(max-width:600px) {
    #AI-Laptop #AI-Computing :is(#NVIDIA-RTX,#GeForce-RTX) { --product-columns: 1; }
}
#AI-Laptop #AI-Computing :is(#NVIDIA-RTX,#GeForce-RTX).is-single-product > :not(template) {
    flex: 0 0 min(100%,320px) !important; width: min(100%,320px); margin-inline: auto;
}
#AI-Laptop #AI-Computing .ac-product-carousel { position: relative; padding-inline: 38px; overflow: visible; }
#AI-Laptop #AI-Computing .ac-product-carousel :is(.ac-product-prev,.ac-product-next) {
    display: flex; align-items: center; justify-content: center;
    position: absolute; top: 105px; z-index: 3; width: 34px; height: 54px;
    margin: 0; padding: 0; border: 1px solid #6c58b5; border-radius: 8px;
    background: rgba(3,10,29,.85); color: #b59cff; font-size: 44px; line-height: 1; cursor: pointer;
}
#AI-Laptop #AI-Computing .ac-product-prev { left: 0; }
#AI-Laptop #AI-Computing .ac-product-next { right: 0; }
#AI-Laptop #AI-Computing .ac-product-carousel button[hidden] { display: none !important; }
#AI-Laptop #AI-Computing .ac-product-carousel :is(.ac-product-prev,.ac-product-next):hover { background: #263068; color: #fff; }