Mini PC NVIDIA DGX Spark GB10 /10 Cortex-X925 + 10 Cortex-A725/128GB LPDDR5x/WF7/BT/4xUSB-C

#pny-dgx-spark-asbis {
--dgxsp-bg: #fff;
--dgxsp-soft: #f4f4f4;
--dgxsp-soft-blue: #f1f7e9;
--dgxsp-text: #171717;
--dgxsp-muted: #666;
--dgxsp-line: #dedede;
--dgxsp-accent: #76b900;
--dgxsp-accent-dark: #5a8f00;
width: 100%;
min-width: 0;
margin: 0;
color: var(--dgxsp-text);
background: var(--dgxsp-bg);
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.55;
overflow: hidden;
isolation: isolate;
}

#pny-dgx-spark-asbis,
#pny-dgx-spark-asbis * { box-sizing: border-box; }

#pny-dgx-spark-asbis img {
max-width: 100%;
border: 0;
}

#pny-dgx-spark-asbis .dgxsp-inner {
width: min(100% - 40px, 1240px);
margin-right: auto;
margin-left: auto;
}

#pny-dgx-spark-asbis .dgxsp-tab-input {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}

#pny-dgx-spark-asbis .dgxsp-tabs {
display: flex;
justify-content: center;
gap: 34px;
min-height: 58px;
border-bottom: 1px solid var(--dgxsp-line);
background: #fff;
}

#pny-dgx-spark-asbis .dgxsp-tab {
position: relative;
display: inline-flex;
align-items: center;
min-height: 58px;
margin: 0;
padding: 0 4px;
color: var(--dgxsp-muted);
background: transparent;
cursor: pointer;
font-size: 14px;
font-weight: 400;
text-decoration: none;
}

#pny-dgx-spark-asbis .dgxsp-tab::after {
position: absolute;
right: 0;
bottom: -1px;
left: 0;
height: 2px;
content: "";
background: var(--dgxsp-accent);
transform: scaleX(0);
transition: transform .2s ease;
}

#pny-dgx-spark-asbis .dgxsp-tab:hover { color: var(--dgxsp-text); }

#pny-dgx-spark-asbis > #pny-dgx-spark-tab-overview:checked ~ .dgxsp-tabs label[for="pny-dgx-spark-tab-overview"],
#pny-dgx-spark-asbis > #pny-dgx-spark-tab-specs:checked ~ .dgxsp-tabs label[for="pny-dgx-spark-tab-specs"] {
color: var(--dgxsp-text);
font-weight: 700;
}

#pny-dgx-spark-asbis > #pny-dgx-spark-tab-overview:checked ~ .dgxsp-tabs label[for="pny-dgx-spark-tab-overview"]::after,
#pny-dgx-spark-asbis > #pny-dgx-spark-tab-specs:checked ~ .dgxsp-tabs label[for="pny-dgx-spark-tab-specs"]::after {
transform: scaleX(1);
}

#pny-dgx-spark-asbis > #pny-dgx-spark-tab-overview:focus-visible ~ .dgxsp-tabs label[for="pny-dgx-spark-tab-overview"],
#pny-dgx-spark-asbis > #pny-dgx-spark-tab-specs:focus-visible ~ .dgxsp-tabs label[for="pny-dgx-spark-tab-specs"] {
outline: 2px solid var(--dgxsp-accent);
outline-offset: 3px;
}

#pny-dgx-spark-asbis .dgxsp-panel { display: none; }
#pny-dgx-spark-asbis > #pny-dgx-spark-tab-overview:checked ~ .dgxsp-panels .dgxsp-overview { display: block; }
#pny-dgx-spark-asbis > #pny-dgx-spark-tab-specs:checked ~ .dgxsp-panels .dgxsp-specs { display: block; }

#pny-dgx-spark-asbis .dgxsp-hero-bg {
width: min(100% - 40px, 1240px);
margin-right: auto;
margin-left: auto;
overflow: hidden;
border-radius: 22px;
background:
radial-gradient(circle at 82% 15%, rgba(118, 185, 0, .14), transparent 26rem),
linear-gradient(180deg, #fff 0%, #f7faF2 100%);
}

