html { scroll-behavior: smooth; }
*, p, li, h1, h2, h3, h4, h5, h6 {
line-height: 1.3 !important;
}
body {
background: #000;
color: #fff;
}
.label {
font-family: 'Poppins', monospace;
font-size: 0.68rem;
letter-spacing: 0.1em;
/* text-transform: uppercase; */
color: #968d8d;
}
.banner {
background: #0a0a0a;
border-bottom: 1px solid #222;
}
.banner .label { color: #ccc; }
.section-heading {
font-size: 1.5rem;
line-height: 1.2;
font-weight: 700;
}
@media (min-width: 640px) {
.section-heading { font-size: 2.25rem; }
}
.capability-item {
border-top: 1px solid #222;
transition: border-color 0.2s;
}
.capability-item:hover { border-color: #555; }
.capability-item:hover .cap-num { color: #fff; }
.cta-primary {
background: #fff;
color: #000;
transition: background 0.2s;
}
.cta-primary:hover { background: #e5e5e5; }
.cta-secondary {
border: 1px solid #444;
color: #fff;
transition: border-color 0.2s;
}
.cta-secondary:hover { border-color: #999; }
/* Partner cards */
.partner-card {
border: 1px solid #222;
transition: border-color 0.25s;
}
.partner-card:hover { border-color: #555; }
.partner-card ul {
list-style: disc;
padding-left: 1.1rem;
}
.partner-card ul li {
color: #aaa;
font-size: 0.875rem;
font-weight: 300;
line-height: 1.6;
padding: 2px 0;
}
/* Form */
.form-input {
background: #0a0a0a;
border: 1px solid #2a2a2a;
color: #fff;
width: 100%;
padding: 12px 14px;
font-family: 'Poppins', sans-serif;
font-size: 0.875rem;
outline: none;
transition: border-color 0.2s;
appearance: none;
-webkit-appearance: none;
}
.form-input::placeholder { color: #555; }
.form-input:focus { border-color: #666; }
.form-label {
font-family: 'Poppins', monospace;
font-size: 0.65rem;
letter-spacing: 0.1em;
color: #afacac !important;
display: block;
margin-bottom: 6px;
}
/* Mobile menu */
#mobile-menu { display: none; }
#mobile-menu.open { display: flex; }
/* Credit callout */
.credit-card {
border: 1px solid #2a2a2a;
background: linear-gradient(180deg, #0c0c0c 0%, #050505 100%);
}
.step { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #777; }
.gpu-opt { text-align: left; padding: 12px 18px; border: 1px solid #333; border-radius: 10px; color: #999; transition: all .2s; min-width: 150px; }
.gpu-opt:hover { border-color: #666; }
.gpu-opt.active { border-color: #e0dede; background: #ffffff14; color: #e0dede; }
.gpu-opt .gpu-name { display: block; font-weight: 600; font-size: 15px; }
.gpu-opt .gpu-meta { display: block; font-size: 12px; margin-top: 2px; opacity: .7; }
.gpu-soon { padding: 12px 18px; border: 1px dashed #333; border-radius: 10px; color: #666; min-width: 150px; }
.gpu-soon .gpu-name { display: block; font-weight: 600; font-size: 15px; }
.gpu-soon .gpu-meta { display: block; font-size: 12px; margin-top: 2px; }
.slice { cursor: pointer; outline: none; }
.slice rect.fill { fill: transparent; stroke: transparent; transition: fill .2s, stroke .2s; }
.slice:hover rect.fill, .slice:focus-visible rect.fill { fill: #ffffff0a; stroke: #666; stroke-width: 1.5; }
.slice.on rect.fill { fill: #ffffff14; stroke: #e0dede; stroke-width: 1.5; }
.slice text { pointer-events: none; }
.cur-pill { display: inline-flex; padding: 3px; border: 1px solid #333; border-radius: 999px; }
.cur-pill button { padding: 4px 14px; border-radius: 999px; font-size: 12px; letter-spacing: .05em; color: #999; transition: all .2s; }
.cur-pill button.active { background: #e0dede; color: #111; font-weight: 600; }
.price-panel { border: 1px solid #333; border-radius: 14px; background: #ffffff06; padding: 28px; }
.spec-row { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid #262626; font-size: 14px; }
.spec-row span:first-child { color: #777; }
.spec-row span:last-child { color: #e0dede; font-weight: 500; text-align: right; }
#swagger-ui .swagger-ui { font-family: 'Poppins', sans-serif; color: #e5e5e5; }
#swagger-ui .swagger-ui .topbar { display: none; }
#swagger-ui .swagger-ui .wrapper { padding: 0; max-width: none; }
/* text */
#swagger-ui .swagger-ui .info .title,
#swagger-ui .swagger-ui .info h1, #swagger-ui .swagger-ui .info h2,
#swagger-ui .swagger-ui .info h3, #swagger-ui .swagger-ui .info h4,
#swagger-ui .swagger-ui .info p, #swagger-ui .swagger-ui .info li,
#swagger-ui .swagger-ui .info table, #swagger-ui .swagger-ui .info a,
#swagger-ui .swagger-ui .opblock-tag, #swagger-ui .swagger-ui .opblock-tag small,
#swagger-ui .swagger-ui .opblock .opblock-summary-description,
#swagger-ui .swagger-ui .opblock .opblock-summary-path,
#swagger-ui .swagger-ui .opblock .opblock-section-header h4,
#swagger-ui .swagger-ui .opblock-description-wrapper p,
#swagger-ui .swagger-ui .opblock-external-docs-wrapper p,
#swagger-ui .swagger-ui .opblock-title_normal p,
#swagger-ui .swagger-ui table thead tr td, #swagger-ui .swagger-ui table thead tr th,
#swagger-ui .swagger-ui .parameter__name, #swagger-ui .swagger-ui .parameter__type,
#swagger-ui .swagger-ui .parameter__in, #swagger-ui .swagger-ui .response-col_status,
#swagger-ui .swagger-ui .response-col_description, #swagger-ui .swagger-ui .responses-inner h4,
#swagger-ui .swagger-ui .responses-inner h5, #swagger-ui .swagger-ui .tab li,
#swagger-ui .swagger-ui label, #swagger-ui .swagger-ui .model-title,
#swagger-ui .swagger-ui .model, #swagger-ui .swagger-ui .prop-type,
#swagger-ui .swagger-ui .prop-format, #swagger-ui .swagger-ui section.models h4,
#swagger-ui .swagger-ui .scheme-container .schemes > label,
#swagger-ui .swagger-ui .servers > label, #swagger-ui .swagger-ui .markdown p,
#swagger-ui .swagger-ui .markdown li, #swagger-ui .swagger-ui .renderedMarkdown p,
#swagger-ui .swagger-ui .renderedMarkdown li, #swagger-ui .swagger-ui .response-control-media-type__title,
#swagger-ui .swagger-ui .model-box-control, #swagger-ui .swagger-ui .models-control,
#swagger-ui .swagger-ui .dialog-ux .modal-ux-header h3,
#swagger-ui .swagger-ui .dialog-ux .modal-ux-content p,
#swagger-ui .swagger-ui .dialog-ux .modal-ux-content h4 { color: #e5e5e5; }
#swagger-ui .swagger-ui .info a, #swagger-ui .swagger-ui .markdown a,
#swagger-ui .swagger-ui .renderedMarkdown a { color: #fff; text-decoration: underline; }
#swagger-ui .swagger-ui .parameter__name.required span,
#swagger-ui .swagger-ui .parameter__name.required::after { color: #ff6b6b; }
#swagger-ui .swagger-ui .opblock-tag { border-bottom: 1px solid #2a2a2a; }
#swagger-ui .swagger-ui .opblock-tag:hover { background: #0c0c0c; }
#swagger-ui .swagger-ui .info .base-url { color: #999; }
/* version badges (1.0.0 / OAS 3.0): neutral dark pills instead of grey/green */
#swagger-ui .swagger-ui .info .title small,
#swagger-ui .swagger-ui .info .title small.version-stamp {
background: #0f0f0f;
border: 1px solid #2a2a2a;
border-radius: 0;
}
#swagger-ui .swagger-ui .info .title small pre,
#swagger-ui .swagger-ui .info .title small.version-stamp pre {
color: #e5e5e5;
font-family: 'Poppins', monospace;
font-size: 0.7rem;
letter-spacing: 0.08em;
}
/* surfaces */
#swagger-ui .swagger-ui .scheme-container {
background: #0a0a0a; border: 1px solid #2a2a2a; box-shadow: none; padding: 16px 20px; margin: 0 0 24px;
}
#swagger-ui .swagger-ui .opblock { background: #0a0a0a; border-color: #2a2a2a; box-shadow: none; border-radius: 0; }
#swagger-ui .swagger-ui .opblock .opblock-section-header { background: #0f0f0f; box-shadow: none; }
#swagger-ui .swagger-ui .opblock .opblock-summary { border-color: #2a2a2a; }
#swagger-ui .swagger-ui .opblock.opblock-get { background: rgba(97,175,254,.06); border-color: #2b4a6b; }
#swagger-ui .swagger-ui .opblock.opblock-post { background: rgba(73,204,144,.06); border-color: #1f5a41; }
#swagger-ui .swagger-ui .opblock.opblock-delete { background: rgba(249,62,62,.06); border-color: #6b2b2b; }
#swagger-ui .swagger-ui .opblock-body pre.microlight,
#swagger-ui .swagger-ui .highlight-code > .microlight { background: #111 !important; border: 1px solid #2a2a2a; }
#swagger-ui .swagger-ui section.models { border: 1px solid #2a2a2a; background: #0a0a0a; }
#swagger-ui .swagger-ui section.models.is-open h4 { border-bottom: 1px solid #2a2a2a; }
#swagger-ui .swagger-ui section.models .model-container { background: #0f0f0f; }
#swagger-ui .swagger-ui .model-box { background: transparent; }
#swagger-ui .swagger-ui table tbody tr td { border-bottom: 1px solid #1a1a1a; color: #e5e5e5; }
#swagger-ui .swagger-ui table thead tr td, #swagger-ui .swagger-ui table thead tr th { border-bottom: 1px solid #2a2a2a; }
#swagger-ui .swagger-ui .responses-inner { background: transparent; }
#swagger-ui .swagger-ui .renderedMarkdown code, #swagger-ui .swagger-ui .markdown code,
#swagger-ui .swagger-ui .info code {
background: #1a1a1a; color: #e5e5e5; padding: 1px 6px; border-radius: 2px;
font-family: 'Poppins', monospace;
}
/* inputs & buttons */
#swagger-ui .swagger-ui input[type=text], #swagger-ui .swagger-ui input[type=password],
#swagger-ui .swagger-ui input[type=email], #swagger-ui .swagger-ui textarea,
#swagger-ui .swagger-ui select {
background: #0a0a0a; color: #fff; border: 1px solid #2a2a2a; border-radius: 0;
}
#swagger-ui .swagger-ui select { background-color: #0a0a0a; }
#swagger-ui .swagger-ui input:focus, #swagger-ui .swagger-ui textarea:focus,
#swagger-ui .swagger-ui select:focus { outline: none; border-color: #666; }
#swagger-ui .swagger-ui .btn { color: #fff; border-color: #444; background: transparent; box-shadow: none; border-radius: 0; }
#swagger-ui .swagger-ui .btn:hover { border-color: #999; }
#swagger-ui .swagger-ui .btn.authorize { color: #49cc90; border-color: #49cc90; }
#swagger-ui .swagger-ui .btn.authorize svg { fill: #49cc90; }
#swagger-ui .swagger-ui .btn.execute { background: #fff; color: #000; border-color: #fff; }
#swagger-ui .swagger-ui .btn.cancel { color: #ff6b6b; border-color: #ff6b6b; }
#swagger-ui .swagger-ui .try-out__btn { color: #fff; border-color: #444; }
#swagger-ui .swagger-ui svg:not(:root) { fill: #e5e5e5; }
#swagger-ui .swagger-ui .opblock-summary-control svg,
#swagger-ui .swagger-ui .authorization__btn svg { fill: #e5e5e5; }
/* auth modal */
#swagger-ui .swagger-ui .dialog-ux .backdrop-ux { background: rgba(0,0,0,.8); }
#swagger-ui .swagger-ui .dialog-ux .modal-ux { background: #0a0a0a; border: 1px solid #2a2a2a; color: #e5e5e5; box-shadow: none; }
#swagger-ui .swagger-ui .dialog-ux .modal-ux-header { border-bottom: 1px solid #2a2a2a; }
#swagger-ui .swagger-ui .auth-container { border-bottom: 1px solid #2a2a2a; }
#swagger-ui .swagger-ui .auth-container h4, #swagger-ui .swagger-ui .auth-container h6 { color: #e5e5e5; }
#docs-error { display: none; border: 1px solid #6b2b2b; background: #140808; }
@keyframes rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes draw { to { stroke-dashoffset: 0; } }
@keyframes grow { to { transform: scaleY(1); } }
.reveal { opacity: 0; animation: rise .6s cubic-bezier(.2,.7,.2,1) forwards; animation-delay: var(--d, 0s); }
.draw { stroke-dasharray: 1; stroke-dashoffset: 1; animation: draw .5s ease-out forwards; animation-delay: var(--d, 0s); }
.grow { transform-origin: top; transform: scaleY(0); animation: grow .7s ease-out forwards; animation-delay: var(--d, 0s); }
/* Two small loops that explain the product: GPU chips go from one (fractional) to all (multi-GPU); Live dot pings. */
@keyframes chip {
0%, 40% { fill: #777; background-color: #777; }
50%, 90% { fill: #d4d4d4; background-color: #d4d4d4; }
100% { fill: #777; background-color: #777; }
}
.chip { animation: chip 6s ease-in-out infinite; animation-delay: 3s; }
@keyframes ping { 0% { transform: scale(1); opacity: .6; } 100% { transform: scale(3.2); opacity: 0; } }
.ping { animation: ping 2.4s ease-out infinite; animation-delay: 2.6s; transform-box: fill-box; transform-origin: center; }
@media (prefers-reduced-motion: reduce) {
.reveal, .draw, .grow { animation: none; opacity: 1; transform: none; stroke-dashoffset: 0; }
.chip, .ping { animation: none; }
.ping { display: none; }
}