@font-face{font-family:"Familjen Grotesk";src:url("assets/fonts/familjen-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Familjen Grotesk";src:url("assets/fonts/familjen-600.ttf") format("truetype");font-weight:500 600;font-display:swap}
@font-face{font-family:"Karla";src:url("assets/fonts/karla-400.ttf") format("truetype");font-weight:300 400;font-display:swap}
@font-face{font-family:"Karla";src:url("assets/fonts/karla-500.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Karla";src:url("assets/fonts/karla-600.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Spline Sans Mono";src:url("assets/fonts/spline-400.ttf") format("truetype");font-weight:300 400;font-display:swap}
@font-face{font-family:"Spline Sans Mono";src:url("assets/fonts/spline-500.ttf") format("truetype");font-weight:500 600;font-display:swap}
:root{--bg:#111519;--panel:#12161a;--panel2:#12161b;--feature:#191d22;--line:#242a30;--line2:#2d343b;--ink:#e9edf0;--muted:#aeb5be;--dim:#8d949b;--violet:#a873ff;--bar:linear-gradient(90deg,#ff9440 0%,#fa7a3e 14%,#f45a45 30%,#e2417a 46%,#c33aa6 60%,#a42dbc 72%,#7826e4 87%,#5321f4 100%)}
*{box-sizing:border-box}
html,body{width:100%;margin:0;background:var(--bg)}
html{scroll-behavior:auto}
body{color:var(--ink);font-family:"Karla",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}.mono{font-family:"Spline Sans Mono",monospace}.gro{font-family:"Familjen Grotesk",sans-serif}
main{display:block;min-height:1px;transition:opacity .16s ease}main.is-leaving{opacity:.45}
.band{width:100%;position:relative;overflow:hidden;border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--panel2)}
.title{font:500 22px/1 "Familjen Grotesk",sans-serif;letter-spacing:.18em;text-transform:uppercase}.sub{font-size:17px;line-height:1.45;color:var(--dim)}
.b1{height:76px;display:flex;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.brand{width:221px;flex:0 0 221px;border-right:1px solid var(--line);position:relative;display:flex;align-items:center}.brand img{position:absolute;width:142px;height:142px;left:-4px;top:-31px}.brand span{position:absolute;left:98px;top:21px;font:500 30px/1 "Familjen Grotesk";letter-spacing:.18em;color:#eef1f3;white-space:nowrap}.brand-home{position:absolute;inset:0;z-index:2}
.nav{display:flex;align-items:center;gap:12px;padding-left:26px;color:#bdc3ca;font-size:17px;white-space:nowrap}.nav i{font-style:normal;color:#555d66;font-size:14px}.nav a{position:relative}.nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--violet)}
.social{display:flex;align-items:center;gap:16px;margin-left:auto;color:#d3d8dd;font-size:17px;white-space:nowrap}.social svg{display:block}.tg{display:flex;align-items:center;gap:8px}
.ca{display:flex;align-items:center;margin-left:16px;padding-right:28px;color:#a7aeb5;font-size:16px;white-space:nowrap;cursor:pointer}
.b2{height:169px;border-bottom:1px solid var(--line);background:#12161b}.b2 h1{position:absolute;left:3.05%;top:41px;margin:0;font:400 55px/1 "Familjen Grotesk";letter-spacing:.012em;color:#f0f3f5;white-space:nowrap}.b2 .hero-sub{position:absolute;left:3.15%;top:107px;font:400 19px/1.3 "Spline Sans Mono";color:#aeb5be;white-space:nowrap}
.blueprint{position:absolute;left:62.5%;top:0;width:23.6%;height:168px;opacity:.9}.b2:before{content:"";position:absolute;left:62.5%;top:8px;width:23.6%;height:152px;background:radial-gradient(ellipse,rgba(168,115,255,.55),transparent 72%);animation:blueprint-breathe 2s linear infinite alternate}.tag{position:absolute;font:400 12px/1.55 "Spline Sans Mono";letter-spacing:.06em;color:#7d858d;white-space:nowrap}.tag.a{left:85.9%;top:29px}.tag.b{left:85.9%;top:94px}
@keyframes blueprint-breathe{from{opacity:.04;transform:translateX(-3px)}to{opacity:1;transform:translateX(3px)}}
.b3{height:706px;display:grid;grid-template-columns:25.8% 50.1% 24.1%;border-bottom:1px solid var(--line);background:#12161a}.rail-panel,.gauge-panel{border-right:1px solid var(--line)}.rail-panel,.gauge-panel,.book-panel{position:relative;overflow:hidden}.gauge-panel{background:#13161b}
.panel-head{position:absolute;left:6.45%;top:25px}.panel-head .sub{margin-top:8px}.rail{position:absolute;left:1.6%;right:1.4%;top:123px}.rail-row{height:62px;display:grid;grid-template-columns:27% 38% 1fr 8%;align-items:center;padding:0 3.5%;border-bottom:1px solid #252c32;cursor:pointer;transition:background-color .15s,border-color .15s}.rail-row.active{height:58px;background:#171a2a;border:2px solid #6b41b8;border-radius:5px;box-shadow:0 0 14px rgba(107,65,184,.35)}
.ticker{font:500 19px/1 "Familjen Grotesk";display:flex;align-items:center;gap:6px}.ticker-logo{width:18px;height:18px;object-fit:contain;border-radius:50%;flex:0 0 18px}.bar{height:12px;border-radius:7px;background:#63676f;overflow:hidden}.bar i{display:block;height:100%;background:var(--bar);border-radius:7px;transition:width .25s}.pct{font:400 17px/1 "Spline Sans Mono";text-align:right}.chev{font-size:26px;color:#899098;text-align:right}
.jaw{position:absolute;left:-2.1%;top:158px;width:106.8%;height:auto}.gauge-overlay{position:absolute;left:-2.1%;top:158px;width:106.8%;height:auto;pointer-events:none;z-index:1}.gauge-overlay [data-gauge-gap]{transition:x .25s ease,width .25s ease}.instrument-name{position:absolute;left:3.7%;top:20px}.instrument-name b{display:block;font:500 40px/1 "Familjen Grotesk"}.instrument-name span{display:block;margin-top:10px;font:400 15px/1 "Spline Sans Mono";letter-spacing:.06em;color:#8a9099}.route{position:absolute;left:30.7%;top:42px;font:400 20px/1 "Spline Sans Mono";color:var(--violet);white-space:nowrap}.live{position:absolute;right:2.2%;top:24px;border:1px solid #3d444b;padding:7px 14px 6px;font:400 13px/1 "Spline Sans Mono";letter-spacing:.1em;color:#99a1a9}.block{position:absolute;right:3.8%;top:70px;font:400 13px/1 "Spline Sans Mono";color:#8a9099;white-space:nowrap}.gauge-rule{position:absolute;left:2.2%;right:1.8%;top:106px;border-top:1px solid #242a30}
.metric{position:absolute;z-index:2}.metric .n{font:500 28px/1 "Familjen Grotesk"}.metric .l{margin-top:9px;font:400 15px/1 "Spline Sans Mono";letter-spacing:.1em;color:#9ca4ad}.s1{left:3.8%;top:128px}.s2{left:3.8%;top:204px}.s3{right:3.8%;top:128px;text-align:right}.s4{right:3.8%;top:204px;text-align:right}.avail{top:283px;width:100%;text-align:center}.dtc{top:607px;width:100%;text-align:center}.dtc .sample{margin-top:8px;font:400 13px/1 "Spline Sans Mono";letter-spacing:.1em;color:#79818a}.fig{position:absolute;right:3.4%;top:610px;font:400 12px/1.55 "Spline Sans Mono";letter-spacing:.06em;color:#7d858d}
.book-panel .panel-head{left:6.7%;top:24px}.bench{position:absolute;left:4.9%;right:4.2%;top:122px}.bench-row{height:79px;display:grid;grid-template-columns:12% 1fr auto;align-items:center;border-top:1px solid #252c32}.bench-row:last-child{border-bottom:1px solid #252c32}.bench-row .num{font:400 19px/1 "Familjen Grotesk"}.bench-row .desc{font-size:15px;line-height:1.45;color:#cad0d5}.bench-row .ago{font-size:14px;color:#8b9299;white-space:nowrap}.sample-chip{font:400 10px/1 "Spline Sans Mono";letter-spacing:.08em;color:#9fa6ad}.book-panel .title .sample-chip{vertical-align:3px;margin-left:5px}
.b4{height:101px;border-bottom:1px solid var(--line)}.b4 .title{position:absolute;left:2.1%;top:37px}.b4 .sub{position:absolute;left:2.1%;top:65px}
.b5{height:165px;display:grid;grid-template-columns:25.9% 24.1% 24.1% 25.9%;border-bottom:1px solid var(--line)}.stat{border-right:1px solid var(--line);padding:23px 0 0 8.1%}.stat:first-child{padding-left:9.5%}.stat:last-child{border-right:0;padding-left:6.4%}.stat .value{font:500 42px/1 "Familjen Grotesk";color:#f0f3f5;white-space:nowrap}.stat .label{margin-top:14px;font:400 18px/1 "Spline Sans Mono";letter-spacing:.10em;color:#b6bdc4;white-space:nowrap}.stat .source{margin-top:14px;font:400 13px/1 "Spline Sans Mono";color:#7f8790;white-space:nowrap}
.b6{height:34px;border-bottom:1px solid var(--line)}
.b7{height:89px;border-bottom:1px solid var(--line)}.b7 .title{position:absolute;left:2.1%;top:22px}.b7 .sub{position:absolute;left:2.1%;top:51px}
.table-grid{display:grid;grid-template-columns:4.2% 24.7% 11.6% 10.7% 11.1% 9.7% 12.2% 12.2% 3.6%;padding:0 .9%}.b8{height:46px;border-bottom:1px solid var(--line)}.b8 .table-grid{height:100%;align-items:center;font:400 12px/1 "Spline Sans Mono";letter-spacing:.09em;color:#9aa2aa}.b8 .market-head{padding-left:3%}
.data-row{height:100%;align-items:stretch}.data-row>div{padding:18px 8px 0}.data-row .rank{padding-left:11px;font:400 19px/1 "Familjen Grotesk"}.market-cell{border-right:1px solid #2b3138}.market-top{font:500 19px/1 "Familjen Grotesk";white-space:nowrap}.market-top .ticker-logo{display:inline-block;vertical-align:-4px;margin-right:6px}.market-route{float:right;font:400 13px/1 "Spline Sans Mono";color:var(--violet);margin-top:2px}.rowbar{height:14px;margin-top:15px;background:#63676f;border-radius:8px;overflow:hidden}.rowbar i{display:block;height:100%;background:var(--bar);transition:width .25s}.legend{display:flex;gap:32px;margin-top:15px;font-size:13px;line-height:1.35;color:#aab1b8;white-space:nowrap}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.orange{background:#ff7042}.purple{background:#8b34ef}.cell .v{font:500 20px/1 "Familjen Grotesk";white-space:nowrap}.cell .s{margin-top:14px;font-size:13px;line-height:1.28;color:#8e949b}.arrow{float:right;font-size:25px;color:#9ba2aa}.b9{height:147px;background:#191d22;border-bottom:1px solid var(--line2)}.b10{height:96px;border-bottom:1px solid var(--line)}.b11{height:90px;border-bottom:1px solid var(--line)}.b12{height:93px;border-bottom:1px solid var(--line)}.b13{height:96px;border-bottom:1px solid var(--line)}.compact>div{padding-top:17px}.compact .market-cell{display:grid;grid-template-columns:30% 1fr;align-items:start}.compact .rowbar{margin-top:4px;height:12px}.compact .cell .s{margin-top:12px}
.b14{height:102px;border-bottom:1px solid var(--line)}.b14 .title{position:absolute;left:2.1%;top:29px}.b14 .sub{position:absolute;left:2.1%;top:59px}
.b15{height:230px;display:grid;grid-template-columns:34.2% 31.1% 34.7%;border-bottom:1px solid var(--line)}.guide-card{padding:14px 4.5% 0;border-right:1px solid var(--line);font-size:17px;line-height:23px;color:#a3aab1}.guide-card:first-child{padding-left:5.9%}.guide-card:last-child{border-right:0}.guide-card h3{margin:0 0 14px;font:500 17px/1 "Spline Sans Mono";letter-spacing:.02em;color:#e2e7eb}.guide-card p{margin:0;max-width:70ch}
.b16{height:61px;border-bottom:1px solid var(--line)}.snapshot{position:absolute;left:2.1%;top:20px;font-size:16px;color:#a4abb2;white-space:nowrap}.snapshot .mono{font-size:14px}
.b17{height:99px;display:flex;align-items:flex-start;padding:22px 28px 0 31px}.foot-left{padding-top:7px;font-size:18px;color:#c9cfd5}.foot-right{margin-left:auto;text-align:right}.foot-right .a{font-size:17px;color:#b4bac1}.foot-right .z{margin-top:12px;font-size:15px;color:#8d949b}
.menu-toggle,.mobile-drawer{display:none}
@media(max-width:1050px){.nav{font-size:14px;gap:9px;padding-left:16px}.brand span{font-size:23px}.ca{font-size:13px}.stat .value{font-size:32px}.stat .label{font-size:14px}.stat .source{font-size:10px}.table-grid{font-size:11px}.guide-card{font-size:14px;line-height:20px}}
@media(max-width:599px){
  .b1{height:58px;overflow:visible}.brand{width:184px;flex-basis:184px}.brand img{width:112px;height:112px;top:-27px}.brand span{left:78px;top:18px;font-size:23px}.nav,.social,.ca{display:none}.menu-toggle{display:block;margin:0 16px 0 auto;border:0;background:transparent;color:var(--ink);font:400 14px/58px "Spline Sans Mono";letter-spacing:.1em}.mobile-drawer{position:absolute;z-index:30;top:57px;left:0;right:0;background:#12161b;border:1px solid var(--line);padding:8px 16px;opacity:0;pointer-events:none}.mobile-drawer.is-open{display:grid;opacity:1;pointer-events:auto}.mobile-drawer a{padding:12px;border-bottom:1px solid var(--line);font:500 17px/1 "Familjen Grotesk"}.mobile-drawer a.is-active{color:var(--violet)}
  .b2{height:226px}.b2 h1{left:20px;top:32px;width:calc(100% - 40px);font-size:42px;line-height:1.02;white-space:normal}.b2 .hero-sub{left:20px;right:20px;top:130px;font-size:14px;line-height:1.45;white-space:normal}.blueprint{left:54%;top:60px;width:62%;opacity:.35}.tag{display:none}
  .b3{height:auto;display:block}.rail-panel,.gauge-panel{height:706px;border-right:0;border-bottom:1px solid var(--line)}.book-panel{height:628px}.rail-row{grid-template-columns:31% 34% 1fr 8%}.gauge-panel .route{left:4%;top:76px;font-size:14px}.jaw,.gauge-overlay{top:182px}.book-panel .panel-head{left:7%}
  .b4{height:112px}.b5{height:auto;grid-template-columns:1fr 1fr}.stat,.stat:first-child,.stat:last-child{min-height:150px;padding:24px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stat .value{font-size:31px}.stat .label{font-size:12px;white-space:normal}.stat .source{font-size:9px;white-space:normal}.b7{height:104px}
  .b8{display:none}.b9,.b10,.b11,.b12,.b13{height:auto;min-height:250px}.table-grid{grid-template-columns:42px minmax(0,1fr);padding:0 10px 14px}.data-row>div{padding:14px 8px}.data-row .rank{grid-row:1 / span 4}.market-cell{border-right:0}.data-row .cell{grid-column:2;display:grid;grid-template-columns:42% 58%;border-top:1px solid var(--line);padding:9px 6px}.data-row .cell .s{margin:0;font-size:10px;text-align:right}.data-row .arrow{display:none}.compact .market-cell{display:block}.legend{gap:12px;font-size:11px;white-space:normal}
  .b14{height:112px}.b15{height:auto;display:block}.guide-card,.guide-card:first-child,.guide-card:last-child{min-height:170px;padding:24px 20px;border-right:0;border-bottom:1px solid var(--line)}.b16{height:84px}.snapshot{left:20px;top:18px;right:20px;white-space:normal;line-height:1.45}.b17{height:auto;min-height:154px;display:block;padding:22px 20px}.foot-left{font-size:16px}.foot-right{margin-top:22px;text-align:left}.foot-right .a{font-size:14px}.foot-right .z{font-size:12px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
