/* Twilight feature card (was page-pricing inline CSS). */
.price-head{margin-bottom:46px;max-width:64ch}
.price-head .h2{margin-top:6px}
.price-head .sub{font-size:15px;color:var(--muted);line-height:1.85;font-weight:300;margin-top:18px;letter-spacing:.02em}

.twi-card{position:relative;border:1px solid var(--border);background:linear-gradient(135deg,var(--bg2),var(--bg3));padding:52px 56px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;overflow:hidden}
.twi-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--bronze)}
.twi-name{font-family:var(--serif);font-size:30px;font-weight:600;color:var(--text);line-height:1.1;margin-bottom:16px}
.twi-desc{font-size:15px;color:var(--muted);line-height:1.85;font-weight:300;max-width:56ch}
.twi-price{font-family:var(--serif);font-size:clamp(56px,8vw,84px);font-weight:600;color:var(--bronze-light);line-height:.92;text-align:right;white-space:nowrap}
.twi-price .cur{font-size:.42em;vertical-align:.5em}
.cur{font-size:.6em;vertical-align:.22em;color:var(--muted);margin-right:1px}

@media (max-width:860px){
  .twi-card{grid-template-columns:1fr;padding:40px 30px;gap:30px}
  .twi-price{text-align:left}
}