.add-bonds{background:#000a27;padding:100px 0;overflow:hidden}.add-bonds__container{max-width:1230px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:56px}.add-bonds__title{font-family:var(--font-figtree),"Figtree",system-ui,-apple-system,sans-serif;font-size:clamp(28px,3vw,36px);font-weight:300;letter-spacing:-.04em;text-align:center;color:#9ea5af}.add-bonds__title span.emphasis,.add-bonds__title strong{font-weight:600;color:#373643}.add-bonds__title span.emphasis-light{font-weight:600;color:#e4e8ef}.add-bonds__title .emphasis-light{color:#e4e8ef}.add-bonds__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.add-bonds__filter{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:8px 16px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;border:1px solid #9ea5af;color:#9ea5af;background:rgba(0,0,0,0);transition:all .2s ease}.add-bonds__filter:focus-visible{outline:2px solid #019d79;outline-offset:2px}.add-bonds__filter--active{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:8px 16px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;color:#9ea5af;background:rgba(0,0,0,0);transition:all .2s ease;background:#019d79;border:1px solid #019d79;color:#fff}.add-bonds__filter--active:focus-visible{outline:2px solid #019d79;outline-offset:2px}.add-bonds__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px;width:100%;list-style:none;margin:0;padding:0}.add-bonds__grid--centered{justify-content:center;grid-template-columns:repeat(auto-fit,minmax(0,calc((100% - 24px * 2) / 3)))}.add-bonds__grid-item{list-style:none;min-width:0}.add-bonds__card{background:#e9f3f1;border-radius:10px;padding:17px 14px 14px;display:flex;flex-direction:column;gap:16px;height:100%}.add-bonds__card--skeleton{min-height:205px;gap:12px}.add-bonds__card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.add-bonds__issuer{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1}.add-bonds__logo-wrap{width:74px;height:74px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.add-bonds__logo{object-fit:contain;max-width:90%;max-height:90%}.add-bonds__issuer-name{margin:0;flex:1 1;min-width:0;font-size:18px;font-weight:400;color:#2d2d2d;letter-spacing:-.04em;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.add-bonds__issuer-name--truncated{cursor:help}.add-bonds__ytm{text-align:right;color:#087969;flex-shrink:0}.add-bonds__ytm-label{display:block;font-size:14px;margin-bottom:4px}.add-bonds__ytm-value{display:block;font-size:24px;font-weight:600;letter-spacing:-.04em}.add-bonds__divider{border:none;border-top:1px solid rgba(0,0,0,.08);margin:0}.add-bonds__details{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:0}.add-bonds__details>div:first-child{text-align:left}.add-bonds__details>div:nth-child(2){text-align:center}.add-bonds__details>div:nth-child(3){text-align:right}.add-bonds__details dt{font-size:16px;font-weight:400;color:#9d9d9d;margin-bottom:8px}.add-bonds__details dd{font-size:16px;font-weight:600;color:#373643;margin:0}.add-bonds__cta{width:100%;height:48px;background:#26252f;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.add-bonds__cta:hover{opacity:.9}.add-bonds__cta:focus-visible{outline:2px solid #019d79;outline-offset:2px}.add-bonds__find{min-width:424px;height:64px;background:rgba(0,0,0,0);border:1px solid #019d79;border-radius:8px;color:#019d79;font-size:18px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.add-bonds__find:hover{background:rgba(1,157,121,.1)}.add-bonds__find:focus-visible{outline:2px solid #019d79;outline-offset:2px}.add-bonds__disclaimer{font-size:12px;line-height:1.6;color:#9ea5af;text-align:center;max-width:640px}.add-bonds__empty{margin:0;color:#9ea5af;text-align:center;font-size:16px}.add-bonds__skeleton{display:block;border-radius:8px;background:linear-gradient(90deg,rgba(158,165,175,.18) 25%,rgba(158,165,175,.28) 50%,rgba(158,165,175,.18) 75%);background-size:200% 100%;animation:add-bonds-shimmer 1.4s ease infinite}.add-bonds__skeleton--filter{width:120px;height:36px;border-radius:50px}.add-bonds__skeleton--logo{width:74px;height:74px}.add-bonds__skeleton--title{width:60%;height:20px}.add-bonds__skeleton--cta,.add-bonds__skeleton--metric{width:100%;height:48px}.add-bonds__skeleton--find{width:min(100%,424px);height:64px}@media(max-width:768px){.add-bonds{padding:33px 0 40px}.add-bonds__container{gap:26px;align-items:stretch}.add-bonds__title{font-size:20px;font-weight:300;letter-spacing:-.04em;text-align:center;line-height:32px;color:#9ea5af}.add-bonds__title .emphasis-light{font-weight:700;color:#e4e8ef}.add-bonds__filters{flex-wrap:nowrap;justify-content:flex-start;align-self:stretch;overflow-x:auto;gap:8px;margin:0;padding:0 14px;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x proximity}.add-bonds__filters::-webkit-scrollbar{display:none}.add-bonds__filter{flex-shrink:0;height:30px;padding:3px 10px;font-size:12px;font-weight:400;border-radius:50px;border-color:#9ea5af;color:#9ea5af;scroll-snap-align:center}.add-bonds__filter--active{font-weight:700;background:#007665;border-color:#007665;color:#fff}.add-bonds__filter:focus-visible{outline:2px solid #01d4a0;outline-offset:2px}.add-bonds__grid{display:flex;flex-wrap:nowrap;grid-template-columns:none;gap:10px;width:auto;align-self:stretch;padding:0 24px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.add-bonds__grid::-webkit-scrollbar{display:none}.add-bonds__grid--centered{justify-content:flex-start;grid-template-columns:none}.add-bonds__grid-item{flex:0 0 min(380px,100vw - 50px);width:min(380px,100vw - 50px);scroll-snap-align:start}.add-bonds__card{min-height:205px;padding:19px 15px 15px;gap:0;border-radius:10px}.add-bonds__card-header{gap:6px}.add-bonds__issuer{gap:6px;min-width:0}.add-bonds__logo-wrap{width:51px;height:51px}.add-bonds__issuer-name{font-size:16px;letter-spacing:-.04em;color:#373643}.add-bonds__ytm-label{font-size:12px;margin-bottom:0;color:#087969}.add-bonds__ytm-value{font-size:18px;font-weight:800;letter-spacing:-.04em;line-height:30px;color:#087969}.add-bonds__divider{margin:14px 0 10px}.add-bonds__details{margin-bottom:18px;gap:4px}.add-bonds__details dt{font-size:12px;font-weight:400;color:#5e5e71;margin-bottom:4px}.add-bonds__details dd{font-size:12px;font-weight:400;color:#373643}.add-bonds__cta{height:40px;border-radius:7px;font-size:12px;font-weight:700}.add-bonds__find{align-self:center;min-width:0;width:min(100%,382px);height:48px;font-size:14px;font-weight:700;color:#00ce9e;border-color:#00ce9e}.add-bonds__disclaimer{display:none}}.explore-bonds-issuer-tooltip{--bond-tooltip-bg:#26252f;position:fixed;z-index:10050;box-sizing:border-box;max-width:min(360px,100vw - 24px);padding:10px 14px;border-radius:10px;background:var(--bond-tooltip-bg);color:#fff;font-family:var(--font-figtree),"Figtree",system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;line-height:1.45;letter-spacing:-.01em;box-shadow:0 8px 24px rgba(38,37,47,.28);transform:translateX(-50%);overflow:visible;pointer-events:auto;visibility:hidden;opacity:0}.explore-bonds-issuer-tooltip--ready{visibility:visible;opacity:1}.explore-bonds-issuer-tooltip--below{transform:translateX(-50%)}.explore-bonds-issuer-tooltip--above{transform:translate(-50%,-100%)}.explore-bonds-issuer-tooltip__text{display:block;white-space:normal;word-break:break-word;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}.explore-bonds-issuer-tooltip:after{content:"";position:absolute;left:50%;width:0;height:0;border-left:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);transform:translateX(-50%);pointer-events:none}.explore-bonds-issuer-tooltip--above:after{top:100%;border-top:8px solid var(--bond-tooltip-bg)}.explore-bonds-issuer-tooltip--below:after{bottom:100%;border-bottom:8px solid var(--bond-tooltip-bg)}@media(max-width:640px){.explore-bonds-issuer-tooltip{max-width:min(300px,100vw - 24px);padding:10px 12px;font-size:12px;line-height:1.4}}@keyframes add-bonds-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}