/* Pricing (29 Sep 2026): the page's own styles, loaded after site.css (PA_Seo page_css). Kit tokens only, phone first. */

/* hero: text beside the record card, the plans close below */
.pa-pricing .pa-hero { padding-bottom: 28px; }
.pa-pr-hero__txt .pa-hero__lede { margin-top: 16px; }
.pa-pr-links { display: flex; flex-wrap: wrap; gap: 0 18px; margin-top: 8px; }
.pa-pr-from b { margin-left: .25em; font-weight: 650; font-size: 1.12em; letter-spacing: -.01em; }
@media (max-width: 599px) { .pa-pr-links a { font-size: var(--pa-fs-sm); } }
@media (min-width: 1024px) { .pa-pricing .pa-hero__top { align-items: center; } .pa-pr-hero__txt .pa-hero__lede { margin-top: 22px; } .pa-pr-links { gap: 0 26px; margin-top: 16px; } }

/* the record card, lit by the glass prism: one beam in, the market lanes out (decoration) */
.pa-pr-rec { --pa-mono: var(--pa-font); gap: 12px; padding: 0 20px 14px; box-shadow: var(--pa-elev), 0 30px 90px -40px rgba(106, 162, 255, .35); }
.pa-pr-art { position: relative; aspect-ratio: 480 / 176; margin: 0 -20px -8px; overflow: hidden; }
.pa-pr-art svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.pa-pr-art path { fill: none; stroke-width: 2; stroke-linecap: round; }
.pa-pr-beam { stroke-width: 2.5; }
.pa-pr-lane--gold, .pa-pr-lane--btc { stroke-width: 3; }
.pa-pr-lane--btc { stroke-dasharray: .02 .016; }
.pa-pr-art__glass { position: absolute; left: 21.9%; top: 12.5%; width: 26%; filter: drop-shadow(0 0 22px rgba(106, 162, 255, .45)); }
.pa-pr-rec .pa-proof__figs .pa-stat__value { font-size: min(3.25rem, 11cqi); font-weight: 650; letter-spacing: -.045em; }
.pa-pr-rec .pa-proof__foot { padding-top: 6px; }
@media (prefers-reduced-motion: no-preference) {
	.pa-js .pa-pr-beam { stroke-dasharray: 1; stroke-dashoffset: 1; animation: pa-draw .5s var(--pa-ease) .2s forwards; }
	.pa-js .pa-pr-lane:not(.pa-pr-lane--btc) { stroke-dasharray: 1; stroke-dashoffset: 1; animation: pa-draw .7s var(--pa-ease) calc(.6s + var(--i, 0) * 50ms) forwards; }
	.pa-js .pa-pr-lane--btc { opacity: 0; animation: pa-show .5s ease-out 1.1s forwards; }
}

/* plans: the home's cards; the lists start at the top so every card spaces them alike */
.pa-pricing #plans { padding-top: clamp(24px, 3vw, 40px); }
.pa-pricing .pa-plan__price { flex-wrap: nowrap; gap: 8px; }
.pa-pricing .pa-plan__price > .pa-fig { font-size: clamp(2.5rem, 2rem + 1.4vw, 3.25rem); }
.pa-pricing .pa-plan__list { align-content: start; }
.pa-pricing .pa-plan--hi { box-shadow: var(--pa-elev), 0 24px 80px -24px rgba(60, 211, 238, .5); }

/* icon tiles (inline SVG symbols, stroked in the Forex cyan) */
.pa-pr-ic { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: var(--pa-fx); background: linear-gradient(180deg, var(--pa-ink-4), var(--pa-ink-2)); box-shadow: inset 0 0 0 1px var(--pa-card-line), 0 10px 26px -14px rgba(60, 211, 238, .6); }
.pa-pr-ic svg { width: 22px; height: 22px; }
.pa-pr-ic svg, .pa-pr-yes svg, .pa-pr-no svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pa-pr-ic .pa-pr-ic__img { width: 24px; height: 24px; }
.pa-pr-ic--lg { width: 52px; height: 52px; border-radius: 16px; }
.pa-pr-ic--lg svg { width: 26px; height: 26px; }

