/* A100 offer composition. Palette, buttons, shell and typography are shared. */
.a100-page { --a100-accent:var(--purple); --ink:#dce8f8; --muted:#a7bed4; --heading:var(--body); }
.a100-page h2,.a100-page h3,.a100-page h4 { line-height:1.1; letter-spacing:-.035em; }
.a100-page h2 { font-size:clamp(30px,3.1vw,44px); font-weight:700; margin:0; }
.a100-page h3 { font-size:22px; margin:0; }
.a100-page p { margin:0; }
.a100-page .wrap { width:min(1320px,calc(100% - 72px)); margin-inline:auto; }
.a100-page .section { padding:58px 0; border-bottom:1px solid var(--line); }
.a100-page .eyebrow { color:var(--purple); }
.a100-page .section .eyebrow { margin-bottom:12px; }
.a100-page .light { background:#0c1a30; color:#f5f7ff; }
.a100-page .section-intro { color:var(--muted); max-width:510px; margin:18px 0 0; }
.a100-page .hero { padding:28px 0 32px; background:linear-gradient(115deg,#0c1930,#101d34 65%,#142a3a); }
.a100-page .hero:before { background:linear-gradient(95deg,#091729f5,#091729c9),url('/assets/nvidia-a100-racks/data-center-stock.webp') center/cover; }
.a100-page .hero:after { background:radial-gradient(ellipse at 90% 15%,#af88ff1b,transparent 65%); }
.a100-page .a100-breadcrumb { display:flex; gap:9px; color:#99afc7; font-size:11px; margin-bottom:23px; }
.a100-page .a100-breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.a100-page .hero-grid { grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr); gap:42px; align-items:center; }
.a100-page .hero-copy .eyebrow { color:var(--purple); margin-bottom:14px; font-size:11px; }
.a100-page .hero h1 { font-size:clamp(40px,4.6vw,68px); margin:0 0 18px; }
.a100-page .hero h1 .highlight { background:linear-gradient(105deg,#fff,#c3b1ff 80%); background-clip:text; -webkit-background-clip:text; }
.a100-page .hero-deck { margin:0 0 20px; max-width:540px; font-size:17px; }
.a100-page .hero-deck strong { color:#f5f7ff; }
.a100-page .hero-price { position:relative; display:flex; gap:22px; align-items:center; margin:0 0 20px; padding:19px 22px; border:1px solid #b69aff66; border-left:4px solid var(--purple); border-radius:9px; background:linear-gradient(110deg,#56428139,#17273b); }
.a100-page .hero-price strong { font-size:clamp(31px,3.7vw,49px); font-weight:950; letter-spacing:-.045em; line-height:1; color:#e5d9ff; }
.a100-page .hero-price>span { font-size:11px; color:#bdcbe0; line-height:1.5; }
.a100-page .hero-price b { color:#f5f7ff; display:block; }
.a100-page .hero-actions { gap:10px; }
.a100-page .hero-actions .btn { gap:10px; padding-inline:17px; }
.a100-page .shipping-note { margin:16px 0 0; font-size:11px; line-height:1.6; color:#b4c6da; max-width:520px; }
.a100-page .a100-hero-proof { display:flex; gap:12px; align-items:center; margin-bottom:21px; padding:10px 0; color:#e3d7ff; font-size:11px; font-weight:800; flex-wrap:wrap; }
.a100-page .a100-hero-proof span { display:inline-flex; gap:7px; align-items:center; }
.a100-page .a100-hero-proof span+span { border-left:1px solid #ffffff24; padding-left:13px; }
.a100-page .a100-hero-proof i { font-style:normal; color:var(--mint); }
.a100-page .a100-equipment-panel { overflow:hidden; border:1px solid #b6a0ff4a; border-radius:11px; background:#111f37; box-shadow:0 17px 35px #0003; }
.a100-page .a100-equipment-top { padding:14px 18px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid var(--line); }
.a100-page .a100-equipment-top img { width:170px; height:auto; }
.a100-page .a100-equipment-top span { font-size:10px; font-weight:800; color:var(--purple); letter-spacing:.08em; }
.a100-page .a100-equipment-images { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:3px; background:#7f6ca75c; }
.a100-page .a100-equipment-images figure { margin:0; display:flex; flex-direction:column; min-width:0; }
.a100-page .a100-module-image { background:#fff; }
.a100-page .a100-equipment-images img { width:100%; height:298px; }
.a100-page .a100-module-image img { object-fit:contain; padding:13px; }
.a100-page .a100-rack-image img { object-fit:cover; object-position:50% 33%; }
.a100-page .a100-equipment-images figcaption { background:#091629; padding:9px 12px; min-height:45px; font-size:10px; color:#c4d4e5; line-height:1.45; border-top:1px solid var(--line); }
.a100-page .a100-equipment-foot { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:16px 18px; }
.a100-page .a100-equipment-foot>div { display:flex; align-items:center; gap:11px; }
.a100-page .a100-equipment-foot b { font-size:29px; line-height:1; color:var(--purple); font-weight:950; }
.a100-page .a100-equipment-foot span { font-size:10px; line-height:1.45; color:#d2dded; }
.a100-page .a100-equipment-foot a { font-size:11px; color:var(--cyan); text-decoration:underline; text-underline-offset:4px; }
.a100-page .stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:28px; }
.a100-page .stat { display:flex; align-items:center; gap:17px; padding:16px 20px; border:1px solid color-mix(in srgb,var(--c),transparent 70%); border-radius:9px; background:linear-gradient(125deg,color-mix(in srgb,var(--c),transparent 91%),#0b1930); }
.a100-page .stat strong { font-size:36px; line-height:1; color:var(--c); letter-spacing:-.045em; font-weight:950; }
.a100-page .stat strong span { font-size:16px; margin-left:3px; }
.a100-page .stat>span { font-size:11px; color:#c4d4e5; line-height:1.5; }
.a100-page .green { --c:var(--mint); }.a100-page .blue { --c:var(--cyan); }.a100-page .purple { --c:var(--purple); }.a100-page .amber { --c:var(--gold); }
.a100-page .a100-section-heading { display:flex; align-items:end; justify-content:space-between; gap:35px; margin-bottom:25px; }
.a100-page .a100-section-heading .section-intro { max-width:460px; margin:0; }
.a100-page .a100-section-heading h2 { max-width:630px; }
.a100-page .video-grid { display:grid; grid-template-columns:1fr 1fr; gap:21px; }
.a100-page .video-card { border:1px solid #a2b8dc35; border-radius:10px; overflow:hidden; background:linear-gradient(130deg,#172741,#101e35); }
.a100-page .video-shell { position:relative; height:348px; background:#061021; }
.a100-page video { width:100%; height:100%; display:block; object-fit:contain; }
.a100-page .video-stamp { position:absolute; left:15px; top:15px; font-size:10px; font-weight:800; background:#071325e0; border:1px solid #9bc4dd55; border-radius:5px; padding:6px 9px; pointer-events:none; color:#fff; }
.a100-page .video-copy { padding:19px 22px; border-top:3px solid var(--cyan); }
.a100-page .video-2 .video-copy { border-color:var(--purple); }
.a100-page .video-copy h3 { font-size:21px; }
.a100-page .video-copy p { color:#b7c9df; font-size:13px; margin:9px 0; }
.a100-page .video-copy>span { color:#94acc5; font-size:11px; }
.a100-page .a100-proof-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:32px; align-items:center; margin-bottom:28px; }
.a100-page .a100-proof-copy>p:not(.eyebrow) { margin:19px 0 24px; font-size:16px; color:#bdcce0; max-width:510px; }
.a100-page .a100-explorer-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.a100-page .a100-explorer-card { padding:17px; border:1px solid #ad91ef40; border-radius:9px; background:#141f36; }
.a100-page .a100-explorer-card b { display:block; font-size:29px; font-weight:950; letter-spacing:-.035em; color:#c1a5ff; }
.a100-page .a100-explorer-card span { font-size:11px; color:#c2d1e4; }
.a100-page .a100-explorer-note { margin-top:19px!important; font-size:11px!important; }
/* Retain the original top-of-page rack power-up and four-node interaction. */
.a100-page .visual-stage { position:relative; isolation:isolate; min-width:0; width:100%; max-width:620px; margin-inline:auto; padding:23px 27px 19px; background:radial-gradient(ellipse at 85% 0,#6240ab36,transparent 62%),radial-gradient(ellipse at 12% 72%,#1ba6c324,transparent 66%),#0c1c31; border:1px solid #8cafda5c; border-top-color:#b399f288; border-radius:11px; overflow:hidden; box-shadow:0 18px 38px #0003; }
.a100-page .visual-stage:before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(135deg,#6acbe708,transparent 50%); pointer-events:none; }
.a100-page .visual-stage .orbit { position:absolute; width:calc(100% - 14px); aspect-ratio:1; height:auto; left:50%; top:44%; transform:translate(-50%,-50%) rotate(-20deg); border:1px solid #36c7dc40; border-radius:50%; z-index:-1; pointer-events:none; }
.a100-page .visual-stage .orbit-b { width:calc(100% - 82px); border-color:#b567f747; }
.a100-page .orbit-a:after { content:''; position:absolute; right:0; top:50%; width:7px; height:7px; background:var(--cyan); border-radius:50%; box-shadow:0 0 20px var(--cyan); }
.a100-page .stage-top { position:relative; display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:69px; margin-bottom:17px; }
.a100-page .stage-top img { width:248px; max-width:65%; height:auto; }
.a100-page .stage-tag { border:1px solid #7699b655; border-radius:4px; padding:7px 9px; color:#b4c9e1; font-size:10px; font-weight:800; letter-spacing:.1em; white-space:nowrap; }
.a100-page .a100-rack-wrap { position:relative; margin:0 8px 0 0; }
.a100-page .rack-diagram { position:relative; transform:perspective(1100px) rotateY(-9deg) rotateX(4deg); margin:0 13px 0 0; padding:14px 12px 8px; border:2px solid #71869b; border-left:8px solid #526c82; border-right:8px solid #1d3953; border-radius:10px; background:linear-gradient(145deg,#233c50,#0b1e30); box-shadow:20px 18px 0 -6px #06111d,21px 18px 0 -5px #355774,0 20px 34px #0008; overflow:hidden; }
.a100-page .rack-cap,.a100-page .rack-bottom { display:flex; justify-content:space-between; gap:12px; font-size:9px; font-weight:800; letter-spacing:.1em; color:#aec2d4; padding:6px 4px 17px; }
.a100-page .rack-bottom { padding:5px 6px; color:#a5bfd4; font-size:8px; }
.a100-page .node { --telegraph:var(--purple); display:flex; align-items:center; gap:9px; width:100%; padding:11px 8px; margin:0 0 11px; border:1px solid #546c81; border-radius:4px; background:linear-gradient(150deg,#0b1b2b,#152c43); color:#e0eaff; box-shadow:0 5px 8px #0004; transition:border-color .2s,box-shadow .2s; cursor:pointer; }
.a100-page .node[data-node="1"] { --telegraph:var(--lime); }.a100-page .node[data-node="2"] { --telegraph:var(--cyan); }.a100-page .node[data-node="4"] { --telegraph:var(--gold); }
.a100-page .node.selected { border-color:var(--telegraph); box-shadow:0 0 0 1px color-mix(in srgb,var(--telegraph),transparent 55%),0 0 20px color-mix(in srgb,var(--telegraph),transparent 91%); }
.a100-page .node.node-telegraph { box-shadow:0 0 0 2px var(--telegraph),0 0 30px color-mix(in srgb,var(--telegraph),transparent 20%); }
.a100-page .node-id { writing-mode:vertical-rl; font-size:8px; font-weight:900; color:var(--telegraph); }
.a100-page .gpu-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); flex:1; gap:6px; min-width:0; }
.a100-page .gpu-grid i { position:relative; height:31px; display:grid; place-items:center; font-style:normal; border:1px solid color-mix(in srgb,var(--telegraph),transparent 46%); border-radius:2px; background:linear-gradient(130deg,color-mix(in srgb,var(--telegraph),#102735 75%),#153043); box-shadow:inset 0 0 0 3px #102e2d88; animation:a100-gpu-on .65s both; animation-delay:calc(.45s + var(--i)*.065s); }
.a100-page .gpu-grid i span { font-size:8px; color:var(--telegraph); font-weight:800; letter-spacing:.07em; }
.a100-page .gpu-grid i:after { content:''; width:3px; height:3px; background:var(--telegraph); position:absolute; bottom:3px; right:3px; box-shadow:0 0 5px var(--telegraph); }
.a100-page .node-pulse .gpu-grid i span { animation:a100-node-glow .75s ease-out both; animation-delay:calc(var(--pulse-i)*.08s); }
.a100-page .node-led { width:5px; height:5px; background:var(--telegraph); box-shadow:0 0 6px var(--telegraph); border-radius:50%; flex:none; }
.a100-page .scan-line { position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg,transparent,#70f0b7,transparent); box-shadow:0 0 30px #69fab899; animation:a100-scan 3s ease-out both; pointer-events:none; }
.a100-page .floating-badge { position:absolute; right:-4px; bottom:-17px; display:flex; align-items:center; gap:12px; padding:9px 16px; border:1px solid #bdf868b8; border-radius:5px; background:linear-gradient(120deg,var(--lime),var(--mint)); color:#082e2b; box-shadow:0 12px 24px #0005; transform:rotate(-3deg); z-index:2; }
.a100-page .floating-badge strong { font-size:43px; font-weight:950; line-height:1; letter-spacing:-.06em; }
.a100-page .floating-badge span { font-size:10px; font-weight:800; line-height:1.45; }
.a100-page .rack-hint { position:relative; margin:38px 0 11px; font-size:11px; color:#b7d1e5; text-align:center; }
.a100-page .node-detail { display:grid; grid-template-columns:auto 1fr; gap:3px 18px; padding:13px 15px; background:#071629dc; border:1px solid #a08ab651; border-left:3px solid var(--purple); border-radius:6px; }
.a100-page .node-detail>span { grid-row:span 2; align-self:center; font-size:10px; font-weight:900; letter-spacing:.06em; color:var(--purple); }
.a100-page .node-detail strong { font-size:17px; }.a100-page .node-detail p { font-size:10px; color:#afc4da; }
.a100-page .stage-foot { display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:space-between; margin-top:12px; }
.a100-page .stage-foot>span { font-size:10px; color:#acbfd5; }
.a100-page .stage-foot button { color:#d8e6f8; background:#ffffff06; border:1px solid #b9d7f73b; border-radius:5px; min-height:44px; padding:8px 11px; font-size:11px; }
.a100-page .spec-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:21px; margin-top:25px; }
.a100-page .spec-table { padding:9px 24px; border:1px solid #8aa9c936; border-radius:10px; background:#111f37; }
.a100-page .spec-table dl { margin:0; }
.a100-page .spec-table dl>div { display:grid; grid-template-columns:1fr 1.15fr; gap:18px; padding:15px 0; border-bottom:1px solid var(--line); font-size:12px; }
.a100-page .spec-table dl>div:last-child { border-bottom:0; }
.a100-page .spec-table dt { color:#b1c4db; }.a100-page .spec-table dd { color:#f3f7ff; font-weight:700; margin:0; overflow-wrap:anywhere; }
.a100-page .storage-note { display:block; color:var(--gold); font-size:11px; line-height:1.5; margin-top:5px; }
.a100-page .spec-aside { display:flex; }.a100-page .memory-card { width:100%; display:flex; flex-direction:column; justify-content:center; border:1px solid #ad8eff55; border-radius:10px; padding:28px; background:linear-gradient(145deg,#342f55,#111f37); overflow:hidden; }
.a100-page .memory-card>.eyebrow { font-size:10px; color:#ccbbf9; margin:0 0 15px; }
.a100-page .memory-card>strong { display:block; font-size:clamp(45px,5vw,72px); font-weight:950; line-height:1; letter-spacing:-.05em; color:#e5dbff; font-variant-numeric:tabular-nums; }
.a100-page .memory-card>strong>span:last-child { font-size:25px; letter-spacing:0; margin-left:8px; }
.a100-page #memory-value { font:inherit; letter-spacing:inherit; }
.a100-page .memory-card p { margin:18px 0 22px; font-size:12px; color:#c6bbdf; }
.a100-page .memory-bars { display:flex; gap:4px; position:relative; overflow:hidden; }
.a100-page .memory-bars i { height:26px; flex:1; border-radius:2px; background:var(--purple); transition:opacity .18s,transform .18s; }
.a100-page .memory-filling .memory-bars i { opacity:.15; transform:scaleY(.5); }.a100-page .memory-filling .memory-bars i.lit { opacity:1; transform:none; }
.a100-page .rack-configuration { grid-column:1/-1; padding:26px; background:#101f34; border:1px solid #6aa9c846; border-radius:10px; }
.a100-page .configuration-heading { display:flex; align-items:center; gap:13px; margin-bottom:23px; }
.a100-page .circle-check { display:grid; place-items:center; width:29px; height:29px; color:var(--cyan); background:#58dffc18; border:1px solid #58dffc55; border-radius:7px; flex:none; }
.a100-page .configuration-columns { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.a100-page .configuration-columns>div { padding:21px; border:1px solid #82a9c433; border-radius:8px; background:#08162a; }
.a100-page .configuration-columns h4 { margin:0 0 14px; font-size:17px; color:var(--cyan); }
.a100-page .configuration-list { padding-left:19px; margin:0; font-size:13px; line-height:1.65; color:#c5d4e6; }
.a100-page .configuration-list li { margin-bottom:9px; padding-left:3px; overflow-wrap:anywhere; }
.a100-page .storage-item { color:var(--gold); font-size:12px; }
.a100-page .terms-section { background:radial-gradient(ellipse at 10% 30%,#70579725,transparent 60%),#071325; }
.a100-page .terms-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:52px; }
.a100-page .terms-section h2>span { color:var(--purple); }
.a100-page .terms-deck { color:#d1def0; font-size:16px; margin:22px 0 15px; }
.a100-page .terms-shipping { color:#aebfd4; font-size:13px; max-width:540px; }
.a100-page .term-facts { display:grid; grid-template-columns:1fr; gap:12px; margin-top:25px; }
.a100-page .term-facts>div { border:1px solid #a188d747; border-radius:7px; background:#151e33; padding:13px 17px; display:flex; justify-content:space-between; gap:16px; align-items:center; }
.a100-page .term-facts b { font-size:13px; }.a100-page .term-facts span { font-size:11px; color:#a5bcd3; text-align:right; }
.a100-page .order-card { padding:27px; border:1px solid #9f85df77; border-top:3px solid var(--purple); border-radius:10px; background:linear-gradient(140deg,#222840,#142037); }
.a100-page .order-card>label { font-size:19px; font-weight:800; }
.a100-page .quantity-row { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:21px 0 11px; }
.a100-page .quantity-row button { width:50px; height:50px; border:1px solid #c6a9ff55; border-radius:7px; background:#ffffff08; color:#e6dbff; font-size:25px; }
.a100-page .quantity-row input { width:110px; max-width:45%; font-size:36px; font-weight:950; text-align:center; color:#fff; background:transparent; border:0; border-bottom:1px solid #7c688f; appearance:textfield; }
.a100-page .quantity-row input::-webkit-inner-spin-button { appearance:none; }
.a100-page .quantity-limits { display:flex; justify-content:space-between; color:#b4c5da; font-size:11px; gap:15px; }
.a100-page .order-total { border-top:1px solid #ffffff25; padding-top:20px; margin-top:24px; }
.a100-page .order-total>span { font-size:12px; color:#bacbdf; }
.a100-page .order-total output { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:baseline; margin-top:11px; font-size:17px; font-variant-numeric:tabular-nums; }
.a100-page .equation-input,.a100-page .equation-answer { display:inline-flex; align-items:baseline; gap:6px; white-space:nowrap; }
.a100-page .equation-input { color:#c2ccdf; }.a100-page .equation-answer { margin-left:auto; }.a100-page .equation-answer strong { color:#d9c6ff; font-size:27px; font-weight:950; letter-spacing:-.035em; }
.a100-page .estimate-note { font-size:11px; color:#a9bed6; margin:14px 0 21px; }
.a100-page .warranty-callout { display:flex; align-items:center; gap:14px; padding:14px 17px; border:1px solid #ffd87655; border-radius:7px; background:#ffce6708; color:#eaf2fe; }
.a100-page .warranty-callout svg { width:29px; height:33px; fill:#ffce6717; stroke:var(--gold); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.a100-page .warranty-callout>div { display:flex; flex-direction:column; }.a100-page .warranty-callout strong { color:var(--gold); font-size:23px; line-height:1.1; font-weight:900; }.a100-page .warranty-callout span { font-size:12px; }
.a100-page .warranty-order { margin-bottom:20px; }.a100-page .order-card>.btn { width:100%; }
.a100-page .min-order-line { margin-top:14px; color:#b5c7dc; font-size:11px; text-align:center; }
.a100-page .process { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; margin-top:32px; }
.a100-page .process>div { padding:23px; border:1px solid #9d84c244; border-radius:9px; background:#111f37; }
.a100-page .process>div>span { color:var(--purple); font-size:12px; font-weight:950; display:block; margin-bottom:15px; letter-spacing:.08em; }
.a100-page .process h3 { font-size:21px; }.a100-page .process p { color:#b1c4da; font-size:13px; margin-top:13px; }
.a100-page .faq-grid { display:grid; grid-template-columns:.8fr 1.4fr; gap:44px; }
.a100-page .faq details { padding:20px 23px; border:1px solid #a3b9cf35; border-radius:8px; background:#111f37; margin-bottom:11px; }
.a100-page .faq summary { list-style:none; display:flex; justify-content:space-between; gap:20px; font-weight:800; font-size:14px; cursor:pointer; }
.a100-page .faq summary::-webkit-details-marker { display:none; }.a100-page .faq summary span { color:var(--purple); font-size:21px; line-height:1; flex:none; }.a100-page .faq details[open] summary span { transform:rotate(45deg); }
.a100-page .faq details p { font-size:13px; line-height:1.7; color:#bacce0; margin:14px 0 0; }.a100-page .faq .configuration-list { margin-top:14px; }
.a100-page .sheet-section { background:#0b172a; }
.a100-page .sheet-layout { display:grid; grid-template-columns:.65fr 1fr; align-items:center; gap:50px; }
.a100-page .sheet-preview { padding:15px; max-width:380px; margin:auto; border:1px solid #9c87e968; border-radius:10px; background:#152137; }
.a100-page .sheet-preview img { width:100%; height:auto; border-radius:5px; }
.a100-page .sheet-copy>p:not(.eyebrow) { color:#b6c9de; font-size:15px; margin:20px 0; }
.a100-page .sheet-copy h2>span { color:var(--purple); }.a100-page .sheet-format { display:block; color:#9fb4cd; font-size:11px; margin-top:12px; }
.a100-page .sheet-language { display:inline-flex; align-items:center; min-height:44px; color:var(--cyan); font-size:12px; text-decoration:underline; text-underline-offset:4px; margin-top:7px; }
.a100-page .bom-download { padding:22px; margin-top:18px; border:1px solid #54c0d653; border-left:3px solid var(--cyan); border-radius:9px; background:linear-gradient(115deg,#172a3e,#172137); }
.a100-page .bom-download .eyebrow { font-size:10px; color:var(--cyan); margin-bottom:10px; }.a100-page .bom-download h3 { font-size:24px; }.a100-page .bom-download>p:not(.eyebrow) { color:#bdcfe0; font-size:13px; margin:14px 0; }
.a100-page .bom-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; }.a100-page .bom-actions .btn { font-size:12px; }.a100-page .bom-image { display:inline-flex; align-items:center; min-height:44px; color:var(--cyan); text-decoration:underline; font-size:12px; }
.a100-page .contact { background:radial-gradient(ellipse at 50% 0,#55449c22,transparent 65%),#071325; }
.a100-page .decision-panel { padding:35px; border:1px solid #a891db66; border-radius:11px; background:linear-gradient(115deg,#152a3e,#24263e); text-align:center; }
.a100-page .decision-panel .eyebrow { justify-content:center; }.a100-page .decision-panel h2>span { color:var(--purple); }.a100-page .decision-deck { color:#c1d0e4; margin:18px auto; font-size:16px; }
.a100-page .decision-facts { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 25px; margin:21px 0 25px; font-size:12px; color:#ccdaec; }.a100-page .decision-facts i { color:var(--mint); font-style:normal; margin-right:8px; }
.a100-page .decision-inquire { min-width:230px; }.a100-page .decision-note { color:#b3c4da; font-size:11px; margin-top:14px; }.a100-page .contact pp-contact-block { margin-top:27px; }
.a100-page .footer small { display:block; max-width:800px; font-size:10px; color:#94a9c4; margin-top:10px; }
.a100-page .mobile-buy { display:none; }
.a100-page dialog { width:min(580px,calc(100% - 28px)); max-height:90dvh; padding:0; border:1px solid #a18acc8c; border-radius:12px; background:#101e33; color:#f1f5ff; box-shadow:0 35px 120px #000a; }
.a100-page dialog::backdrop { background:#030e20de; backdrop-filter:blur(6px); }
.a100-page .dialog-head { display:flex; justify-content:space-between; align-items:center; padding:14px 23px; border-bottom:1px solid var(--line); background:#16243a; }
.a100-page .dialog-brand { font-size:12px; font-weight:900; letter-spacing:.14em; }.a100-page .dialog-brand b { color:var(--purple); margin:0 6px; }
.a100-page .dialog-close { width:44px; height:44px; padding:0; border:1px solid #b7a3da44; border-radius:6px; color:#fff; background:#ffffff06; font-size:29px; line-height:1; }
.a100-page #inquiry-form { padding:25px 28px; }.a100-page .step-indicator { font-size:10px; text-transform:uppercase; letter-spacing:.08em; color:#b3c7de; }.a100-page .step-bars { display:flex; gap:6px; margin:10px 0 23px; }.a100-page .step-bars i { flex:1; height:3px; border-radius:2px; background:#ffffff20; }.a100-page .step-bars i.active { background:var(--purple); }
.a100-page .form-step h2,.a100-page .success-panel h2 { font-size:30px; line-height:1.13; }.a100-page .form-step>p { font-size:13px; color:#bbccdf; margin:15px 0 22px; line-height:1.7; }
.a100-page .compliance-icon { display:grid; place-items:center; width:42px; height:42px; border:1px solid #bca3ec66; border-radius:8px; color:var(--purple); background:#af88ff17; font-size:22px; margin-bottom:18px; }
.a100-page .acknowledgment { display:flex; align-items:start; gap:13px; border:1px solid #aa8ed967; border-radius:8px; background:#af88ff11; padding:16px; font-size:13px; line-height:1.65; }
.a100-page .acknowledgment input { width:20px; height:20px; margin:2px 0 0; accent-color:#af88ff; flex:none; }
.a100-page fieldset { border:0; padding:0; margin:23px 0 20px; }.a100-page legend { font-size:12px; font-weight:800; line-height:1.6; margin-bottom:7px; }.a100-page fieldset small { color:#a3bad2; font-size:11px; }
.a100-page .radio-options { display:flex; gap:9px; }.a100-page .radio-options label { flex:1; position:relative; cursor:pointer; margin:10px 0!important; }.a100-page .radio-options input { position:absolute; opacity:0; width:1px; height:1px; }.a100-page .radio-options span { display:block; padding:11px 7px; border:1px solid #8cacc947; border-radius:7px; background:#08162a; text-align:center; font-size:12px; }.a100-page .radio-options input:checked+span { background:#af88ff2b; border-color:var(--purple); color:#e7dcff; }.a100-page .radio-options input:focus-visible+span { outline:3px solid var(--gold); outline-offset:3px; }
.a100-page .form-step label:not(.acknowledgment) { display:block; font-size:12px; font-weight:700; margin:15px 0; }.a100-page .form-step input:not([type=checkbox]):not([type=radio]),.a100-page .form-step select { display:block; width:100%; font:inherit; font-size:14px; padding:11px 12px; min-height:46px; margin-top:7px; color:#eff5ff; border:1px solid #91afd650; border-radius:6px; background:#071629; }.a100-page .form-step select option { color:#f5f7ff; background:#071629; }
.a100-page .form-step input:focus-visible,.a100-page .form-step select:focus-visible { outline:3px solid var(--gold); outline-offset:3px; }.a100-page .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }.a100-page .form-actions { display:flex; justify-content:space-between; gap:14px; margin-top:24px; }.a100-page .btn.back { color:#c4d2e8; background:#ffffff08; border-color:#9ea8c655; box-shadow:none; }
.a100-page #compliance-continue { width:100%; }.a100-page button:disabled { opacity:.45; cursor:not-allowed; }.a100-page button:disabled:hover { transform:none; }.a100-page .privacy-note { font-size:10px!important; line-height:1.7; }.a100-page .privacy-note a { text-decoration:underline; text-underline-offset:3px; }.a100-page .honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.a100-page .success-panel { padding:35px; text-align:center; }.a100-page .success-check { width:64px; height:64px; display:grid; place-items:center; border-radius:50%; color:var(--mint); background:#4fe4b91a; border:1px solid #4fe4b955; font-size:30px; margin:0 auto 22px; }.a100-page .success-panel p { margin:18px 0; color:#b8c9dd; font-size:14px; }.a100-page .receipt { font-size:11px!important; padding:13px; background:#071325; border-radius:6px; overflow-wrap:anywhere; }.a100-page #form-error { background:#ff7c8615; color:#ffb1b7; padding:13px; border:1px solid #ff7c8644; border-radius:6px; font-size:12px; margin-top:18px; }
.a100-page.dialog-open { overflow:hidden; }.a100-page [hidden] { display:none!important; }
.a100-page .gpu-dialog { --bank:var(--mint); --bank-bg:#204b43; width:min(760px,calc(100% - 28px)); max-height:calc(100dvh - 32px); transform-origin:center center; border-color:var(--bank); background:#0c1b2c; }
.a100-page .gpu-dialog[data-bank="2"] { --bank:var(--cyan); --bank-bg:#11465c; }.a100-page .gpu-dialog[data-bank="3"] { --bank:var(--purple); --bank-bg:#553073; }.a100-page .gpu-dialog[data-bank="4"] { --bank:var(--gold); --bank-bg:#574322; }
.a100-page .gpu-panel { position:relative; padding:30px; background:radial-gradient(ellipse at 100% 0,var(--bank-bg),transparent 75%),#102039; overflow:hidden; }.a100-page .gpu-close { position:absolute; right:17px; top:15px; width:44px; height:44px; display:grid; place-items:center; background:#071325d6; border:1px solid color-mix(in srgb,var(--bank),transparent 55%); border-radius:6px; font-size:29px; line-height:1; color:#fff; z-index:2; }
.a100-page .gpu-eyebrow { margin:0 45px 14px 0; color:var(--bank); font-size:11px; font-weight:900; letter-spacing:.15em; }.a100-page .gpu-dialog h2 { font-size:45px; }.a100-page .gpu-dialog h2 span { color:var(--bank); }.a100-page .gpu-deck { color:#c6d8ec; margin:13px 0 22px; font-size:14px; }.a100-page .gpu-product { background:#fff; padding:12px; border:1px solid var(--bank); border-radius:8px; margin:0; }.a100-page .gpu-product img { display:block; width:100%; height:auto; }
.a100-page .gpu-panel-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; text-align:center; margin:23px 0 0; }.a100-page .gpu-panel-facts>div+div { border-left:1px solid #ffffff25; }.a100-page .gpu-panel-facts strong { display:block; font-size:30px; line-height:1.1; font-weight:950; color:var(--bank); }.a100-page .gpu-panel-facts span { display:block; font-size:11px; color:#c4d5e9; margin-top:7px; }.a100-page .gpu-memory-note { text-align:center; color:#9fb9d3; font-size:10px; margin:12px 0 22px; }.a100-page .gpu-bank-picker { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-bottom:18px; }.a100-page .gpu-bank-picker button { min-height:44px; border:1px solid #bfd4f03b; border-radius:6px; font-size:11px; font-weight:800; color:#c9dcef; background:#071629; }.a100-page .gpu-bank-picker button[aria-pressed="true"] { border-color:var(--bank); background:color-mix(in srgb,var(--bank),transparent 87%); color:var(--bank); }.a100-page .gpu-reference { font-size:10px; line-height:1.6; color:#b2c6dd; }.a100-page .gpu-reference a { color:var(--bank); text-decoration:underline; text-underline-offset:3px; }
.a100-page.motion-paused *,.a100-page.motion-paused *:before,.a100-page.motion-paused *:after,.a100-page .motion-offscreen *,.a100-page .motion-offscreen *:before,.a100-page .motion-offscreen *:after { animation-play-state:paused!important; }
@keyframes a100-gpu-on { 0% { opacity:.15; transform:translateY(5px); filter:brightness(.3); } 60% { filter:brightness(1.8); } 100% { opacity:1; transform:translateY(0); filter:brightness(1); } }
@keyframes a100-scan { 0% { top:0; opacity:0; } 10%,90% { opacity:1; } 100% { top:100%; opacity:0; } }
@keyframes a100-node-glow { 0%,100% { text-shadow:none; } 45% { color:white; text-shadow:0 0 7px currentColor,0 0 14px currentColor; } }
@media(max-width:1150px) { .a100-page .hero-grid { gap:25px; }.a100-page .hero h1 { font-size:52px; }.a100-page .hero-deck { font-size:16px; }.a100-page .hero-price { gap:15px; padding:17px; }.a100-page .hero-price strong { font-size:36px; }.a100-page .a100-equipment-images img { height:288px; }.a100-page .stat { gap:12px; padding:15px; }.a100-page .stat strong { font-size:32px; }.a100-page .gpu-grid { grid-template-columns:repeat(4,1fr); }.a100-page .gpu-grid i { height:31px; }.a100-page .terms-grid { gap:28px; } }
@media(max-width:900px) { .a100-page .hero-grid { grid-template-columns:1fr; gap:25px; }.a100-page .hero-copy { max-width:none; }.a100-page .hero h1 { font-size:clamp(43px,7.5vw,61px); }.a100-page .hero-deck { max-width:640px; }.a100-page .a100-equipment-images img { height:340px; }.a100-page .a100-hero-proof { margin-bottom:15px; }.a100-page .hero-price { max-width:580px; }.a100-page .hero-price strong { font-size:43px; }.a100-page .a100-proof-grid { gap:24px; }.a100-page .visual-stage { padding:17px; }.a100-page .spec-grid { grid-template-columns:1fr 1fr; gap:16px; }.a100-page .spec-table { padding:8px 17px; }.a100-page .spec-table dl>div { grid-template-columns:1fr; gap:5px; }.a100-page .memory-card { padding:24px; }.a100-page .video-shell { height:290px; }.a100-page .sheet-layout { gap:30px; }.a100-page .faq-grid { grid-template-columns:.8fr 1.3fr; gap:25px; }.a100-page .term-facts>div { display:block; }.a100-page .term-facts span { display:block; text-align:left; margin-top:5px; } }
@media(max-width:730px) { .a100-page .wrap { width:calc(100% - 44px); }.a100-page .section { padding:37px 0; }.a100-page .hero { padding:22px 0 26px; }.a100-page .hero h1 { font-size:clamp(41px,9.5vw,59px); }.a100-page .hero-deck { font-size:16px; }.a100-page .hero-copy .eyebrow { font-size:10px; }.a100-page .a100-breadcrumb { font-size:10px; margin-bottom:19px; }.a100-page .a100-equipment-images img { height:260px; }.a100-page .a100-equipment-top img { width:150px; }.a100-page .a100-equipment-top span { font-size:9px; }.a100-page .stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.a100-page .stat { padding:15px; }.a100-page .stat strong { font-size:34px; }.a100-page .a100-section-heading { display:block; margin-bottom:23px; }.a100-page .a100-section-heading .section-intro { margin-top:16px; }.a100-page .video-grid,.a100-page .a100-proof-grid,.a100-page .terms-grid,.a100-page .faq-grid,.a100-page .sheet-layout { grid-template-columns:1fr; gap:25px; }.a100-page .video-shell { height:340px; }.a100-page .a100-proof-copy>p:not(.eyebrow) { font-size:15px; }.a100-page .gpu-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.a100-page .gpu-grid i { height:29px; }.a100-page .visual-stage { padding:21px; }.a100-page .spec-grid { grid-template-columns:1fr; }.a100-page .spec-table dl>div { grid-template-columns:1fr 1.1fr; gap:17px; }.a100-page .memory-card { padding:26px; }.a100-page .memory-card>strong { font-size:65px; }.a100-page .configuration-columns { grid-template-columns:1fr; gap:14px; }.a100-page .rack-configuration { padding:21px; }.a100-page .configuration-columns>div { padding:18px; }.a100-page .process { grid-template-columns:1fr; gap:11px; }.a100-page .process>div { padding:20px; }.a100-page .process>div>span { margin-bottom:9px; }.a100-page .process p { margin-top:9px; }.a100-page .sheet-preview { max-width:330px; }.a100-page .decision-panel { padding:29px 20px; }.a100-page .decision-facts { flex-direction:column; align-items:center; gap:10px; }.a100-page .mobile-buy { position:fixed; left:0; right:0; bottom:0; z-index:45; display:flex; justify-content:space-between; align-items:center; gap:15px; padding:12px 20px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid #af88ff61; background:#08162af5; backdrop-filter:blur(12px); }.a100-page .mobile-buy strong { display:block; font-size:20px; font-weight:950; color:#d3baff; line-height:1.15; }.a100-page .mobile-buy span { color:#b3c6dc; font-size:9px; line-height:1.4; display:block; margin-top:4px; }.a100-page .mobile-buy .btn { min-height:44px; padding:10px 16px; font-size:12px; }.a100-page .footer { padding-bottom:108px; }.a100-page .nav-actions .nav-cta { display:none; } }
@media(max-width:500px) { .a100-page .hero-price { gap:15px; padding:17px 14px; }.a100-page .hero-price strong { font-size:34px; }.a100-page .hero-price>span { font-size:10px; }.a100-page .hero-actions { display:grid; grid-template-columns:1fr; }.a100-page .hero-actions .btn { font-size:13px; min-height:48px; }.a100-page .a100-hero-proof { gap:8px 13px; font-size:10px; }.a100-page .a100-hero-proof span+span { padding-left:0; border:0; }.a100-page .a100-equipment-images { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }.a100-page .a100-equipment-images img { height:200px; }.a100-page .a100-module-image img { padding:5px; }.a100-page .a100-equipment-images figcaption { font-size:9px; padding:8px; min-height:46px; }.a100-page .a100-equipment-top { padding:12px; gap:10px; }.a100-page .a100-equipment-top img { width:135px; }.a100-page .a100-equipment-top span { font-size:8px; }.a100-page .a100-equipment-foot { padding:13px; gap:10px; }.a100-page .a100-equipment-foot b { font-size:25px; }.a100-page .a100-equipment-foot span { font-size:9px; }.a100-page .a100-equipment-foot a { font-size:10px; }.a100-page .stat { gap:10px; padding:14px 12px; }.a100-page .stat strong { font-size:30px; }.a100-page .stat>span { font-size:10px; }.a100-page .stat strong span { font-size:13px; }.a100-page .video-shell { height:310px; }.a100-page .video-copy { padding:18px; }.a100-page .video-copy h3 { font-size:20px; }.a100-page .video-copy p { font-size:12px; }.a100-page .visual-stage { padding:15px; }.a100-page .rack-diagram { padding:12px 8px; }.a100-page .gpu-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }.a100-page .gpu-grid i { height:23px; }.a100-page .node { padding:8px; gap:8px; }.a100-page .node-detail { padding:12px; gap:3px 13px; }.a100-page .node-detail strong { font-size:15px; }.a100-page .stage-foot>span { flex-basis:100%; }.a100-page .stage-foot button { padding:8px; font-size:10px; }.a100-page .spec-table dl>div { grid-template-columns:1fr; gap:6px; }.a100-page .configuration-heading h3 { font-size:21px; }.a100-page .order-card { padding:22px; }.a100-page .equation-answer strong { font-size:27px; }.a100-page .equation-answer { margin-left:0; }.a100-page .faq details { padding:18px; }.a100-page .faq summary { font-size:13px; }.a100-page .bom-download { padding:19px; }.a100-page .bom-actions { display:block; }.a100-page .bom-actions .btn { width:100%; white-space:normal; }.a100-page .decision-inquire { width:100%; min-width:0; }.a100-page .decision-deck { font-size:14px; }.a100-page #inquiry-form { padding:23px 19px; }.a100-page .dialog-head { padding:12px 18px; }.a100-page .form-step h2 { font-size:27px; }.a100-page .form-grid { grid-template-columns:1fr; gap:0; }.a100-page .gpu-panel { padding:24px 18px; }.a100-page .gpu-dialog h2 { font-size:38px; }.a100-page .gpu-panel-facts { gap:7px; }.a100-page .gpu-panel-facts strong { font-size:24px; }.a100-page .gpu-panel-facts span { font-size:9px; }.a100-page .gpu-bank-picker { grid-template-columns:repeat(2,1fr); }.a100-page .success-panel { padding:30px 22px; } }
@media(max-width:350px) { .a100-page .wrap { width:calc(100% - 28px); }.a100-page .hero-price strong { font-size:29px; }.a100-page .hero-price { gap:10px; }.a100-page .hero-price>span { font-size:9px; }.a100-page .a100-equipment-images img { height:180px; }.a100-page .stat { padding:13px 10px; gap:8px; }.a100-page .stat strong { font-size:27px; }.a100-page .stat>span { font-size:9px; }.a100-page .stat strong span { font-size:12px; }.a100-page .a100-explorer-card { padding:14px; }.a100-page .a100-explorer-card b { font-size:27px; }.a100-page .a100-explorer-card span { font-size:10px; }.a100-page .visual-stage { padding:13px; }.a100-page .node-detail>span { font-size:9px; }.a100-page .node-detail strong { font-size:14px; }.a100-page .order-card { padding:18px; }.a100-page .mobile-buy { padding-inline:14px; }.a100-page .mobile-buy .btn { font-size:11px; padding-inline:13px; } }
@media(prefers-reduced-motion:reduce) { .a100-page .scan-line { display:none; }.a100-page * { animation:none!important; transition:none!important; } }

@media(max-width:900px) { .a100-page .visual-stage { max-width:560px; }.a100-page .hero-grid { gap:31px; } }
@media(max-width:730px) { .a100-page .a100-proof-grid { grid-template-columns:1fr; }.a100-page .a100-proof-copy { padding:4px 0 0; }.a100-page .stage-top img { width:220px; }.a100-page .stage-foot>span { flex-basis:100%; }.a100-page .stage-foot { justify-content:flex-start; } }
@media(max-width:500px) { .a100-page .stage-top { min-height:52px; margin-bottom:15px; gap:10px; }.a100-page .stage-top img { width:185px; max-width:62%; }.a100-page .stage-tag { font-size:8px; padding:6px; }.a100-page .rack-diagram { padding:10px 8px 7px; border-left-width:6px; border-right-width:6px; margin-right:8px; transform:perspective(1100px) rotateY(-7deg) rotateX(3deg); box-shadow:14px 14px 0 -5px #06111d,15px 14px 0 -4px #355774,0 16px 25px #0006; }.a100-page .a100-rack-wrap { margin-right:3px; }.a100-page .node { padding:9px 5px; gap:6px; margin-bottom:9px; }.a100-page .gpu-grid { gap:5px; }.a100-page .gpu-grid i { height:27px; }.a100-page .gpu-grid i span { font-size:7px; }.a100-page .node-id { font-size:7px; }.a100-page .rack-cap { font-size:8px; gap:8px; padding-bottom:13px; }.a100-page .floating-badge { bottom:-14px; right:0; padding:8px 12px; gap:9px; }.a100-page .floating-badge strong { font-size:35px; }.a100-page .floating-badge span { font-size:9px; }.a100-page .rack-hint { margin-top:31px; font-size:10px; }.a100-page .node-detail { gap:3px 10px; }.a100-page .node-detail strong { font-size:15px; } }

/* Sold inventory keeps the original equipment presentation with a clear archive state. */
.a100-sold .sold-status { border-color:#ffce6770; border-left-color:var(--gold); background:linear-gradient(110deg,#60472240,#17273b); }
.a100-sold .sold-status strong,.a100-sold .hero h1 .highlight { color:var(--gold); background:none; -webkit-text-fill-color:currentColor; }
.a100-sold .sold-status { flex-wrap:wrap; }
.a100-sold .sold-next h3 { margin-bottom:18px; }
.a100-sold .sold-next>p:not(.eyebrow) { color:#b8cbe1; margin-bottom:24px; font-size:14px; }
.a100-sold .archive-documents { max-width:900px; }
.a100-sold .footer { padding-bottom:32px; }