:root{--tt-obsidian: #0a0c0b;--tt-deep-forest: #111a14;--tt-moss: #1c2e20;--tt-sage: #3d5c3f;--tt-patina: #6a8c6c;--tt-mist: #b8cdb9;--tt-alabaster: #f0ede6;--tt-ivory: #faf8f3;--tt-gold: #c9a96e;--tt-gold-light: #e8d5a3;--tt-accent-bio: #4ecdc4;--tt-transition: cubic-bezier(.25, .46, .45, .94)}.transparency-toggle{position:fixed;bottom:2rem;right:2rem;z-index:9998;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,var(--tt-moss) 0%,var(--tt-sage) 100%);border:1px solid var(--tt-patina);border-radius:50px;color:var(--tt-ivory);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s var(--tt-transition);box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transparency-toggle:hover{border-color:var(--tt-gold);box-shadow:0 12px 48px #c9a96e33;transform:translateY(-2px)}.transparency-toggle:active{transform:translateY(0)}.toggle-icon{width:20px;height:20px;stroke:var(--tt-gold);animation:spinIcon 3s linear infinite}@keyframes spinIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toggle-label{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.transparency-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.transparency-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:slideUp .4s var(--tt-transition)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.transparency-panel{position:relative;width:100%;max-width:1400px;max-height:90vh;background:var(--tt-obsidian);border:1px solid rgba(201,169,110,.15);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080,inset 0 1px #ffffff1a}.transparency-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(201,169,110,.1);background:linear-gradient(to bottom,rgba(17,26,20,.6),transparent);display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.header-badge{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.badge-label{display:inline-block;padding:.375rem .75rem;background:#6e8c6c1a;border:1px solid rgba(106,140,108,.3);border-radius:4px;color:var(--tt-patina);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.badge-id{font-size:.75rem;color:#f0ede680;font-family:Courier New,monospace}.header-title{display:flex;align-items:baseline;gap:1rem;margin:0;font-size:0}.title-brand{font-family:Cormorant Garamond,Georgia,serif;font-size:2rem;font-weight:600;color:var(--tt-gold);font-style:italic}.title-subtitle{font-size:1rem;color:#f0ede6b3;font-weight:400;font-family:Jost,sans-serif}.transparency-close{position:absolute;top:1.5rem;right:1.5rem;width:32px;height:32px;background:#c9a96e1a;border:1px solid rgba(201,169,110,.2);border-radius:6px;color:var(--tt-ivory);font-size:24px;cursor:pointer;transition:all .3s var(--tt-transition);display:flex;align-items:center;justify-content:center}.transparency-close:hover{background:#c9a96e33;border-color:var(--tt-gold)}.transparency-grid{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;padding:2rem;overflow-y:auto;flex:1}@media(max-width:1024px){.transparency-grid{grid-template-columns:1fr}}.matrix-section{display:flex;flex-direction:column;gap:2rem}.section-header{border-bottom:1px solid rgba(201,169,110,.1);padding-bottom:1rem}.section-header h2{font-family:Jost,sans-serif;font-size:1rem;font-weight:600;color:var(--tt-ivory);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.section-header p{font-size:.875rem;color:#f0ede699;margin:0}.flow-levels{display:flex;flex-direction:column;gap:3rem}.flow-level{position:relative}.level-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.level-1{grid-template-columns:repeat(3,1fr)}.level-2{grid-template-columns:repeat(2,1fr)}.level-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.level-1,.level-2,.level-3{grid-template-columns:1fr}}.node-card{all:unset;cursor:pointer;padding:1.25rem;border-radius:12px;border:1px solid rgba(201,169,110,.2);background:#111a1480;text-align:left;transition:all .3s var(--tt-transition);display:flex;flex-direction:column;gap:.75rem;position:relative;overflow:hidden}.node-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--tt-gold),transparent);opacity:0;transition:opacity .3s var(--tt-transition)}.node-card:hover{border-color:var(--tt-gold);background:#111a14cc;transform:translateY(-4px);box-shadow:0 12px 24px #c9a96e1a}.node-card:hover:before{opacity:1}.node-card.active{border-color:var(--tt-accent-bio);background:#4ecdc40d;box-shadow:0 0 20px #4ecdc426}.card-tech-partner{border-color:#9370db33}.card-tech-partner:hover{border-color:#9370db}.card-subsidy{border-color:#4ecdc433}.card-subsidy:hover{border-color:var(--tt-accent-bio)}.card-match{border-color:#6496c833}.card-match:hover{border-color:#6496c8}.card-manufacturing{border-color:#dc505033}.card-manufacturing:hover{border-color:#dc5050}.card-logistics{border-color:#64788c33}.card-logistics:hover{border-color:#64788c}.card-customs{border-color:#64c8dc33}.card-customs:hover{border-color:#64c8dc}.card-taxes{border-color:#dca05033}.card-taxes:hover{border-color:#dca050}.card-technology{border-color:#64788c33}.card-technology:hover{border-color:#64788c}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.card-badge{display:inline-block;padding:.25rem .75rem;background:#6a8c6c1a;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--tt-patina)}.card-percent{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--tt-gold);color:var(--tt-obsidian);border-radius:50%;font-size:.75rem;font-weight:700}.card-icon{width:20px;height:20px;opacity:.6;transition:opacity .3s var(--tt-transition)}.node-card:hover .card-icon{opacity:1}.node-card h3{font-size:1rem;font-weight:600;color:var(--tt-ivory);margin:0;font-family:Jost,sans-serif}.node-card p{font-size:.875rem;color:#f0ede699;margin:0}.card-value{font-size:.875rem;font-weight:700;color:var(--tt-gold);font-family:Courier New,monospace}.controls-hud{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(201,169,110,.1);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.control-group{display:flex;flex-direction:column;gap:.75rem}.control-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#f0ede699;font-family:Courier New,monospace}.control-display{display:flex;align-items:center;gap:1rem}.control-display input[type=range]{flex:1;height:4px;border:none;border-radius:2px;background:linear-gradient(to right,var(--tt-moss),var(--tt-sage));outline:none;-webkit-appearance:none;appearance:none}.control-display input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--tt-gold);cursor:pointer;transition:all .2s var(--tt-transition);border:2px solid var(--tt-obsidian)}.control-display input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--tt-gold);cursor:pointer;transition:all .2s var(--tt-transition);border:2px solid var(--tt-obsidian)}.control-display input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px #c9a96e66}.value-label{font-size:.875rem;font-weight:700;color:var(--tt-gold);font-family:Courier New,monospace;min-width:100px;text-align:right}.inspector-section{background:#111a1499;border:1px solid rgba(201,169,110,.1);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;height:fit-content;position:sticky;top:0}@media(max-width:1024px){.inspector-section{position:static}}.inspector-header h3{font-family:Jost,sans-serif;font-size:1rem;font-weight:600;color:var(--tt-ivory);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.inspector-header p{font-size:.75rem;color:#f0ede680;margin:0;text-transform:uppercase;letter-spacing:.05em}.inspector-content{display:flex;flex-direction:column;gap:1rem;min-height:200px}.inspector-card{padding:1rem;border:1px solid rgba(201,169,110,.15);border-radius:8px;background:#111a14cc;display:flex;flex-direction:column;gap:.75rem}.inspector-card-title{font-size:.875rem;font-weight:700;color:var(--tt-gold);display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.05em}.inspector-card-value{font-size:.875rem;font-family:Courier New,monospace;font-weight:700;color:var(--tt-ivory)}.inspector-card-description{font-size:.75rem;line-height:1.5;color:#f0ede699}.inspector-justification{padding:1rem;background:#4ecdc40d;border-left:2px solid var(--tt-accent-bio);border-radius:4px;font-size:.75rem;line-height:1.6;color:#f0ede6b3}.inspector-summary{padding-top:1.5rem;border-top:1px solid rgba(201,169,110,.1);display:flex;flex-direction:column;gap:1rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.summary-row span{color:#f0ede699}.summary-row strong{color:var(--tt-gold);font-family:Courier New,monospace;font-weight:700}.summary-bar{width:100%;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;display:flex}.bar-fill{transition:width .4s var(--tt-transition);border-right:1px solid rgba(0,0,0,.3)}.bar-fill-subsidy{background:var(--tt-accent-bio)}.bar-fill-match{background:#6496c899}.summary-labels{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#f0ede680}.transparency-panel::-webkit-scrollbar{width:6px}.transparency-panel::-webkit-scrollbar-track{background:transparent}.transparency-panel::-webkit-scrollbar-thumb{background:#c9a96e33;border-radius:3px}.transparency-panel::-webkit-scrollbar-thumb:hover{background:#c9a96e66}@media(max-width:768px){.transparency-panel{max-height:95vh;border-radius:12px 12px 0 0}.transparency-header{flex-direction:column}.transparency-close{position:fixed;top:1rem;right:1rem}.controls-hud{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/transparency-tool.css.map */