/* what every plan shares, under the cards */
.pa-pr-assure { display: grid; gap: 14px 24px; margin: 28px 0 0; padding: 20px 0 0; border-top: 1px solid var(--pa-line); list-style: none; }
.pa-pr-assure li, .pa-pr-need__list li { display: flex; align-items: center; gap: 12px; font-size: var(--pa-fs-sm); line-height: 1.4; color: var(--pa-text-2); }
.pa-pr-assure b, .pa-pr-need__list b { display: block; color: var(--pa-text); font-weight: 600; }
@media (min-width: 600px) { .pa-pr-assure { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .pa-pr-assure { grid-template-columns: repeat(2, auto); justify-content: start; column-gap: 64px; } } /* two items since 17 Oct 2026 */

/* every license side by side: the market map beside the heading, then the matrix */
.pa-pr-cmp__top { display: grid; gap: 24px; margin-bottom: clamp(24px, 4vw, 44px); }
.pa-pr-cmp__top .pa-head { margin-bottom: 0; }
@media (min-width: 900px) { .pa-pr-cmp__top { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: end; gap: 48px; } }
.pa-pr-mx { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--pa-fs-sm); }
.pa-pr-mx th, .pa-pr-mx td { padding: 14px 12px; border-bottom: 1px solid var(--pa-line); text-align: center; vertical-align: middle; }
.pa-pr-mx tbody th { text-align: left; font-weight: 400; }
.pa-pr-mx__k { display: block; color: var(--pa-text); font-weight: 600; }
.pa-pr-mx__s { display: block; font-size: var(--pa-fs-xs); color: var(--pa-text-3); }
.pa-pr-dot::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; vertical-align: .1em; background: var(--c); box-shadow: 0 0 8px var(--c); }
.pa-pr-dot--fx { --c: var(--pa-fx); }
.pa-pr-dot--gold { --c: var(--pa-gold); }
.pa-pr-dot--btc { --c: var(--pa-btc); }
.pa-pr-mx thead > tr > * { border-bottom-color: var(--pa-line-strong); }
.pa-pr-mx thead th { position: relative; padding: 18px 10px 16px; vertical-align: bottom; }
.pa-pr-mx__tag { display: inline-block; margin-bottom: 8px; padding: 3px 9px; border: 1px solid var(--pa-line-strong); border-radius: 999px; font: 650 var(--pa-fs-xs)/1.2 var(--pa-font); color: var(--pa-text-2); }
.pa-pr-mx__tag.is-badge { border-color: var(--pa-go); color: var(--pa-go); }
.pa-pr-mx__name { display: block; font-size: var(--pa-fs-h3); font-weight: 650; letter-spacing: -.02em; line-height: 1.15; color: var(--pa-text); }
.pa-pr-mx__price { display: block; margin-top: 4px; font-size: var(--pa-fs-xs); font-weight: 400; color: var(--pa-text-3); }
.pa-pr-mx__price b { font: 600 var(--pa-fs-base)/1 var(--pa-font); font-variant-numeric: tabular-nums; color: var(--pa-text-2); }
.pa-pr-mx .is-vip { background: rgba(60, 211, 238, .05); box-shadow: inset 1px 0 rgba(60, 211, 238, .4), inset -1px 0 rgba(60, 211, 238, .4); }
.pa-pr-mx thead .is-vip { border-radius: var(--pa-r-2) var(--pa-r-2) 0 0; }
.pa-pr-mx thead .is-vip::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; border-radius: 2px; background: var(--pa-spectrum); }
.pa-pr-mx tbody tr:last-child .is-vip { border-radius: 0 0 var(--pa-r-2) var(--pa-r-2); box-shadow: inset 1px 0 rgba(60, 211, 238, .4), inset -1px 0 rgba(60, 211, 238, .4), inset 0 -1px rgba(60, 211, 238, .4); }
.pa-pr-mx tbody tr:last-child > * { border-bottom: 0; }
.pa-pr-yes, .pa-pr-no { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; vertical-align: middle; }
.pa-pr-yes { color: var(--pa-fx); background: rgba(60, 211, 238, .12); box-shadow: inset 0 0 0 1px rgba(60, 211, 238, .45); }
.pa-pr-no { color: var(--pa-text-3); }
.pa-pr-yes svg, .pa-pr-no svg { width: 16px; height: 16px; stroke-width: 2.4; }
.pa-pr-yes + .pa-pr-txt { margin-left: 6px; }
.pa-pr-txt { color: var(--pa-text-2); }
.pa-pr-n { font: 700 2rem/1 var(--pa-font); font-variant-numeric: tabular-nums; letter-spacing: -.03em; color: var(--pa-text); }
.pa-pr-mx .is-vip .pa-pr-n { color: var(--pa-fx); }
/* the Buy row under the matrix: 768 px and up (below, the phone buy bar is there); the VIP column closes under it */
.pa-pr-mx tfoot { display: none; }
@media (min-width: 768px) {
	.pa-pr-mx tfoot { display: table-footer-group; }
	.pa-pr-mx tfoot td { padding: 20px 8px 22px; border-bottom: 0; }
	.pa-pr-mx tfoot .pa-btn { min-height: 48px; max-width: 250px; margin-inline: auto; padding: 0 12px; white-space: normal; text-align: center; }
	.pa-pr-mx tbody tr:last-child .is-vip { border-radius: 0; box-shadow: inset 1px 0 rgba(60, 211, 238, .4), inset -1px 0 rgba(60, 211, 238, .4); }
	.pa-pr-mx tfoot .is-vip { border-radius: 0 0 var(--pa-r-2) var(--pa-r-2); box-shadow: inset 1px 0 rgba(60, 211, 238, .4), inset -1px 0 rgba(60, 211, 238, .4), inset 0 -1px rgba(60, 211, 238, .4); }
}
/* phones: each row is its label over three columns; the plan names stay in view under the header */
@media (max-width: 699px) {
	.pa-pr-mx, .pa-pr-mx thead, .pa-pr-mx tbody { display: block; }
	.pa-pr-mx tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.pa-pr-mx thead { position: sticky; top: var(--pa-header-h); z-index: 2; background: var(--pa-ink-0); }
	.pa-pr-mx__corner, .pa-pr-mx__tag { display: none; }
	.pa-pr-mx thead th { padding: 12px 4px 10px; }
	.pa-pr-mx__name { font-size: var(--pa-fs-sm); }
	.pa-pr-mx__price .pa-nowrap { display: block; }
	.pa-pr-mx tbody th { grid-column: 1 / -1; padding: 16px 4px 2px; border-bottom: 0; }
	.pa-pr-mx td { padding: 8px 4px 14px; font-size: var(--pa-fs-xs); }
	.pa-pr-mx tbody td { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 44px; }
	.pa-pr-mx tbody .is-vip { border-radius: 0; }
	.pa-pr-mx tbody tr:last-child .is-vip { border-radius: 0 0 var(--pa-r-2) var(--pa-r-2); }
	.pa-pr-mx tbody tr:last-child th { border-bottom: 0; }
	.pa-pr-yes + .pa-pr-txt { display: block; margin: 4px 0 0; }
	.pa-pr-n { font-size: 1.625rem; }
}

