*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(88,166,255,.16),transparent 28rem),linear-gradient(180deg,#0d1117,#111827 48%,#0d1117);color:#c9d1d9;line-height:1.6;min-height:100vh}header{display:flex;align-items:center;justify-content:center;gap:.85rem;padding:.85rem 2rem .4rem;text-align:left}h1{margin:0;color:#a9b8c2}main{padding:1rem 2rem 5rem}#results{background:transparent;padding:0;box-shadow:none}#static-boxes{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;align-items:flex-start}.box{flex:0 1 auto;min-width:280px;max-width:400px;border-radius:8px;padding:1rem;background-color:#0d1117;box-shadow:0 0 10px #0000004d;flex-direction:column;justify-content:space-between}.box h3{margin-bottom:.5rem;color:#c9d1d9}.box p{color:#8b949e}.dynamic-data{margin-top:1rem}.dynamic-data img{display:block;max-width:100%;height:auto;margin:0 auto}.result-item{border-top:1px solid #2f363d;padding-top:.5rem;margin-top:.5rem}.light-blue{border:2px dashed #58a6ff}.dark-orange{border:2px dashed #d18616;border-radius:8px;background-color:#0d1117;padding:1rem;margin-bottom:1.5rem;box-shadow:0 0 10px #0000004d}footer{background-color:#0d1117e6;color:#a9b8c2;text-align:center;padding:.5rem;position:fixed;bottom:0;width:100%;border-top:1px solid #30363d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.modal{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3;justify-content:center;align-items:center}.modal-content{background-color:#1f2937;margin:15% auto;padding:20px;border-radius:8px;width:80%;max-width:600px;color:#c9d1d9;text-align:center;box-shadow:0 4px 20px #00000080}.disclaimer-modal{text-align:left;max-width:700px}.disclaimer-modal h2{color:#c9d1d9;margin-bottom:1rem;text-align:center;font-size:1.5rem}.disclaimer-text{margin-bottom:1.5rem;line-height:1.6}.disclaimer-text p{margin-bottom:1rem;color:#8b949e}.disclaimer-checkbox{margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.5rem}.disclaimer-checkbox label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;color:#c9d1d9;font-size:.9rem;line-height:1.4}.disclaimer-checkbox input[type=checkbox]{margin:0;margin-top:.1rem;width:16px;height:16px;accent-color:#2ea043}.acknowledge-btn:disabled{background-color:#484f58;cursor:not-allowed;opacity:.6}.acknowledge-btn{margin-top:1rem;padding:.5rem 1.5rem;background-color:#2ea043;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer}.acknowledge-btn:hover{background-color:#238636}.logo{height:4.25rem;width:auto}.nav-tabs{width:fit-content;display:flex;justify-content:center;gap:.25rem;margin:0 auto 1.25rem;padding:.3rem;background-color:#161b22e0;border:1px solid #30363d;border-radius:999px;box-shadow:0 14px 34px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-tab{background-color:transparent;color:#8b949e;border:none;padding:.58rem 1rem;border-radius:999px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease}.nav-tab:hover{background-color:#30363dbf;color:#c9d1d9}.nav-tab.active{color:#0d1117;background-color:#7ee787;box-shadow:0 8px 20px #7ee7872e}.home-page{max-width:1180px;margin:0 auto}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:2rem;align-items:center;width:95%;margin:0 auto 1.25rem;padding:1.2rem 1.35rem;background:linear-gradient(135deg,#161b22f5,#0d1117eb);border:1px solid #30363d;border-radius:8px;box-shadow:0 18px 42px #00000047}.home-hero h1{max-width:48rem;margin-bottom:.8rem;color:#f0f6fc;font-size:clamp(2rem,4vw,4rem);line-height:1}.home-hero p{max-width:44rem;color:#8b949e;font-size:1.05rem}.home-hero img{width:100%;max-height:210px;object-fit:contain}.about-page{max-width:800px;margin:0 auto;padding:0 1rem}.about-content h1{color:#c9d1d9;margin-bottom:2rem;text-align:center;font-size:2rem}.about-section{margin-bottom:2rem;padding:1.5rem;background-color:#161b22;border-radius:8px;box-shadow:0 0 10px #0000004d}.about-section h2{color:#58a6ff;margin-bottom:1rem;font-size:1.5rem}.about-section h3{color:#c9d1d9;margin-bottom:.5rem;font-size:1.2rem}.about-section p{color:#8b949e;line-height:1.6;margin-bottom:1rem}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.tech-item{padding:1rem;background-color:#0d1117;border-radius:6px;border:1px solid #30363d}.how-it-works{color:#8b949e;line-height:1.6;padding-left:1.5rem}.how-it-works li{margin-bottom:1rem}.how-it-works strong{color:#c9d1d9}.disclaimer-box{background-color:#0d1117;border:1px solid #d18616;border-radius:6px;padding:1rem;margin-top:1rem}.disclaimer-box p{margin-bottom:.5rem}.disclaimer-box strong{color:#d18616}.metrics-page,.example-page{max-width:1180px;margin:0 auto}.metrics-panel{width:95%;max-width:1180px;margin:.25rem auto 1.25rem;padding:1rem;background:#161b22;border:1px solid #30363d;border-radius:8px;box-shadow:0 0 10px #0000004d}.metrics-panel.compact{max-width:980px}.metrics-panel.embedded{width:100%;min-height:100vh;margin:0;padding:0;background:#0d1117;border:0;box-shadow:none}.metrics-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.eyebrow{display:block;margin-bottom:.2rem;color:#7ee787;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.metrics-header h2,.example-hero h1,.workflow-panel h2{color:#f0f6fc}.metrics-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;color:#8b949e;font-size:.82rem}.metrics-loading{min-height:12rem;display:grid;place-items:center;color:#8b949e;border:1px dashed #30363d;border-radius:8px}.ticker-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.75rem;margin-bottom:1rem}.ticker-card{min-height:5.5rem;padding:.8rem;background:#0d1117;border:1px solid #30363d;border-radius:8px}.ticker-card span,.ticker-card strong,.ticker-card em{display:block}.ticker-card span{color:#8b949e;font-size:.85rem;font-weight:700}.ticker-card strong{color:#f0f6fc;font-size:1.35rem;line-height:1.25;margin:.2rem 0}.ticker-card em{font-style:normal;font-weight:700}.positive{color:#7ee787}.negative{color:#ff7b72}.metrics-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);gap:1rem}.metrics-panel.compact .metrics-grid{grid-template-columns:1fr}.chart-card{min-width:0;padding:1rem;background:#0d1117;border:1px solid #30363d;border-radius:8px;overflow:hidden}.chart-card.wide{min-height:22rem}.metrics-panel.compact .chart-card.wide{min-height:17rem}.chart-title{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.75rem;cursor:grab}.metrics-panel.compact .chart-title,.embedded .chart-title{cursor:default}.chart-title h3{color:#c9d1d9;font-size:1rem}.chart-title p{max-width:24rem;color:#8b949e;font-size:.9rem;text-align:left}.metrics-layout{min-height:22rem}.metrics-layout .react-grid-item{transition:box-shadow .2s ease}.metrics-layout .react-grid-item.react-draggable-dragging{z-index:3}.metrics-layout .react-grid-item>.chart-card{height:100%}.metrics-layout .react-resizable-handle:after{border-right-color:#7ee787;border-bottom-color:#7ee787}.embed-widget{height:100%}.embedded-widget-frame{width:100vw;height:100vh}.embedded-widget-frame .chart-card{height:100vh;border-radius:0}.compact-chart-wrap,.compact-chart-wrap .chart-card{min-height:17rem}.copy-embed-btn{flex:0 0 auto;padding:.45rem .75rem;color:#0d1117;background:#7ee787;border:0;border-radius:999px;font-size:.78rem;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #7ee78726}.copy-embed-btn:hover{background:#9effa8}.embed-shell{min-height:100vh;margin:0;padding:0}.embed-shell .metrics-page{max-width:none}.example-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:2rem;align-items:center;width:95%;margin:.25rem auto 1.25rem;padding:1.25rem;background:#161b22;border:1px solid #30363d;border-radius:8px}.example-hero h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1;margin-bottom:.8rem}.example-hero p{max-width:46rem;color:#8b949e;font-size:1.05rem}.example-hero img{width:100%;max-height:220px;object-fit:contain}.example-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:95%;margin:0 auto 1.5rem}.workflow-panel{min-height:12rem;padding:1rem;background:#161b22;border:1px solid #30363d;border-radius:8px}.step-number{color:#d18616;font-size:.85rem;font-weight:800}.workflow-panel h2{margin:.5rem 0;font-size:1.15rem}.workflow-panel p{color:#8b949e}#user-input-section,.user-input-section{background-color:#161b22;border-radius:8px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 0 10px #0000004d}.user-input-section{margin:.25rem auto 1rem;width:95%;max-width:800px}#user-input-section h2{color:#c9d1d9;margin-bottom:.5rem}.user-inputs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.user-inputs input,.user-inputs button{padding:.5rem;border-radius:5px;font-size:1rem;height:2.5rem;box-sizing:border-box;line-height:1.2}.user-inputs input{flex:2;min-width:300px;background-color:#0d1117;color:#c9d1d9;border:1px solid #30363d}.user-inputs button{flex:1;min-width:150px}.user-inputs button{background-color:#2ea043;color:#fff;cursor:pointer;border:1px solid #2ea043}.user-inputs button:hover{background-color:#238636}.user-input-section select{background:#23272f;color:#f1f1f1;border:1px solid #444a55;border-radius:6px;font-size:1rem;padding:.5rem 2em .5rem 1rem;outline:none;transition:border-color .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;min-width:90px;box-shadow:0 1px 2px #00000014;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23aaa' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;min-height:2.5em;line-height:1.2}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){header{padding:.5rem 1rem;flex-direction:row;gap:.5rem}.nav-tabs{width:calc(100% - 2rem);margin-bottom:.5rem}.nav-tab{flex:1;padding:.7rem .6rem;font-size:.9rem}.metrics-panel{width:100%;padding:.75rem}.metrics-header,.chart-title{flex-direction:column}.metrics-meta{align-items:flex-start}.metrics-grid,.example-workflow,.example-hero,.home-hero{grid-template-columns:1fr}.chart-title p{max-width:none;text-align:left}.example-hero,.home-hero{width:100%;gap:.75rem;padding:1rem}.example-hero img,.home-hero img{max-height:150px}.example-workflow{width:100%}.about-page{padding:0 .5rem}.about-content h1{font-size:1.5rem;margin-bottom:1.5rem}.about-section{padding:1rem;margin-bottom:1.5rem}.about-section h2{font-size:1.25rem}.tech-grid{grid-template-columns:1fr;gap:.75rem}.logo{height:3rem}h1{font-size:1.5rem}main{padding:1rem;margin-bottom:4rem}#user-input-section,.user-input-section{width:100%;margin:.5rem 0;padding:.75rem}.user-inputs{flex-direction:column;gap:.75rem}.user-inputs input,.user-inputs button{flex:none;width:100%;min-width:unset;height:3rem;font-size:1rem}.user-inputs>div{width:100%;display:flex;flex-direction:column;gap:.5rem}.user-inputs>div:first-child{width:100%}.user-inputs>div:nth-child(2){width:100%}.user-inputs>div:first-child{position:relative;width:100%}.user-inputs>div:first-child span{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);z-index:1;color:#8b949e}.user-inputs>div:first-child input{padding-left:1.5rem;width:100%;min-width:100%;flex:1}.user-inputs>div:nth-child(2){display:flex;flex-direction:row;gap:.5rem}.user-inputs>div:nth-child(2) input{flex:1;min-width:0}.user-inputs>div:nth-child(2) select{flex:1;min-width:0;height:3rem}#static-boxes{flex-direction:column;gap:1rem}.box{flex:none;min-width:unset;max-width:100%;width:100%}.modal-content{width:95%;margin:5% auto;padding:1rem}.disclaimer-modal{max-width:100%}.disclaimer-modal h2{font-size:1.25rem}.disclaimer-text p{font-size:.9rem}.disclaimer-checkbox label{font-size:.85rem}footer{padding:.75rem;font-size:.9rem}}@media (max-width: 480px){header{padding:.5rem}.logo{height:5rem}h1{font-size:1.25rem}main{padding:.75rem}#user-input-section,.user-input-section{padding:.5rem}.user-inputs input,.user-inputs button{height:2.75rem;font-size:.9rem}.modal-content{width:98%;margin:2% auto;padding:.75rem}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}