/* Phoenix Ceniza. Readable product sequence: process first, roadmap afterwards. */
.hero-showcase { padding-top: calc(var(--header-h) + 24px); min-height: auto; }
.hero-showcase::before { background: radial-gradient(ellipse 55% 50% at 70% 50%, var(--violet-soft), transparent 80%); }
.hero-showcase::after { background: linear-gradient(180deg, transparent 80%, var(--bg)); }
.hero-showcase .hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 30px; align-items: center; }
.hero-showcase .hero-copy { width: 100%; max-width: 600px; padding: 14px 0; text-align: left; }
.hero-showcase .eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 24px; color: var(--muted); font-size: 13px; line-height: 1.5; letter-spacing: .025em; text-transform: none; }
.hero-showcase .eyebrow::before { content: ""; width: 28px; height: 1px; background: var(--violet); }
.hero-showcase h1 { font-size: clamp(40px, 4.2vw, 64px); line-height: 1.04; letter-spacing: -.045em; }
.hero-showcase h1 .line { padding-bottom: .07em; }
.hero-showcase h1 .line-accent { color: var(--violet); margin-top: 0; }
.hero-showcase .hero-lead { max-width: 48ch; margin: 22px 0 0; font-size: 17px; line-height: 1.65; text-wrap: pretty; }
.hero-benefit { margin: 22px 0 0; font-size: 17px; line-height: 1.65; color: var(--muted); }
.hero-benefit strong { font-weight: 500; color: var(--ink); }
.hero-showcase .hero-actions { justify-content: flex-start; gap: 12px; margin-top: 26px; flex-wrap: wrap; }
.hero-showcase .button { min-height: 52px; padding: 14px 18px; font-size: 14px; gap: 13px; border-radius: 5px; }
.hero-showcase .button-quiet { border: 1px solid var(--line); }
.hero-showcase .hero-note { max-width: 50ch; margin: 13px 0 0; font-size: 12px; line-height: 1.6; }
.hero-showcase .exchange-availability { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; list-style: none; max-width: 510px; padding: 0; margin: 22px 0 0; }
.exchange-availability li { display: grid; justify-items: center; gap: 9px; padding: 12px 0; border-bottom: 1px solid var(--line); color: var(--muted); }
.exchange-availability li.exchange-live { border-color: var(--gold); background: linear-gradient(180deg,transparent,#f0b90b0d); color: var(--ink); }
.exchange-brand { display: flex; align-items: center; gap: 5px; min-height: 24px; font-size: 13px; }
.exchange-brand b { font-weight: 500; }
.exchange-availability img { width: auto; height: 20px; object-fit: contain; }
.exchange-availability .exchange-wordmark { width: 49px; height: 24px; }
.exchange-availability .exchange-wordmark-okx { height: 49px; margin-block: -12px; }
.exchange-availability small { display: flex; align-items: center; gap: 3px; font-size: 12px; line-height: 1.4; white-space: nowrap; }
.exchange-availability small svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.exchange-live small { color: var(--good); }
.exchange-availability li:not(.exchange-live) img { filter: brightness(0) invert(.68); }
html[data-theme="light"] .exchange-availability li:not(.exchange-live) img { filter: brightness(0) opacity(.62); }
.hero-independence { margin-top: 18px; margin-bottom: 24px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.hero-showcase .hero-scene { position: relative; inset: auto; width: 100%; height: clamp(650px, calc(100svh - 170px), 730px); margin: 0; border-radius: 12px; scroll-margin-top: 100px; background: radial-gradient(ellipse 65% 48% at 50% 42%, var(--violet-soft), transparent 80%); }
.hero-showcase .hero-scene::before { left: 50%; top: 43%; width: 75%; height: 80%; max-height: none; max-width: none; }
.hero-showcase .scene-fallback { bottom: 210px; }
.hero-showcase .scene-fallback img { object-position: center 15%; border: 0; }
html.scene-fallback-active .hero-showcase .scene-fallback { opacity: 1; }
.hero-showcase .scene-fallback [hidden] { display: none; }
.hero-showcase .demo-static { display: none; }
.hero-showcase .demo-wires [data-demo-wire="origin"],
.hero-showcase .demo-wires [data-demo-wire="origin-glow"],
.hero-showcase .demo-wires [data-demo-wire-dot="origin"] { display: none; }
.hero-showcase .demo-auto-caption { pointer-events: auto; position: absolute; z-index: 9; left: 12px; right: 12px; bottom: 0; padding: 16px 18px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); }
.demo-stage-label { margin: 0 0 10px; font-size: 12px; line-height: 1.5; color: var(--muted); }
.demo-step-progress { display: flex; gap: 6px; margin-bottom: 13px; }
.demo-step-progress i { flex: 1; height: 3px; background: var(--line); border-radius: 2px; }
html[data-demo-step="0"] .demo-step-progress i:nth-child(-n+1),
html[data-demo-step="1"] .demo-step-progress i:nth-child(-n+2),
html[data-demo-step="2"] .demo-step-progress i:nth-child(-n+3),
html[data-demo-step="3"] .demo-step-progress i:nth-child(-n+4),
html[data-demo-step="4"] .demo-step-progress i:nth-child(-n+5),
html[data-demo-step="5"] .demo-step-progress i:nth-child(-n+6) { background: var(--violet); }
html[data-demo-preview="true"] .demo-step-progress i { background: var(--line); }
.demo-auto-caption .demo-caption { display: grid; gap: 7px; min-height: 76px; margin: 0; }
.demo-auto-caption .demo-caption b { font-family: var(--font-body); font-size: 17px; line-height: 1.4; font-weight: 500; }
.demo-auto-caption .demo-caption span { color: var(--muted); font-size: 14px; line-height: 1.6; text-wrap: pretty; }
.demo-auto-meta { margin-top: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px 12px; font-size: 12px; }
.demo-auto-meta a,.motion-preference { display: inline-flex; align-items: center; min-height: 36px; color: var(--muted); text-decoration: underline; text-underline-offset: 4px; }
.motion-preference { background: none; border: 0; padding: 5px 0; font: inherit; cursor: pointer; }
.motion-preference:focus-visible { outline: 2px solid var(--violet); outline-offset: 3px; }
html:not(.js) .motion-preference,html:not(.js) .demo-step-progress,html:not(.js) .demo-stage-label { display: none; }
.network-mobile,.mobile-flow { display: none; }
.exchange-neutral { filter: brightness(0) invert(.68); }
html[data-theme="light"] .exchange-neutral { filter: brightness(0) opacity(.62); }
.exchange-mark { opacity: 0; }
.exchange-mark[data-exchange-mark="binance"] { opacity: 1; }
html[data-exchange-preview] .exchange-mark { opacity: 0; }
html[data-exchange-preview="binance"] [data-exchange-mark="binance"],
html[data-exchange-preview="bybit"] [data-exchange-mark="bybit"],
html[data-exchange-preview="okx"] [data-exchange-mark="okx"],
html[data-exchange-preview="mexc"] [data-exchange-mark="mexc"] { opacity: var(--exchange-opacity, 1); }
.origin-exchange-mark { position: absolute; z-index: 6; width: 100px; aspect-ratio: 1; transform: translate(-50%, -50%); pointer-events: none; visibility: hidden; }
.scene-ready .origin-exchange-mark { visibility: visible; }
.origin-exchange-mark img { position: absolute; top: 50%; left: 0; width: 100%; height: auto; transform: translateY(-50%); }
.origin-exchange-mark img[data-exchange-mark="mexc"] { width: 68%; left: 16%; }
.demo-origin small { font-size: 12px; }
html:not([data-exchange-preview]) .demo-origin small,html[data-exchange-preview="binance"] .demo-origin small { color: var(--good); }
html[data-demo-preview="true"] .network-data { visibility: hidden; }
html.scene-fallback-active .origin-exchange-mark { display: none; }
.mobile-request { display: none; }
.phoenix-refined main h2 { font-size: clamp(34px, 4.1vw, 58px); line-height: 1.08; letter-spacing: -.045em; }
.phoenix-refined main h2 em { font-family: var(--font-display); font-size: 1em; font-weight: 600; font-style: normal; letter-spacing: inherit; color: var(--muted); }
.phoenix-refined .control-section h2 em,.phoenix-refined .closing h2 em { color: #a79cae; }
.phoenix-refined .section-index { margin-bottom: 20px; font-size: 12px; letter-spacing: .12em; }
@media (min-width: 1160px) and (max-height: 780px) {
  .hero-showcase { padding-top: calc(var(--header-h) + 8px); }
  .hero-showcase h1 { font-size: clamp(40px, 3.8vw, 54px); }
  .hero-showcase .hero-scene { height: 610px; }
  .hero-showcase .eyebrow { margin-bottom: 16px; }
  .hero-showcase .hero-lead { margin-top: 16px; font-size: 16px; }
  .hero-benefit { margin-top: 16px; font-size: 16px; }
  .hero-showcase .hero-actions { margin-top: 18px; }
}
@media (max-width: 1159px) {
  .hero-showcase .hero-grid { grid-template-columns: 1fr; gap: 30px; }
  .hero-showcase .hero-copy { max-width: 760px; }
  .hero-showcase h1 { font-size: clamp(40px, 5.8vw, 62px); }
  .hero-showcase .hero-scene { height: 740px; }
}
@media (max-width: 760px) {
  .site-header .nav-tools { margin-left: auto; }
  .phoenix-refined .hero-showcase { padding-top: 96px; }
  .hero-showcase .hero-grid { gap: 18px; }
  .hero-showcase .hero-copy { padding: 0; text-align: left; background: none; }
  .hero-showcase .eyebrow { margin-bottom: 19px; font-size: 12px; }
  .hero-showcase h1 { font-size: clamp(33px, 8.7vw, 56px); line-height: 1.09; }
  .hero-showcase .hero-lead { margin-top: 18px; font-size: 16px; }
  .hero-benefit { margin-top: 18px; font-size: 16px; }
  .hero-showcase .hero-actions { display: grid; grid-template-columns: 1fr; margin-top: 22px; }
  .hero-showcase .button { justify-content: space-between; font-size: 15px; }
  .hero-showcase .hero-note { font-size: 12px; margin-top: 13px; }
  .hero-showcase .exchange-availability { gap: 6px; margin-top: 18px; }
  .exchange-brand { font-size: 11px; gap: 3px; }
  .exchange-availability small { font-size: 12px; }
  .hero-showcase .hero-scene,html[data-demo-step] .hero-showcase .hero-scene { display: flex; flex-direction: column; height: auto; min-height: 0; margin: 0; background: none; }
  .hero-showcase .hero-scene::before,.hero-showcase .scene-fallback,.hero-showcase #phoenix-canvas,.hero-showcase .demo-wires,.hero-showcase .demo-screen,.hero-showcase .demo-static,.hero-showcase .demo-usb-mobile,.hero-showcase .hardware-label,.hero-showcase .demo-origin,.hero-showcase .origin-exchange-mark { display: none !important; }
  .hero-showcase .network-mobile { position: static; display: block; align-self: center; width: min(100%, 370px); height: 190px; transform: none; margin: 0; color: var(--violet); }
  .hero-showcase .mobile-flow { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
  .mobile-flow li { display: grid; grid-template-columns: 32px 1fr; gap: 12px; padding: 15px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); }
  .mobile-flow b { font-size: 14px; line-height: 1.5; font-weight: 500; }
  .mobile-flow p { color: var(--muted); font-size: 13px; line-height: 1.6; margin: 5px 0 0; }
  .mobile-flow-icon { color: var(--violet); display: flex; justify-content: center; align-items: flex-start; padding-top: 2px; }
  .mobile-flow-icon svg { fill: none; stroke: currentColor; stroke-width: 1.5; }
  html[data-demo-step="0"]:not([data-demo-preview="true"]) .mobile-flow [data-flow-stage="origin"],
  html[data-demo-step="1"]:not([data-demo-preview="true"]) .mobile-flow [data-flow-stage="phoenix"],
  html[data-demo-step="2"]:not([data-demo-preview="true"]) .mobile-flow [data-flow-stage="phoenix"],
  html[data-demo-step="3"]:not([data-demo-preview="true"]) .mobile-flow [data-flow-stage="phones"],
  html[data-demo-step="4"]:not([data-demo-preview="true"]) .mobile-flow [data-flow-stage="phones"],
  html[data-demo-step="5"]:not([data-demo-preview="true"]) .mobile-flow [data-flow-stage="phoenix"] { border-color: var(--violet); }
  .hero-showcase .demo-auto-caption { position: static; width: auto; margin-top: 14px; padding: 16px 15px 10px; }
  .demo-auto-caption .demo-caption { min-height: 96px; }
  .demo-auto-caption .demo-caption b { font-size: 16px; }
  .demo-auto-caption .demo-caption span { font-size: 13px; }
  .hero-independence { font-size: 12px; }
  #main-nav .mobile-request { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; padding: 15px; border-radius: 5px; background: var(--ember); color: var(--on-ember); font-size: 15px; }
  #main-nav .mobile-login { color: var(--muted); font-size: 14px; }
}
.network-mobile .network-data { stroke-dasharray: 3 18; animation: network-descent 3s linear infinite; }
@keyframes network-descent { to { stroke-dashoffset: -42; } }
html[data-demo-playing="false"] .network-data { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .network-data { animation: none; } }
html.capture-scene main > :not(.hero),html.capture-scene footer,html.capture-scene [data-privacy-choice],html.capture-scene .hero-independence { visibility: hidden; }
html.capture-scene .hero-showcase .hero-grid { display: block; }
html.capture-scene .hero-showcase .hero-scene { height: 100vh; background: transparent; }
html.capture-scene .demo-auto-caption { display: none; }

/* Benefits precede the interactive product; receipts substantiate the journey. */
.phoenix-refined .manifesto { padding: 88px 0 82px; }
.phoenix-refined .manifesto-index { margin-bottom: 25px; font-size: 11px; letter-spacing: .15em; }
.phoenix-refined .manifesto-grid { grid-template-columns: 1fr 1fr; column-gap: 8vw; row-gap: 40px; align-items: center; }
.phoenix-refined .manifesto-copy { display: contents; }
.phoenix-refined .manifesto-lead { margin: 0; max-width: 52ch; font-size: 16px; line-height: 1.8; }
.phoenix-refined .manifesto-points { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.phoenix-refined .manifesto-points p { display: block; padding: 25px 28px 0 0; border: 0; font-size: 13px; }
.phoenix-refined .manifesto-points p + p { padding-left: 28px; border-left: 1px solid var(--line-soft); }
.phoenix-refined .manifesto-points p > span:first-child { display: block; margin-bottom: 18px; }
.phoenix-refined .manifesto-points .point-copy { padding: 0; color: var(--muted); font-size: 13px; letter-spacing: normal; }
.phoenix-refined .manifesto-points strong { display: block; margin-bottom: 8px; font-size: 17px; font-family: var(--font-display); font-weight: 600; letter-spacing: -.025em; }
.phoenix-refined .console-section { padding: 84px 0 90px; }
.phoenix-refined .console-heading { margin-bottom: 38px; }
.phoenix-refined .console-frame { border-radius: 10px; border-color: var(--line); box-shadow: 0 32px 80px #0003; }
.phoenix-refined .console-intro { font-size: 15px; }
.phoenix-refined .journey-section { padding: 88px 0 40px; }
.phoenix-refined .journey-head { margin-bottom: 38px; }
.phoenix-refined .journey-steps h3 { font-size: 20px; line-height: 1.3; }
.phoenix-refined .journey-steps p { font-size: 13px; line-height: 1.75; }
.phoenix-refined .receipt-examples-section { padding-block: 54px 88px; gap: 6vw; }
.phoenix-refined .receipt-examples-copy > p { font-size: 15px; }
.phoenix-refined .receipt-examples-copy .receipt-examples-disclaimer { font-size: 12px; }
.phoenix-refined .capabilities,
.phoenix-refined .control-section,
.phoenix-refined .banks-section,
.phoenix-refined .plans-section,
.phoenix-refined .application-section,
.phoenix-refined .closing { padding-block: 90px; }
.phoenix-refined .caps-intro > p:not(.section-index) { font-size: 15px; line-height: 1.75; }
.phoenix-refined .cap-row summary { padding-block: 24px; }
.phoenix-refined .cap-title { font-size: 20px; }
.phoenix-refined .cap-body p, .phoenix-refined .cap-body li { font-size: 13px; line-height: 1.75; }
.phoenix-refined :is(.console-heading, .journey-head, .control-head, .banks-head, .plans-head) { gap: 6vw; }

@media (max-width: 760px) {
  .phoenix-refined .hero-showcase { padding-top: 103px; }
  .hero-showcase .flow-stages { gap: 12px; }
  .hero-showcase .flow-stages li + li::before { display: none; }
  .hero-showcase .flow-return { font-size: 11px; }
  .phoenix-refined main h2 { font-size: clamp(32px, 8.3vw, 48px); line-height: 1.13; }
  .phoenix-refined .manifesto { padding-block: 60px; }
  .phoenix-refined .manifesto-grid { grid-template-columns: 1fr; row-gap: 24px; }
  .phoenix-refined .manifesto-lead { font-size: 15px; }
  .phoenix-refined .manifesto-points { grid-template-columns: 1fr; }
  .phoenix-refined .manifesto-points p,
  .phoenix-refined .manifesto-points p + p { display: grid; grid-template-columns: 25px 1fr; gap: 14px; padding: 22px 0; border: 0; border-bottom: 1px solid var(--line-soft); }
  .phoenix-refined .manifesto-points p > span:first-child { margin: 0; }
  .phoenix-refined .console-section,
  .phoenix-refined .capabilities,
  .phoenix-refined .control-section,
  .phoenix-refined .banks-section,
  .phoenix-refined .plans-section,
  .phoenix-refined .application-section,
  .phoenix-refined .closing { padding-block: 64px; }
  .phoenix-refined .journey-section { padding: 64px 0 24px; }
  .phoenix-refined .receipt-examples-section { padding-block: 32px 64px; }
  .phoenix-refined :is(.console-heading, .journey-head, .control-head, .banks-head, .plans-head) { gap: 24px; }
  .phoenix-refined .cap-title { font-size: 18px; }
}

@media(max-width:380px){.hero-showcase .exchange-availability small{font-size:11.5px}}