/* the engine: the heading beside the MT5 screenshot, then the low-drawdown design in four icons */
.pa-pr-eng__top .pa-h2 { text-wrap: balance; }
@media (min-width: 1024px) { .pa-pr-eng__top.has-shot { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); align-items: center; gap: 40px; } .pa-pr-eng__top.has-shot .pa-head { margin-bottom: 0; } }
.pa-pr-eng__h { margin: clamp(32px, 5vw, 52px) 0 18px !important; font-size: var(--pa-fs-h3); }
.pa-pr-feats { display: grid; gap: 22px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 600px) { .pa-pr-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } }
@media (min-width: 1024px) { .pa-pr-feats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pa-pr-feats li { display: grid; align-content: start; gap: 8px; color: var(--pa-text-2); font-size: var(--pa-fs-sm); text-wrap: pretty; }
.pa-pr-feats .pa-pr-ic { margin-bottom: 6px; }
.pa-pr-feats b { font-size: 1.125rem; font-weight: 650; letter-spacing: -.02em; color: var(--pa-text); }
/* phones: the icon beside its words */
@media (max-width: 599px) { .pa-pr-feats li { grid-template-columns: 52px minmax(0, 1fr); column-gap: 16px; row-gap: 4px; } .pa-pr-feats .pa-pr-ic { grid-row: span 2; margin: 0; } }

/* the steps: the kit keeps two lines for a title; every title here fits on one from 1200 px, so no gap under them */
@media (min-width: 1200px) { .pa-pr-start .pa-steps h3 { min-height: 0; } }

/* before you buy: what MT5 needs, in a lit card */
.pa-pr-need { display: grid; gap: 20px; margin-top: clamp(32px, 5vw, 56px); padding: clamp(20px, 3vw, 30px); border-radius: var(--pa-r-3); background: var(--pa-card-bg); border: 1px solid var(--pa-card-line); box-shadow: var(--pa-elev); }
.pa-pr-need__head { display: grid; gap: 6px; color: var(--pa-text-2); font-size: var(--pa-fs-sm); }
.pa-pr-need__h { font-size: var(--pa-fs-h3); color: var(--pa-text); }
.pa-pr-need__list { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 600px) { .pa-pr-need__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .pa-pr-need { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); align-items: center; gap: 32px; } }

