@scope (.approved-plan-page){/* Image framing and decoration measured from the supplied 1536px mockup. */
.backdrop{background:linear-gradient(to bottom,transparent 510px,#020a12 680px),url('assets/reference-backdrop.webp') center top / 1536px 680px no-repeat;opacity:1}
.backdrop:after{display:none}
.plan-card{border-radius:14px;border-color:#08618b;background:linear-gradient(145deg,#061322e8,#040e18f5 65%,#040c15f5);box-shadow:inset 0 0 24px #00385912}
.plan-card.gold{border-color:#806217;background:linear-gradient(140deg,#241b0fe8,#081420f5 42%,#060d12f5)}
.plan-art{top:2px;left:1px;width:164px;height:185px;object-fit:fill;object-position:center;mask-image:linear-gradient(to right,#000 92%,transparent 100%);mask-composite:add}
.card-top{padding-left:166px}
@media(min-width:1500px){.approved-plan-page .card-body{padding-top:0}}
@media(min-width:1200px) and (max-width:1535px){.backdrop{background-size:100% auto}}
@media(min-width:701px) and (max-width:1199px){.backdrop{background-size:auto 550px}.plan-art{width:143px;height:186px}.card-top{padding-left:145px}}
@media(min-width:701px) and (max-width:950px){.plan-art{width:123px;height:199px;object-fit:cover;object-position:left center}.card-top{padding-left:125px}}
@media(max-width:700px){.backdrop{background:linear-gradient(to bottom,#020a1220 0%,#020a12 370px),url('assets/hero.webp') calc(100% + 120px) 12px / 620px auto no-repeat;opacity:.48}.plan-art{width:120px;height:177px;object-fit:cover;object-position:left center}.card-top{padding-left:122px}.plan-card{border-radius:13px}}
@media(max-width:359px){.plan-art{width:101px;height:172px}.card-top{padding-left:103px}}
}