@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Roboto+Mono:wght@400;500&display=swap";:root{--color-white: #ffffff;--color-ice: #f8fafc;--color-grid: #e2e8f0;--color-charcoal: #1a1a1a;--color-slate-500: #64748b;--color-slate-300: #cbd5e1;--color-cobalt: #0047ab;--color-violet: #8e44ad;--color-coral: #ff7f50;--color-gradient: linear-gradient(135deg, #8e44ad 0%, #ff7f50 100%);--color-gradient-soft: linear-gradient(135deg, rgba(142, 68, 173, .1) 0%, rgba(255, 127, 80, .1) 100%);--color-red: #ff0000;--font-ui: "Space Grotesk", system-ui, sans-serif;--font-data: "Roboto Mono", monospace;--radius-lg: 0px;--radius-md: 0px;--border-thin: 1px solid #e2e8f0;--border-tech: 1px solid #cbd5e1;--border-active: 1px solid var(--color-charcoal)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-white);color:var(--color-charcoal);font-family:var(--font-ui);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.projection-grid{background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:40px 40px;position:relative}.crystal-card{background:#fff;border:var(--border-tech);padding:1.5rem;box-shadow:12px 12px #00000008;position:relative;transition:transform .2s,box-shadow .2s}.crystal-card:before{content:"";position:absolute;top:-1px;left:-1px;width:15px;height:15px;border-top:3px solid transparent;border-left:3px solid transparent;border-image:var(--color-gradient) 1}.surgical-grid{display:grid;grid-template-columns:340px 1fr 360px;gap:2rem;max-width:1600px;margin:0 auto;padding:3rem 2rem}@media (max-width: 1200px){.surgical-grid{grid-template-columns:1fr}}input[type=range]{-webkit-appearance:none;width:100%;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--color-grid);border-radius:2px;position:relative}input[type=range].vibrant-slider::-webkit-slider-runnable-track{background:var(--color-grid)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--color-white);border:1px solid var(--color-slate-300);border-radius:50%;cursor:pointer;margin-top:-7px;box-shadow:0 2px 5px #0000001a;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:10}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15);border-color:var(--color-violet);box-shadow:0 0 15px #8e44ad66}.ref-marker{position:absolute;width:2px;height:12px;background:var(--color-charcoal);top:50%;transform:translateY(-50%);z-index:5;pointer-events:none}.ref-marker:after{content:"NORM";position:absolute;top:-12px;left:50%;transform:translate(-50%);font-family:var(--font-data);font-size:.5rem;color:var(--color-slate-400);letter-spacing:.05em}.tech-label,.tech-box .label{font-family:var(--font-data);font-size:.45rem;color:var(--color-slate-400);letter-spacing:.15em;margin-bottom:.8rem;font-weight:700}.text-display{font-family:var(--font-ui);font-weight:700;text-transform:uppercase;letter-spacing:-.02em}.text-data{font-family:var(--font-data);font-variant-numeric:tabular-nums}.text-cobalt{color:var(--color-cobalt)}.text-violet{color:var(--color-violet)}.text-slate{color:var(--color-slate-500)}.bg-gradient{background:var(--color-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tech-btn-tab{background:var(--color-white);border:1px solid var(--color-slate-200);color:var(--color-slate-500);padding:1rem;font-family:var(--font-ui);font-weight:700;text-transform:uppercase;font-size:.75rem;transition:all .2s;cursor:pointer;letter-spacing:.05em;position:relative;overflow:hidden}.tech-btn-tab.active{background:var(--color-ice);color:var(--color-charcoal);border-color:var(--color-charcoal)}.tech-btn-tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--color-gradient)}.tech-btn-tab:hover:not(.active){border-color:var(--color-violet);color:var(--color-violet)}.tech-btn-grid{background:#fff;border:1px solid var(--color-slate-200);color:var(--color-slate-500);padding:1.2rem .4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;transition:all .2s;cursor:pointer;text-align:center;position:relative;line-height:1.2}.tech-btn-grid.active{color:var(--color-charcoal);border-color:var(--color-charcoal);background:var(--color-ice);font-weight:800}.tech-btn-grid.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--color-gradient)}.tech-btn-grid:hover:not(.active){border-color:var(--color-violet);color:var(--color-violet);background:var(--color-ice)}.tech-btn-outline{background:transparent;border:1px solid var(--color-slate-200);color:var(--color-slate-500);padding:.7rem 1rem;font-size:.7rem;font-weight:700;text-transform:uppercase;transition:all .2s;cursor:pointer;letter-spacing:.05em;text-align:left;position:relative}.tech-btn-outline.active{border-color:var(--color-charcoal);color:var(--color-charcoal);background:var(--color-ice)}.tech-btn-outline.active:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--color-coral)}.tech-btn-outline:hover:not(.active){border-color:var(--color-slate-400);color:var(--color-charcoal)}.mini-stat-v2{padding:1rem;border:1px solid var(--color-slate-200)}.mini-stat-v2 .label{font-size:.6rem;color:var(--color-slate-500);margin-bottom:.4rem}.mini-stat-v2 .val{font-size:1.5rem;font-weight:700;color:var(--color-charcoal)}.mini-stat-v2 .sub{font-size:.65rem;color:var(--color-cobalt);font-weight:600;text-transform:uppercase}.tech-tag{font-size:.7rem;font-weight:700;color:var(--color-charcoal)}.tech-link-v2{background:none;border:none;color:var(--color-cobalt);font-family:var(--font-data);font-size:.75rem;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.tech-link-v2:hover{color:var(--color-violet)}.science-drawer{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.science-drawer.open{box-shadow:-20px 0 60px #0000001a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-ice)}::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-500)}.tech-box{position:relative;background:#fff;border:1px solid var(--color-slate-300);padding:1.2rem 1.5rem;transition:all .3s ease}.tech-box:before{content:"";position:absolute;top:-1px;left:-1px;width:20px;height:20px;border-top:2px solid transparent;border-left:2px solid transparent;border-image:linear-gradient(to bottom right,var(--color-violet),var(--color-coral)) 1}.tech-box.interactive:hover{box-shadow:0 10px 30px #00000008}.global-control-bar{gap:.75rem!important}.tech-btn-grid-container{display:flex;gap:4px;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.tech-btn-grid-container::-webkit-scrollbar,.archetype-grid::-webkit-scrollbar{display:none!important}.tech-btn-grid-container,.archetype-grid{scrollbar-width:none!important;-ms-overflow-style:none!important}.tech-btn-grid{scroll-snap-align:start;flex-shrink:0;min-width:100px}.mobile-selection-chips{display:none;gap:.5rem;margin-bottom:1rem}@media (min-width: 1101px){.mobile-selection-chips{display:none!important}}.swipe-hint{font-family:var(--font-data);font-size:.4rem;color:var(--color-slate-300);letter-spacing:.2em;text-transform:uppercase;margin-top:2px}.mobile-selection-chips.hidden{display:none!important}.mobile-chip-btn{text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px;border-radius:0}.mobile-chip-btn .chip-label{font-family:var(--font-data);font-size:.45rem;color:var(--color-slate-400);letter-spacing:.1em}.mobile-chip-btn .chip-val{font-family:var(--font-ui);font-size:.65rem;font-weight:700;color:var(--color-charcoal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-chip-btn:hover{border-color:var(--color-violet)}.app-header,.control-bar-container{padding:1rem 2rem 0}.header-subtitle{font-size:.75rem}.main-logo{font-size:5rem;line-height:.8;color:var(--color-charcoal)}.no-padding{padding:0!important}.global-control-bar-wrapper{margin-bottom:2rem}html,body{overflow-x:hidden;width:100%}.app-container{width:100%;overflow-x:hidden}@media (max-width: 1100px){.global-control-bar-wrapper{margin-bottom:1.25rem}.app-header,.control-bar-container{padding:.5rem .5rem 0!important;width:100%}.header-subtitle{font-size:.5rem!important;margin-bottom:.2rem!important}.main-logo{font-size:2.8rem!important}.header-actions{padding-top:0!important}.mobile-selection-chips{display:flex;margin-bottom:.75rem;width:100%}.global-control-bar{flex-direction:column;gap:0!important;width:100%}.tech-btn-grid-container{flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%);width:100%}.tech-btn-grid-container::-webkit-scrollbar{display:none}.tech-btn-grid{flex-shrink:0!important;min-width:90px!important}.surgical-grid{grid-template-columns:1fr!important;gap:.5rem!important;padding:.5rem!important;width:100%}.surgical-grid>*{min-width:0}.lab-column{order:1}.insights-column{order:2}.engine-column{order:3}.hybrid-input-group{margin-bottom:.4rem!important}.crystal-accordion button{padding:.75rem!important}}@media (max-width: 600px){.surgical-grid{padding:.5rem!important;gap:.5rem!important}.crystal-card,.tech-box{padding:.5rem!important}.tech-box .label,.mini-stat-v2 .label{font-size:.35rem!important;margin-bottom:.2rem!important}.hybrid-input-group{margin-bottom:.4rem!important}.text-data[style*="font-size: 6rem"],.text-data[style*="font-size: 5.5rem"]{font-size:3.2rem!important}.val.text-data{font-size:3rem!important}.text-display[style*="margin-bottom: 1rem"]{margin-bottom:.5rem!important}}.archetype-selector{width:100%}.archetype-grid{display:flex;gap:4px;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px}.archetype-grid::-webkit-scrollbar{display:none}.archetype-btn{scroll-snap-align:start;flex:0 0 100px;background:var(--color-white);border:1px solid var(--color-slate-200);padding:.6rem .3rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;transition:all .2s;position:relative}.archetype-btn:hover:not(:disabled){border-color:var(--color-violet);background:var(--color-ice)}.archetype-btn.active{border-color:var(--color-charcoal);background:var(--color-ice);box-shadow:0 4px 10px #0000000d}.archetype-btn.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--color-gradient)}.arch-icon-container{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.arch-icon{width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.6;filter:grayscale(1);transition:all .2s}.archetype-btn.active .arch-icon{opacity:1;filter:none}.arch-label{font-family:var(--font-data);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-slate-500);text-align:center}.archetype-btn.active .arch-label{color:var(--color-charcoal)}.arch-icon.balanced{border:2px solid var(--color-slate-400);width:16px;height:16px}.arch-icon.spider{border:1px solid var(--color-slate-400);width:10px;height:24px;position:relative}.arch-icon.spider:before,.arch-icon.spider:after{content:"";position:absolute;background:var(--color-slate-400);width:20px;height:1px}.arch-icon.sitzriese{border:1px solid var(--color-slate-400);width:24px;height:14px}.arch-icon.long_legs{border:1px solid var(--color-slate-400);width:14px;height:18px;border-bottom:4px solid var(--color-slate-400)}.arch-icon.custom{border:1px dashed var(--color-slate-300);width:18px;height:18px;transform:rotate(45deg)}.archetype-btn.active .arch-icon{border-color:var(--color-violet)}.archetype-btn.active .arch-icon.long_legs{border-bottom-color:var(--color-violet)}.archetype-description{margin-top:1.5rem;padding:1rem;background:var(--color-ice);border:1px solid var(--color-slate-200);border-left:4px solid var(--color-violet);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.swipe-indicator{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--color-violet);font-family:var(--font-data);font-size:.45rem;font-weight:800;letter-spacing:.1em;opacity:.7}.swipe-indicator:after{content:"→";font-size:.6rem}.voting-grid{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}@media (max-width: 1100px){.voting-grid{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px;mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.voting-grid::-webkit-scrollbar{display:none}.voting-grid .tech-btn-tab{flex-shrink:0;scroll-snap-align:start}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.stepper-btn{background:transparent;border:1px solid var(--color-slate-200);color:var(--color-slate-400);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:300;cursor:pointer;transition:all .2s}.stepper-btn:hover{border-color:var(--color-charcoal);color:var(--color-charcoal);background:var(--color-ice)}.manual-input{background:var(--color-ice);border:1px solid var(--color-slate-200);width:50px;text-align:center;font-size:.9rem;padding:4px 0;outline:none;font-weight:700}.manual-input:focus{border-color:var(--color-violet);background:#fff}.manual-input::-webkit-inner-spin-button,.manual-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.info-trigger{cursor:help;color:var(--color-slate-300);font-size:.8rem}.mannequin-container svg *{opacity:1!important;filter:none!important}.svg-label{font-family:var(--font-data);font-size:11px;text-transform:uppercase;pointer-events:none;opacity:1!important}.svg-label-value{font-family:var(--font-data);pointer-events:none;opacity:1!important}.svg-label-joint{font-family:var(--font-data);text-transform:uppercase;pointer-events:none;letter-spacing:.05em;opacity:1!important;font-size:12px}