/* Phase 1 Stripe-hosted purchasing: shares the site-wide NotePulse tokens, type, and layout. */
.purchase-hero{padding:86px 0 74px}
.purchase-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.purchase-hero .lead{max-width:550px}
.purchase-hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.purchase-hero-pills span{display:inline-block;padding:7px 12px;font-weight:650;font-size:.78rem;color:#b8e4e9;background:#152840;border:1px solid #31506b;border-radius:999px}
.purchase-art,.purchase-upgrade-art{padding:8px;background:#13213a;border:1px solid #3b5176;border-radius:20px;box-shadow:0 28px 60px #0008;overflow:hidden}
.purchase-art img,.purchase-upgrade-art img{width:100%;height:auto;border-radius:12px;display:block}
.purchase-art-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 9px 3px;color:#92add0;font-size:.69rem;font-weight:750;letter-spacing:.09em}
.purchase-art-caption span:last-child{color:#70ddf4;text-align:right}
.purchase-plans-section{padding-top:90px}.purchase-heading{max-width:750px}
.purchase-plans{align-items:stretch}.purchase-plan{display:flex;flex-direction:column;padding:38px}
.purchase-plan h2{font-size:clamp(1.8rem,3vw,2.2rem)}
.purchase-plan .no-price{min-height:1.75em;color:#e4eafa}
.purchase-plan .muted{margin-bottom:0}.purchase-plan ul{margin-bottom:26px}
.purchase-card-actions{margin-top:auto;border-top:1px solid #35506b;padding-top:22px}
.purchase-card-actions .button{width:100%}.purchase-hint{font-size:.81rem!important;color:#98afd0!important;line-height:1.6;margin:13px 0 0!important}
.purchase-trial h3{margin:7px 0 8px}.purchase-trial p{margin:0}.purchase-trial .button{flex-shrink:0}
.purchase-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.purchase-step{padding:29px 25px 23px;border-radius:19px;border:1px solid #2d4667;background:linear-gradient(160deg,#142743,#101a33)}
.purchase-step-number{color:var(--cyan);font-size:1.6rem;line-height:1.2;font-weight:850;letter-spacing:-.05em}
.purchase-step h3{margin-top:15px}.purchase-step p{font-size:.93rem;color:#b6c9e3;margin:0}
.purchase-notice{background:linear-gradient(110deg,rgba(28,102,138,.28),rgba(30,48,99,.3));border:1px solid #355c7d;border-radius:17px;margin-top:26px;padding:23px 27px}
.purchase-notice strong{color:#dcf5ff}.purchase-notice p{color:#bcd2e9;margin:6px 0 0;font-size:.9rem}.purchase-notice a,.info-card a[href^=mailto]{color:#75dcff;text-decoration:underline;overflow-wrap:anywhere}
.purchase-upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.purchase-upgrade-grid .sublead{margin-top:0}.purchase-upgrade-grid .action-row{margin:24px 0 12px}
.purchase-table-scroll{overflow-x:auto}.purchase-table-scroll .comparison{min-width:520px}.purchase-table-note{margin-top:20px;font-size:.88rem}
.purchase-portal-link{margin-top:9px}.purchase-plan .button:disabled{opacity:.86;cursor:not-allowed}
.purchase-receipt-panel{max-width:820px;margin:0 auto;text-align:center;border-radius:26px;border:1px solid #355975;padding:55px 45px;background:linear-gradient(140deg,#142d48,#1b2142)}
.purchase-receipt-icon{margin:0 auto 25px;width:66px;height:66px;display:grid;place-items:center;border-radius:20px;color:#082b40;font-weight:850;font-size:2rem;background:linear-gradient(135deg,#2ddaf6,#78acf8)}
.purchase-receipt-panel .lead{margin:0 auto 20px}.purchase-receipt-panel .action-row{justify-content:center}.purchase-receipt-steps{max-width:850px;margin:30px auto 0}
@media(max-width:900px){.purchase-hero-grid,.purchase-upgrade-grid{grid-template-columns:1fr;gap:30px}.purchase-hero-grid .purchase-art{max-width:750px}.purchase-step-grid{grid-template-columns:1fr}.purchase-step{padding:25px}.purchase-upgrade-art{max-width:740px}}
@media(max-width:590px){.purchase-hero{padding:48px 0 56px}.purchase-plan{padding:25px}.purchase-hero-pills span{font-size:.73rem}.purchase-step-grid{gap:12px}.purchase-art-caption{font-size:.57rem}.purchase-receipt-panel{padding:35px 22px}.purchase-trial{padding:24px}.purchase-portal-link{width:100%}}

/* Combined checkout: inline existing-owner warning must remain readable and clickable. */
.purchase-hint strong{color:#d7efff}
.purchase-hint a{color:#74dcff;text-decoration:underline;text-underline-offset:3px}
.purchase-hint a:hover{color:#d5f6ff}

/* Pricing transparency: initial one-time Core payment + recurring Advanced. */
.purchase-invoice-preview{font-size:.9rem;line-height:1.5;color:#b9cfeb;margin:0 0 12px!important;padding:11px 13px;border:1px solid #465775;border-radius:10px;background:rgba(18,32,61,.58)}
.purchase-invoice-preview strong{color:#e6faff;white-space:nowrap}
.purchase-invoice-preview span{color:#b9cfeb}