#pny-dgx-spark-asbis .dgxsp-hero-bg .dgxsp-inner,
#pny-dgx-spark-asbis .dgxsp-band .dgxsp-inner {
width: 100%;
padding-right: 34px;
padding-left: 34px;
}

#pny-dgx-spark-asbis .dgxsp-hero {
display: grid;
grid-template-columns: minmax(0, .95fr) minmax(340px, 1.05fr);
align-items: center;
gap: 42px;
min-height: 600px;
padding-top: 66px;
padding-bottom: 66px;
}

#pny-dgx-spark-asbis .dgxsp-eyebrow {
margin: 0 0 14px;
color: var(--dgxsp-accent-dark);
font-size: 12px;
font-weight: 700;
letter-spacing: .15em;
text-transform: uppercase;
}

#pny-dgx-spark-asbis .dgxsp-hero h2,
#pny-dgx-spark-asbis .dgxsp-section h3,
#pny-dgx-spark-asbis .dgxsp-specs-head h3,
#pny-dgx-spark-asbis .dgxsp-card h4 {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
text-transform: none;
}

#pny-dgx-spark-asbis .dgxsp-hero h2 {
max-width: 700px;
margin: 0;
color: var(--dgxsp-text);
font-size: clamp(38px, 5.5vw, 70px);
font-weight: 700;
line-height: 1;
letter-spacing: -.045em;
}

#pny-dgx-spark-asbis .dgxsp-highlight { color: var(--dgxsp-accent-dark); }

#pny-dgx-spark-asbis .dgxsp-lead {
max-width: 670px;
margin: 24px 0 0;
color: #52616a;
font-size: clamp(17px, 1.8vw, 20px);
line-height: 1.55;
}

#pny-dgx-spark-asbis .dgxsp-pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 28px;
}

#pny-dgx-spark-asbis .dgxsp-pill {
display: inline-block;
border: 1px solid #d6e4bd;
border-radius: 999px;
padding: 7px 12px;
color: #33451f;
background: rgba(255, 255, 255, .88);
font-size: 13px;
line-height: 1.4;
}

#pny-dgx-spark-asbis .dgxsp-visual {
position: relative;
display: grid;
place-items: center;
min-height: 410px;
isolation: isolate;
}

#pny-dgx-spark-asbis .dgxsp-visual::before {
position: absolute;
z-index: -1;
width: 80%;
aspect-ratio: 1;
border-radius: 50%;
content: "";
background: radial-gradient(circle, #e9f5d5 0%, rgba(237, 247, 220, .45) 52%, transparent 72%);
}

#pny-dgx-spark-asbis .dgxsp-visual img {
display: block;
width: min(100%, 580px);
height: auto;
margin: 0;
border-radius: 24px;
object-fit: contain;
filter: drop-shadow(0 20px 25px rgba(0, 0, 0, .18));
}

#pny-dgx-spark-asbis .dgxsp-stats {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
border-top: 1px solid var(--dgxsp-line);
border-bottom: 1px solid var(--dgxsp-line);
background: #fff;
}

#pny-dgx-spark-asbis .dgxsp-stat {
min-width: 0;
padding: 34px 18px;
text-align: center;
}

#pny-dgx-spark-asbis .dgxsp-stat + .dgxsp-stat { border-left: 1px solid var(--dgxsp-line); }

#pny-dgx-spark-asbis .dgxsp-stat strong {
display: block;
color: #202020;
font-size: clamp(24px, 2.8vw, 36px);
line-height: 1.05;
letter-spacing: -.035em;
}

#pny-dgx-spark-asbis .dgxsp-stat span {
display: block;
margin-top: 8px;
color: var(--dgxsp-muted);
font-size: 13px;
line-height: 1.4;
}

#pny-dgx-spark-asbis .dgxsp-section { padding-top: 92px; padding-bottom: 92px; }

#pny-dgx-spark-asbis .dgxsp-section-head {
max-width: 790px;
margin-bottom: 42px;
}

#pny-dgx-spark-asbis .dgxsp-section h3,
#pny-dgx-spark-asbis .dgxsp-specs-head h3 {
margin: 0;
color: var(--dgxsp-text);
font-size: clamp(32px, 4.4vw, 52px);