/* A single Earn balance, surrounded by distinct yield opportunities. */
.yield-scene{position:absolute;right:20px;top:47%;width:380px;transform:translateY(-48%);color:white;pointer-events:none}
.yield-account{position:relative;isolation:isolate;overflow:hidden;margin-inline:15px;width:350px;border-radius:25px;padding:25px 27px 24px;background:linear-gradient(135deg,#b6d3ff14,#6689b009 58%,#99befe13),#0b24466b;border:1px solid #c5d9f742;box-shadow:inset 0 1px 0 #f3f8ff29,0 23px 65px #020e211c;backdrop-filter:blur(26px) saturate(110%);-webkit-backdrop-filter:blur(26px) saturate(110%)}
.yield-account-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.yield-account-head>div>span{display:block;font-size:9px;color:#cedcee;line-height:1.5}.yield-account-head h2{font-size:21px;font-weight:500;line-height:1.2;letter-spacing:-.035em;margin-top:4px}
.yield-asset{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #c1d9fb24;background:#b3d1ff0b;border-radius:100px;color:#e3edfb;font-size:9px}.yield-asset img{width:18px;height:18px}
.yield-balance{margin-top:25px}.yield-balance>span{font-size:10px;color:#cedcee}.yield-balance>strong{display:flex;align-items:baseline;white-space:nowrap;font-size:42px;line-height:1.15;letter-spacing:-.055em;font-weight:500;margin-top:8px;font-variant-numeric:tabular-nums}.yield-balance [data-yield-cents]{font-size:30px;letter-spacing:-.035em;color:#cadaef}
.yield-account-stats{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:20px;margin-top:23px;border-top:1px solid #c8deff2b}.yield-account-stats>div{display:flex;flex-direction:column;gap:8px}.yield-account-stats>div:last-child{text-align:right}.yield-account-stats>div>span{font-size:9px;color:#cedcee}.yield-account-stats strong{font-size:21px;letter-spacing:-.03em;line-height:1.1;font-weight:500;font-variant-numeric:tabular-nums}.yield-account-stats>div:first-child strong{color:#d5e5ff;font-size:18px}.yield-account-stats small{font-size:14px;margin-left:2px}
.yield-account-light{position:absolute;z-index:-1;inset:-20%;background:radial-gradient(ellipse at 80% 75%,#abcfff70,transparent 64%);opacity:0;pointer-events:none}
.yield-market{position:absolute;width:232px;transform-origin:50% 50%}.yield-market-upper{top:-104px;left:166px}.yield-market-lower{top:calc(100% + 17px);left:-29px;width:248px}
.yield-market-face{border-radius:19px;padding:16px 18px 15px;border:1px solid #f1f7ffae;background:#edf4fcf0;color:#183550;box-shadow:0 14px 40px #010d211c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.yield-market-head{display:flex;align-items:center;gap:9px}.yield-market-head>img{width:27px;height:27px;object-fit:contain;flex-shrink:0}.yield-market-head>div{display:flex;flex-direction:column;gap:3px}.yield-market-head strong{font-size:11px;line-height:1.3;font-weight:500}.yield-market-head>div>span{font-size:8px;color:#5e7189}.yield-market-dot{width:4px;height:4px;background:#759bd0;border-radius:50%;margin-left:auto}
.yield-market-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:15px}.yield-market-bottom>strong{font-size:29px;line-height:1;letter-spacing:-.055em;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.yield-market-bottom>strong>small{font-size:17px;margin-left:1px}.yield-apy-label{font-size:8px;letter-spacing:0;margin-left:5px;color:#5e7189}
.yield-credit{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.yield-credit small{font-size:8px;color:#5e7189}.yield-credit b{font-size:14px;line-height:1.2;font-weight:500;color:#315f96;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.yield-market[data-source=morpho] .yield-market-face,.yield-market[data-source=fluid] .yield-market-face{background:#e5effbf2}.yield-market[data-source=euler] .yield-market-face,.yield-market[data-source=dolomite] .yield-market-face{background:#f0f3f8f2}
.yield-scene.is-enhanced .yield-market{opacity:0}
.yield-digit{display:inline-block;vertical-align:bottom;height:1.15em;line-height:1.15;overflow:hidden}.yield-digit-track,.yield-digit-track>span{display:block}.yield-digit-static{display:inline-block;line-height:1.15}
@media(prefers-reduced-motion:no-preference){.yield-scene{animation:yield-scene-arrive 1.1s .2s cubic-bezier(.16,1,.3,1) both}.yield-account{animation:yield-account-drift 15s 1.4s ease-in-out infinite}.yield-market-face{animation:yield-market-drift 12s 2s ease-in-out infinite}.yield-market-lower .yield-market-face{animation-delay:4s;animation-duration:16s}.yield-scene.is-still,.yield-scene.is-still *{animation-play-state:paused!important}@keyframes yield-scene-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes yield-account-drift{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes yield-market-drift{0%,100%{translate:0 0}50%{translate:0 5px}}}
@media(min-width:1700px){.yield-scene{right:70px;scale:1.06;transform-origin:right center}}
@media(max-width:1200px) and (min-width:861px){.yield-scene{width:320px;right:0;top:48%}.yield-account{width:300px;margin-inline:10px;padding:23px 23px 22px}.yield-balance>strong{font-size:36px}.yield-balance [data-yield-cents]{font-size:27px}.yield-market-upper{left:117px;width:215px;top:-105px}.yield-market-lower{left:-14px;width:233px}.film-copy{max-width:62%}.film-copy h1{font-size:7.1vw}.film-description{font-size:16px}}
@media(max-width:1000px) and (min-width:861px){.yield-scene{scale:.88;transform-origin:right center}.film-copy h1{font-size:6.8vw}.film-copy .button{font-size:11px;padding-inline:19px}}
@media(max-width:860px) and (min-width:741px){.yield-scene{width:260px;right:0;top:48%;scale:1}.yield-account{width:258px;margin:0;padding:22px 21px}.yield-balance>strong{font-size:32px}.yield-balance [data-yield-cents]{font-size:24px}.yield-balance{margin-top:23px}.yield-account-stats{margin-top:20px;padding-top:18px}.yield-account-stats strong{font-size:20px}.yield-account-stats>div:first-child strong{font-size:16px}.yield-market-upper{left:73px;width:200px;top:-103px}.yield-market-lower{left:-15px;width:219px;top:calc(100% + 16px)}.yield-market-face{padding:14px 15px}.yield-market-bottom>strong{font-size:26px}.yield-credit b{font-size:12px}.yield-market-bottom{gap:9px;margin-top:13px}.film-copy{max-width:64%;align-self:flex-start;margin-top:-50px}.film-copy h1{font-size:7.6vw}.film-description{font-size:15px}.film-copy .actions{flex-direction:column;align-items:flex-start}.film-copy .button{font-size:12px}}
/* Mobile focuses on the headline and the reflections film. */
@media(max-width:740px){
  .yield-scene{display:none}
  .home-film{min-height:640px;max-height:860px;height:calc(100svh - 16px)}
  .film-content{height:100%;min-height:inherit;padding-top:112px;padding-bottom:152px;justify-content:center}
  .film-copy{padding-block:0;max-width:100%;margin-top:0}
  .film-bottom{bottom:26px}
}
@media(max-width:370px){
  .home-film{min-height:620px}
  .film-copy h1{font-size:44px}
  .film-description{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.yield-scene.is-enhanced .yield-market{opacity:1!important;transform:none!important}.yield-account-light{opacity:0!important}}