/* Match the subscription surfaces in the application's public offers page. */
.pricing-section{background:#fff}
.pricing-grid{gap:24px;padding-top:12px}
.pricing-grid .plan{position:relative;isolation:isolate;overflow:hidden;padding:30px 24px 24px;border:1px solid #c6b19f;border-radius:24px;background:#fff;box-shadow:0 10px 28px #42322414}
.pricing-grid .plan::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(110deg,#b0936f,#e0cfb2)}
.pricing-grid .featured{background:linear-gradient(145deg,#fffdfa,#f5f0e8);border-color:#826640;box-shadow:0 10px 30px #302c2610}
.pricing-grid .plan:last-child{color:#faf8f5;background:linear-gradient(145deg,#494133,#201e1b);border-color:#d2bb97;box-shadow:0 10px 30px #302c2610}
.pricing-grid .plan-category{font-size:10px;line-height:1.5;min-height:0;margin-bottom:18px;color:#826640}
.pricing-grid .plan:last-child .plan-category{color:#e0cfb2}
.pricing-grid .plan h3{display:flex;align-items:center;gap:12px;font-size:21px;min-height:68px;padding-bottom:24px;border-bottom:1px solid #ded8ce;line-height:1.25}
.pricing-grid .plan h3::before{content:"";display:block;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#f5f1eb url('assets/plan-start.svg') center/23px 23px no-repeat}
.pricing-grid .featured h3::before{background-image:url('assets/plan-flow.svg')}
.pricing-grid .plan:last-child h3::before{background-color:#ffffff08;background-image:url('assets/plan-maximum.svg')}
.pricing-grid .price{font-size:40px;margin-top:22px;white-space:normal}
.pricing-grid .price span{display:inline-block;color:#716658}
.pricing-grid .plan-summary{min-height:48px;line-height:1.6;color:#716658}
.pricing-grid .plan ul{list-style:none;padding:20px 0 0;border-top:1px solid #ded8ce;gap:13px;line-height:1.6}
.pricing-grid .plan li{position:relative;padding-left:23px}
.pricing-grid .plan li::before{content:"\2713";position:absolute;left:0;color:#826640;font-weight:600}
.pricing-grid .plan .button{border-radius:14px;min-height:50px;background:linear-gradient(110deg,#d1b78d,#eadbc2);color:#181411;transition:transform .2s,filter .2s,box-shadow .2s}
.pricing-grid .featured .button{background:#302c26;color:#faf8f5}
.pricing-grid .plan .button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 6px 18px #b0936f26}
.pricing-grid .plan:last-child .plan-summary,.pricing-grid .plan:last-child .price span,.pricing-grid .plan:last-child .terms{color:#ded7cb}
.pricing-grid .plan:last-child li::before{color:#d2bb97}
.pricing-grid .plan:last-child h3,.pricing-grid .plan:last-child ul{border-color:#d2bb9740}
.pricing-grid .terms{font-size:11px;line-height:1.65;margin-top:16px}
@media(min-width:761px) and (max-width:1050px){.pricing-grid{gap:16px}.pricing-grid .plan{padding-inline:18px}.pricing-grid .plan h3{font-size:18px;gap:8px}.pricing-grid .plan h3::before{flex-basis:32px;width:32px;height:36px}.pricing-grid .price{font-size:34px}}
@media(max-width:760px){.pricing-grid{gap:24px}.pricing-grid .plan{padding:28px 24px 24px}.pricing-grid .plan-summary{min-height:0}.pricing-grid .plan h3{font-size:22px}.pricing-grid .terms{min-height:0}}
.button{position:relative;isolation:isolate;overflow:hidden}
.button::after{content:"";position:absolute;inset:-70% auto -70% -65%;width:38%;background:linear-gradient(90deg,transparent,#ffffff60,transparent);transform:translateX(0) rotate(22deg);pointer-events:none;animation:button-reflection 7s ease-in-out infinite}
.pricing-grid .featured .button::after{animation-delay:1s}
.pricing-grid .plan:last-child .button::after{animation-delay:2s}
.pricing-grid .plan:last-child::after{content:"";position:absolute;z-index:-1;inset:-30% auto -30% -100%;width:65%;background:linear-gradient(90deg,transparent,#e8d1a51f,#ffffff26,#e8d1a51f,transparent);transform:translateX(0) rotate(18deg);pointer-events:none;animation:maximum-shine 9s ease-in-out infinite}
@keyframes button-reflection{0%,65%{transform:translateX(0) rotate(22deg);opacity:0}68%{opacity:1}88%,100%{transform:translateX(550%) rotate(22deg);opacity:0}}
@keyframes maximum-shine{0%,55%{transform:translateX(0) rotate(18deg);opacity:0}60%{opacity:1}85%,100%{transform:translateX(360%) rotate(18deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.button::after,.pricing-grid .plan:last-child::after{display:none}.pricing-grid .plan .button{transition:none}.pricing-grid .plan .button:hover{transform:none}}