:root{--fx-bg-main: #12181D;--fx-bg-surface: #1E252C;--fx-bg-elevated: #2A323A;--fx-bg-overlay: rgba(18, 24, 29, .95);--bg-primary: var(--fx-bg-main);--bg-secondary: var(--fx-bg-surface);--bg-tertiary: var(--fx-bg-elevated);--fx-border: #354552;--border-primary: var(--fx-border);--border-secondary: rgba(53, 69, 82, .6);--border-muted: rgba(53, 69, 82, .3);--fx-text-primary: #F0F4F7;--fx-text-secondary: #A0AEC0;--fx-text-muted: #626973;--text-inverse: #1A2025;--text-primary: var(--fx-text-primary);--text-secondary: var(--fx-text-secondary);--fx-brand-primary: #354D5A;--fx-brand-primary-hover: #435E6C;--fx-accent-gold: #A17A43;--fx-accent-gold-low: rgba(161, 122, 67, .15);--primary-cyan: var(--fx-brand-primary);--primary-cyan-hover: var(--fx-brand-primary-hover);--accent-gold: #A17A43;--accent-gold-hover: #C5A566;--fx-bull-green: #00c896;--fx-bear-red: #ff5a5a;--fx-neutral-blue: #5b99f7;--trade-buy: var(--fx-bull-green);--trade-sell: var(--fx-bear-red);--accent-green: var(--fx-bull-green);--accent-red: var(--fx-bear-red);--accent-blue: var(--fx-neutral-blue);--accent-deep-blue: #354D5A;--secondary-violet: #A17A43;--color-link: #A17A43;--color-link-hover: #C5A566;--color-focus: #A17A43;--color-selection: rgba(161, 122, 67, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--fx-metallic-gradient: linear-gradient(135deg, #C5A566 0%, #A17A43 50%, #8A6838 100%);--brand-gradient-horizontal: var(--fx-metallic-gradient);--heatmap-gradient: linear-gradient(to right, transparent 0%, #2A323A 25%, #A17A43 75%, #ffffff 100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.container,.container-full,.container-xl,.container-lg,.container-md,.container-sm{width:100%;margin:0 auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container,.container-full,.container-xl,.container-lg,.container-md,.container-sm{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container,.container-full,.container-xl,.container-lg,.container-md,.container-sm{padding-left:2rem;padding-right:2rem}}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-full{max-width:none}.grid{display:grid;gap:1rem}@media (min-width: 768px){.grid{gap:1.5rem}}@media (min-width: 1024px){.grid{gap:2rem}}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}@media (min-width: 640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}@media (min-width: 640px){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-span-12{grid-column:span 12/span 12}.sm\:col-span-full{grid-column:1/-1}}@media (min-width: 768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-12{grid-column:span 12/span 12}.md\:col-span-full{grid-column:1/-1}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:col-span-full{grid-column:1/-1}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-col{flex-direction:column}.sm\:flex-col-reverse{flex-direction:column-reverse}}@media (min-width: 768px){.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col{flex-direction:column}.md\:flex-col-reverse{flex-direction:column-reverse}}@media (min-width: 1024px){.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-col{flex-direction:column}.lg\:flex-col-reverse{flex-direction:column-reverse}}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-16{gap:4rem}@media (min-width: 640px){.sm\:gap-0{gap:0}.sm\:gap-1{gap:.25rem}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:gap-12{gap:3rem}.sm\:gap-16{gap:4rem}}@media (min-width: 768px){.md\:gap-0{gap:0}.md\:gap-1{gap:.25rem}.md\:gap-2{gap:.5rem}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:gap-12{gap:3rem}.md\:gap-16{gap:4rem}}@media (min-width: 1024px){.lg\:gap-0{gap:0}.lg\:gap-1{gap:.25rem}.lg\:gap-2{gap:.5rem}.lg\:gap-3{gap:.75rem}.lg\:gap-4{gap:1rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:gap-12{gap:3rem}.lg\:gap-16{gap:4rem}}.hero-layout{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 0}@media (min-width: 768px){.hero-layout{padding:4rem 0}}@media (min-width: 1024px){.hero-layout{padding:6rem 0}}.two-column{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 768px){.two-column{grid-template-columns:1fr 1fr;gap:3rem}}.three-column{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 640px){.three-column{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.three-column{grid-template-columns:repeat(3,1fr);gap:2rem}}.card-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width: 1024px){.card-grid{gap:2rem}}.feature-showcase{display:grid;gap:3rem;grid-template-columns:1fr;align-items:center}@media (min-width: 1024px){.feature-showcase{grid-template-columns:1fr 1fr;gap:4rem}}@media (min-width: 1024px){.feature-showcase.reverse .feature-content{order:2}.feature-showcase.reverse .feature-demo{order:1}}.nav-layout{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.nav-layout .nav-brand{flex-shrink:0}.nav-layout .nav-menu{display:none}@media (min-width: 768px){.nav-layout .nav-menu{display:flex;align-items:center;gap:2rem}}.nav-layout .nav-actions{display:flex;align-items:center;gap:1rem}.mobile-menu{position:fixed;inset:0;background-color:var(--bg-primary);z-index:50;display:flex;flex-direction:column;padding:1rem}@media (min-width: 768px){.mobile-menu{display:none}}.hidden{display:none!important}@media (min-width: 640px){.sm\:block{display:block!important}.sm\:inline-block{display:inline-block!important}.sm\:inline{display:inline!important}.sm\:flex{display:flex!important}.sm\:inline-flex{display:inline-flex!important}.sm\:grid{display:grid!important}.sm\:hidden{display:none!important}}@media (min-width: 768px){.md\:block{display:block!important}.md\:inline-block{display:inline-block!important}.md\:inline{display:inline!important}.md\:flex{display:flex!important}.md\:inline-flex{display:inline-flex!important}.md\:grid{display:grid!important}.md\:hidden{display:none!important}}@media (min-width: 1024px){.lg\:block{display:block!important}.lg\:inline-block{display:inline-block!important}.lg\:inline{display:inline!important}.lg\:flex{display:flex!important}.lg\:inline-flex{display:inline-flex!important}.lg\:grid{display:grid!important}.lg\:hidden{display:none!important}}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}img,video{max-width:100%;height:auto;display:block}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;background-color:var(--fx-bg-main);color:var(--fx-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--color-selection);color:var(--fx-text-primary)}::-moz-selection{background-color:var(--color-selection);color:var(--fx-text-primary)}.fx-metallic-text{background:var(--fx-metallic-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--color-success)!important}.text-error{color:var(--color-error)!important}.text-warning{color:var(--color-warning)!important}.text-info{color:var(--color-info)!important}.bg-primary{background-color:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-tertiary{background-color:var(--bg-tertiary)!important}.bg-success{background-color:var(--accent-green-subtle)!important}.bg-error{background-color:var(--accent-red-subtle)!important}.border{border:1px solid var(--border-primary)!important}.border-secondary{border:1px solid var(--border-secondary)!important}.border-muted{border:1px solid var(--border-muted)!important}.border-success{border-color:var(--accent-green)!important}.border-error{border-color:var(--accent-red)!important}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;font-size:.875rem;line-height:1.25rem;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;border:1px solid transparent;background-color:var(--fx-accent-gold);color:var(--text-inverse)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:focus{outline:2px solid var(--color-focus);outline-offset:2px}.btn-primary:hover:not(:disabled){background-color:var(--accent-gold-hover);box-shadow:0 0 15px #b0916866}.btn-primary:active:not(:disabled){background-color:var(--accent-gold-active);opacity:.9}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;font-size:.875rem;line-height:1.25rem;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;border:1px solid transparent;background-color:transparent;color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary:focus{outline:2px solid var(--color-focus);outline-offset:2px}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-muted)}.btn-secondary:active:not(:disabled){background-color:var(--bg-tertiary)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;font-size:.875rem;line-height:1.25rem;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;border:1px solid transparent;background-color:var(--accent-red);color:var(--text-primary)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger:focus{outline:2px solid var(--color-focus);outline-offset:2px}.btn-danger:hover:not(:disabled){background-color:var(--accent-red-hover)}.btn-danger:active:not(:disabled){background-color:var(--accent-red-active)}.form-input{width:100%;padding:.75rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;transition:all .2s ease-in-out}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{outline:none;border-color:var(--fx-accent-gold);box-shadow:0 0 0 3px #b091681a}.form-input:invalid{border-color:var(--accent-red)}.form-input:disabled{opacity:.5;cursor:not-allowed}.surface{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem}.surface-elevated{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;background-color:var(--bg-tertiary);box-shadow:0 4px 6px -1px var(--shadow-md)}.heading-1{font-size:2.25rem;font-weight:700;line-height:1.2;color:var(--text-primary)}.heading-2{font-size:1.875rem;font-weight:600;line-height:1.3;color:var(--text-primary)}.heading-3{font-size:1.5rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.body-text{font-size:1rem;font-weight:400;line-height:1.6;color:var(--text-primary)}.small-text{font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-secondary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.m-0{margin:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mt-6{margin-top:1.5rem!important}.mt-8{margin-top:2rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-6{margin-bottom:1.5rem!important}.mb-8{margin-bottom:2rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-8{padding:2rem!important}.price-positive{color:var(--color-buy)}.price-positive:before{content:"+"}.price-negative{color:var(--color-sell)}.price-neutral{color:var(--color-neutral)}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}