.phone-frame{aspect-ratio:.65;height:30rem;border-radius:3rem 3rem 0 0;position:relative;top:.4rem;box-shadow:0 0 0 .4rem #000,0 0 0 .625rem #bbb;margin:3rem auto 0;overflow:hidden;background:#fff}.fd-preview{display:flex;flex-direction:column;gap:.5rem}.fd-preview__hero{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding-block:1rem;border-radius:0 0 .8rem .8rem;background:url(../assets/fd/bg-pattern.png),linear-gradient(180deg,#fff,#f9fafc 58.33%);border-bottom:1px solid var(--c-border)}.fd-preview__title{font-size:1rem;line-height:1.2;font-weight:500;color:var(--c-fg)}.fd-tenors{display:flex;justify-content:space-between;gap:.4rem;list-style:none;padding-inline:.75rem;margin:.25rem 0}.fd-tenor{display:inline-flex;flex:1;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--c-border);border-radius:.25rem;font-size:.625rem;font-weight:500;color:var(--c-fg-soft);background:#fff}.fd-rates{display:flex;flex-direction:column;gap:.5rem;padding-inline:.75rem}.fd-rate{display:flex;gap:.75rem;align-items:center;padding:.5rem;border:1px solid var(--c-border);border-radius:.5rem;background:#fff}.fd-rate__logo{width:2rem;height:2rem;border-radius:.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--c-border);img{max-width:1rem}}.fd-rate__name{font-size:.85rem;font-weight:500;color:var(--c-fg)}.fd-rate__yield{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;gap:.25rem;margin-left:auto}.fd-rate__label{font-size:.625rem;color:var(--c-muted)}.fd-rate__value{font-size:.82rem;font-weight:500;color:#19af55;font-variant-numeric:tabular-nums}