/* Click-through pricing cards, with all details retained in each plan. */
.studio-page .studio-plans.plan-gallery{display:block;max-width:1240px;padding-top:32px}
.plan-gallery [hidden]{display:none!important}
.plan-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.plan-gallery button{font:500 .9375rem/1.4 'DM Sans',Arial,sans-serif;cursor:pointer}
.plan-gallery button:focus-visible,.plan-gallery .plan:focus-visible{outline:3px solid #f45b32;outline-offset:4px}
.plan-switcher{display:flex;gap:6px;width:fit-content;max-width:100%;margin:0 auto 24px;padding:6px;background:#edeFED;border:1px solid #dfe1df;border-radius:16px}
.plan-switcher button{padding:12px 24px;min-height:46px;border:0;border-radius:11px;background:transparent;color:#555d55;white-space:nowrap}
.plan-switcher button[aria-selected="true"]{background:#191919;color:#fff;box-shadow:0 3px 9px #0002}
.plan-switcher button[aria-controls="plan-growth"][aria-selected="true"]{background:#f45b32;color:#fff}
.plan-gallery.is-gallery .plan-stack{display:block;position:relative;isolation:isolate;padding:20px 0 36px}
.studio-page .plan-gallery.is-gallery .plan{position:absolute;left:50%;top:38px;width:calc(100% - 176px);margin:0;border-radius:24px;transform-origin:50% 20%;transition:transform .4s ease,opacity .3s ease;max-height:450px;box-shadow:0 10px 30px #19191916}
.studio-page .plan-gallery.is-gallery .plan.is-before{transform:translateX(calc(-50% - 52px)) rotate(-3deg) scale(.98);z-index:1}
.studio-page .plan-gallery.is-gallery .plan.is-after{transform:translateX(calc(-50% + 52px)) rotate(3deg) scale(.98);z-index:2}
.studio-page .plan-gallery.is-gallery .plan:not(.is-active) .plan-head,.studio-page .plan-gallery.is-gallery .plan:not(.is-active) .plan-details{opacity:.12}
.studio-page .plan-gallery.is-gallery .plan.is-active{position:relative;left:auto;top:auto;max-height:none;margin:0 auto;transform:none;z-index:4;box-shadow:0 22px 55px #19191921;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.studio-page .plan-gallery.is-gallery .plan.best-value.is-active{box-shadow:0 22px 55px #19191926,0 0 0 5px #f45b3212}
.studio-page .plan-gallery.is-gallery .plan-head{padding:36px 32px;min-height:0;border-bottom:0;border-right:1px solid #dedfdd}
.studio-page .plan-gallery.is-gallery .best-value .plan-head{border-right-color:#ffffff26}
.studio-page .plan-gallery.is-gallery .plan-details{padding:36px 32px}
.studio-page .plan-gallery.is-gallery .plan h2{font-size:clamp(2rem,3.6vw,3rem)}
.studio-page .plan-gallery.is-gallery .plan .price{font-size:clamp(2rem,3.2vw,2.75rem)}
.plan-gallery.is-gallery .plan-topline{flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:0;gap:12px;margin-bottom:28px}
.plan-preview{position:absolute;left:50%;top:38px;width:calc(100% - 176px);height:450px;border:0;border-radius:24px;background:transparent;color:#333;z-index:3;transform-origin:50% 20%}
.plan-preview.is-before{transform:translateX(calc(-50% - 52px)) rotate(-3deg) scale(.98);text-align:left}
.plan-preview.is-after{transform:translateX(calc(-50% + 52px)) rotate(3deg) scale(.98);text-align:right}
.plan-preview span{position:absolute;top:82px;writing-mode:vertical-rl;font-size:.875rem;letter-spacing:.04em;background:#ffffffed;padding:12px 7px;border:1px solid #dadeda;border-radius:8px;color:#303630}
.plan-preview.is-before span{left:10px;transform:rotate(180deg)}
.plan-preview.is-after span{right:10px}
.plan-preview:hover span{background:#191919;color:#fff;border-color:#191919}
.plan-gallery-footer{display:flex;align-items:center;justify-content:center;gap:24px;margin:8px auto 0;max-width:620px}
.plan-gallery-footer button{min-height:46px;min-width:104px;padding:12px 18px;background:#fff;border:1px solid #d7dbd5;border-radius:11px;color:#303630}
.plan-gallery-footer button:hover{background:#f2f3f2}
.plan-gallery-footer>span{font-size:.875rem;color:#6a7065;text-align:center;min-width:145px}
@media(max-width:1000px){
 .studio-page .plan-gallery.is-gallery .plan-head,.studio-page .plan-gallery.is-gallery .plan-details{padding:28px 24px}
 .studio-page .plan-gallery.is-gallery .plan.is-active{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
}
@media(max-width:900px){
 .studio-page .studio-plans.plan-gallery{max-width:820px}
 .plan-stack{grid-template-columns:1fr}
 .studio-page .plan-gallery.is-gallery .plan,.plan-preview{width:calc(100% - 112px)}
 .studio-page .plan-gallery.is-gallery .plan.is-before,.plan-preview.is-before{transform:translateX(calc(-50% - 32px)) rotate(-2deg) scale(.98)}
 .studio-page .plan-gallery.is-gallery .plan.is-after,.plan-preview.is-after{transform:translateX(calc(-50% + 32px)) rotate(2deg) scale(.98)}
 .studio-page .plan-gallery.is-gallery .plan.is-active{display:block}
 .studio-page .plan-gallery.is-gallery .plan-head{border-right:0;border-bottom:1px solid #dedfdd}
 .studio-page .plan-gallery.is-gallery .best-value .plan-head{border-bottom-color:#ffffff26}
 .plan-preview.is-before span{left:3px}.plan-preview.is-after span{right:3px}
}
@media(max-width:600px){
 .studio-page .studio-plans.plan-gallery{padding:24px 12px 0}
 .plan-switcher{width:100%;justify-content:center;border-radius:13px;gap:3px;margin-bottom:16px}
 .plan-switcher button{flex:1;padding:10px 12px;min-width:0;font-size:.875rem}
 .plan-gallery.is-gallery .plan-stack{padding-top:14px;padding-bottom:28px}
 .studio-page .plan-gallery.is-gallery .plan{width:calc(100% - 32px);border-radius:18px}
 .studio-page .plan-gallery.is-gallery .plan.is-before{transform:translateX(calc(-50% - 10px)) rotate(-1deg) scale(.98);top:28px}
 .studio-page .plan-gallery.is-gallery .plan.is-after{transform:translateX(calc(-50% + 10px)) rotate(1deg) scale(.98);top:36px}
 .plan-gallery.is-gallery .plan-preview{display:none}
 .studio-page .plan-gallery.is-gallery .plan-head,.studio-page .plan-gallery.is-gallery .plan-details{padding:26px 22px}
 .studio-page .plan-gallery.is-gallery .plan h2{font-size:2.25rem}
 .studio-page .plan-gallery.is-gallery .plan .price{font-size:2.5rem}
 .plan-gallery-footer{gap:10px;margin-top:0}
 .plan-gallery-footer button{min-width:80px;padding:10px 12px;font-size:.875rem}
 .plan-gallery-footer>span{min-width:0;flex:1;font-size:.8125rem}
}
@media(prefers-reduced-motion:reduce){.studio-page .plan-gallery.is-gallery .plan{transition:none}}
/* Portrait cards with readable neighboring plans. */
.studio-page .studio-plans.plan-gallery{max-width:1240px;overflow:hidden;padding-left:20px;padding-right:20px}
.plan-gallery.is-gallery .plan-stack{padding-top:12px}
.studio-page .plan-gallery.is-gallery .plan{width:360px;max-height:690px;top:38px;border-radius:20px}
.studio-page .plan-gallery.is-gallery .plan.is-active{display:block;width:380px;max-height:none}
.studio-page .plan-gallery.is-gallery .plan.is-before{transform:translateX(calc(-50% - 325px)) scale(.94);opacity:.72}
.studio-page .plan-gallery.is-gallery .plan.is-after{transform:translateX(calc(-50% + 325px)) scale(.94);opacity:.72}
.studio-page .plan-gallery.is-gallery .plan:not(.is-active) .plan-head,.studio-page .plan-gallery.is-gallery .plan:not(.is-active) .plan-details{opacity:1}
.studio-page .plan-gallery.is-gallery .plan-head{padding:24px;border-right:0;border-bottom:1px solid #dedfdd}
.studio-page .plan-gallery.is-gallery .best-value .plan-head{border-bottom-color:#ffffff26}
.studio-page .plan-gallery.is-gallery .plan-details{padding:20px 24px}
.plan-gallery.is-gallery .plan-topline{gap:8px;margin-bottom:16px}
.studio-page .plan-gallery.is-gallery .plan h2{font-size:2rem;margin-bottom:14px}
.studio-page .plan-gallery.is-gallery .plan .price{font-size:2.1rem}
.studio-page .plan-gallery.is-gallery .plan-head>p:last-child{font-size:.9375rem;line-height:1.5}
.studio-page .plan-gallery.is-gallery .plan-details li{margin-bottom:7px;line-height:1.5}
.plan-gallery.is-gallery .plan-preview{width:360px;height:650px;top:38px;display:block}
.plan-gallery.is-gallery .plan-preview.is-before{transform:translateX(calc(-50% - 325px)) scale(.94)}
.plan-gallery.is-gallery .plan-preview.is-after{transform:translateX(calc(-50% + 325px)) scale(.94)}
.plan-gallery.is-gallery .plan-preview span{top:auto;bottom:18px;writing-mode:horizontal-tb;transform:none;left:24px;right:auto;padding:10px 16px}
@media(max-width:900px){
 .studio-page .plan-gallery.is-gallery .plan,.plan-gallery.is-gallery .plan-preview{width:70%}
 .studio-page .plan-gallery.is-gallery .plan.is-active{width:70%}
 .studio-page .plan-gallery.is-gallery .plan.is-before,.plan-gallery.is-gallery .plan-preview.is-before{transform:translateX(-119%) scale(.94)}
 .studio-page .plan-gallery.is-gallery .plan.is-after,.plan-gallery.is-gallery .plan-preview.is-after{transform:translateX(19%) scale(.94)}
}
@media(max-width:600px){
 .studio-page .studio-plans.plan-gallery{padding-left:8px;padding-right:8px}
 .studio-page .plan-gallery.is-gallery .plan,.studio-page .plan-gallery.is-gallery .plan.is-active,.plan-gallery.is-gallery .plan-preview{width:78%}
 .studio-page .plan-gallery.is-gallery .plan-head,.studio-page .plan-gallery.is-gallery .plan-details{padding:20px 18px}
 .studio-page .plan-gallery.is-gallery .plan .price{font-size:1.85rem}
 .plan-gallery.is-gallery .plan-preview span{display:none}
 .plan-gallery-footer{padding:0 10px}
}

.lead-addon{max-width:1040px;margin:36px auto 64px;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:40px;border:1px solid #deded7;border-radius:24px;background:#f5f5ef;color:#202020}.lead-addon h2{font-size:30px;line-height:1.15;margin:12px 0 20px}.lead-addon .price{font-size:36px;font-weight:600;margin:20px 0}.lead-addon .price span{display:block;font-size:14px;font-weight:400}.lead-addon li{margin-bottom:12px;line-height:1.5}.lead-addon p{line-height:1.6}.lead-addon .eyebrow{color:#b43f17}.lead-addon .plan-note{font-size:13px}@media(max-width:650px){.lead-addon{margin:24px 20px 40px;padding:24px;grid-template-columns:1fr;gap:16px}.lead-addon h2{font-size:26px}}

.plans-page .page-hero{padding:36px 24px 30px;min-height:0}.plans-page .page-hero h1{font-size:clamp(36px,4vw,52px);margin:0 0 14px;line-height:1.1}.plans-page .page-hero .hero-description{margin:0 auto 18px;font-size:17px}.plans-page .pricing-size-note{margin:0 auto;padding:14px 0 0}.plans-page .pricing-size-note strong{font-size:14px}@media(max-width:650px){.plans-page .page-hero{padding:28px 20px 24px}}

.plans-page .page-hero #pricing-heading{width:100%;max-width:none;margin:0 auto 14px;text-align:center}

/* Keep each package's homepage color throughout the pricing carousel. */
#plan-media{--plan-bg:#e4eef6;--plan-ink:#20282c;--plan-copy:#3e505c;--plan-line:#c5d7e5;--plan-accent:#395e78}
#plan-signature{--plan-bg:#ff754f;--plan-ink:#201a17;--plan-copy:#39231c;--plan-line:#c74d2d66;--plan-accent:#39231c}
#plan-growth{--plan-bg:#20282c;--plan-ink:#fff;--plan-copy:#d5dfe3;--plan-line:#465258;--plan-accent:#ff936e}
.studio-page .plan-gallery .plan{background:var(--plan-bg);color:var(--plan-ink);border-color:var(--plan-line)}
.studio-page .plan-gallery .plan h2,
.studio-page .plan-gallery .plan h3,
.studio-page .plan-gallery .plan .price,
.studio-page .plan-gallery .plan .includes,
.studio-page .plan-gallery .plan .allowance{color:var(--plan-ink)}
.studio-page .plan-gallery .plan .plan-label,
.studio-page .plan-gallery .plan .price span,
.studio-page .plan-gallery .plan .plan-head>p:last-child,
.studio-page .plan-gallery .plan .plan-details li,
.studio-page .plan-gallery .plan .plan-note{color:var(--plan-copy)}
.studio-page .plan-gallery.is-gallery .plan .plan-head,
.studio-page .plan-gallery .plan .plan-note{border-color:var(--plan-line)}
.studio-page .plan-gallery .plan .plan-details li::marker{color:var(--plan-accent)}
.studio-page .plan-gallery .plan .value-badge{background:#ff754f;color:#201a17}
.plan-start{padding:0 24px 24px}
.plan-start .draft-button{display:flex;width:100%;box-sizing:border-box;justify-content:center}
#plan-signature .plan-start .draft-button{background:#20282c;color:#fff}
@media(max-width:600px){.plan-start{padding:0 18px 22px}}

