
#page-pricing .pricing-workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}#page-pricing .quote-panel{position:sticky;top:84px;padding:22px;display:flex;flex-direction:column;gap:18px;border:1px solid #e2b47840;background:#141119;border-radius:14px}#page-pricing .quote-total{padding:0 0 16px;border-top:0;border-bottom:1px solid #e2b47829}#page-pricing .quote-total #calc-total-value{font-size:42px}#page-pricing #calc-formula{display:none}#page-pricing #calc-breakdown-list{display:grid;gap:7px;margin-top:12px}#page-pricing .quote-line{display:flex;justify-content:space-between;gap:14px;font-size:11px;color:#b7ae9f}#page-pricing .quote-line span:last-child{white-space:nowrap;color:#e2b478}#page-pricing .quote-packages{display:grid;gap:8px;border:0;padding:0;margin:0}#page-pricing .quote-package{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:10px;padding:12px;border:1px solid #e2b47829;border-radius:9px;background:#0b0a0e;cursor:pointer;font-size:12px;line-height:1.5}#page-pricing .quote-package:has(input:checked){border-color:#e2b478;background:#e2b47812;color:#f2ece4}#page-pricing input[type=radio],#page-pricing input[type=checkbox]{accent-color:#e2b478;width:15px;height:15px;flex-shrink:0}#page-pricing .addon-pill{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:9px}#page-pricing .addon-pill>div{padding:10px 11px;border-radius:8px}#page-pricing #calc-stage-sel{display:none}#page-pricing #custom-stages-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#page-pricing #custom-stages-grid>div{transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease,background .25s ease;will-change:transform}#page-pricing #custom-stages-grid>div:hover{transform:translateY(-2px);box-shadow:0 10px 24px -6px rgba(0,0,0,.5),0 0 16px -4px rgba(226,180,120,.18)}#page-pricing .quote-selected{border-color:#e2b478!important;background:#e2b47812!important;box-shadow:inset 3px 0 #e2b478}#page-pricing .examples-panel{border:1px solid #e2b47829;border-radius:12px;overflow:hidden;margin-top:22px}#page-pricing .examples-panel>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:#141119;list-style:none;color:#e2b478;font-size:12px}#page-pricing .examples-panel>summary:after{content:'+';font-size:22px}#page-pricing .examples-panel[open]>summary:after{content:'−'}#page-pricing #art-process{margin:0;border:0;border-radius:0;padding:18px}#page-pricing #art-process .layout{grid-template-columns:minmax(150px,1fr) minmax(0,350px);gap:18px;margin-top:18px}#page-pricing #art-process h1{font-size:30px}#page-pricing #art-process #subtitle{font-size:12px}#page-pricing #art-process .content-preferences{margin-top:12px}#page-pricing .quote-brief{border-top:1px solid #e2b47829;padding-top:14px}#page-pricing .quote-brief>summary{cursor:pointer;font-size:12px;color:#e2b478;padding:4px 0}#page-pricing .quote-brief>div{margin-top:15px}#page-pricing #calc-preview-text{max-height:250px;overflow:auto}#page-pricing #ych-slots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#page-pricing #calc-dynamic-body .quote-config-note{font-size:10px;line-height:1.55}#page-pricing .pricing-subview>div:first-child.card{padding:20px}#page-pricing .quote-cta{border-radius:9px}
@media(max-width:1050px){#page-pricing .pricing-workspace{grid-template-columns:minmax(0,1fr) 330px;gap:20px}#page-pricing #art-process .layout{grid-template-columns:1fr}#page-pricing #art-process .art-column{max-width:340px}#page-pricing #art-process .arts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#page-pricing .pricing-workspace{grid-template-columns:1fr}#page-pricing .quote-panel{position:static}#page-pricing #custom-stages-grid,#page-pricing #ych-slots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

#page-pricing #art-process.context-ych .layout{display:block}#page-pricing #art-process.context-ych .art-column{max-width:380px;margin:0 auto}#page-pricing #art-process.context-ych #title{font-size:26px}

/* Explicit placement overrides obsolete Tailwind column spans from the old 12-column grid. */
#page-pricing .pricing-workspace>div{grid-column:auto!important;min-width:0}#page-pricing .pricing-workspace>div:last-child{align-self:stretch}#page-pricing .quote-panel{top:82px;max-height:calc(100dvh - 104px);overflow:auto;scrollbar-width:thin}#page-pricing .examples-panel>.examples-heading{padding:17px 20px;background:#141119;border-bottom:1px solid #e2b47822;color:#e2b478;font:500 14px/1.5 system-ui;margin:0}#page-pricing #art-process .content-preferences{justify-content:flex-end}#page-pricing #art-process .layout{display:flex;flex-direction:column;gap:18px}#page-pricing #art-process .sidebar{width:100%}#page-pricing #art-process .arts{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}#page-pricing #art-process .art .card-media{aspect-ratio:4/3}#page-pricing #art-process .art-column{width:100%;max-width:390px;margin:auto}#page-pricing #art-process #title,#page-pricing #art-process #subtitle,#page-pricing #art-process #eyebrow,#page-pricing #art-process #note,#page-pricing #art-process #chooseArt{display:none}#page-pricing #art-process .content-preferences{margin-top:0;padding-top:0;border-top:0}#page-pricing #art-process .controls{padding-top:18px}#page-pricing #art-process .card-meta{padding:9px;min-height:0}#page-pricing #art-process .card-title{font-size:11px}#page-pricing #art-process .card-type{display:none}#page-pricing #art-process .hint{font-size:11px}#page-pricing .quote-package{transition:border-color .18s,background .18s}#page-pricing .quote-cta{position:relative}#page-pricing .quote-total{background:#141119}#page-pricing .quote-config-note{color:#b7ae9f}#page-pricing .quote-panel #calc-preview-text{overflow-wrap:anywhere}#page-pricing .quote-line span:first-child{max-width:78%}#page-pricing .pricing-workspace{grid-template-columns:minmax(0,1fr) 350px}
@media(min-width:801px) and (max-width:1080px){#page-pricing .pricing-workspace{grid-template-columns:minmax(0,1fr) 320px;gap:20px}#page-pricing .quote-panel{padding:17px}#page-pricing #custom-stages-grid{grid-template-columns:1fr}#page-pricing #custom-stages-grid>div:last-child{grid-column:auto}}
@media(max-width:800px){#page-pricing .pricing-workspace{grid-template-columns:1fr}#page-pricing .quote-panel{position:static;max-height:none;overflow:visible}}

#page-pricing .quote-panel{gap:14px;padding:20px;scrollbar-width:thin;scrollbar-color:#5c4657 #141119}#page-pricing .quote-panel::-webkit-scrollbar{width:5px}#page-pricing .quote-panel::-webkit-scrollbar-track{background:#141119}#page-pricing .quote-panel::-webkit-scrollbar-thumb{background:#5c4657;border-radius:8px}#page-pricing #calc-dynamic-body>div>label[for=calc-stage-sel]{display:none}#page-pricing .price-extras-note{padding:17px 20px;gap:7px}#page-pricing .price-extras-note .serif.text-3xl{display:none}#page-pricing .price-extras-note h3{font-size:22px}#page-pricing .price-extras-note p{font-size:12px;line-height:1.7}

/* Enhanced Stage Card Contrast & Hover Feedback */
#page-pricing #custom-stages-grid>div,
#page-pricing #adopt-tiers-grid>div,
#page-pricing #ych-slots-grid>div{
  background:#14121A;
  border:1px solid rgba(226,180,120,0.22);
  transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
#page-pricing #custom-stages-grid p,
#page-pricing #adopt-tiers-grid p,
#page-pricing #ych-slots-grid p{
  color:#D6CEC3!important;
  font-size:13px;
  line-height:1.6;
}
#page-pricing #custom-stages-grid>div:hover,
#page-pricing #adopt-tiers-grid>div:hover,
#page-pricing #ych-slots-grid>div:hover{
  transform:translateY(-3px);
  border-color:rgba(226,180,120,0.65);
  background:#1A1724;
  box-shadow:0 12px 28px -6px rgba(0,0,0,0.5),0 0 20px -2px rgba(226,180,120,0.22);
}
#page-pricing #custom-stages-grid>div:hover p,
#page-pricing #adopt-tiers-grid>div:hover p,
#page-pricing #ych-slots-grid>div:hover p,
#page-pricing .quote-selected p{
  color:#F8F4EE!important;
}
#page-pricing .quote-selected{
  border-color:#e2b478!important;
  background:#e2b47814!important;
  box-shadow:inset 3px 0 #e2b478,0 8px 24px -4px rgba(226,180,120,0.2)!important;
}
.pricing-subview{animation:fadeInPricing .22s ease-out}
@keyframes fadeInPricing{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
