/* Card 5644: the price and one decision lead, using the existing gold token. */
/* Longer localized menus wrap inside the header instead of pushing its CTA out. */
.sales-pricing [data-hk-chrome="header"] > .sales-links{flex:1;min-width:0;flex-wrap:wrap;justify-content:center;row-gap:4px}
.sales-pricing .sales-plans-two{display:flex;flex-direction:column;max-width:680px;margin:0 auto}
/* The visible Pro card contains the Founding price decision (card 5644).
   The graphite veil preserves text contrast even over a pure-white image pixel. */
.sales-pricing .sales-plan-pro{width:100%;border-color:var(--hk-gold);padding:22px;background-color:var(--hk-surface);background-image:linear-gradient(rgba(17,21,25,.86),rgba(17,21,25,.94)),url("/static/static/og/brand/4_stamp_marble.webp");background-size:cover;background-position:center}
.sales-pricing .sales-plan-pro .sales-price{font-size:64px;line-height:1;font-weight:700}
.sales-pricing .sales-price-list{font-size:20px;color:var(--hk-muted)}
.sales-pricing .sales-plan-free{display:block;order:initial;padding:8px 0;border:0;background:none;box-shadow:none;text-align:center;font-size:13px}
.sales-pricing .sales-plan-pro > .sales-button,.funnel-checkout .sales-button,
body.signup-graphite.conversion-signup .submit-btn{background:var(--hk-gold)!important;color:var(--hk-ongold)!important;border-color:var(--hk-gold)!important;box-shadow:none!important}
.sales-pricing .sales-plan-pro > .sales-button:hover,.funnel-checkout .sales-button:hover,
body.signup-graphite.conversion-signup .submit-btn:hover{filter:brightness(1.08)}
.sales-pricing .sales-plan-pro .sales-outcome-list{font-size:14px;line-height:1.6;margin:16px 0}
.funnel-alert{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center;margin:18px 0 12px;padding-top:14px;border-top:1px solid var(--hk-line)}
.funnel-alert img{display:block;width:84px;height:auto;border-radius:6px}
.funnel-alert figcaption{font-size:12px;line-height:1.5;color:var(--hk-muted)}
.funnel-alert figcaption a{display:block;margin-top:6px;color:var(--hk-accent)}
.funnel-checkout .funnel-alert{grid-template-columns:64px minmax(0,1fr);margin:14px 0}
.funnel-checkout .funnel-alert img{width:64px}
.funnel-checkout .funnel-checkout-price{font-size:60px;font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--hk-ink);margin:8px 0}
.funnel-checkout .funnel-checkout-period{font-size:20px;line-height:1.35;color:var(--hk-ink);margin:0 0 16px}
.funnel-checkout .funnel-eligibility{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;margin:20px 0 16px;color:var(--hk-muted)}
.funnel-checkout .funnel-eligibility input{flex:none;margin-top:3px;accent-color:var(--hk-gold)}
.funnel-checkout .sales-button{width:100%;font-size:var(--hk-fs-md);padding:14px 18px;border-radius:var(--hk-r-md);border:0;cursor:pointer;font-weight:700}
.funnel-payment-marks{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.funnel-payment-marks span{font-size:11px;padding:3px 7px;border:1px solid var(--hk-line);border-radius:4px;color:var(--hk-muted)}
body.signup-graphite.conversion-signup .field #email:not(.bad){border-color:var(--hk-gold)!important}
body.signup-graphite.conversion-signup .field #email:not(.bad):focus{box-shadow:0 0 0 2px var(--hk-gold-soft)!important}
body.signup-graphite.conversion-signup #socialRow #btnGoogle,
body.signup-graphite.conversion-signup #socialRow #btnX{background:var(--hk-surface)!important;color:var(--hk-ink)!important;border:1px solid var(--hk-line)!important;box-shadow:none!important}
@media(max-width:640px){
 .sales-pricing .sales-pricing-heading h1{white-space:normal;font-size:28px}
 .sales-pricing .sales-plan-pro{padding:18px}
 .sales-pricing .sales-plan-pro .sales-price{font-size:64px}
 .sales-pricing .sales-plan-pro > .sales-button{min-height:48px}
 .funnel-checkout .funnel-checkout-price{font-size:56px}
 .funnel-checkout.card{padding:20px}
}