/* Binnacle instrument gallery */
:root{--cyan:#64dfff;--violet:#b99bff;--coral:#ff8a68}
html{scroll-behavior:auto;scroll-padding-top:100px}.nav{flex-wrap:wrap;background:#07111ff2}.nav .links{gap:8px;flex-wrap:wrap}.nav .links a{padding:8px 10px;border-radius:5px;letter-spacing:0;text-transform:none;font-size:14px}.nav .links a:hover,.nav .links a.active{background:#1b3957;color:#fff}.nav .cta{white-space:nowrap}.sec{scroll-margin-top:100px}.sec h2{font-size:clamp(30px,3.8vw,52px);line-height:1.08;letter-spacing:-.025em}.sec-head{gap:36px}.sec .lede{font-size:17px;line-height:1.65}.gallery{margin:30px 0 36px;background:linear-gradient(130deg,#102947,#071322 70%);border:1px solid #32516e;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 24px 80px #0005}.gallery-head{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff18}.gallery-head h3{font-size:24px;font-weight:500;line-height:1.2}.gallery-head p{font:12px var(--font-mono);color:var(--cyan);letter-spacing:.1em;text-transform:uppercase}.gallery-body{padding:28px}.gallery svg{display:block;width:100%;height:auto;overflow:visible}.gallery svg text{font-family:var(--font-mono);fill:#c4d4e6;font-size:14px}.gallery svg .title{fill:#fff;font-size:20px;font-weight:600}.gallery svg .big{font-size:46px;fill:#fff}.gallery-note{padding:18px 28px;background:#05101c88;color:#aebfd3;font-size:14px;border-top:1px solid #ffffff13}.gallery-controls{display:flex;flex-wrap:wrap;gap:8px}.gallery-controls button{border:1px solid #4a6781;padding:10px 16px;border-radius:6px;background:#142b43;font-size:15px;min-height:44px}.gallery-controls button:hover,.gallery-controls button.selected{background:#64dfff;color:#051321;border-color:#64dfff}.viz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.viz-metric{padding:22px;border:1px solid #ffffff1a;border-radius:10px;background:#ffffff04}.viz-metric strong{display:block;font-size:38px;color:var(--cyan);font-weight:500}.viz-metric span{color:#c8d6e6;font-size:15px}.heat-grid{display:grid;grid-template-columns:repeat(32,1fr);gap:4px;margin:22px 0}.heat-cell{height:24px;border-radius:3px;border:1px solid #fff1}.viz-legend{display:flex;gap:20px;flex-wrap:wrap;color:#c8d6e6;font-size:14px}.viz-legend span:before{content:'';display:inline-block;width:12px;height:12px;background:var(--c);border-radius:3px;margin-right:7px}.atlas-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:30px}.atlas-detail{border-left:1px solid #ffffff22;padding-left:24px;align-self:center}.atlas-detail h4{font-size:24px;line-height:1.2;margin:12px 0;color:white}.atlas-detail p{color:#c4d4e6;margin:12px 0;font-size:16px}.atlas-detail .tag{font:14px var(--font-mono);color:var(--cyan)}.node-hit{cursor:pointer;outline:none}.node-hit:hover circle,.node-hit:focus circle{stroke:#fff;stroke-width:3}.chain-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0}.chain-card{padding:22px;border:1px solid #536d88;background:#10273d;border-radius:10px;position:relative}.chain-card strong{font-size:20px;color:var(--cyan)}.chain-card code{display:block;color:#e8c35a;font-size:15px;margin-top:18px;overflow-wrap:anywhere}.chain-card p{font-size:15px;color:#c8d6e6;margin-top:14px}.chain-card .seq{font:12px var(--font-mono);color:#a3b7cc;margin-bottom:14px}.chain-card.changed{border-color:#ff8a68;background:#401e22}.chain-result{font-size:17px;color:var(--cyan);min-height:30px;margin:20px 0}.model-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.model-cell{border:1px solid #ffffff26;padding:22px;border-radius:10px;background:#ffffff04}.model-cell .index{font:13px var(--font-mono);color:var(--violet)}.model-cell h4{font-size:23px;color:#fff;margin:12px 0}.model-cell p{font-size:16px;color:#c5d5e6}.model-cell .signal{font:14px var(--font-mono);color:var(--cyan);border-top:1px solid #fff2;padding-top:14px;margin-top:20px}.records .rec,.tiles .tile,.hood>div{border-radius:10px;background:linear-gradient(145deg,#122a42,#0a192b)}.rec b{font-size:20px}.rec p,.tile .rulep,.hood p{font-size:16px;line-height:1.6}.chartbox{background:#081929;border:1px solid #35536e;border-radius:12px}.chartbox h4{font-size:22px}.stat{border-left:3px solid var(--cyan)}.stats .stat:nth-child(2){border-color:var(--gold-b)}.stats .stat:nth-child(3){border-color:var(--coral)}.stats .stat:nth-child(4){border-color:var(--violet)}#instruments{position:relative;display:block;padding-top:40px}.instrument-launch{max-width:1440px;position:relative;z-index:2}.instrument-launch .gallery{max-width:800px;background:#081828ed}.instrument-launch .gallery-body{padding:20px 28px}.instrument-launch h2{font-size:clamp(28px,4vw,48px);margin-bottom:16px}.steps{max-width:500px}.instrument-launch .gallery-controls{margin-top:22px}#instruments .step{min-height:68vh}.chain{display:none}.chainwrap{grid-template-columns:1fr}.chainwrap .props{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.prop{font-size:16px}.gallery-scroll{overflow:auto}.gallery-scroll svg{min-width:660px}.gallery svg .data-point{cursor:crosshair}.gallery svg .data-point:hover{r:7;fill:#fff}
@media(max-width:900px){.atlas-layout{grid-template-columns:1fr}.atlas-detail{border-left:0;border-top:1px solid #fff2;padding:20px 0 0}.model-stack,.chain-cards{grid-template-columns:1fr}.viz-grid{grid-template-columns:1fr 1fr}.heat-grid{grid-template-columns:repeat(16,1fr)}.gallery-head{align-items:flex-start;flex-direction:column}.nav{gap:8px;padding:10px 16px}.chainwrap .props{grid-template-columns:1fr}.gallery-body{padding:20px}.gallery-head h3{font-size:21px}.sec{scroll-margin-top:130px}.sec-head{display:block}.sec-head .lede{margin-top:22px}.instrument-launch .gallery{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:980px){.nav{flex-wrap:wrap;z-index:30}.nav-toggle{display:inline-flex}.nav .links{display:none;position:absolute;left:0;right:0;top:100%;width:auto;order:4;margin:0;overflow:visible;flex-wrap:nowrap;flex-direction:column;gap:0;padding:6px 16px 12px;background:#07111f;border-bottom:1px solid rgba(241,233,214,.12);box-shadow:0 22px 48px #000c}.nav.is-open .links{display:flex}.nav .links a{white-space:normal;padding:13px 2px;border-bottom:1px solid rgba(241,233,214,.12)}}
.hear{margin-left:auto;width:38px;height:38px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid #4a6781;border-radius:50%;background:#142b43;color:#e8c35a;position:relative;cursor:pointer}.nav .cta{margin-left:0}.hear svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hear .hear-pause{display:none}.hear.is-playing{color:#64dfff;border-color:#64dfff}.hear.is-playing .hear-play{display:none}.hear.is-playing .hear-pause{display:block}.hear:hover{background:#64dfff;color:#051321;border-color:#64dfff}.hear:focus-visible{outline:2px solid #64dfff;outline-offset:3px}.hear::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#64dfff var(--p,0deg),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);opacity:0;pointer-events:none}.hear.is-playing::after{opacity:1}