/* Pearl and starlight: the service cards continue the hero's glass material. */
:root{--glass-ink:#2f3a4c;--glass-blue:#8ca9ce;--glass-violet:#b9b3d9}
#needs{position:relative;background:radial-gradient(ellipse at 4% 35%,#dfe9f880,transparent 48%),radial-gradient(ellipse at 96% 55%,#e5dff780,transparent 48%),linear-gradient(#fff,#f7f8fc 42%,#fff);isolation:isolate}
#needs .card{background:linear-gradient(145deg,#ffffffeb,#ffffff96 65%,#e9ecf66b);border-color:#fff;border-radius:30px;box-shadow:inset 0 0 0 1px #c8cfdb45,inset 0 2px 2px #fff,0 20px 50px #2f3a4c0c;backdrop-filter:blur(18px);transition:transform .35s,box-shadow .35s}
#needs .card:nth-child(n):hover{border-color:#fff!important;box-shadow:inset 0 0 0 1px #b9b3d970,0 26px 65px #53658b19!important;transform:translateY(-4px)}
#needs .card .glassArt,#needs .card:nth-child(-n+2) .glassArt{height:235px;min-height:0;border-radius:23px;background:radial-gradient(ellipse at 28% 58%,#91b1de50,transparent 54%),radial-gradient(ellipse at 77% 36%,#bcb0e555,transparent 52%),radial-gradient(ellipse at 55% 95%,#fff,transparent 60%);overflow:hidden}
#needs .card:nth-child(-n+2) .glassArt{height:260px}
.glassArt svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 14px 14px #65769822)}
.glass-float{animation:glass-breathe 10s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.glass-back{animation-delay:-3.3s}.glass-middle{animation-delay:-6.6s}.glass-front{animation-duration:12s}.glass-orbit{animation:glass-orbit 24s ease-in-out infinite;transform-origin:225px 139px}
@keyframes glass-breathe{0%,100%{translate:0 4px}50%{translate:0 -7px}}
@keyframes glass-orbit{0%,100%{rotate:-5deg}50%{rotate:7deg}}
#needs .card h3{color:var(--glass-ink)!important;font-weight:600!important;font-size:25px!important;margin-top:24px!important}
#needs .card p{color:#59677d;font-size:16px;line-height:1.9}
#needs .card .btn{background:linear-gradient(125deg,#f4f7fd,#e4eaf6 60%,#ece7f7);border:1px solid #fff;color:#344967;box-shadow:inset 0 0 0 1px #adb9cf40,0 5px 14px #5c6d9020;border-radius:14px;padding:12px 19px;min-height:46px}
#needs .card:last-child .btn{background:linear-gradient(125deg,#f4f7fd,#e4eaf6 60%,#ece7f7);color:#344967}
#needs .serviceDetailLink{color:#53627d;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:10px}
#needs .card .serviceDetailLink:after{content:'↗';font-size:17px;transition:translate .2s}#needs .card .serviceDetailLink:hover:after{translate:2px -2px}
.motionToggle{background:#ffffff9c;border-color:#c8cfdb80;color:#53627d;border-radius:30px;padding:10px 18px}
.needsHelp{background:linear-gradient(115deg,#edf2fa,#f3effa,#f9fafd);border:1px solid #fff;box-shadow:inset 0 0 0 1px #c8cfdb45;border-radius:26px}
.needsHelp b{color:#344967}.needsHelp p{color:#59677d}
#loan-story{background:radial-gradient(ellipse at 85% 48%,#eae4f65c,transparent 58%),linear-gradient(#fff,#f7f8fc,#fff)}
.lf-player{border-color:#c8cfdb88;box-shadow:0 28px 70px #62739418}.lf-chapters button[aria-pressed=true]{background:linear-gradient(125deg,#e5edf9,#eee9f8);border-color:#bec8dc;color:#344967}
.closing .cta{background:radial-gradient(ellipse at 95% 0,#c9bce948,transparent 65%),radial-gradient(ellipse at 15% 100%,#b4ccee4d,transparent 65%),#f7f8fc;border-color:#dce1ed}
@media(max-width:640px){#needs .card{border-radius:26px}#needs .card .glassArt,#needs .card:nth-child(-n+2) .glassArt{height:200px}#needs .card h3{font-size:23px!important}.glassArt svg{width:110%;max-width:none}.needsHelp{padding:24px}}
@media(prefers-reduced-motion:reduce){.glass-float,.glass-orbit{animation:none!important}#needs .card:nth-child(n):hover{transform:none}}
@media(prefers-reduced-transparency:reduce){#needs .card{background:#fff;backdrop-filter:none}.motionToggle{background:#fff}}
@media(prefers-contrast:more){#needs .card{border-color:#6c7888}#needs .card p,#needs .serviceDetailLink{color:#344967}}