@charset "UTF-8";:root{--voltz-yellow:#f6a623;--voltz-charcoal:#0a0a0a;--voltz-darker:#0a0a0a;--voltz-white-5:rgba(255,255,255,0.05);--voltz-white-10:rgba(255,255,255,0.1)}body{font-family:'Inter',sans-serif;background-color:var(--voltz-charcoal);color:#fff;margin:0;overflow-x:hidden}::selection{background-color:var(--voltz-yellow);color:var(--voltz-charcoal)}.voltz-header-font{font-family:'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:-0.02em}.voltz-mono{font-family:'Roboto Mono',monospace}.v-assembly-section{background-color:var(--voltz-charcoal);border-bottom:1px solid var(--voltz-white-5);padding:8rem 1.5rem;position:relative}.v-grid-overlay{position:absolute;inset:0;background-image:radial-gradient(rgba(246,166,35,0.1) 1px,transparent 0);background-size:40px 40px;pointer-events:none;opacity:0.2}.v-container{max-width:80rem;margin:0 auto;position:relative;z-index:10}.v-assembly-grid{display:grid;grid-template-columns:1fr;gap:6rem}@media (min-width:1024px){.v-assembly-grid{grid-template-columns:repeat(3,1fr)}}.v-info-col{grid-column:span 1}.v-section-label{font-family:var(--voltz-mono);color:var(--voltz-yellow);font-size:0.75rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:0.3em}.v-title{font-size:3rem;font-weight:900;margin-bottom:2rem;line-height:1.2;text-transform:uppercase}.v-title span{color:var(--voltz-yellow)}.v-desc{color:#6b7280;font-weight:300;line-height:1.625;margin-bottom:3rem}.v-protocol-label{font-family:var(--voltz-mono);font-size:10px;color:#4b5563;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem}.v-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem}.v-color-item{position:relative}.v-color-swatch{width:100%;aspect-ratio:1 / 1;border:1px solid var(--voltz-white-10);cursor:crosshair;transition:all 0.3s}.v-color-item:hover .v-color-swatch{border-color:var(--voltz-yellow)}.v-color-name{position:absolute;top:100%;left:0;margin-top:0.25rem;font-family:var(--voltz-mono);font-size:8px;opacity:0;transition:opacity 0.3s;text-transform:uppercase}.v-color-item:hover .v-color-name{opacity:1}.v-matrix-col{grid-column:span 1;display:grid;grid-template-columns:1fr;gap:3rem;background-color:rgba(0,0,0,0.4);padding:3rem;border:1px solid var(--voltz-white-5);position:relative}@media (min-width:640px){.v-matrix-col{grid-template-columns:1fr 1fr;gap:4rem}}@media (min-width:1024px){.v-matrix-col{grid-column:span 2;padding:5rem}}.v-matrix-accents{position:absolute;top:0;right:0;padding:1.5rem;display:flex;gap:0.375rem;opacity:0.3}.v-accent-dot{width:0.375rem;height:0.375rem;background-color:var(--voltz-yellow)}.v-accent-dot-50{opacity:0.5}.v-accent-dot-20{opacity:0.2}.v-matrix-item{border-bottom:1px solid var(--voltz-white-5);padding-bottom:1rem;transition:border-color 0.5s}.v-matrix-item:hover{border-color:var(--voltz-yellow)}.v-matrix-label{font-family:var(--voltz-mono);font-size:9px;text-transform:uppercase;margin-bottom:0.5rem;letter-spacing:0.1em;color:#6b7280;transition:color 0.5s}.v-matrix-item:hover .v-matrix-label{color:var(--voltz-yellow)}.v-matrix-val{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:-0.025em;color:#fff}.v-matrix-item.v-highlight .v-matrix-label{color:var(--voltz-yellow)}.v-matrix-item.v-highlight .v-matrix-val{color:var(--voltz-yellow)}
