:root {
  color-scheme: dark;
  --bg: #04181c;
  --panel: #091f25;
  --raised: #102b32;
  --line: #234149;
  --ink: #eef9f7;
  --muted: #a4bcc1;
  --purple: #6fe6d3;
  --light: #a4f5e9;
  --green: #9cddbd;
  --red: #ff9eaf;
  --amber: #f1c97a;
  font-family: "Avenir Next", Avenir, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
  background: var(--bg);
  color: var(--ink);
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 280px; }
button, input, select { font: inherit; touch-action: manipulation; }
a { color: inherit; text-decoration: none; touch-action: manipulation; }
a:hover { color: var(--light); }
button { min-height: 44px; border: 1px solid var(--line); border-radius: 8px; padding: 10px 14px; background: var(--raised); color: var(--ink); cursor: pointer; font-weight: 600; line-height: 1.4; }
button:hover:not(:disabled) { border-color: var(--purple); background: #163c43; }
button:disabled { opacity: .5; cursor: not-allowed; }
button.primary { background: var(--purple); border-color: var(--purple); color: #052d2b; }
button.primary:hover:not(:disabled) { background: var(--light); border-color: var(--light); }
button.danger { color: var(--red); }
:focus-visible { outline: 3px solid var(--light); outline-offset: 3px; }
::selection { background: var(--purple); color: var(--bg); }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 12px; left: 16px; z-index: 100; padding: 12px 20px; border-radius: 8px; background: var(--ink); color: var(--bg); transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); color: var(--bg); }
.site-header { display: flex; align-items: center; gap: 40px; min-height: 80px; padding: 0 max(24px, calc((100vw - 1360px) / 2)); border-bottom: 1px solid var(--line); background: var(--panel); }
.brand { font-size: 32px; font-weight: 800; letter-spacing: -1.8px; }
.brand-dot { color: var(--purple); }
nav { display: flex; align-self: stretch; gap: 28px; flex: 1; color: var(--muted); font-weight: 600; }
nav a { display: flex; align-items: center; min-height: 44px; padding-top: 3px; border-bottom: 3px solid transparent; }
nav a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--purple); }
.wallet-controls { position: relative; flex-shrink: 0; }
.wallet-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 50; display: grid; min-width: 180px; padding: 6px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); box-shadow: 0 12px 36px #0006; }
.wallet-menu button { text-align: left; background: transparent; border-color: transparent; }
main { width: 100%; max-width: 1408px; margin: 0 auto; padding: 24px 24px 48px; }
#view { min-width: 0; scroll-margin-top: 24px; }
#view:focus:not(:focus-visible) { outline: none; }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: 0; font-size: 28px; line-height: 1.2; letter-spacing: -.8px; font-weight: 650; }
h2 { margin-bottom: 0; font-size: 15px; font-weight: 650; letter-spacing: -.2px; }
p { line-height: 1.6; }
.muted, .subtext, .balance { color: var(--muted); }
.positive { color: var(--green); }
.negative { color: var(--red); }
.panel { min-width: 0; border: 1px solid var(--line); border-radius: 10px; padding: 20px; background: var(--panel); }
.panel-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }
.panel-heading > .muted { font-size: 12px; }
.view-heading { margin: 4px 0 24px; }
.view-status { padding: 48px 24px; border: 1px solid var(--line); border-radius: 10px; text-align: center; color: var(--muted); background: var(--panel); }
.view-status:empty { display: none; }
.view-status button { margin-left: 12px; }
.terminal-grid { display: grid; grid-template-columns: 230px minmax(0, 1fr) 300px; grid-template-areas: "rail summary ticket" "rail chart ticket" "positions positions positions" "activity activity activity"; gap: 16px; align-items: start; }
.terminal-grid.browse-only { grid-template-columns: 230px minmax(0, 1fr); grid-template-areas: "rail summary" "rail chart"; }
.market-rail { grid-area: rail; padding: 16px 12px; align-self: stretch; }
.market-rail .panel-heading { padding-inline: 4px; }
.search-label { font-size: 12px; margin: 0 4px 6px; }
input, select { width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); color: var(--ink); }
input::placeholder { color: #6e9199; }
#market-search { font-size: 12px; }
.market-list { display: grid; gap: 4px; margin-top: 12px; }
.market-row, .u-mkt { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; width: 100%; min-height: 60px; padding: 10px 8px; text-align: left; border: 1px solid transparent; background: transparent; border-radius: 8px; }
.market-row:hover, .u-mkt:hover { background: var(--raised); }
.market-row.is-selected, .market-row[aria-current="true"], .market-row[aria-pressed="true"], .u-mkt.is-selected { border-color: #397e83; background: #123a40; }
.market-avatar, .coin-icon { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #143c43; color: var(--light); flex-shrink: 0; font-size: 12px; font-weight: 700; }
.market-row-main { display: grid; gap: 2px; flex: 1; min-width: 0; }
.market-symbol { font-size: 13px; font-weight: 650; overflow-wrap: anywhere; }
.market-address, .market-volume { font-size: 11px; color: var(--muted); font-weight: 400; overflow-wrap: anywhere; }
.market-row .pill { font-size: 10px; padding: 2px 6px; }
.market-summary { grid-area: summary; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; padding-bottom: 4px; }
.market-heading, .market-identity, .market-tags { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.market-heading { justify-content: space-between; margin-bottom: 16px; }
#market-sheet-toggle { padding: 0; min-height: 44px; background: transparent; border: 0; font-size: inherit; letter-spacing: inherit; text-align: left; }
#market-sheet-toggle:hover { color: var(--light); background: transparent; }
.sheet-chevron, .sheet-close { display: none; }
.price { font-size: 28px; letter-spacing: -.7px; font-weight: 600; overflow-wrap: anywhere; }
.pill, .u-pill, .badge, .u-badge { display: inline-flex; align-items: center; gap: 4px; border-radius: 999px; padding: 4px 8px; border: 1px solid var(--line); white-space: nowrap; font-size: 11px; line-height: 1.4; font-weight: 500; }
.badge, .u-badge { color: var(--light); background: #153940; font-size: 10px; }
.pill.live, .pill.state-live, .u-pill.live { color: var(--green); border-color: #345247; background: #172820; }
.pill.paused, .pill.state-paused, .u-pill.paused { color: var(--amber); border-color: #5d4a2c; background: #2a2218; }
.pill.frozen, .pill.state-frozen, .u-pill.frozen { color: var(--red); border-color: #603242; background: #2d1822; }
.pill.unavailable, .pill.state-unavailable, .u-pill.unavailable { color: var(--muted); background: var(--raised); }
.market-chart { grid-area: chart; border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -16px; padding-top: 20px; }
.market-chart > .panel-heading { margin-bottom: 8px; }
.chart { min-width: 0; width: 100%; color: var(--purple); }
.chart:empty { display: none; }
.chart svg { display: block; width: 100%; height: 230px; overflow: hidden; }
.chart polyline, .chart path { fill: none; stroke: currentColor; stroke-width: 2; vector-effect: non-scaling-stroke; }
.chart-status { margin: 0; padding: 60px 12px; text-align: center; color: var(--muted); font-size: 12px; }
.chart-status:empty { display: none; }
dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; margin: 0; font-size: 12px; }
dt { color: var(--muted); }
dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.market-stats { border-top: 1px solid var(--line); margin-top: 20px; padding-top: 20px; }
.market-stats dd { color: var(--ink); }
.market-stats .stat { min-width: 0; }
.meter, .u-meter { height: 4px; overflow: hidden; border-radius: 4px; background: var(--line); }
.meter > *, .u-meter > * { display: block; height: 100%; background: var(--purple); }
.trade-ticket { grid-area: ticket; }
.trade-ticket > h2 { margin-bottom: 16px; }
form { display: grid; gap: 20px; }
label { display: grid; gap: 8px; color: var(--muted); font-size: 12px; }
.field-heading { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.balance { font-size: 11px; }
.segment-group { min-width: 0; border: 0; padding: 0; margin: 0; }
.segment-group legend { padding: 0; color: var(--muted); font-size: 12px; margin-bottom: 8px; }
.segments { display: flex; gap: 4px; padding: 3px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); }
.segments label { position: relative; display: flex; flex: 1; color: var(--muted); cursor: pointer; }
.segments input { position: absolute; width: 1px; height: 1px; min-height: 0; opacity: 0; }
.segments span { display: grid; place-items: center; width: 100%; min-height: 44px; padding: 8px 4px; border-radius: 5px; font-size: 13px; font-weight: 600; }
.segments input:checked + span { background: #164149; color: var(--light); }
.side-segments input[value="long"]:checked + span { background: #20342b; color: var(--green); }
.side-segments input[value="short"]:checked + span { background: #3a202b; color: var(--red); }
.segments input:focus-visible + span { outline: 3px solid var(--light); outline-offset: 1px; }
.ticket-details { padding-top: 16px; border-top: 1px solid var(--line); }
.slippage-label { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 12px; }
.slippage-input { display: inline-flex; align-items: center; width: 76px; background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding-right: 10px; color: var(--ink); }
.slippage-input input { border: 0; padding: 8px; text-align: right; background: transparent; }
#ticket-preview { gap: 12px 8px; }
#open-position { width: 100%; }
#notice { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 12px; color: var(--light); overflow-wrap: anywhere; }
#notice:empty { display: none; }
#notice.error { color: var(--red); }
.position-panel { grid-area: positions; }
.activity-panel { grid-area: activity; }
.empty-copy { margin: 0; padding: 20px 0; color: var(--muted); font-size: 13px; }
.table-wrap, .u-scroll { max-width: 100%; overflow-x: auto; scrollbar-color: var(--line) var(--panel); }
table, .u-table { width: 100%; border-collapse: collapse; text-align: left; white-space: nowrap; font-size: 12px; }
th { padding: 0 12px 12px; color: var(--muted); font-size: 11px; font-weight: 500; }
td { padding: 16px 12px; border-top: 1px solid var(--line); }
th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }
td a { color: var(--light); }
td button { font-size: 12px; padding: 8px 12px; }
tbody tr:hover { background: var(--raised); }
.position-panel > #close { margin-top: 16px; }
.position-card { padding: 16px 0; border-top: 1px solid var(--line); }
.position-card h3 { font-size: 14px; margin: 0 0 12px; }
.actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.activity-list { display: grid; }
.activity-list > * { padding: 12px 0; border-top: 1px solid var(--line); overflow-wrap: anywhere; font-size: 12px; }
.activity-list > :first-child { border-top: 0; padding-top: 0; }
.activity-list:empty { display: none; }
#positions-view > .panel { margin-bottom: 16px; }
.reserve-panel { max-width: 600px; }
.reserve-panel > label { margin-bottom: 8px; }
#reserve-data { margin: 20px 0; padding: 20px 0; border-block: 1px solid var(--line); }
dialog { width: calc(100% - 32px); max-width: 520px; max-height: calc(100dvh - 40px); overflow-y: auto; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); color: var(--ink); padding: 24px; box-shadow: 0 24px 80px #0008; }
dialog::backdrop { background: #020d11d9; }
dialog h2 { font-size: 20px; margin-bottom: 24px; }
#review-data { padding-block: 20px; border-block: 1px solid var(--line); }
.dialog-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.dialog-actions .primary { flex: 1; }
.skeleton { min-height: 44px; border-radius: 8px; background: linear-gradient(100deg, var(--raised) 20%, #23474e 40%, var(--raised) 60%); background-size: 200% 100%; animation: shimmer 1.6s linear infinite; }
@keyframes shimmer { to { background-position: -200% 0; } }
@media (max-width: 1099px) {
  .terminal-grid.browse-only { grid-template-columns: minmax(0, 1fr); grid-template-areas: "rail" "summary" "chart"; }
  .terminal-grid { grid-template-columns: minmax(0, 1fr) 300px; grid-template-areas: "rail rail" "summary ticket" "chart ticket" "positions positions" "activity activity"; }
  .market-rail { padding: 16px; }
  .market-list { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); max-height: 220px; overflow-y: auto; }
  #market-search { max-width: 360px; }
  .site-header { gap: 28px; }
}
@media (max-width: 700px) {
  .terminal-grid.browse-only { grid-template-areas: "summary" "chart"; }
  .site-header { flex-wrap: wrap; gap: 0 16px; padding: 12px 16px 0; }
  .brand { font-size: 28px; }
  .wallet-controls { margin-left: auto; }
  .wallet-controls > button { font-size: 12px; padding-inline: 12px; }
  nav { order: 3; width: 100%; flex: auto; gap: 24px; min-height: 52px; margin-top: 8px; font-size: 13px; }
  main { padding: 16px 16px 32px; }
  .terminal-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "summary" "ticket" "chart" "positions" "activity"; gap: 12px; }
  .panel { padding: 16px; }
  .market-summary, .market-chart { border: 1px solid var(--line); border-radius: 10px; margin: 0; }
  .market-heading { gap: 8px; margin-bottom: 8px; }
  .market-identity { gap: 8px; }
  h1 { font-size: 24px; }
  .price { font-size: 28px; }
  .sheet-chevron { display: inline; margin-left: 8px; color: var(--muted); }
  #market-rail { display: none; }
  #market-rail.is-open { display: block; position: fixed; inset: auto 0 0; z-index: 60; max-height: 80dvh; overflow-y: auto; padding: 20px 16px max(24px, env(safe-area-inset-bottom)); border-radius: 16px 16px 0 0; box-shadow: 0 -24px 100px 60px #0009; }
  .sheet-close { display: block; min-width: 44px; font-size: 24px; padding: 0 10px; }
  .market-list { grid-template-columns: minmax(0, 1fr); max-height: none; }
  #market-search { max-width: none; }
  .market-row { min-height: 60px; }
  input, select { font-size: 16px; }
  .chart svg { height: 200px; }
  .chart-status { padding-block: 40px; }
  .table-wrap table, .table-wrap tbody, .table-wrap tr, .table-wrap td { display: block; width: 100%; white-space: normal; }
  .table-wrap thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .table-wrap tr { padding-block: 12px; border-top: 1px solid var(--line); }
  .table-wrap td { padding: 6px 0; border: 0; overflow-wrap: anywhere; }
  .table-wrap td[data-label] { display: flex; align-items: center; justify-content: space-between; gap: 16px; text-align: right; }
  .table-wrap td[data-label]::before { content: attr(data-label); color: var(--muted); text-align: left; }
  .panel-heading .actions { width: 100%; }
  .view-status { padding: 40px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
  .skeleton { animation: none; }
}

/* Perply — an original Elysium trading identity. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 500;font-display:swap;src:url('/fonts/dm-sans-regular.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600 800;font-display:swap;src:url('/fonts/dm-sans-bold.ttf') format('truetype')}
:root{font-family:'DM Sans',sans-serif;--cyan:#34b7dd;--mint:#6fe6d3;--bg:#04181c;--ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{-webkit-font-smoothing:antialiased;background:var(--bg)}
button,a,input,select{transition:background .25s,border-color .25s,color .25s,box-shadow .25s}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.section-shell{max-width:1280px;margin-inline:auto;padding-inline:40px}
.site-header{min-height:88px;gap:48px;padding:0 max(40px,calc((100vw - 1200px)/2));background:transparent;border-color:#25505a66}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:25px;letter-spacing:-1.25px;white-space:nowrap}
.brand img{display:block;flex-shrink:0}
.site-header nav{font-size:13px;gap:28px}
.site-header nav a{border-bottom-width:2px;padding-top:2px}
.site-header #connect{min-height:44px;padding:11px 20px;border-radius:7px;font-size:12px;background:#b0f1e5;border-color:#b0f1e5;box-shadow:0 3px 12px #0001}
.site-header #connect:hover{background:#ddfff7}
.perply-hero{position:relative;isolation:isolate;overflow:clip;border-bottom:1px solid #25505a66;background:radial-gradient(ellipse at 76% 44%,#10607355 0%,transparent 52%),linear-gradient(120deg,#04181c,#062028)}
.hero-mesh{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.4;color:#28646e;mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}
.hero-mesh svg{width:100%;height:100%;display:block}
.signal-lines{stroke-width:1.5;opacity:.5;animation:signal-rise 28s linear infinite;animation-play-state:paused}
.hero-content{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.13fr 1fr;align-items:center;padding:58px 40px 26px;gap:16px;min-height:590px}
.hero-copy{position:relative;z-index:2;padding-bottom:22px}
.eyebrow{font-family:'DM Sans',sans-serif;font-size:10px;line-height:1.5;letter-spacing:.16em;font-weight:700;color:#8ab4b9;margin:0 0 24px;display:flex;align-items:center;gap:10px}
.eyebrow-line{width:24px;height:2px;background:var(--mint)}
.hero-copy h1{font-size:clamp(46px,4.8vw,68px);line-height:1.075;letter-spacing:-.055em;font-weight:700;margin-bottom:25px;white-space:nowrap}
.hero-copy h1>span{color:#89e9d9}
.hero-description{max-width:440px;font-size:16px;line-height:1.85;color:#a8c1c6;margin:0 0 30px;letter-spacing:-.012em}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.action-link{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:50px;padding:14px 21px;font-size:13px;font-weight:700;border:1px solid transparent;border-radius:7px;transition:transform .3s var(--ease),background .3s,border-color .3s}
.action-primary{background:#91ebdc;border-color:#91ebdc;color:#082d2e}
.action-primary:hover{color:#082d2e;background:#c3fff2;transform:translateY(-2px)}
.action-secondary{background:#0b2931;border-color:#2d525b;color:#d7e9e9}
.action-secondary:hover{border-color:#629eaa;color:#fff;background:#14383e;transform:translateY(-2px)}
.action-link svg,.hero-foot svg,.stage-marker svg,.catalog-search svg,.walkthrough-tabs svg,.preview-footer svg,.perply-faq summary svg,.sheet-chevron,.sheet-close svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hero-signature{display:flex;gap:12px;align-items:center;margin-top:29px;color:#71969e;font-size:11px}
.token-tag{font-size:10px;color:#a4e4dc;border:1px solid #2a5158;padding:5px 8px;border-radius:4px;letter-spacing:.06em}
.hero-stage{position:relative;aspect-ratio:1/1;width:100%;max-width:540px;perspective:900px;isolation:isolate}
.hero-stage:before{content:'';position:absolute;inset:16% 15% 20%;background:radial-gradient(ellipse,#1a7c8460,transparent 68%);z-index:-1}
.emblem-depth{position:absolute;inset:2% 0 4%;transform-style:preserve-3d;transition:transform 650ms var(--ease);will-change:transform}
.hero-emblem{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 32px #00101588);animation:emblem-float 9s ease-in-out infinite alternate;animation-play-state:paused}
.orbital-plane{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.stage-coordinate{position:absolute;font:9px ui-monospace,monospace;letter-spacing:.18em;color:#82b5bc}
.stage-coordinate-top{top:4%;right:6%}.stage-coordinate-bottom{bottom:5%;left:6%;color:#6c9ba2}
.stage-marker{position:absolute;display:flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #4d93956b;border-radius:5px;background:#0d3039;color:#9ae8d9;font-size:10px;font-weight:600;box-shadow:0 12px 24px #00101355;animation:marker-float 7s ease-in-out infinite alternate;animation-play-state:paused}
.marker-long{left:0;top:25%;transform:rotate(-5deg)}.marker-short{right:0;bottom:27%;animation-delay:-4s;color:#90d0ee;transform:rotate(4deg)}
.hero-foot{position:relative;display:flex;align-items:center;gap:36px;max-width:1200px;margin:0 auto;padding:25px 0 26px;border-top:1px solid #25505a66;font-size:11px;color:#a4bdbf}
.hero-foot>span{display:flex;align-items:center;gap:10px}.hero-foot svg{color:#60b7b5;width:17px;height:17px}.hero-foot .scroll-cue{margin-left:auto;letter-spacing:.13em;font-size:8px;color:#6e979d;gap:14px}
.discovery-section{padding-top:76px;padding-bottom:40px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}
.section-heading .eyebrow{margin-bottom:13px}
.section-heading h2,.terminal-heading h2,.perply-faq h2{font-size:34px;line-height:1.2;letter-spacing:-.045em;font-weight:600}
.section-heading>p{color:#8faeb5;font-size:13px;line-height:1.7;margin:0;max-width:330px}
.catalog-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}
.catalog-filters{display:flex;gap:5px}.catalog-filters button{font-size:11px;background:transparent;border-color:transparent;min-height:40px;color:#a2b9be;padding:8px 14px;border-radius:6px}
.catalog-filters button[aria-pressed=true]{background:#173b42;color:#b0f4e7;border-color:#28535b}
.catalog-search{position:relative;width:264px;display:block}.catalog-search svg{position:absolute;left:12px;top:13px;color:#84a7b0;width:16px;height:16px}
.catalog-search input{padding-left:36px;font-size:11px;background:#081f25;border-color:#234149;min-height:42px}
.catalog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.catalog-card{background:linear-gradient(130deg,#0e2930,#091f25);border:1px solid #25434b;border-radius:10px;padding:20px;min-width:0;transition:border-color .3s,transform .3s var(--ease)}
.catalog-card:hover{border-color:#437983;transform:translateY(-2px)}
.catalog-card-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:25px}
.catalog-identity{display:flex;gap:10px;align-items:center;min-width:0}.catalog-identity>div{min-width:0}.catalog-identity h3{margin:0;font-size:13px;font-weight:600;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-identity div>span{color:#6f969f;font-size:10px}.catalog-monogram{flex-shrink:0;display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#1d494e;color:#9ee7db;font-size:11px;font-weight:600}
.catalog-card:nth-child(3n+2) .catalog-monogram{color:#99d6ed;background:#163b4b}.catalog-card:nth-child(3n) .catalog-monogram{color:#c6e9e4;background:#27443f}
.catalog-status{white-space:nowrap;font-size:9px;padding:3px 6px;border-radius:4px;border:1px solid #35515a;color:#a2b7bc}.catalog-status.is-live{color:#93e3c6;border-color:#367963}
.catalog-volume{display:grid;gap:5px;margin-bottom:22px}.catalog-volume>span{font-size:8px;letter-spacing:.1em;color:#80a2aa}.catalog-volume>strong{font-size:19px;font-weight:500;letter-spacing:-.025em;overflow-wrap:anywhere}
.catalog-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;border-top:1px solid #234149;padding-top:12px;color:#7f9fa7}
.catalog-card-footer>a{color:#85d6cb;min-height:32px;display:inline-flex;align-items:center}.catalog-availability{text-align:right;max-width:130px;line-height:1.4}
.catalog-empty{grid-column:1/-1;padding:35px 20px;border:1px solid #25434b;border-radius:10px;color:#a8c0c4;font-size:14px;text-align:center;margin:0;background:#0a2228}
.catalog-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:16px;min-height:44px;font-size:10px;color:#789ca5}
.catalog-bottom button{font-size:11px;background:transparent;padding:9px 15px;min-height:40px}
main{max-width:1280px;padding:44px 40px 64px}
.terminal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.terminal-heading .eyebrow{margin-bottom:12px}.terminal-heading h2{font-size:28px}.back-home{font-size:11px;color:#8dbac2;min-height:44px;display:flex;align-items:center}
body[data-home=true] .terminal-heading{display:none}
body[data-home=true] main{padding-top:0;padding-bottom:60px}
body[data-home=true] .view-status{padding:24px;font-size:12px;border-style:dashed;background:transparent}
body[data-home=true] .view-status:empty{display:none}
.panel{border-radius:10px;background:#092027;border-color:#25464e;box-shadow:0 4px 14px #0001}
.market-summary{border-bottom-left-radius:0;border-bottom-right-radius:0}.market-chart{border-top-left-radius:0;border-top-right-radius:0}
.trade-ticket{background:linear-gradient(135deg,#103039,#0b252d);border-color:#2e5961;padding:22px}
.trade-ticket h2{font-size:16px;letter-spacing:-.03em}.trade-ticket form{gap:20px}
.price{letter-spacing:-.04em}.chart{color:#76dcd4}.chart svg{background:repeating-linear-gradient(0deg,transparent,transparent 54px,#2c4c541f 55px,#2c4c541f 56px)}
.segments{background:#061d23;border-color:#28454e;padding:4px;gap:4px}.segments span{min-height:42px}
input,select{background:#061b21}.market-row.is-selected{border-color:#3d747a;background:#123940}
#notice{border:0;background:#102e35;border-radius:8px;padding:15px 18px;margin:0 0 24px}
.wallet-menu{background:#0d2c34;border-color:#3f626a;box-shadow:0 16px 48px #0006}.wallet-menu button{color:#c4dfdf}
.walkthrough-section{background:#e8f1ef;color:#092e34;position:relative;overflow:clip}
.walkthrough-section:after{content:'';position:absolute;right:-150px;bottom:-300px;width:650px;height:650px;border:1px solid #b7d5d4;border-radius:50%;pointer-events:none}
.walkthrough-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:85px;padding-bottom:85px;position:relative;z-index:1}
.walkthrough-copy>.eyebrow{color:#347078;margin-bottom:20px}
.walkthrough-copy>h2{font-size:42px;line-height:1.15;letter-spacing:-.055em;margin-bottom:20px}
.walkthrough-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#537078;max-width:390px}
.walkthrough-tabs{display:grid;margin-top:30px}
.walkthrough-tabs button{display:flex;align-items:center;text-align:left;gap:18px;padding:20px 0;background:transparent;border:0;border-top:1px solid #c5dad9;border-radius:0;color:#4a6b72;font-weight:400}
.walkthrough-tabs button:hover{background:transparent;color:#006e6d;border-color:#9fbfbd}
.walkthrough-tabs button>span:first-child{display:grid;place-items:center;width:30px;height:30px;border:1px solid #b4cfcd;border-radius:50%;font-size:10px;flex-shrink:0}
.walkthrough-tabs button[aria-selected=true]>span:first-child{background:#0c626a;border-color:#0c626a;color:#fff}
.walkthrough-tabs button[aria-selected=true]{color:#0a434a}
.walkthrough-tabs button strong{display:block;font-size:14px;font-weight:700;letter-spacing:-.025em}
.walkthrough-tabs button small{display:block;font-size:11px;color:#4b6b73;margin-top:4px;line-height:1.5}
.walkthrough-tabs button>svg{margin-left:auto;opacity:.5;width:16px}.walkthrough-tabs button[aria-selected=true]>svg{opacity:1;transform:translateX(2px)}
.walkthrough-tabs button:focus-visible,.desk-preview:focus-visible{outline:2px solid #006b73}
.desk-preview{border:1px solid #c1d9d8;background:#fbfefd;border-radius:14px;box-shadow:0 24px 70px #1c58541c,0 4px 10px #1c585408;overflow:hidden;min-width:0;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}
.preview-topbar{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid #d8e6e5;color:#224d52;font-size:11px;font-weight:600}.preview-topbar img{background:#0d353d;border-radius:5px;padding:3px}
.preview-tag{margin-left:auto;font-size:9px;font-weight:400;color:#58777c;border:1px solid #d0e1df;border-radius:4px;padding:3px 6px}
.preview-body{position:relative;padding:29px 26px 25px;min-height:355px;overflow:hidden}
.preview-label{font-size:8px;letter-spacing:.16em;color:#426d73;font-weight:700;margin-bottom:10px}.preview-body h3{font-size:21px;letter-spacing:-.04em;margin:0 0 24px;font-weight:600}
.preview-market-row{display:flex;align-items:center;gap:12px;border:1px solid #b8d9d3;background:#edf7f3;border-radius:8px;padding:15px;margin-bottom:24px}
.preview-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#d2ece4;color:#1b7772}.preview-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5}
.preview-market-row>div{display:grid;gap:3px}.preview-market-row strong{font-size:12px}.preview-market-row div span{font-size:9px;color:#4c6f76}.check-icon{width:18px;height:18px;fill:none;stroke:#188575;stroke-width:2;margin-left:auto}
.preview-data-line{display:flex;justify-content:space-between;gap:15px;padding:12px 0;font-size:10px;border-bottom:1px solid #e2ece9;color:#4b6b73}.preview-data-line>:last-child{text-align:right;color:#1c4c53;font-weight:500}
.preview-note{font-size:10px;color:#547479;line-height:1.8;margin:20px 0 0}
.preview-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 25px;border-top:1px solid #d8e6e5;background:#f2f8f5;font-size:9px;color:#476d70}.preview-footer>a{display:flex;align-items:center;gap:13px;min-height:32px;font-size:10px;color:#14626a;font-weight:700}
.scan-line{position:absolute;left:26px;right:26px;top:140px;height:1px;background:linear-gradient(90deg,transparent,#3b9d97,transparent);opacity:.4;animation:scan 6s linear infinite;animation-play-state:paused;pointer-events:none}
.demo-direction{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;background:#eaf3ee;border-radius:8px}
.demo-direction button{background:transparent;color:#517b74;border-color:transparent;min-height:40px;font-size:12px}
.demo-direction button[aria-pressed=true]{background:#176e62;border-color:#176e62;color:#fff}
.demo-direction button[data-demo-side=short][aria-pressed=true]{background:#75455a;border-color:#75455a}
.demo-direction button:hover:not([aria-pressed=true]){background:#dbe9e1;border-color:transparent;color:#1e5550}
.demo-exposure{display:flex;align-items:center;gap:22px;padding-top:15px;color:#328c7b;font-size:12px;font-weight:600}
.demo-exposure svg{width:130px;flex-shrink:0;fill:none;stroke:#32a792;stroke-width:2;transition:transform .5s}.demo-exposure svg circle{fill:#2da58c;stroke:none}
[data-side=short] .demo-exposure svg{transform:scaleY(-1);stroke:#96596c}[data-side=short] .demo-exposure{color:#86566b}
.demo-exposure+.preview-note{margin:8px 0 12px;font-size:9px}
.review-flow svg{width:100%;height:auto;display:block}.flow-track{fill:none;stroke:#bdd6d3;stroke-width:1}.flow-pulse{fill:none;stroke:#2da69b;stroke-width:2;stroke-dasharray:18 280;animation:flow 4s linear infinite;animation-play-state:paused}.review-flow rect{fill:#eaf7f1;stroke:#afd3c9}.flow-glyph{fill:none;stroke:#24776b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.flow-labels{display:flex;justify-content:space-between;padding:0 5px;font-size:10px;color:#466b65;margin:6px 0 20px}
.perply-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:90px;padding-top:80px;padding-bottom:80px}.perply-faq .eyebrow{font-size:9px;margin-bottom:18px}.perply-faq h2{font-size:32px}.faq-brand{display:flex;align-items:center;gap:15px;margin-top:38px;color:#799da4;font-size:9px;letter-spacing:.1em;line-height:1.9}.faq-brand b{font-weight:500;color:#a6e9dd;font-size:12px;letter-spacing:0}
.faq-items details{border-bottom:1px solid #28444a}.faq-items details:first-child{border-top:1px solid #28444a}.faq-items summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:65px;font-size:13px;font-weight:500;list-style:none;cursor:pointer;color:#d7e9e8}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary svg{width:16px;color:#78aaa7;transition:transform .25s}.faq-items details[open] summary svg{transform:rotate(45deg)}.faq-items p{color:#95b0b5;font-size:12px;line-height:1.9;margin:0 35px 23px 0}
.site-footer{border-top:1px solid #28444a;display:flex;gap:26px;align-items:center;padding-top:25px;padding-bottom:30px}.site-footer .brand{font-size:20px;letter-spacing:-.07em}.footer-line{font-size:10px;color:#6f969f}.site-footer>div{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:10px;color:#a2b7ba}.site-footer a:not(.brand){display:flex;align-items:center;min-height:44px}.site-footer button{background:transparent;border:0;font-size:9px;font-weight:400;padding:10px 0;min-height:44px;color:#78989e}.site-footer button:hover{background:transparent;color:#b0ddd4}
@keyframes reveal{from{opacity:.05;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes signal-rise{from{transform:translateY(40px);opacity:0}15%,85%{opacity:.5}to{transform:translateY(-90px);opacity:0}}
@keyframes emblem-float{to{transform:translateY(-10px)}}
@keyframes marker-float{to{translate:0 -8px}}
@keyframes scan{0%,100%{transform:translateY(0);opacity:0}15%,75%{opacity:.4}85%{transform:translateY(150px);opacity:0}}
@keyframes flow{to{stroke-dashoffset:-298}}
.motion-active .signal-lines,.motion-active .hero-emblem,.motion-active .stage-marker,.motion-active .scan-line,.motion-active .flow-pulse{animation-play-state:running}
.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:no-preference){.hero-copy>.eyebrow{animation:reveal .7s .1s both}.hero-copy h1{animation:reveal .9s .18s both}.hero-description{animation:reveal .8s .28s both}.hero-actions,.hero-signature{animation:reveal .8s .38s both}.hero-stage{animation:reveal 1.1s .05s both}}
@media(min-width:1500px){.hero-content{min-height:650px}}
@media(max-width:1279px){.hero-foot{margin-inline:40px}.walkthrough-inner{gap:50px}.hero-copy h1{font-size:5vw}.hero-stage{min-width:0}.site-header{gap:35px}}
@media(max-width:1000px){.section-shell{padding-inline:28px}.site-header{padding-inline:28px;gap:28px}.brand{font-size:23px}.site-header nav{gap:20px}.hero-content{padding:48px 28px 24px;min-height:520px;grid-template-columns:1.15fr 1fr;gap:0}.hero-copy h1{font-size:5.1vw}.hero-description{font-size:14px;max-width:370px}.hero-foot{margin-inline:28px;gap:24px}.hero-foot .scroll-cue{display:none}.hero-signature{font-size:9px}.action-link{padding:12px 16px;font-size:12px;gap:12px}.stage-marker{font-size:9px;padding:7px 10px}.catalog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading h2{font-size:30px}.section-heading>p{font-size:11px}.walkthrough-inner{gap:35px;padding-top:65px;padding-bottom:65px}.walkthrough-copy>h2{font-size:34px}.preview-topbar{padding:16px;font-size:10px;gap:8px}.preview-tag{font-size:8px}.preview-body{padding:24px 18px;min-height:350px}.preview-body h3{font-size:19px}.preview-data-line{font-size:9px}.perply-faq{gap:50px}.footer-line{display:none}main{padding-inline:28px}.terminal-grid{grid-template-columns:minmax(0,1fr) 285px}.trade-ticket{padding:19px}.walkthrough-tabs button{gap:13px}.walkthrough-tabs button strong{font-size:13px}.walkthrough-tabs button small{font-size:10px}}
@media(max-width:760px){.site-header{padding:15px 22px 0;min-height:auto;flex-wrap:wrap;gap:0 12px}.site-header .brand{font-size:22px;letter-spacing:-1.1px;gap:5px}.site-header .brand img{width:29px;height:29px}.wallet-controls{margin-left:auto}.site-header #connect{font-size:10px;padding:10px 13px;min-height:42px}.site-header nav{order:3;flex:auto;width:100%;min-height:48px;gap:25px;font-size:11px;margin-top:7px}.site-header nav a{min-height:44px}.section-shell{padding-inline:22px}.hero-content{display:flex;flex-direction:column;align-items:stretch;padding:37px 22px 0;min-height:0;gap:0}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:9px;margin-bottom:21px}.hero-copy h1{font-size:clamp(38px,8.3vw,59px);letter-spacing:-.06em;line-height:1.08;white-space:normal;margin-bottom:19px}.hero-description{font-size:14px;line-height:1.8;max-width:440px;margin-bottom:24px}.hero-actions{gap:9px}.action-link{font-size:11px;padding:12px 17px;gap:14px;min-height:48px}.hero-signature{margin-top:18px;font-size:9px;gap:10px}.token-tag{font-size:8px;padding:4px 7px}.hero-stage{width:100%;max-width:345px;margin:-3px auto 0;aspect-ratio:1.18}.hero-emblem{object-fit:contain}.emblem-depth{inset:0 4%}.orbital-plane{top:-10%;height:114%}.stage-coordinate-top{right:4%;top:13%;font-size:7px}.stage-coordinate-bottom{font-size:7px;bottom:3%;left:4%}.stage-marker{font-size:8px;padding:6px 9px}.stage-marker svg{width:14px;height:14px}.marker-long{top:24%;left:0}.marker-short{bottom:26%;right:0}.hero-foot{margin-inline:22px;padding-block:18px;gap:14px;justify-content:space-between;font-size:8px}.hero-foot>span{gap:5px}.hero-foot svg{width:13px;height:13px}.hero-mesh{mask-image:linear-gradient(180deg,transparent 35%,#000)}.discovery-section{padding-top:45px;padding-bottom:24px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:28px}.section-heading .eyebrow{font-size:9px;margin-bottom:13px}.section-heading>p{font-size:12px;max-width:330px;margin-top:13px}.section-heading br{display:none}.catalog-toolbar{display:grid;gap:14px;padding-bottom:17px}.catalog-filters{gap:3px}.catalog-filters button{font-size:10px;padding:8px 12px;min-height:44px}.catalog-search{width:100%}.catalog-search input{font-size:16px;min-height:45px}.catalog-cards{grid-template-columns:1fr;gap:10px}.catalog-card{padding:18px}.catalog-card-heading{margin-bottom:18px}.catalog-monogram{width:33px;height:33px}.catalog-identity h3{font-size:13px}.catalog-volume{margin-bottom:17px;display:flex;align-items:baseline;justify-content:space-between;gap:15px}.catalog-volume>strong{font-size:17px}.catalog-volume>span{font-size:8px}.catalog-card-footer{font-size:9px}.catalog-availability{max-width:none}.catalog-bottom{font-size:9px;gap:10px;align-items:flex-start;flex-wrap:wrap}.catalog-bottom button{font-size:10px;min-height:44px;padding:8px 12px}.catalog-bottom>span{padding-top:12px}.catalog-empty{font-size:12px;padding:25px 18px}.terminal-heading{margin-bottom:22px;align-items:flex-start;gap:15px}.terminal-heading h2{font-size:24px}.terminal-heading .eyebrow{font-size:9px}.back-home{font-size:10px;max-width:70px;text-align:right}.terminal-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'summary' 'ticket' 'chart' 'positions' 'activity';gap:12px}.market-summary,.market-chart{border:1px solid var(--line);border-radius:10px;margin:0}main{padding:30px 18px 40px}body[data-home=true] main{padding:0 22px 40px}.trade-ticket{padding:20px}.market-rail{display:none}.sheet-chevron{display:inline-block;vertical-align:middle}.sheet-close{display:grid;place-items:center}.sheet-close svg{width:19px;height:19px}#market-rail.is-open{display:block;position:fixed;inset:auto 0 0;z-index:60;max-height:80dvh;overflow-y:auto;padding:20px 16px max(24px,env(safe-area-inset-bottom));border-radius:16px 16px 0 0;box-shadow:0 -24px 100px 60px #0009}.market-list{grid-template-columns:1fr;max-height:none}.walkthrough-inner{grid-template-columns:1fr;gap:25px;padding-block:45px}.walkthrough-copy>h2{font-size:33px;line-height:1.13}.walkthrough-copy>p:not(.eyebrow){font-size:13px}.walkthrough-copy>.eyebrow{font-size:9px;margin-bottom:16px}.walkthrough-tabs{margin-top:22px}.walkthrough-tabs button{padding:15px 0;gap:14px}.walkthrough-tabs button small{font-size:10px}.desk-preview{transform:none;border-radius:11px}.preview-body{padding:25px 22px;min-height:335px}.preview-topbar{padding:15px 18px}.preview-data-line{font-size:10px}.preview-body h3{font-size:21px}.preview-footer{padding:12px 20px}.perply-faq{grid-template-columns:1fr;gap:30px;padding-top:45px;padding-bottom:45px}.perply-faq h2{font-size:29px}.faq-brand{display:none}.faq-items summary{font-size:13px;min-height:64px}.faq-items p{font-size:12px}.site-footer{flex-wrap:wrap;gap:8px 20px;padding-top:20px;padding-bottom:22px}.site-footer .brand{font-size:20px}.site-footer>div{gap:20px;font-size:10px;margin-left:0;width:100%}.site-footer button{margin-left:auto}.emblem-depth{will-change:auto}}
@media(max-width:374px){.site-header .brand{font-size:20px}.site-header{padding-inline:16px}.hero-copy h1{font-size:36px}.hero-foot{gap:8px;font-size:7px}.action-link{font-size:10px;padding-inline:13px;gap:10px}.preview-tag{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.emblem-depth{transform:none!important}}
/* Keep secondary information readable without competing with market values. */
.hero-description{font-size:16px}.hero-signature{font-size:12px}.hero-foot{font-size:12px}.catalog-identity div>span{font-size:12px}.catalog-status{font-size:11px}.catalog-volume>span{font-size:10px}.catalog-card-footer{font-size:11px}.catalog-bottom{font-size:12px}.catalog-filters button{font-size:12px}.catalog-search input{font-size:13px}.walkthrough-tabs button small{font-size:12px}.preview-label{font-size:10px}.preview-topbar{font-size:12px}.preview-tag{font-size:10px}.preview-market-row strong{font-size:13px}.preview-market-row div span{font-size:11px}.preview-data-line{font-size:12px}.preview-note{font-size:12px}.preview-footer,.preview-footer>a{font-size:11px}.faq-items p{font-size:13px}.site-footer>div,.footer-line{font-size:12px}.site-footer button{font-size:11px}.demo-exposure+.preview-note{font-size:11px}.flow-labels{font-size:11px}.catalog-bottom button{font-size:12px}
@media(max-width:1000px){.hero-description{font-size:14px}.hero-signature{font-size:11px}.hero-foot{font-size:11px}.preview-data-line{font-size:11px}.preview-topbar{font-size:11px}.preview-tag{font-size:9px}.preview-market-row div span{font-size:10px}}
@media(max-width:760px){.hero-foot{font-size:9px}.hero-signature{font-size:10px}.catalog-search input{font-size:16px}.catalog-bottom{font-size:11px}.catalog-bottom>span{line-height:1.7}.catalog-volume{gap:10px}.catalog-volume>span{font-size:9px}.catalog-card-footer{font-size:10px}.preview-data-line{font-size:11px}.preview-note{font-size:11px}.preview-footer,.preview-footer>a{font-size:10px}.site-footer>div{font-size:12px}.site-footer button{font-size:11px}.walkthrough-tabs button small{font-size:11px}.hero-foot>span{max-width:31%;line-height:1.4}.catalog-filters button{font-size:11px}.hero-actions{flex-wrap:nowrap}.action-link{flex:1}}
body.intro-complete .hero-copy>.eyebrow,body.intro-complete .hero-copy h1,body.intro-complete .hero-description,body.intro-complete .hero-actions,body.intro-complete .hero-signature,body.intro-complete .hero-stage{animation:none}

/* Supplied liquid identity: fluid graphite/teal, with market controls kept calm. */
:root{--accent:#68efcf;--green:#68efcf;--bg:#041b1e;--panel:#0a262b;--line:#254347}body{background:#041b1e}.site-header{background:#041b1ef5;border-bottom:1px solid #234246}.site-header .brand{letter-spacing:-.055em;font-size:27px}.brand img{object-fit:contain;width:43px;height:34px}.perply-hero{background:radial-gradient(ellipse at 83% 48%,#095c5e66,transparent 52%),linear-gradient(120deg,#041b1e,#05242b);overflow:hidden}.hero-content{grid-template-columns:1.2fr 1fr;min-height:590px;padding-top:50px;padding-bottom:35px;gap:5px}.hero-copy h1{font-size:clamp(48px,4.8vw,72px);line-height:1.05;letter-spacing:-.06em;white-space:normal;font-weight:700}.hero-copy h1>span{color:#77efd8;display:block;max-width:590px}.hero-copy .eyebrow{font-size:11px;letter-spacing:.14em;margin-bottom:25px}.hero-description{font-size:16px;line-height:1.8;max-width:460px;color:#a9c5c6}.hero-signature{margin-top:25px;color:#8faead}.token-tag{border-color:#2d6761;background:#0a3734;color:#7be3ce}.action-primary{background:#76edcf;color:#06382e;border-color:#76edcf;box-shadow:0 5px 20px #70e7ca10}.action-primary:hover{background:#a2ffe5;border-color:#a2ffe5}.action-secondary{background:#09282b80;border-color:#34605f;color:#e2fbf5}.action-secondary:hover{background:#123e40;border-color:#71bdb0}.hero-stage{aspect-ratio:1.05;position:relative;width:100%;max-width:570px;isolation:isolate}.hero-stage:before{content:'';position:absolute;inset:16% 0;background:radial-gradient(ellipse,#12bfb21c,transparent 65%);border-radius:50%;z-index:-1}.emblem-depth{inset:6% -5%;display:flex;align-items:center}.hero-emblem{width:100%;height:auto;object-fit:contain;animation-duration:9s;filter:drop-shadow(0 28px 35px #0004)}.stage-coordinate-top{top:14%;right:9%;font-size:9px;color:#5ab8ae;letter-spacing:.24em}.stage-coordinate-bottom{left:12%;bottom:12%;font-size:9px;color:#5ab8ae}.stage-marker{border:1px solid #3b6b64;background:#082d2dcc;backdrop-filter:blur(4px);box-shadow:0 8px 25px #0002;font-size:12px;padding:9px 15px;color:#b5f6df}.marker-long{left:1%;top:26%}.marker-short{right:0;bottom:25%;color:#c8d6ed}.hero-mesh{color:#81ffe1;opacity:.27;mask-image:linear-gradient(90deg,transparent,#000 75%)}.liquid-ribbons{stroke-width:.65;animation:liquid-drift 18s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:center}.back-wave{opacity:.4;animation-direction:alternate-reverse;animation-duration:24s}.motion-active .liquid-ribbons{animation-play-state:running}.hero-foot{border-top-color:#31524d;color:#a3beba}.hero-foot svg{color:#66bcb0}.discovery-section{background:#061f22;padding-top:48px;padding-bottom:35px}.section-heading h2{letter-spacing:-.045em;font-size:34px}.catalog-cards{gap:0;grid-template-columns:1fr;border-top:1px solid #2c4c4c}.catalog-card{display:grid;grid-template-columns:1.3fr 1fr 1.1fr;align-items:center;gap:22px;border:0;border-bottom:1px solid #294343;border-radius:0;padding:23px 10px;background:transparent;box-shadow:none}.catalog-card:hover{background:#0a2c2e;transform:none}.catalog-card-heading{margin:0}.catalog-identity h3{font-size:15px}.catalog-volume{margin:0;display:grid;gap:5px}.catalog-volume strong{font-size:17px}.catalog-card-footer{padding:0;border:0;display:flex;flex-wrap:wrap;gap:7px 20px;font-size:11px}.catalog-card-footer a{padding:8px 10px;background:#133e3a;border:1px solid #2c5f55;border-radius:6px;min-height:40px;display:flex;align-items:center;justify-content:center;color:#8ae8cf}.catalog-availability{max-width:100%;font-size:11px}.catalog-monogram{background:#153e3e;color:#95dfd4;border:1px solid #32605c}.catalog-status{font-size:10px;border-radius:4px}.walkthrough-section{background:#dfeee8}.walkthrough-copy>h2{font-size:40px;letter-spacing:-.05em}.desk-preview{transform:none;border-radius:12px;border-color:#b2cec4;box-shadow:0 25px 55px #163b291a}.preview-topbar img{background:transparent;padding:0;width:32px;height:25px}.perply-faq{padding-top:65px;padding-bottom:65px}.site-footer{background:#041b1e}.site-footer .brand img{width:34px;height:26px}.site-footer .brand{font-size:22px}.hero-signature{font-size:12px}.preview-tag{font-size:10px}
@keyframes liquid-drift{from{transform:translate(-18px,18px) scale(1.02)}to{transform:translate(20px,-16px) scale(1.06)}}
@media(max-width:1000px){.hero-content{min-height:510px}.hero-copy h1{font-size:51px}.hero-copy .eyebrow{font-size:9px}.hero-description{font-size:14px}.stage-coordinate-bottom{font-size:7px}.catalog-card{grid-template-columns:1.2fr .8fr 1fr;gap:16px}.catalog-status{font-size:8px}.catalog-card-footer{font-size:10px}.catalog-availability{font-size:10px}}
@media(max-width:760px){.site-header .brand{font-size:25px}.site-header .brand img{width:35px;height:27px}.site-header #connect{font-size:12px;min-height:44px}.site-header nav{font-size:12px}.hero-content{display:flex;min-height:0;padding-top:30px;padding-bottom:0}.hero-copy h1{font-size:clamp(42px,9vw,66px);line-height:1.06;margin:20px 0}.hero-copy h1 span{max-width:580px}.hero-copy .eyebrow{font-size:9px;margin-bottom:0}.hero-description{font-size:14px;line-height:1.75;margin-bottom:22px;max-width:500px}.hero-signature{font-size:10px;margin-top:20px}.hero-stage{max-width:420px;aspect-ratio:1.65;margin:5px auto 0}.emblem-depth{inset:-18% 0}.stage-coordinate-top{top:12%;right:3%;font-size:7px}.stage-coordinate-bottom{display:none}.stage-marker{font-size:10px;padding:7px 10px}.marker-long{left:0;top:24%}.marker-short{bottom:19%;right:0}.hero-mesh{mask-image:linear-gradient(180deg,transparent 20%,#000);opacity:.22}.hero-foot{font-size:9px;padding:16px 0}.action-link{font-size:12px;min-height:48px}.discovery-section{padding-top:35px}.section-heading h2{font-size:28px}.catalog-card{grid-template-columns:1fr 1fr;padding:19px 4px;gap:15px}.catalog-card-heading{grid-column:1/-1}.catalog-identity h3{font-size:15px}.catalog-volume{font-size:13px;display:grid;align-items:start;gap:6px}.catalog-volume strong{font-size:16px}.catalog-card-footer{display:grid;justify-items:end;text-align:right;font-size:10px}.catalog-availability{max-width:135px;font-size:10px;line-height:1.5}.catalog-status{font-size:10px}.catalog-bottom{font-size:11px}.walkthrough-copy>h2{font-size:34px}.preview-body h3{font-size:20px}.perply-faq{padding-block:42px}.site-footer .brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){.liquid-ribbons{animation:none!important}}
.faq-brand img,.preview-topbar img{object-fit:contain}

/* Preserve the collaborator's browse-only terminal without duplicating it on the landing page. */
body[data-home=true] #terminal-content{display:none}body[data-home=true] main{padding-block:0}
.terminal-grid.browse-only{grid-template-columns:230px minmax(0,1fr);grid-template-rows:max-content 1fr;grid-template-areas:"rail summary" "rail chart"}
.browse-only .market-rail{align-self:start}.browse-only .market-list{max-height:500px;overflow-y:auto;scrollbar-color:#39635f transparent}.market-row{display:grid;grid-template-columns:32px minmax(0,1fr)}.market-row>.market-volume,.market-row>.pill{grid-column:1/-1}.browse-only .market-chart>.panel-heading{display:none}.browse-only .market-stats{margin-top:0;padding-top:16px}
@media(max-width:1099px){.terminal-grid.browse-only{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"rail" "summary" "chart"}.browse-only .market-list{max-height:220px}}
@media(max-width:760px){.terminal-grid.browse-only{grid-template-areas:"summary" "chart"}}

/* Product-led hero copy: preserve complete phrases at phone widths. */
.hero-copy h1{font-size:clamp(43px,4.25vw,64px)}
@media(max-width:1000px) and (min-width:761px){.hero-copy h1{font-size:clamp(32px,4.3vw,43px)}}
@media(max-width:760px){.hero-copy h1{font-size:clamp(32px,9.1vw,56px)}}

/* Perply identity: preserve the terminal layout and the approved teal palette. */
.site-header .brand img{width:34px;height:34px}.site-footer .brand img{width:28px;height:28px}.preview-topbar img{width:25px;height:25px}.faq-brand img{width:54px;height:54px}.hero-emblem{max-height:100%;width:100%;object-fit:contain}.emblem-depth{inset:-3% 0}.stage-coordinate-top{right:4%;top:10%}.stage-coordinate-bottom{left:7%;bottom:9%}
@media(max-width:760px){.site-header .brand img{width:29px;height:29px}.hero-stage{aspect-ratio:1.38;max-width:365px}.emblem-depth{inset:-14% 0}.marker-long{top:28%;left:1%}.marker-short{bottom:22%;right:1%}}