:root{color-scheme:dark;font-family:Hanken Grotesk,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0a0c;color:#eef5f8;--bg: #0a0a0c;--panel: rgba(16, 19, 24, .9);--panel-strong: rgba(22, 26, 33, .96);--line: rgba(146, 177, 190, .18);--line-strong: rgba(0, 198, 255, .42);--cyan: #00c7ff;--cyan-soft: #8eeeff;--lime: #a8ff2f;--text: #eef5f8;--muted: #a8b8c2;--muted-2: #71838f;--danger: #ff5d6c}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:var(--bg);scroll-behavior:smooth}body{min-height:100%;overflow-x:hidden;background:var(--bg);color:var(--text)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}::selection{color:#fff;background:#00c7ff59}.atlas-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 18% 8%,rgba(0,199,255,.18),transparent 28rem),radial-gradient(circle at 82% 18%,rgba(168,255,47,.08),transparent 24rem),#0a0a0c}.atlas-grid{position:absolute;inset:0;opacity:.48;background-image:linear-gradient(rgba(142,238,255,.095) 1px,transparent 1px),linear-gradient(90deg,rgba(142,238,255,.095) 1px,transparent 1px);background-size:2rem 2rem;mask-image:linear-gradient(180deg,#000000 0%,rgba(0,0,0,.36) 70%,transparent 100%)}.atlas-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#0a0a0c2e,#0a0a0ceb),radial-gradient(circle at center,transparent,rgba(0,0,0,.58))}.site-header{position:fixed;z-index:30;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.85rem clamp(1rem,4vw,3.2rem);border-bottom:1px solid var(--line);background:#08090ce6;backdrop-filter:blur(18px)}.brand-mark{display:inline-flex;align-items:center;gap:.75rem;min-width:0;color:var(--cyan-soft);font-size:.74rem;font-weight:950;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}.brand-mark img{width:2.35rem;height:2.35rem;object-fit:contain}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(.65rem,1.5vw,1.45rem);min-width:0}.nav-links,.nav-actions{display:flex;align-items:center;gap:clamp(.62rem,1.35vw,1.25rem);min-width:0}.nav-links{overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-actions{flex:0 0 auto;gap:.75rem}.site-nav a{color:#dae7eeb8;font-size:.62rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;transition:color .16s ease,border-color .16s ease,background .16s ease}.site-nav a:hover,.site-nav a.active{color:var(--lime)}.header-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.1rem;border:1px solid rgba(168,255,47,.48);border-radius:.32rem;background:#a8ff2f1a;padding:.58rem .72rem}.language-picker{position:relative;min-width:12.5rem}.language-trigger{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;min-height:2.28rem;border:1px solid rgba(142,238,255,.24);border-radius:.42rem;background:#8eeeff0f;color:var(--cyan-soft);padding:.5rem .68rem;font-size:.63rem;font-weight:900;letter-spacing:.08em;text-transform:none}.language-caret{width:0;height:0;border-right:.26rem solid transparent;border-left:.26rem solid transparent;border-top:.34rem solid currentColor}.language-menu{position:absolute;z-index:60;top:calc(100% + .5rem);right:0;display:none;width:min(20rem,82vw);max-height:22rem;overflow:auto;border:1px solid rgba(142,238,255,.28);border-radius:.5rem;background:#080a0efa;box-shadow:0 1.2rem 4rem #0000006b}.language-picker.open .language-menu{display:block}.language-option{display:grid;grid-template-columns:1fr auto;gap:.8rem;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:var(--text);padding:.72rem .85rem;text-align:left;text-transform:none}.language-option.active,.language-option:hover{background:#00c7ff1f}.language-option:disabled{color:#bec7d46b;cursor:not-allowed}.language-option-name{font-size:.72rem;font-weight:850}.language-option-native{color:var(--lime);font-size:.7rem;font-weight:850}.language-option-status{grid-column:2;color:#8cff007a;font-size:.58rem;font-weight:900;text-transform:uppercase}.atlas-layout{position:relative;z-index:1;width:min(100% - 2rem,112rem);margin:0 auto;padding:6.6rem 0 4rem}.atlas-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,34rem);gap:clamp(1rem,4vw,3.5rem);align-items:end;padding:.75rem 0 1rem}.hero-copy{display:grid;gap:.8rem}.eyebrow{color:var(--lime);font-size:.68rem;font-weight:950;letter-spacing:.22em;text-transform:uppercase}h1{max-width:58rem;color:#fff;font-size:clamp(2.7rem,5.1vw,5.6rem);font-weight:860;line-height:.94;letter-spacing:0}.hero-copy p:not(.eyebrow){max-width:54rem;color:var(--muted);font-size:clamp(.92rem,1.2vw,1.08rem);line-height:1.62}.hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.hero-metrics article{min-height:6rem;border:1px solid var(--line);border-radius:.4rem;background:#101318b8;padding:.9rem}.hero-metrics strong{display:block;color:#fff;font-size:clamp(1.35rem,2vw,2.1rem);line-height:1}.hero-metrics span{display:block;margin-top:.65rem;color:var(--muted-2);font-size:.62rem;font-weight:900;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.atlas-workspace{display:grid;grid-template-columns:16.5rem minmax(0,1fr) 25rem;gap:.85rem;align-items:start;margin-top:.85rem}.filter-panel,.atlas-toolbar,.block-card,.detail-panel,.empty-state{border:1px solid var(--line);border-radius:.45rem;background:var(--panel);box-shadow:0 1rem 2.6rem #0000003d}.filter-panel,.detail-panel{position:sticky;top:5.3rem}.filter-panel{display:grid;gap:.9rem;padding:.85rem}.panel-label{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.panel-label span,.search-control span,.detail-eyebrow,.atlas-note span{color:var(--muted-2);font-size:.62rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.panel-label strong{color:var(--lime);font-size:.68rem;font-weight:950;letter-spacing:.08em}.category-list{display:grid;gap:.4rem}.category-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center;width:100%;min-height:2.55rem;border:1px solid rgba(142,238,255,.11);border-radius:.36rem;background:#ffffff06;color:#eaf4f8c2;padding:.62rem .68rem;text-align:left}.category-button span{overflow:hidden;font-size:.73rem;font-weight:860;text-overflow:ellipsis;white-space:nowrap}.category-button strong{color:var(--muted-2);font-size:.68rem}.category-button:hover,.category-button.active{border-color:#a8ff2f6b;background:#a8ff2f17;color:#fff}.category-button.active strong{color:var(--lime)}.atlas-note{display:grid;gap:.45rem;border-top:1px solid var(--line);padding-top:.9rem}.atlas-note p{color:var(--muted);font-size:.78rem;line-height:1.55}.atlas-main{min-width:0}.atlas-toolbar{padding:.75rem}.search-control{display:grid;gap:.5rem}.search-control input{width:100%;min-height:2.8rem;border:1px solid rgba(142,238,255,.18);border-radius:.38rem;background:#00000052;color:#fff;outline:none;padding:.76rem .85rem}.search-control input:focus{border-color:#a8ff2f8a;box-shadow:0 0 0 .18rem #a8ff2f1a}.mobile-category-rail{display:none}.block-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:.85rem}.block-card{display:grid;grid-template-columns:7.7rem minmax(0,1fr);gap:.85rem;min-height:13rem;padding:.85rem;transition:border-color .16s ease,background .16s ease,transform .16s ease}.block-card:hover,.block-card:focus-visible,.block-card.active{border-color:color-mix(in srgb,var(--accent) 68%,var(--cyan) 32%);background:linear-gradient(135deg,#ffffff0e,#0000001f);outline:none}.block-card:hover,.block-card:focus-visible{transform:translateY(-2px)}.card-media{display:grid;min-width:0;place-items:center;border:1px solid rgba(255,255,255,.06);border-radius:.35rem;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent),#0000002e}.card-copy{display:grid;min-width:0;gap:.58rem;align-content:start}.card-topline{display:flex;flex-wrap:wrap;gap:.38rem}.card-topline span{border:1px solid rgba(142,238,255,.16);border-radius:999px;color:var(--muted-2);padding:.25rem .42rem;font-size:.56rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.card-copy h2{color:#fff;font-size:clamp(1.05rem,1.35vw,1.35rem);line-height:1.04;letter-spacing:0}.card-copy p{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.78rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.composition-strip,.tag-list{display:flex;flex-wrap:wrap;gap:.35rem}.composition-chip{display:inline-flex;align-items:center;gap:.28rem;min-width:0;border:1px solid rgba(142,238,255,.14);border-radius:999px;background:#00c7ff11;color:#dff8ff;padding:.24rem .42rem;font-size:.62rem;font-weight:860;line-height:1;white-space:nowrap}.composition-chip strong{flex:0 0 auto;color:var(--cyan-soft);font-size:.68rem}.composition-chip em{overflow:hidden;max-width:5.6rem;color:#eef5f8e6;font-size:.62rem;font-style:normal;text-overflow:ellipsis}.composition-chip span{flex:0 0 auto;color:#eef5f8b8}.detail-panel{display:grid;gap:.9rem;max-height:calc(100vh - 6.2rem);overflow:auto;padding:.9rem}.detail-header{display:grid;grid-template-columns:8.4rem minmax(0,1fr);gap:.9rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:.9rem}.detail-header h2{margin-top:.38rem;color:#fff;font-size:clamp(1.65rem,2.4vw,2.5rem);line-height:.98}.detail-header p,.detail-description{color:var(--muted);font-size:.84rem;line-height:1.55}.tag-list span{border:1px solid rgba(168,255,47,.2);border-radius:999px;background:#a8ff2f12;color:var(--lime);padding:.28rem .48rem;font-size:.62rem;font-weight:850}.detail-section{display:grid;gap:.58rem;border-top:1px solid var(--line);padding-top:.82rem}.detail-section h3{color:#fff;font-size:.82rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.detail-section-body{display:grid;gap:.45rem}.composition-row,.physical-row,.signal-row,.color-row{display:grid;grid-template-columns:minmax(8.8rem,.72fr) minmax(0,1fr);gap:.55rem;align-items:center}.range-bar,.signal-row i{position:relative;display:block;height:.48rem;overflow:hidden;border-radius:999px;background:#ffffff13}.range-bar:before,.signal-row i:before{position:absolute;inset:0 auto 0 0;width:var(--range, var(--value, 0%));border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--lime));content:""}.signal-row{grid-template-columns:minmax(6rem,.65fr) auto minmax(6.5rem,1fr)}.signal-row span,.physical-row span,.color-row span{color:var(--muted);font-size:.72rem;font-weight:800}.signal-row strong,.physical-row strong,.color-row strong{color:#fff;font-size:.68rem;font-weight:900;white-space:nowrap}.color-row{grid-template-columns:1.4rem minmax(0,1fr) auto}.color-row i{width:1.2rem;height:1.2rem;border:1px solid rgba(255,255,255,.2);border-radius:.18rem;box-shadow:0 0 1rem #ffffff14}.empty-state{grid-column:1 / -1;min-height:12rem;display:grid;place-items:center;color:var(--muted);padding:2rem}.voxel-scene{position:relative;width:5rem;height:5rem;display:grid;perspective:44rem;place-items:center;filter:drop-shadow(0 0 1rem var(--cube-glow))}.voxel-scene.large{width:7rem;height:7rem}.voxel-scene.true-render{overflow:hidden;perspective:none;filter:drop-shadow(0 .8rem 1.15rem rgba(0,0,0,.36))}.block-preview-canvas{width:100%;height:100%;image-rendering:auto}.voxel-cube{position:relative;width:3.15rem;height:3.15rem;transform-style:preserve-3d;animation:cubeSpin 9s linear infinite}.voxel-scene.large .voxel-cube{width:4.55rem;height:4.55rem}.cube-face{position:absolute;inset:0;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 38%),linear-gradient(45deg,transparent 0 46%,rgba(255,255,255,.09) 46% 54%,transparent 54%),var(--cube-front);background-size:auto,.72rem .72rem,auto}.front{transform:translateZ(calc(var(--cube-size, 3.15rem) / 2))}.back{background-color:var(--cube-side);transform:rotateY(180deg) translateZ(calc(var(--cube-size, 3.15rem) / 2))}.right{background-color:var(--cube-side);transform:rotateY(90deg) translateZ(calc(var(--cube-size, 3.15rem) / 2))}.left{background-color:var(--cube-side);transform:rotateY(-90deg) translateZ(calc(var(--cube-size, 3.15rem) / 2))}.top{background-color:var(--cube-top);transform:rotateX(90deg) translateZ(calc(var(--cube-size, 3.15rem) / 2))}.bottom{background-color:var(--cube-side);transform:rotateX(-90deg) translateZ(calc(var(--cube-size, 3.15rem) / 2))}.voxel-scene.large .voxel-cube{--cube-size: 4.55rem}.transparent .cube-face{opacity:var(--cube-opacity, .74)}.emissive .cube-face{box-shadow:inset 0 0 1.1rem #ffffff29}@keyframes cubeSpin{0%{transform:rotateX(-24deg) rotateY(0)}to{transform:rotateX(-24deg) rotateY(360deg)}}@media (prefers-reduced-motion: reduce){.voxel-cube{animation:none;transform:rotateX(-24deg) rotateY(35deg)}}@media (max-width: 1400px){.atlas-workspace{grid-template-columns:14.5rem minmax(0,1fr)}.detail-panel{position:relative;top:auto;grid-column:1 / -1;max-height:none}.detail-header{grid-template-columns:9rem minmax(0,1fr)}}@media (max-width: 1040px){.site-header{position:relative;align-items:flex-start;flex-direction:column}.site-nav{width:100%;flex-wrap:wrap;justify-content:flex-start}.nav-links{flex:1 1 100%;width:100%}.atlas-layout{padding-top:1.25rem}.atlas-hero,.atlas-workspace{grid-template-columns:1fr}.filter-panel{position:relative;top:auto}.category-list{display:none}.mobile-category-rail{display:flex;gap:.45rem;margin-top:.65rem;overflow-x:auto;padding-bottom:.15rem}.category-button.rail{flex:0 0 auto;width:auto;min-width:8.5rem}.atlas-note{display:none}}@media (max-width: 760px){.atlas-layout{width:min(100% - 1rem,112rem)}.brand-mark{letter-spacing:.16em}.site-nav{gap:.55rem}.nav-links a{font-size:.58rem}.nav-actions{width:100%;justify-content:space-between}.language-picker{flex:1 1 11rem;min-width:0}h1{font-size:clamp(2.5rem,13vw,4.2rem)}.hero-metrics,.block-grid{grid-template-columns:1fr}.block-card{grid-template-columns:6.8rem minmax(0,1fr);min-height:12rem}.detail-header,.composition-row,.physical-row,.signal-row{grid-template-columns:1fr}.signal-row i{width:100%}}@media (max-width: 500px){.block-card{grid-template-columns:1fr}.card-media{min-height:8.2rem}.detail-header{justify-items:start}}