/* Why it costs what it does (Jim, 16 Oct 2026): a three-stage flow in one panel, Forex cyan, Gold, Bitcoin violet. Unlike dowgoldea.com's receipt on purpose. */
.pa-pr-why__panel { position: relative; overflow: hidden; padding: clamp(28px, 5vw, 56px); border: 1px solid var(--pa-line); border-radius: 28px; background: radial-gradient(60% 80% at 0 0, rgba(60, 211, 238, .09), transparent 60%), radial-gradient(50% 70% at 100% 100%, rgba(169, 139, 255, .09), transparent 60%), var(--pa-ink-1); }
.pa-pr-why__panel::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, var(--pa-fx), var(--pa-gold), var(--pa-btc)); }
.pa-pr-why__panel .pa-head { max-width: 760px; }
.pa-pr-why__panel .pa-h2 { text-wrap: balance; }
.pa-pr-why__flow { position: relative; display: grid; gap: 34px; margin: clamp(28px, 4vw, 44px) 0 0; padding: 0; list-style: none; }
.pa-pr-why__flow::before { content: ""; position: absolute; top: 22px; bottom: 22px; left: 21px; width: 2px; border-radius: 2px; background: linear-gradient(180deg, var(--pa-fx), var(--pa-gold), var(--pa-btc)); opacity: .55; }
.pa-pr-why__step { --c: var(--pa-fx); position: relative; display: grid; align-content: start; gap: 8px; padding-left: 66px; }
.pa-pr-why__step--gold { --c: var(--pa-gold); }
.pa-pr-why__step--btc { --c: var(--pa-btc); }
.pa-pr-why__n { position: absolute; top: 0; left: 0; z-index: 1; display: grid; place-items: center; width: 44px; height: 44px; border: 2px solid var(--c); border-radius: 50%; background: var(--pa-ink-0); color: var(--c); font-size: 14px; font-weight: 700; box-shadow: 0 0 0 6px var(--pa-ink-1), 0 0 26px -6px var(--c); }
.pa-pr-why__step h3 { margin: 9px 0 0; font-size: 1.25rem; font-weight: 650; letter-spacing: -.02em; line-height: 1.25; color: var(--pa-text); }
.pa-pr-why__step p { margin: 0; color: var(--pa-text-2); font-size: var(--pa-fs-sm); text-wrap: pretty; }
.pa-pr-why__step .pa-pr-why__figs { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 8px; padding-top: 14px; border-top: 1px solid var(--pa-line); color: var(--pa-text-3); font-size: 13px; }
.pa-pr-why__figs span { display: grid; gap: 2px; }
.pa-pr-why__figs b { font-size: 1.75rem; font-weight: 700; letter-spacing: -.03em; line-height: 1.1; color: var(--pa-gain); }
.pa-pr-why__figs span + span b { color: var(--pa-dd); }
@media (max-width: 599px) {
	.pa-pr-why__panel { padding: 30px 20px; }
	.pa-pr-why__step .pa-pr-why__figs { gap: 10px 22px; }
	.pa-pr-why__figs b { font-size: 1.375rem; }
	.pa-pr-why__panel > .pa-pr-why__sum .pa-pr-ic { display: none; }
}
@media (min-width: 900px) {
	.pa-pr-why__flow { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
	.pa-pr-why__flow::before { top: 21px; bottom: auto; left: 22px; right: 22px; width: auto; height: 2px; background: linear-gradient(90deg, var(--pa-fx), var(--pa-gold), var(--pa-btc)); }
	.pa-pr-why__step { padding: 66px 0 0; }
	.pa-pr-why__step h3 { margin-top: 0; }
}
.pa-pr-why__panel > .pa-pr-why__sum { display: flex; align-items: center; gap: 16px; margin: clamp(30px, 4vw, 44px) 0 0; padding: 18px 22px; border: 1px solid var(--pa-line); border-radius: 16px; background: rgba(255, 255, 255, .03); color: var(--pa-text-2); font-size: var(--pa-fs-sm); text-wrap: pretty; }
.pa-pr-why__sum b { color: var(--pa-text); font-weight: 650; }
.pa-pr-why__panel > .pa-note { margin-top: 16px; }