/* v43 — scoped pink/plum cinematic surfaces for Plans, Download, Creators and Support only. */
body.surface-art-page{
  --bg:#050207;
  --panel:#150817;
  --line:#4c1b4f;
  --text:#fff9ff;
  --muted:#d8c3d8;
  --soft:#aa92ad;
  --indigo:#bd58d2;
  --violet:#e47ae6;
  background:
    radial-gradient(circle at 12% -8%,rgba(109,74,176,.22),transparent 31%),
    radial-gradient(circle at 92% 12%,rgba(126,88,189,.12),transparent 28%),
    linear-gradient(180deg,#040105 0%,#0a030d 48%,#050207 100%);
}
body.surface-art-page .nav{background:rgba(5,1,8,.90);border-bottom-color:rgba(148,113,205,.18)}
body.surface-art-page .nav-links{color:#cab9cc}
body.surface-art-page .nav-links a:hover{color:#fff5ff}
body.surface-art-page .button{border-color:rgba(134,103,191,.30);background:#1b0a20}
body.surface-art-page .button:hover{border-color:#8f6cd0}
body.surface-art-page .button.primary{background:linear-gradient(135deg,#5d3a88,#8560bb);box-shadow:0 12px 36px rgba(118,88,189,.24)}
body.surface-art-page .button.secondary{background:rgba(35,9,39,.80);border-color:rgba(129,94,187,.26)}
body.surface-art-page .eyebrow{color:#c09af0}
body.surface-art-page .lead{color:#d8c9dc}
body.surface-art-page .pill{background:rgba(45,10,48,.72);border-color:rgba(145,108,199,.25);color:#ead9ec}
body.surface-art-page .page-section p,
body.surface-art-page .section-head p{color:#d0bdd3}
body.surface-art-page .metric-card,
body.surface-art-page .plan,
body.surface-art-page .download-card,
body.surface-art-page .feature-card,
body.surface-art-page .quote-card,
body.surface-art-page .info-card{border-color:rgba(128,96,186,.24);background:linear-gradient(180deg,rgba(29,8,31,.96),rgba(11,4,14,.98))}
body.surface-art-page .info-card p,
body.surface-art-page .download-card p{color:#cebcd0}
body.surface-art-page .download-card .platform{color:#c19aef}
body.surface-art-page .download-status{color:#aa94ad}
body.surface-art-page .table-wrap{border-color:rgba(135,102,191,.28);background:#110613}
body.surface-art-page th{color:#c7a0ed}
body.surface-art-page th,
body.surface-art-page td{border-bottom-color:rgba(124,94,181,.19)}
body.surface-art-page td{color:#eee3f0}
body.surface-art-page .footer{border-top-color:rgba(128,96,186,.18);color:#aa94ad}
body.surface-art-page .footer a{color:#cdb9cf}
body.surface-art-page .footer-bottom{border-top-color:rgba(128,96,186,.16)}
body.surface-art-page .price-note{margin:0 0 12px;color:#d9c5dc;font-size:.92rem}
body.surface-art-page .price-note strong{color:#fff5ff}

/* Plans — keep the exact generated tier artwork, but remove the blue UI accent regression. */
body.plans-art-page .page-section .plan-grid > .plan:nth-child(1){
  background-image:linear-gradient(180deg,rgba(96,16,112,.48),rgba(15,3,18,.86)),url('/assets/tier-free-background.webp');
  border-color:rgba(197,92,218,.55);
  box-shadow:0 26px 78px rgba(172,52,202,.12);
}
body.plans-art-page .page-section .plan-grid > .plan:nth-child(1) .tier,
body.plans-art-page .page-section .plan-grid > .plan:nth-child(1) li::before{color:#d77af0}
body.plans-art-page .page-section .plan-grid > .plan:nth-child(2){border-color:rgba(209,89,234,.54)}
body.plans-art-page .page-section .plan-grid > .plan:nth-child(3){border-color:rgba(255,75,170,.56)}
body.plans-art-page .page-section .plan-grid > .plan:nth-child(4){border-color:rgba(255,182,55,.60)}
body.plans-art-page .plan.featured{box-shadow:0 24px 70px rgba(201,64,213,.14)}

/* Download — exact crops from the approved generated image. */
body.download-art-page .download-grid{gap:20px}
body.download-art-page .download-card{position:relative;overflow:hidden;padding:196px 28px 28px;min-height:455px;box-shadow:0 26px 70px rgba(0,0,0,.30)}
body.download-art-page .download-card::before{content:"";position:absolute;left:0;right:0;top:0;height:176px;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}
body.download-art-page .download-card::after{content:"";position:absolute;left:0;right:0;top:96px;height:115px;background:linear-gradient(180deg,transparent,rgba(16,4,19,.98));pointer-events:none}
body.download-art-page .download-card > *{position:relative;z-index:1}
body.download-art-page .download-card:nth-child(1)::before{background-image:url('/assets/download-web-exact.webp')}
body.download-art-page .download-card:nth-child(2)::before{background-image:url('/assets/download-windows-exact.webp')}
body.download-art-page .download-card:nth-child(3)::before{background-image:url('/assets/download-android-exact.webp')}

/* Creators — exact moon-castle crop from the approved generated image. */
body.creators-art-page .page-hero{position:relative;overflow:hidden;min-height:500px;display:flex;align-items:center}
body.creators-art-page .page-hero::before{content:"";position:absolute;right:0;top:0;width:58%;height:100%;background:url('/assets/creators-castle-exact.webp') center/cover no-repeat;opacity:.98}
body.creators-art-page .page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070208 0%,rgba(7,2,8,.96) 34%,rgba(7,2,8,.30) 68%,rgba(7,2,8,.38) 100%),linear-gradient(180deg,transparent 58%,#070208 100%)}
body.creators-art-page .page-hero .shell{position:relative;z-index:2}
body.creators-art-page .page-hero .shell > *{max-width:650px}
body.creators-art-page .creator-program-callout{border-color:rgba(140,106,198,.25);background:linear-gradient(180deg,rgba(30,8,32,.92),rgba(14,4,17,.96))}

/* Support — exact violet study crop from the approved generated image. */
body.support-art-page .page-hero{position:relative;overflow:hidden;min-height:455px;display:flex;align-items:center}
body.support-art-page .page-hero::before{content:"";position:absolute;right:0;top:0;width:60%;height:100%;background:url('/assets/support-study-exact.webp') center/cover no-repeat;opacity:.98}
body.support-art-page .page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070208 0%,rgba(7,2,8,.97) 34%,rgba(7,2,8,.28) 69%,rgba(7,2,8,.32) 100%),linear-gradient(180deg,transparent 58%,#070208 100%)}
body.support-art-page .page-hero .shell{position:relative;z-index:2}
body.support-art-page .page-hero .shell > *{max-width:650px}
body.support-art-page .info-card a{color:#c9a8f0}

@media (max-width:760px){
  body.download-art-page .download-card{padding-top:190px}
  body.creators-art-page .page-hero::before,
  body.support-art-page .page-hero::before{width:100%;opacity:.48}
  body.creators-art-page .page-hero::after,
  body.support-art-page .page-hero::after{background:linear-gradient(180deg,rgba(7,2,8,.58),rgba(7,2,8,.96) 72%,#070208 100%)}
}
body.plans-art-page .plan .price[data-price]{font-size:1.72rem;line-height:1.18;letter-spacing:-.025em;white-space:nowrap}
@media (max-width:1100px){body.plans-art-page .plan .price[data-price]{font-size:1.52rem}}
@media (max-width:850px){body.plans-art-page .plan .price[data-price]{font-size:1.7rem}}