/* Integrated studio cards. Information and actions belong to the same surface. */
.pricing>.container{max-width:1180px}
.pricing .center-heading{max-width:1060px;margin-inline:auto;margin-bottom:52px;gap:24px 40px}
.pricing .plan-posters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 36px;align-items:stretch;max-width:1060px;margin-inline:auto;padding-block:12px 0;perspective:none}
.pricing .plan-posters .plan-poster[data-package]{--card-top:#26282a;--card-bottom:#171819;--card-edge:#ffffff25;--card-accent:#c7cacc;--card-glow:#ffffff05;--card-angle:-1.2deg;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;isolation:isolate;container-type:inline-size;text-align:left;rotate:none!important;transform:none;translate:none;transition:none}
.pricing .plan-posters .plan-poster:before,.pricing .plan-posters .plan-poster:after{display:none}
.pricing .plan-posters .plan-poster[data-package=Lite]{--card-top:#2b2825;--card-bottom:#1b1918;--card-accent:#d2b99f;--card-edge:#bca08340;--card-angle:1.2deg}
.pricing .plan-posters .plan-poster[data-package=Main]{--card-top:#302e21;--card-bottom:#191a16;--card-edge:#ffcf1680;--card-accent:#ffcf16;--card-glow:#ffcf160c;--card-angle:-1.2deg}
.pricing .plan-posters .plan-poster[data-package=Plus]{--card-top:#292a24;--card-bottom:#181916;--card-accent:#d8c891;--card-edge:#c9b57745;--card-angle:1.2deg}
.pricing .plan-cover{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:25px;flex:1;width:100%;aspect-ratio:1.586;min-height:310px;padding:27px 29px;border:1px solid var(--card-edge);border-radius:22px;color:#f4f3ed;background:radial-gradient(ellipse at 100% 0%,var(--card-glow),transparent 70%),linear-gradient(140deg,var(--card-top),var(--card-bottom) 85%);box-shadow:inset 0 1px 0 #ffffff17,inset 0 -1px 0 #0005,0 22px 32px -25px #000f;overflow:hidden;rotate:var(--card-angle);transform-origin:center;transition:rotate .6s cubic-bezier(.22,1,.36,1),translate .6s cubic-bezier(.22,1,.36,1),box-shadow .6s,border-color .6s}
.pricing .plan-cover:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 125% -50%,transparent 0 20px,#ffffff0b 21px 22px,transparent 23px 40px);mask-image:linear-gradient(120deg,transparent 35%,#0007 100%);opacity:.5}
.pricing .plan-cover:after{content:'';position:absolute;inset:-30% -60%;pointer-events:none;background:linear-gradient(112deg,transparent 35%,#ffffff12 49%,transparent 63%);translate:-45% 0;opacity:0;transition:translate 1s cubic-bezier(.22,1,.36,1),opacity .5s}
.pricing .plan-cover>div{position:relative;z-index:1;min-width:0}
.pricing .plan-cover__meta{display:flex;justify-content:space-between;align-items:center;gap:16px;height:22px;flex:none}
.pricing .plan-eyebrow{font-family:var(--sans);font-size:9px;letter-spacing:.16em;line-height:1.2;color:#b3b6b0;opacity:.75;margin:0;min-height:0}
.pricing .plan-cover__meta img{width:64px;height:auto;opacity:.9;filter:none}
.pricing .plan-cover__body{display:flex;align-items:center;justify-content:space-between;gap:24px}
.pricing .plan-identity{min-width:0}
.pricing .plan-poster h3,.pricing .plan-poster[data-package=Starter] h3{font-family:var(--sans);font-size:clamp(35px,10.5cqw,57px);font-weight:700;line-height:1.06;letter-spacing:-.055em;text-transform:none;display:block;height:auto;margin:0;color:#f4f3ed;-webkit-text-fill-color:#f4f3ed;background:none;animation:none}
.pricing .plan-poster--main h3{color:#ffda35;-webkit-text-fill-color:#ffda35}
.pricing .plan-description{font-size:13px;line-height:1.5;color:#aeb1a8;margin:10px 0 0;min-height:0;max-width:230px}
.pricing .plan-cover .plan-deliverables{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;flex:none;width:auto;padding:0;border:0}
.pricing .plan-cover .plan-deliverables strong{font-family:var(--sans);font-size:clamp(38px,10cqw,54px);font-weight:500;line-height:1;color:var(--card-accent);-webkit-text-fill-color:var(--card-accent);letter-spacing:-.065em}
.pricing .plan-cover .plan-deliverables>span{font-size:11px;color:#aeb1a8;line-height:1.2;opacity:1}
.pricing .plan-poster--main .plan-cover__meta{justify-content:flex-end}
.pricing .plan-poster--main .plan-popular{position:absolute;left:-29px;top:-2px;display:flex;align-items:center;justify-content:center;gap:7px;width:144px;height:28px;min-height:28px;padding:5px 17px 5px 12px;border:0;border-radius:0;background:linear-gradient(120deg,#ffdc45,#ffcf16);color:#191a13;box-shadow:inset 0 1px 0 #fff5,inset 0 -1px 0 #b58f0033;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%);font-family:var(--sans);font-size:11px;font-weight:650;line-height:1;letter-spacing:.005em;white-space:nowrap}
.pricing .plan-popular:before{display:none}
.pricing .plan-details{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:18px;padding:0;flex:none}
.pricing .plan-quote{min-width:0}
.pricing .plan-price,.pricing[data-currency=USD] .plan-price,.pricing[data-currency=Robux] .plan-price{display:flex;align-items:center;justify-content:flex-start;margin:0;font-family:var(--sans);font-size:clamp(28px,7.7cqw,39px);font-weight:650;line-height:1.15;letter-spacing:-.045em;gap:7px;color:#f4f3ed;white-space:nowrap}
.pricing .plan-price>.price-amount{font-size:inherit;color:inherit;line-height:inherit}
.pricing .plan-price>.price-symbol{font-size:.48em}
/* The selected currency is already in the switch and the price accessible label. */
.pricing .plan-period{display:none}
.pricing .plan-unit{display:block;font-size:11px;color:#a3a89d;background:none;padding:0;border:0;border-radius:0;margin:7px 0 0;white-space:nowrap}
.pricing .plan-poster .button{width:auto;min-width:139px;flex:none;min-height:46px;margin:0;padding:12px 14px;justify-content:space-between;gap:15px;border-radius:10px;font-size:12px}
.pricing .plan-poster .button--secondary{background:#ffffff07;border-color:#ffffff24;box-shadow:inset 0 1px 0 #ffffff07}
.pricing .plan-poster .cta-disc{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:50%;border:0;background:none;color:inherit}
.pricing .plan-poster--main .cta-disc{background:#171810;color:#ffcf16;width:23px;height:23px}
.pricing .plan-poster .cta-disc .icon{width:13px;height:13px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .pricing .plan-poster:hover .plan-cover,.pricing .plan-poster:focus-within .plan-cover{rotate:0deg;translate:0 -5px;border-color:var(--card-accent);box-shadow:inset 0 1px 0 #ffffff25,0 28px 38px -25px #000f}
 .pricing .plan-poster:hover .plan-cover:after,.pricing .plan-poster:focus-within .plan-cover:after{translate:45% 0;opacity:.85}
}
@media(max-width:1100px){.pricing .plan-posters{gap:30px 26px}.pricing .plan-cover{padding:24px;gap:22px;min-height:290px}.pricing .plan-poster--main .plan-popular{left:-24px}.pricing .plan-cover__meta img{width:56px}.pricing .plan-details{gap:12px}.pricing .plan-poster .button{min-width:125px;font-size:11px;padding-inline:12px;gap:8px}.pricing .plan-cover__body{gap:16px}}
@media(max-width:800px){.pricing .plan-posters{grid-template-columns:1fr;max-width:530px;gap:26px}.pricing .center-heading{max-width:530px}.pricing .plan-cover{padding:27px;min-height:290px;rotate:0deg}.pricing .plan-poster--main .plan-popular{left:-27px}.pricing .plan-poster .button{min-width:139px;font-size:12px}.pricing .plan-price,.pricing[data-currency=USD] .plan-price,.pricing[data-currency=Robux] .plan-price{font-size:clamp(28px,7.7cqw,39px)}}
@media(max-width:380px){.pricing .plan-cover{padding:22px;gap:20px;min-height:275px}.pricing .plan-poster--main .plan-popular{left:-22px}.pricing .plan-cover__body{gap:12px}.pricing .plan-description{font-size:12px}.pricing .plan-poster .button{min-width:0;font-size:10px;padding-inline:10px;gap:7px}.pricing .plan-poster .cta-disc{width:16px;height:16px}.pricing .plan-price,.pricing[data-currency=USD] .plan-price,.pricing[data-currency=Robux] .plan-price{font-size:26px}}
@media(prefers-reduced-motion:reduce){.pricing .plan-cover{rotate:0deg;transition:none}.pricing .plan-cover:after{display:none}.pricing .plan-poster:hover .plan-cover{translate:none}}

.pricing .price-amount{font-kerning:normal;font-variant-numeric:proportional-nums}

/* Independent transform leaves the hover lift and resting angle intact. */
.pricing .plan-cover{animation:duo-card-float 7.8s ease-in-out infinite}
.pricing .plan-poster[data-package=Lite] .plan-cover{animation-duration:8.6s;animation-delay:-2.7s}
.pricing .plan-poster[data-package=Main] .plan-cover{animation-duration:8.2s;animation-delay:-4.4s}
.pricing .plan-poster[data-package=Plus] .plan-cover{animation-duration:9.1s;animation-delay:-1.8s}
@keyframes duo-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.pricing[data-motion-visible=false] .plan-cover,body[data-page-hidden=true] .plan-cover,body[data-motion=paused] .plan-cover{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.pricing .plan-cover{animation:none}}

/* Align the heading and the currency controls as two balanced columns. */
.pricing .center-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,350px);grid-template-rows:auto auto;align-items:center;gap:20px 48px}
.pricing .center-heading h2{grid-column:1;grid-row:1 / 3;width:auto;align-self:center;margin:0}
.pricing .center-heading>p{grid-column:2;grid-row:1;width:auto;max-width:none;margin:0;align-self:end}
.pricing .center-heading .currency-switch{grid-column:2;grid-row:2;justify-self:start;align-self:start;margin:0}
@media(max-width:800px){.pricing .center-heading{grid-template-columns:1fr;gap:20px}.pricing .center-heading h2,.pricing .center-heading>p,.pricing .center-heading .currency-switch{grid-column:1;grid-row:auto}}