/* Conversion pass: preserve the approved v2 identity. */
:root { --sec: clamp(64px, 7vw, 104px); --dim: #a0aa91; }
html { scroll-padding-top: 100px; }
body { overflow-x: visible; }
main, section, .wrap, .cc, .cc-out, .setup-body > *, .hero-editorial-grid > * { min-width: 0; }
button, input, summary { font-family: var(--font); }
button:active, .btn:active { transform: translateY(1px); }
button:disabled { opacity: .5; cursor: not-allowed; }
.btn { letter-spacing: .015em; text-transform: none; font-size: .95rem; font-weight: 600; min-height: 48px; height: auto; padding-block: 15px; white-space: normal; }
.btn--sm { min-height: 44px; padding-block: 11px; font-size: .875rem; }
.text-link { color: var(--mist); text-underline-offset: 5px; font-size: .94rem; }
.text-link:hover { color: var(--champagne); }
.src { font-size: .75rem; letter-spacing: .025em; text-transform: none; line-height: 1.5; }
.label { font-size: .75rem; letter-spacing: .14em; }
.aff { color: var(--silver); line-height: 1.5; }
.top { background: rgb(11 12 10 / .95); border-bottom: 1px solid var(--line); }
.top .wrap { height: 76px; gap: 24px; }
.nav { gap: 22px; }
.nav a { letter-spacing: .06em; font-size: .75rem; }
.mark i { display: none; }
.mark { font-size: 1.4rem; letter-spacing: -.05em; font-weight: 600; line-height: 0; }
.mark img { display: block; height: 30px; width: auto; }
.menu-panel .btn--grad { color: #0e110d; }
.menu-panel .btn--grad:hover, .menu-panel .btn--grad:focus-visible { color: #0e110d; background: var(--grad); background-position: 100% 0; }
.hero--editorial { padding: 130px 0 48px; }
.hero-editorial-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 64px; }
.hero-editorial-copy { gap: 23px; max-width: 720px; }
.hero-editorial-copy h1 { max-width: 15ch; font-size: clamp(3.25rem, 5.3vw, 5rem); line-height: 1.01; }
.hero-editorial-copy h1 .g { display: block; }
.hero-editorial-copy .lead { max-width: 45ch; font-size: clamp(1.06rem, 1.3vw, 1.18rem); }
.hero .label { letter-spacing: .14em; }
.hero-cta { align-items: center; gap: 18px; }
.hero-cta .text-link { padding: 10px 0; }
.hero-editorial-copy .aff { margin-top: -9px; max-width: 53ch; font-size: .78rem; }

.proof-image img { max-height: 490px; width: auto; max-width: 100%; }
.hero-proof-card figcaption { display: grid; gap: 5px; text-align: center; padding-top: 16px; max-width: 35ch; margin-inline: auto; }
.hero-proof-card figcaption strong { font-size: .94rem; }
.hero-proof-card figcaption span { font-size: .78rem; }

.how-story-head { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 32px 64px; margin-bottom: 32px; }
.how-story-head .lead { justify-self: start; max-width: 38ch; font-size: 1rem; }
.how .h-lg { max-width: 16ch; }
.flow-story { padding-top: 0; gap: 20px; }
.flow-story-line { top: 50%; }
.flow-story-line span { animation: none; display: none; }
.flow-node { min-height: 190px; padding: 25px; gap: 14px; }
.flow-node-mark { display: none; }
.flow-node h3 { font-size: 1.65rem; }
.flow-node p { max-width: 29ch; }
.flow-story-note { text-align: left; max-width: none; margin: 20px 0 0; color: var(--silver); font-size: .84rem; letter-spacing: 0; }
.flow-story-note strong { color: var(--mist); font-weight: 500; }
.numbers { padding: clamp(48px,5vw,72px) 0 0; scroll-margin-top: 90px; }
.evidence-heading { display: flex; justify-content: space-between; gap: 16px 32px; align-items: baseline; flex-wrap: wrap; margin-bottom: 22px; }
.evidence-heading .h-lg { max-width: 19ch; }
.evidence-heading p { max-width: 42ch; font-size: .95rem; }
.fig { padding: 26px 0 22px; gap: 12px; }
.fig b { font-size: clamp(2.8rem, 5vw, 4rem); }
.fig p { max-width: 28ch; font-size: .98rem; }
.fig p + .src { margin-top: 0; }
.evidence-foot { display: flex; gap: 16px 24px; align-items: baseline; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 18px; margin-top: 8px; }
.evidence-foot p { max-width: 74ch; font-size: .82rem; }
.guide-entry { padding-top: 64px; padding-bottom: 64px; }
.guide-entry-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(260px,.7fr); gap: 32px 64px; align-items: center; }
.guide-entry-grid .label { margin-bottom: 14px; }
.guide-entry-grid .lead { max-width: 58ch; margin-top: 18px; }
.guide-entry-action { display: grid; gap: 14px; align-content: center; border-left: 1px solid var(--line-2); padding-left: 28px; }
.guide-entry-action .guide-prep { border: 0; padding: 0; }
.guide-entry-action small { color: var(--silver); font-size: .8rem; }
@media (max-width: 720px) { .guide-entry-grid { grid-template-columns: 1fr; gap: 24px; } .guide-entry-action { border-left: 0; border-top: 1px solid var(--line-2); padding: 20px 0 0; } }
.guide-head { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,.7fr); gap: 32px 64px; align-items: end; margin-bottom: 32px; }
.guide-head .sec-head { gap: 16px; }
.guide-prep { display: grid; gap: 8px; font-size: .85rem; border-left: 1px solid var(--line-2); padding-left: 24px; }
.guide-prep strong { color: var(--mist); font-weight: 500; }
.setup-list { display: grid; border-top: 1px solid var(--line-2); }
.setup-step { border-bottom: 1px solid var(--line-2); scroll-margin-top: 94px; }
.setup-step-heading { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 16px; align-items: center; padding: 22px 8px; min-height: 88px; }
.setup-number { font-size: .75rem; color: var(--champagne); font-variant-numeric: tabular-nums; }
.setup-step-heading strong { display: block; font-size: 1.16rem; color: var(--white); font-weight: 500; letter-spacing: -.02em; }
.setup-step-heading small { display: block; font-size: .86rem; color: var(--silver); margin-top: 3px; }
.setup-plus { display: grid; place-items: center; color: var(--mist); border: 1px solid var(--line-2); width: 30px; height: 30px; border-radius: 6px; font-size: 1.2rem; }
.setup-step { background: rgb(17 20 16 / .24); }
.setup-body { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 32px 56px; padding: 12px 32px 36px; align-items: start; }
.setup-screen-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; align-items: start; min-width: 0; }
.setup-screen-pair .setup-screen { width: 100%; max-width: none; min-width: 0; justify-self: stretch; }
.setup-screen-stack { display: grid; gap: 24px; align-content: start; min-width: 0; }
.setup-screen-stack .setup-screen { width: 100%; max-width: 605px; min-width: 0; justify-self: start; }
.setup-copy { display: grid; gap: 18px; }
.setup-copy h3 { font-size: 1.6rem; letter-spacing: -.03em; }
.instruction-list { list-style: decimal; padding-left: 20px; display: grid; gap: 12px; font-size: .96rem; }
.instruction-list li { padding-left: 5px; }
.instruction-list li::marker { color: var(--champagne); }
.setup-copy .btn { justify-self: start; margin-top: 5px; }
.setup-copy .aff { font-size: .76rem; margin-top: -8px; }
.setup-tip { font-size: .85rem; color: var(--silver); padding-top: 16px; border-top: 1px solid var(--line); }
/* Focused real screenshots; full originals remain one tap away. */
.setup-screen { display: grid; gap: 8px; width: 100%; max-width: 605px; justify-self: center; }
.setup-screen > a { position: relative; display: block; width: 100%; border-radius: 8px; background: transparent; cursor: zoom-in; }
.setup-screen > a:hover, .setup-screen > a:focus-visible { outline: 2px solid var(--champagne); outline-offset: 4px; }
.setup-screen img { width: 100%; height: auto; max-height: none; border-radius: 8px; }
.setup-screen--portrait { max-width: 340px; }
.setup-screen--methods { max-width: 260px; }
.setup-screen--connection { max-width: 480px; }
.setup-screen--active { max-width: 390px; }
.setup-screen--withdraw { max-width: 447px; }
.setup-screen figcaption { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; font-size: .76rem; color: var(--silver); }
.setup-screen figcaption strong { color: var(--mist); font-weight: 500; }
.screen-enlarge { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--silver); text-decoration-thickness: 1px; text-underline-offset: 4px; }
.screen-enlarge:hover { color: var(--champagne); }
.screen-target { position: absolute; border: 2px solid var(--abyss); box-shadow: 0 0 0 2px var(--champagne); border-radius: 5px; pointer-events: none; }
.guide-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 28px; }
.guide-bottom p { font-size: .9rem; }
.guide-bottom strong { color: var(--mist); font-weight: 500; }
.calcsec { padding-top: 32px; padding-bottom: 40px; }
.calcsec + .faq { padding-top: 56px; }
.calc-head { gap: 24px 48px; margin-bottom: 28px; }
.calc-head .lead { font-size: 1rem; }
.calc-head .h-lg { font-size: clamp(2.25rem,4vw,3.4rem); }
/* One unified calculator card: compact teaser on top, full calculator expands inside it. */
.cc-unit { display: block; background: var(--deep); border: 1px solid var(--line); border-radius: var(--r-card); overflow: hidden; }
.cc-top { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: 16px 32px; align-items: center; padding: clamp(22px,2.8vw,34px); }
.cc-top-in { gap: 10px; }
.cc-top .cc-money input { font-size: clamp(1.9rem,1.5rem + 1.2vw,2.5rem); }
.cc-mini-out { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); min-width: 0; }
.cc-mini-cell { display: grid; gap: 4px; padding: 4px 16px; border-left: 1px solid var(--line); min-width: 0; }
.cc-mini-cell:first-child { border-left: 0; padding-left: 0; }
.cc-mini-k { font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: var(--silver); }
.cc-mini-cell b { font-size: clamp(1.15rem,.9rem + 1vw,1.9rem); font-weight: 500; letter-spacing: -.03em; color: var(--champagne); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.cc-mini-cell b.neg { color: var(--loss); }
.cc-mini-cell small { font-size: .75rem; color: var(--dim); overflow-wrap: anywhere; }
/* Match the calculator switch to the site's solid-green button treatment. */
.cc-switch input:checked { background: #65ad00; }
.cc-switch input:checked::after { background: #0e110d; }
.avg dd.fee { color: var(--loss); }
.cc-mini-note { grid-column: 1 / -1; margin: 0; }
.scenario-disclosure > summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; cursor: pointer; list-style: none; color: var(--mist); border-top: 1px solid var(--line); padding: 16px clamp(22px,2.8vw,34px); font-size: .98rem; transition: background .2s; }
.scenario-disclosure > summary::-webkit-details-marker { display: none; }
.scenario-disclosure > summary:hover { background: rgb(255 255 255 / .03); }
.scenario-disclosure > summary .sd-ic { color: var(--champagne); font-size: 1.3rem; line-height: 1; transition: transform .25s; }
.scenario-disclosure[open] > summary .sd-ic { transform: rotate(45deg); }
.scenario-disclosure > summary .sd-close, .scenario-disclosure[open] > summary .sd-open { display: none; }
.scenario-disclosure[open] > summary .sd-close { display: inline; }
.cc-full { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); border-top: 1px solid var(--line); }
.cc-full .cc-in, .cc-full .cc-out { background: transparent; border: 0; border-radius: 0; }
.cc-full .cc-in { border-right: 1px solid var(--line); }
.cc-full .cc-out::before { display: none; }
@media (max-width: 720px) {
  .cc-top, .cc-full { grid-template-columns: minmax(0,1fr); }
  .cc-full .cc-in { border-right: 0; border-bottom: 1px solid var(--line); }
  .cc-mini-out { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 0; }
  .cc-mini-cell:nth-child(odd) { border-left: 0; padding-left: 0; }
}
.cc-out { min-width: 0; }
.cc-big { font-size: clamp(2.5rem,5vw,4.5rem); overflow-wrap: anywhere; }
.cc-model-note { font-size: .8rem; color: var(--silver); max-width: 62ch; margin-top: 3px; }
.cc-money input { width: 100%; }
.cc-quick button { min-height: 40px; }
.seg button { min-height: 44px; }
.cc-sum { grid-template-columns: repeat(3,minmax(0,1fr)); }
.cc-sum dd { overflow-wrap: anywhere; }
.cc-avgs-head .h-sm { max-width: none; }
.avg-top span { letter-spacing: .025em; }
.avg-top small { max-width: 15ch; }
.cc-axis span { font-size: .75rem; letter-spacing: 0; }
.cc-chart { margin-top: 12px; }
.partner { padding-block: 56px; }
.partner-minimal-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 48px; }
.partner-minimal-intro .lead { max-width: 42ch; font-size: 1rem; }
.partner-minimal-intro .h-lg { font-size: clamp(2.1rem,3.7vw,3rem); }
.partner-path { grid-template-columns: 1fr 22px 1fr 22px 1fr; }
.partner-path article { padding: 16px 12px; min-height: 112px; }
.partner-minimal-note { color: var(--silver); font-size: .84rem; letter-spacing: 0; }
.partner-detail { font-size: .9rem; border-top: 1px solid var(--line); padding-top: 20px; }
.partner-detail summary { cursor: pointer; color: var(--mist); padding: 8px 0; }
.partner-detail p { padding-top: 10px; }
.faq .sec-head { position: sticky; top: 110px; }
.faq .lead { font-size: 1rem; }
.qa summary { font-size: 1.12rem; padding-block: 22px; }
.qa .ans { font-size: .96rem; }
.close-card { padding: 64px 32px; gap: 20px; }
.close-card .h-lg { max-width: 17ch; }
.close-card .lead { font-size: 1.03rem; max-width: 48ch; }
.close-note { max-width: 68ch; font-size: .8rem; }
.foot nav { gap: 18px; }
.foot nav a { font-size: .75rem; letter-spacing: .03em; }
.foot p { color: var(--silver); }
/* Secondary offer stays available without restarting the main journey. */
.foot .partner--footer { display: flex; align-items: center; justify-content: space-between; gap: 16px 32px; flex-wrap: wrap; padding: 24px 0; margin-bottom: 24px; border-block: 1px solid var(--line); }
.foot .partner--footer .label { color: var(--dim); font-size: .75rem; margin: 0 0 6px; }
.partner--footer h2 { font-size: 1.1rem; letter-spacing: -.02em; }
.partner--footer .text-link { display: inline-flex; align-items: center; gap: 20px; padding-block: 12px; font-size: .875rem; }
.mobile-action { display: none; }
.rv { opacity: 1; transform: none; transition: none; }
.document-page { padding: 124px 0 80px; }
.document-page .wrap { max-width: 960px; }
.document-page h1 { font-size: clamp(2.5rem,5vw,4rem); max-width: 19ch; line-height: 1.05; letter-spacing: -.04em; }
.document-page .document-intro { display: grid; gap: 20px; margin-bottom: 44px; }
.document-page section { margin-top: 40px; }
.document-page h2 { font-size: 1.6rem; margin-bottom: 16px; }
.document-page p + p { margin-top: 16px; }
.document-page table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.document-page th, .document-page td { padding: 12px; border-bottom: 1px solid var(--line); text-align: left; }
.document-page .table-wrap { overflow-x: auto; }
.document-page .btn { margin-top: 24px; }
@media (max-width: 1100px) { .nav { display: none; } .menu { display: block; margin-left: 0; } .top .btn--head { margin-left: auto; } .hero-editorial-grid { gap: 36px; } }
@media (max-width: 900px) {
  .hero-editorial-grid { grid-template-columns: minmax(0,1fr) minmax(0,.65fr); align-items: center; }
  .hero-editorial-copy h1 { font-size: clamp(3rem,6.5vw,4rem); }
  .proof-image img { max-height: 420px; }
  .how-story-head, .guide-head, .partner-minimal-grid { grid-template-columns: minmax(0,1fr); }
  .guide-prep { max-width: 54ch; }
  .setup-body { gap: 28px; }
  .setup-screen-pair { grid-template-columns: minmax(0,1fr); }
  .faq .sec-head { position: static; }
}
@media (max-width: 720px) {
  .top .wrap { height: 68px; gap: 12px; }
  .top .btn--head { display: inline-flex; padding: 10px 12px; min-height: 42px; font-size: .75rem; white-space: nowrap; }
  .top .btn--head svg { display: none; }
  .mark { font-size: 1.25rem; }
  .mark img { height: 26px; }
  .menu summary { width: 40px; height: 42px; }
  .hero--editorial { padding: 102px 0 36px; }
  .hero-editorial-grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .hero-editorial-copy { gap: 16px; }
  .hero-editorial-copy h1 { font-size: clamp(2.7rem,11.6vw,4rem); max-width: 14ch; line-height: 1.02; }
  .hero-editorial-copy .lead { font-size: 1.03rem; max-width: 39ch; }
  .hero-editorial-copy .hero-cta { margin-top: 0; gap: 6px; }
  .hero-cta .text-link { text-align: left; font-size: .86rem; }
  .hero-proof-card { max-width: 340px; }
  .proof-image img { max-height: 350px; }

  .hero-proof-card figcaption strong { font-size: .9rem; }

  .how-story-head { margin-bottom: 26px; gap: 18px; }
  .flow-story { padding-left: 0; gap: 10px; }
  .flow-story-line { display: none; }
  .flow-node { display: grid; grid-template-columns: 32px minmax(0,1fr); padding: 20px; gap: 7px 16px; min-height: 0; }
  .flow-node-top { display: block; grid-row: 1 / 3; padding-top: 3px; }
  .flow-node-role { display: none; }
  .flow-node h3 { font-size: 1.3rem; }
  .flow-node p { font-size: .9rem; grid-column: 2; max-width: none; }
  .flow-story-note { margin-left: 0; }
  .evidence-heading { display: grid; gap: 16px; }
  .fig { grid-template-columns: minmax(110px,.8fr) minmax(0,1.2fr); gap: 6px 16px; padding-block: 22px; }
  .fig b { font-size: 2.6rem; }
  .fig p { font-size: .9rem; }
  .fig .src { font-size: .75rem; }
  .evidence-foot { flex-direction: column; gap: 12px; }
  .guide-head { gap: 24px; }
  .guide-prep { font-size: .8rem; padding-left: 16px; }
  .setup-step-heading { grid-template-columns: 25px minmax(0,1fr); padding: 20px 0; gap: 11px; }
  .setup-step-heading strong { font-size: 1.02rem; }
  .setup-step-heading small { font-size: .77rem; }
  .setup-body { grid-template-columns: minmax(0,1fr); padding: 4px 16px 24px; gap: 24px; }
  .setup-copy h3 { font-size: 1.35rem; }
  .setup-copy .btn { width: 100%; justify-content: space-between; font-size: .87rem; }
  .instruction-list { font-size: .9rem; gap: 10px; }
  .guide-bottom { display: grid; gap: 18px; }
  .guide-bottom .btn { justify-content: space-between; }
  .cc-in, .cc-out { padding: 22px 20px; }
  .cc-sum div + div { padding-left: 10px; }
  .cc-sum dt { font-size: .75rem; letter-spacing: .025em; }
  .cc-sum dd { font-size: 1.05rem; }
  .cc-out-top { gap: 8px; }
  .pill-tag { font-size: .75rem; }
  .partner-path { grid-template-columns: 1fr 16px 1fr 16px 1fr; }
  .partner-path i { width: auto; height: 1px; margin-left: 0; }
  .partner-path i::after { right: 0; left: auto; top: -3px; bottom: auto; transform: rotate(45deg); }
  .partner-path article { min-width: 0; padding: 12px 8px; }
  .partner-path article strong { font-size: .86rem; }
  .partner-path article small { font-size: .75rem; }
  .close-card { padding: 48px 20px; }
  .close-card .btn { width: 100%; justify-content: space-between; }
  .foot { padding-bottom: 112px; }
  .foot .partner--footer { padding-block: 20px; gap: 8px; }
  .mobile-action { display: flex; position: fixed; z-index: 45; inset: auto 0 0; padding: 10px 16px max(10px,env(safe-area-inset-bottom)); background: rgb(7 8 6 / .97); border-top: 1px solid var(--line-2); align-items: center; gap: 16px; }
  .mobile-action p { font-size: .76rem; line-height: 1.35; color: var(--silver); flex: 1; }
  .mobile-action strong { display: block; color: var(--mist); font-weight: 500; }
  .mobile-action .btn { min-height: 44px; padding: 11px 16px; font-size: .83rem; }
  .mobile-action[hidden] { display: none; }
  .document-page { padding-top: 100px; }
}
/* Detailed averages belong to the expanded calculator, with a readable fee key. */
.cc-detail-content { padding: clamp(22px,2.8vw,34px); border-top: 1px solid var(--line); }
.cc-detail-content .cc-avgs { margin-top: 0; }
.cc-detail-content .avg { min-width: 0; grid-template-columns: minmax(0,1fr); align-items: start; }
.cc-detail-content .avg-top, .cc-detail-content .avg b, .cc-detail-content .avg-bar, .cc-detail-content .avg dl { grid-column: 1; grid-row: auto; }
.cc-detail-content .avg dl { display: grid; }
.cc-detail-content .avg dd { overflow-wrap: anywhere; }
.cc-detail-content .cc-notes { margin-top: 24px; }
@media (max-width: 900px) { .cc-detail-content .cc-avgs-grid { grid-template-columns: minmax(0,1fr); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }

.latest-trade { padding: 0 0 18px; }
.latest-trade-card {
  position: relative; isolation: isolate; overflow: hidden;
  max-width: var(--max); margin-inline: auto;
  padding: 6px 14px;
  line-height: 1.2;
  border: 1px solid rgb(255 232 191 / .3); border-radius: 10px;
  background: linear-gradient(115deg, #121410 0%, #0d100c 47%, #121510 100%);
}
.latest-trade-card::before {
  content: ""; position: absolute; z-index: -1; inset: 0;
  background: radial-gradient(48% 145% at 80% 50%, rgb(102 170 0 / .2), transparent 72%), radial-gradient(34% 110% at 11% 100%, rgb(242 194 91 / .1), transparent 76%);
  pointer-events: none;
}
.latest-trade-card.is-win { border-color: rgb(102 170 0 / .46); }
.latest-trade-card.is-loss { border-color: rgb(224 82 70 / .48); }
.latest-trade-card.is-loss::before {
  background: radial-gradient(48% 145% at 80% 50%, rgb(224 82 70 / .2), transparent 72%), radial-gradient(34% 110% at 11% 100%, rgb(242 194 91 / .1), transparent 76%);
}
.latest-trade-top, .latest-trade-bottom { display: flex; justify-content: space-between; align-items: center; gap: 8px 16px; flex-wrap: wrap; }
.latest-trade-top .label { color: var(--champagne); font-size: .75rem; letter-spacing: .16em; }
.trade-feed { display: inline-flex; align-items: center; gap: 8px; color: var(--mist); font-size: .75rem; letter-spacing: .12em; }
.trade-feed i { width: 7px; height: 7px; border-radius: 50%; background: var(--glow); box-shadow: 0 0 0 4px rgb(101 173 0 / .12), 0 0 12px rgb(101 173 0 / .7); }
.latest-trade-body { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; padding: 4px 0; }
.latest-trade-instrument { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.latest-trade-instrument strong { color: var(--white); font-size: clamp(1.3rem,2.3vw,1.8rem); font-weight: 500; letter-spacing: -.04em; }
.latest-trade-side { min-width: 54px; padding: 4px 8px; border: 1px solid rgb(101 173 0 / .55); border-radius: 4px; color: #99dd22; background: rgb(101 173 0 / .11); font-size: .75rem; font-weight: 600; letter-spacing: .1em; text-align: center; }
.latest-trade-side.is-sell { color: var(--champagne); border-color: rgb(255 232 191 / .38); background: rgb(255 232 191 / .08); }
.latest-trade-result { display: flex; align-items: baseline; justify-content: flex-end; gap: 14px; font-variant-numeric: tabular-nums; }
.latest-trade-primary { display: flex; align-items: baseline; justify-content: flex-end; gap: 8px; }
.latest-trade-value { color: var(--white); font-size: clamp(2.5rem,4.1vw,3.25rem); font-weight: 650; letter-spacing: -.065em; line-height: 1; white-space: nowrap; }
.latest-trade-value.is-positive { color: #a8e94b; text-shadow: 0 0 24px rgb(102 170 0 / .24); }
.latest-trade-value.is-negative { color: #ff796c; text-shadow: 0 0 24px rgb(224 82 70 / .2); }
.latest-trade-return-label { color: var(--champagne); font-size: .8rem; font-weight: 600; letter-spacing: .1em; white-space: nowrap; }
.latest-trade-equivalent { display: flex; align-items: baseline; gap: 6px; color: var(--silver); font-size: .75rem; }
.latest-trade-equivalent strong { color: var(--white); font-size: .94rem; font-weight: 600; }
.latest-trade-equivalent strong.is-positive { color: #a8e94b; }
.latest-trade-equivalent strong.is-negative { color: #ff796c; }
.latest-trade-bottom { padding-top: 2px; }
.latest-trade-time { color: var(--mist); font-size: .75rem; font-variant-numeric: tabular-nums; }
.latest-trade-status { color: var(--silver); font-size: .75rem; }
.latest-trade-card.trade-arrived { animation: tradeArrival .85s cubic-bezier(.2,.7,.2,1) both; }
@keyframes tradeArrival { 0% { opacity: .65; transform: translateY(8px) scale(.995); } 55% { box-shadow: 0 0 0 1px rgb(255 232 191 / .26), 0 0 30px rgb(101 173 0 / .12); } 100% { opacity: 1; transform: none; box-shadow: none; } }
@media (max-width: 620px) {
  .latest-trade { padding-bottom: 14px; }
  .latest-trade-card { padding: 11px 13px; border-radius: 8px; }
  .latest-trade-body { grid-template-columns: minmax(0,1fr); gap: 8px; padding: 8px 0; }
  .latest-trade-result { display: grid; justify-items: start; gap: 2px; }
  .latest-trade-primary { justify-content: flex-start; }
  .latest-trade-value { font-size: clamp(2.2rem,10vw,2.8rem); }
  .latest-trade-bottom { align-items: flex-start; }
  .latest-trade-status { text-align: left; }
}
@media (prefers-reduced-motion: reduce) { .latest-trade-card.trade-arrived { animation: none; } }

/* Interactive phone-demo guides (/guide/start-copying/, /guide/manage-copying/) */
.demo-links { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; margin-bottom: 40px; }
.demo-link { display: grid; gap: 6px; padding: 20px 22px; border: 1px solid var(--line-2); border-radius: 10px; color: inherit; text-decoration: none; transition: border-color .2s; }
.demo-link strong { font-size: 1.15rem; }
.demo-link strong::after { content: ""; display: inline-block; width: 1em; height: 1em; margin-left: .3em; vertical-align: -.14em; background: #65AD00; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E") center / contain no-repeat; }
.demo-link small { opacity: .72; font-size: .9rem; }
.demo-link:hover, .demo-link:focus-visible { border-color: #65AD00; }
.demo-page { padding: 32px 0 64px; }
.demo-page .sec-head { gap: 16px; max-width: 720px; margin-bottom: 24px; }
.demo-frame { border-top: 1px solid var(--line-2); padding-top: 16px; }
.demo-frame iframe { display: block; width: 100%; height: 980px; border: 0; background: transparent; }
.demo-note { font-size: .82rem; opacity: .6; margin: 8px 0 32px; }
.demo-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
@media (max-width: 720px) { .demo-links { grid-template-columns: 1fr; } .demo-frame iframe { height: 1240px; } }

/* header nav guard */
@media (max-width: 1100px) { .top .wrap > .nav { display: none; } .top .btn--head { white-space: nowrap; } }