/* Refinement layer — same layout and styling, finer finish. Loaded last on every page. */
@property --beam-angle { syntax:"<angle>"; inherits:false; initial-value:0deg; }
:root {
  --bg:#0a0a0a;
  --card:#171717;
  --card-2:#1d1d1d;
  --field:#232323;
  --field-hover:#262626;
  --hair:rgba(255,255,255,.07);
  --hair-2:rgba(255,255,255,.11);
  --hair-hover:rgba(255,255,255,.18);
  --text-2:rgba(245,245,243,.64);
  --text-3:rgba(245,245,243,.42);
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --side-w:238px;
}
html { background:var(--bg); }
body {
  background:var(--bg);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
::selection { background:rgba(124,77,255,.35); color:#fff; }
img { -webkit-user-drag:none; }

/* Money reads in clean sans with even-width digits; DM Mono stays for labels and code. */
.mini-value, .profilemoney, .listrow h3, .metric b, .chartcard .big, .money,
.payment-summary strong, .payment-summary b, .receipt-main > b, .paid-earned > b,
.preview-payment > div:first-child > b, .money-figure {
  font-family:Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight:600;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1, "cv11" 1;
}
.cardstats, .mosaic-card > div:last-child, .preview-payment > small, .receipt-end time { font-variant-numeric:tabular-nums; }

/* ─── Sidebar ─────────────────────────────────────────────── */
.sidebar {
  width:var(--side-w);
  background:var(--bg);
  border-right:1px solid var(--hair);
  padding:22px 16px;
  overflow:visible;
}
.content { margin-left:var(--side-w); }
.side-animating .sidebar { transition:width .36s var(--ease-out), padding .36s var(--ease-out); }
.side-animating .content { transition:margin-left .36s var(--ease-out); }
.logo { padding-left:6px; margin-bottom:30px; white-space:nowrap; }
.logo svg { flex:none; transition:transform .5s var(--ease-spring); }
.logo:hover svg { transform:rotate(-6deg) scale(1.05); }
.logo > span { transition:opacity .2s, transform .3s var(--ease-out); }
.sidenav { gap:3px; }
.sidenav a {
  position:relative;
  gap:16px;
  padding:11px 14px;
  border-radius:999px;
  color:rgba(245,245,243,.62);
  font-size:15.5px;
  font-weight:500;
  letter-spacing:-.01em;
  white-space:nowrap;
  transition:background-color .18s, color .18s;
}
.sidenav a:hover { background:rgba(255,255,255,.05); color:#fff; }
.sidenav a.active { background:rgba(255,255,255,.07); color:#fff; font-weight:650; }
.sidenav a.active:before {
  content:"";
  position:absolute;
  left:-16px;
  top:50%;
  width:3px;
  height:18px;
  margin-top:-9px;
  border-radius:0 3px 3px 0;
  background:#7c4dff;
  box-shadow:0 0 12px rgba(124,77,255,.55);
}
.sidenav .nav-icon { width:23px; height:23px; flex:none; overflow:visible; }
.navlabel { transition:opacity .2s; }
.sidenav a:active .nav-icon { transform:scale(.9); }

.sidecollapse {
  position:absolute;
  top:17px;
  right:-16px;
  z-index:60;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--bg);
  border:1px solid var(--hair-2);
  color:#8a8a8a;
  cursor:pointer;
  transition:color .18s, border-color .18s, background-color .18s, transform .18s;
}
.sidecollapse:hover { color:#fff; border-color:var(--hair-hover); background:#131313; }
.sidecollapse:active { transform:scale(.92); }
.sidecollapse svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .36s var(--ease-out); }
.side-collapsed { --side-w:84px; }
.side-collapsed .sidebar { padding:22px 14px; }

.side-collapsed .logo > span,
.side-collapsed .navlabel,
.side-collapsed .brandaccount > span:nth-child(2),
.side-collapsed .brandaccount > .external-icon,
.side-collapsed .smallprint { opacity:0; pointer-events:none; width:0; overflow:hidden; }
.side-collapsed .sidenav a { width:52px; padding:12px 14px; gap:0; }
.side-collapsed .sidenav a.active:before { left:-14px; }
.side-collapsed .logo { padding-left:6px; }
.side-collapsed .brandaccount { justify-content:center; padding:10px 0; }

/* Animated nav icons */
.sidenav a:nth-child(n):hover svg.nav-launch,
.sidenav a:nth-child(n):hover svg.nav-flow { animation:none; }
.nav-flow { transform-origin:50% 50%; transition:transform .8s var(--ease-spring); }
.sidenav a:hover .nav-flow { transform:rotate(90deg); }
.nav-flow.icon-arrive { animation:gearArrive 1.1s var(--ease-out); }
@keyframes gearArrive { from { transform:rotate(-120deg); } to { transform:rotate(0); } }
.rocket-craft { transform-box:view-box; }
.rocket-flame { transform-box:fill-box; transform-origin:50% 0; transform:scaleY(.62); opacity:.9; transition:fill .2s; }
.sidenav a:hover .rocket-craft,
.nav-launch.icon-arrive .rocket-craft { animation:rocketLift .95s var(--ease-out); }
.sidenav a:hover .rocket-flame,
.nav-launch.icon-arrive .rocket-flame { fill:#ff6a3d; animation:flameFlicker .12s ease-in-out infinite alternate; }
.nav-launch.icon-arrive .rocket-flame { animation-iteration-count:8; }
@keyframes rocketLift {
  0% { transform:translate(0, 0); }
  28% { transform:translate(0, -3.4px); }
  40% { transform:translate(.5px, -2.8px); }
  52% { transform:translate(-.5px, -3.2px); }
  64% { transform:translate(.3px, -3px); }
  100% { transform:translate(0, 0); }
}
@keyframes flameFlicker { from { transform:scaleY(.95) scaleX(.9); } to { transform:scaleY(1.45) scaleX(1.05); } }

.sidefoot .brandaccount { border-radius:999px; padding:8px; transition:background-color .18s; }
.sidefoot .brandaccount:hover { background:rgba(255,255,255,.05); }
.mini-mark { background:#1a1a1a; border-color:var(--hair-2); }

/* ─── Top bar ─────────────────────────────────────────────── */
.utilitybar { background:rgba(10,10,10,.9); border-bottom:1px solid var(--hair); }
.globalsearch {
  height:42px;
  background:transparent;
  border:1px solid var(--hair-2);
  color:#6c6c6c;
  transition:border-color .18s, box-shadow .18s, background-color .18s;
}
.globalsearch:hover { border-color:var(--hair-hover); }
.globalsearch:focus-within { border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.02); box-shadow:0 0 0 4px rgba(255,255,255,.04); color:#bbb; }
.globalsearch input { font-size:14px; }
.globalsearch input::placeholder { color:#6c6c6c; }
.search-kbd {
  font:500 11px Inter, sans-serif;
  color:#6c6c6c;
  border:1px solid var(--hair-2);
  border-radius:6px;
  padding:1px 6px;
  line-height:16px;
}
.globalsearch:focus-within .search-kbd { opacity:0; }
.createpill, .wallet, .iconbutton { transition:transform .14s var(--ease-out), background-color .18s, border-color .18s, color .18s, box-shadow .18s; }
.createpill { background:#f5f5f3; box-shadow:inset 0 -1px 0 rgba(0,0,0,.12), 0 1px 0 rgba(255,255,255,.1); }
.createpill:hover { background:#fff; box-shadow:0 6px 22px rgba(255,255,255,.08); }
.createpill svg { transition:transform .35s var(--ease-spring); }
.createpill:hover svg { transform:rotate(90deg); }
.wallet { background:transparent; border-color:var(--hair-2); color:#e8e8e6; height:39px; padding:0 18px; }
.wallet:hover { background:rgba(255,255,255,.06); border-color:var(--hair-hover); }
.iconbutton { background:transparent; border-color:var(--hair-2); }
.iconbutton:hover { background:rgba(255,255,255,.06); border-color:var(--hair-hover); }
.iconbutton:hover svg { animation:bellRing .6s var(--ease-out); transform-origin:50% 10%; }
.iconbutton i { animation:dotPulse 2.4s ease-in-out infinite; }
@keyframes bellRing { 20% { transform:rotate(14deg); } 40% { transform:rotate(-10deg); } 60% { transform:rotate(6deg); } 80% { transform:rotate(-3deg); } }
@keyframes dotPulse { 0%, 100% { box-shadow:0 0 0 2px #0a0a0a, 0 0 0 2px rgba(124,77,255,.5); } 50% { box-shadow:0 0 0 2px #0a0a0a, 0 0 0 5px rgba(124,77,255,0); } }
.createpill:active, .wallet:active, .iconbutton:active, .primarybtn:active, .ghostbtn:active,
.launch-submit:active, .ghost-wide:active, .hero-composer button:active, .venue:active, .currency:active,
.mode-tab:active, .tab:active, .payment-filters button:active, .seg button:active, .social-link:active { transform:scale(.97); }
.noticepanel { background:rgba(22,22,22,.96); border-color:var(--hair-2); backdrop-filter:blur(20px) saturate(1.3); }

/* ─── Surfaces ─────────────────────────────────────────────── */
.feature-card, .panel, .profile, .listrow, .receipt-row, .metric, .chartcard, .claim-banner,
.docgrid > div, .risk-grid > div, .doccallout, .venue-table, .verification-demo, .launch-intro {
  border-color:var(--hair);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.feature-card { background:var(--card); border-radius:22px; }
.feature-card:hover { border-color:var(--hair-hover); transform:translateY(-2px); }
.panel { background:#131313; }
.metric, .chartcard { background:var(--card); }
.profile, .listrow, .receipt-row { background:var(--card); transition:border-color .2s, background-color .2s, transform .25s var(--ease-out); }
.feature-caption {
  background:none;
  color:#d6d6d4;
  font-size:14px;
  font-weight:500;
  padding:22px 24px 20px;
}
.feature-caption span:last-child { color:#8d8d8b; transition:color .2s; }
.feature-caption svg { transition:transform .3s var(--ease-out); }
.feature-card:hover .feature-caption span:last-child { color:#fff; }
.feature-card:hover .feature-caption svg { transform:translate(2px, -2px); }
.feature-card:after { background:linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent); }

/* Soft, masked edges: content fades out instead of being painted over. */
.mosaic-frame {
  position:absolute;
  inset:0;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 16%, #000 70%, transparent 92%), linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom, transparent 0, #000 16%, #000 70%, transparent 92%), linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
  mask-composite:intersect;
}
.edge-blur {
  position:absolute;
  left:0;
  right:0;
  height:64px;
  z-index:4;
  pointer-events:none;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.edge-blur.top { top:0; -webkit-mask-image:linear-gradient(#000, transparent); mask-image:linear-gradient(#000, transparent); }
.edge-blur.bottom { bottom:0; height:96px; -webkit-mask-image:linear-gradient(transparent, #000); mask-image:linear-gradient(transparent, #000); }
.mosaic:after, .payment-preview:before, .payment-preview:after, .code-stream:before, .code-stream:after,
.scrollwindow:before, .scrollwindow:after { display:none; }
.payment-preview {
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 14%, #000 80%, transparent 100%);
  mask-image:linear-gradient(to bottom, transparent 0, #000 14%, #000 80%, transparent 100%);
}
.scrollwindow {
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%);
  mask-image:linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%);
  background:transparent;
  border:0;
  box-shadow:none;
}

/* ─── Micro-interactions ───────────────────────────────────── */
.avatar {
  --av:40px;
  position:relative;
  display:inline-grid;
  flex:none;
  width:var(--av);
  height:var(--av);
}
.avatar > img {
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  background:#222;
  outline:1px solid rgba(255,255,255,.1);
  outline-offset:-1px;
  transition:transform .3s var(--ease-out);
}
.avatar-square > img { border-radius:28%; }
.avatar-badge {
  position:absolute;
  right:-3px;
  bottom:-3px;
  width:calc(var(--av) * .42);
  height:calc(var(--av) * .42);
  min-width:14px;
  min-height:14px;
  border-radius:50%;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:0 0 0 2px var(--badge-ring, #171717);
}
.badge-yt { background:#ff0033; border-radius:30%; }
.badge-yt svg { width:78%; height:78%; }
.badge-venue { background:#0d0d0d; }
.badge-venue img { width:100%; height:100%; object-fit:cover; }
.avatar:hover > img, a:hover .avatar > img, article:hover .avatar > img { transform:scale(1.06); }
.route-swap { color:#5b5b5b; display:grid; place-items:center; }
.route-swap svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.copy-chip {
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0;
  background:none;
  color:#7a7a7a;
  font:11px "DM Mono", monospace;
  padding:0;
  cursor:pointer;
  transition:color .18s;
}
.copy-chip:hover { color:#e9e9e7; }
.copy-chip svg { width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:2; }
.copy-chip.copied { color:#43df8d; }

/* Rolling digits */
.roll { display:inline-flex; white-space:pre; }
.roll-ch { display:inline-block; }
.roll-digit { height:1.12em; overflow:hidden; vertical-align:top; line-height:1.12; }
.roll-stack { display:flex; flex-direction:column; animation:digitUp .55s var(--ease-out) both; }
@keyframes digitUp { from { transform:translateY(0); } to { transform:translateY(-50%); } }

/* Segmented controls with a sliding thumb */
.seg { position:relative; isolation:isolate; }
.seg-thumb {
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  border-radius:999px;
  background:#f2f2ef;
  box-shadow:0 1px 2px rgba(0,0,0,.4), inset 0 -1px 0 rgba(0,0,0,.12);
  transition:transform .38s var(--ease-out), width .38s var(--ease-out), height .38s var(--ease-out), opacity .2s;
  pointer-events:none;
}
.seg.seg-ready > .active, .seg.seg-ready > button.active { background:transparent !important; box-shadow:none !important; }
.seg > button { position:relative; transition:color .2s, transform .14s var(--ease-out); }
.tabs.seg, .mode-tabs.seg, .payment-filters.seg {
  display:inline-flex;
  gap:2px;
  padding:4px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--hair);
  border-radius:999px;
}
.tabs.seg { margin:18px 0 26px; }
.tabs.seg .tab, .mode-tabs.seg .mode-tab, .payment-filters.seg button {
  border:0;
  background:transparent;
  color:#8c8c8a;
  padding:8px 15px;
  border-radius:999px;
  font-size:13px;
  font-weight:500;
}
.tabs.seg .tab:hover, .mode-tabs.seg .mode-tab:hover, .payment-filters.seg button:hover { color:#eee; }
.tabs.seg .tab.active, .mode-tabs.seg .mode-tab.active, .payment-filters.seg button.active { color:#0c0c0c; }

/* ─── Home ─────────────────────────────────────────────────── */
.homehero h1 { font-weight:600; letter-spacing:-.055em; }
.homehero h1 span {
  color:transparent;
  background:linear-gradient(100deg, #6d6d6b 0%, #6d6d6b 38%, #d8d8d5 50%, #6d6d6b 62%, #6d6d6b 100%);
  background-size:260% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  animation:heroShimmer 7s linear infinite;
}
@keyframes heroShimmer { from { background-position:130% 0; } to { background-position:-130% 0; } }
.hero-composer { position:relative; background:linear-gradient(180deg, #1a1a1a, #141414); border-color:var(--hair-2); }
.hero-composer:before {
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:1px;
  background:conic-gradient(from var(--beam-angle), transparent 0 70%, rgba(124,77,255,.0) 72%, rgba(255,110,110,.75) 84%, rgba(255,255,255,.7) 88%, transparent 94%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation:beam 7s linear infinite;
  pointer-events:none;
  opacity:.8;
}
.hero-composer:focus-within:before { opacity:0; transition:opacity .3s; }
@keyframes beam { to { --beam-angle:360deg; } }
.hero-composer input::placeholder { color:#6f6f6d; }
.hero-composer button { transition:transform .14s var(--ease-out), box-shadow .2s, background-color .2s; }
.hero-composer button:hover { background:#9671ff; box-shadow:0 10px 30px rgba(124,77,255,.32), inset 0 1px rgba(255,255,255,.22); }
.claim-note { color:#6e6e6c; }

/* Explore panel: a wider, slower north-east drift under soft edges. */
.mosaic {
  --mosaic-drift:220px;
  --mosaic-drift-neg:-220px;
  --mosaic-span:591px;
  --mosaic-span-neg:-591px;
  left:-300px;
  top:-40px;
}
.mosaic-set { grid-template-columns:repeat(9, 150px); grid-auto-rows:188px; gap:9px; }
.explore-feature.motion-active .mosaic { animation:exploreRailNE 26s linear infinite; }
.mosaic-card { background:#101010; border-color:var(--hair); border-radius:14px; }
.mosaic-card > img { border-radius:10px; }
.mosaic-owner { background:rgba(8,8,8,.86); backdrop-filter:blur(6px); border:1px solid var(--hair); }
.mosaic-card > strong { font-size:11.5px; font-weight:600; }
.mosaic-card > div:last-child { font-family:Inter, sans-serif; font-size:9.5px; color:#6c6c6c; }
.mosaic-card > div:last-child b { font-weight:600; }

/* Payments panel */
.payments-feature { padding:30px 30px 0; }
.payment-preview { height:300px; }
.payment-track { gap:10px; }
.preview-payment {
  height:74px;
  background:#101010;
  border:1px solid var(--hair);
  border-radius:16px;
  padding:12px 16px;
  grid-template-columns:1fr auto 30px;
}
.preview-payment > div:first-child > b { font-size:22px; letter-spacing:-.04em; }
.preview-payment span { font-size:11.5px; color:#8a8a88; }
.preview-payment strong { color:#f0f0ee; font-weight:650; }
.pay-route { gap:10px; }
.pay-route .route-swap svg { width:15px; height:15px; }
.preview-payment > small { align-self:end; text-align:right; font-size:10.5px; }

/* Analytics panel */
.mini-label { color:#8a8a88; font-size:12.5px; }
.mini-value { font-size:40px; font-weight:600; letter-spacing:-.045em; margin-top:10px; }
.spark {
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 22%);
  mask-image:linear-gradient(to right, transparent 0, #000 22%);
}

/* Fee-route panel: a real search field that types, filters, picks, and pays. */
.route-demo { position:relative; margin-top:16px; height:196px; }
.rd-search {
  height:44px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 15px;
  border-radius:999px;
  background:#101010;
  border:1.5px solid rgba(255,255,255,.14);
  color:#6f6f6d;
  font-size:13.5px;
  transition:border-color .25s, box-shadow .25s, opacity .35s var(--ease-out), transform .35s var(--ease-out);
}
.rd-search svg { width:15px; height:15px; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.launch-feature.rd-typing .rd-search { border-color:rgba(255,255,255,.85); box-shadow:0 0 0 4px rgba(255,255,255,.06); color:#9a9a98; }
.rd-field { position:relative; display:flex; align-items:center; min-width:0; flex:1; }
.rd-query { color:#f5f5f3; white-space:pre; }
.rd-caret { width:1.5px; height:16px; background:#fff; margin-left:1px; opacity:0; }
.launch-feature.rd-typing .rd-caret { opacity:1; animation:caretBlink .9s steps(1, end) infinite; }
.rd-placeholder { position:absolute; left:0; color:#6a6a68; pointer-events:none; transition:opacity .15s; }
.launch-feature.rd-has-query .rd-placeholder { opacity:0; }
.rd-results { margin-top:8px; display:flex; flex-direction:column; gap:2px; transition:opacity .3s var(--ease-out), transform .3s var(--ease-out); }
.rd-result {
  display:flex;
  align-items:center;
  gap:10px;
  padding:6px 8px;
  border-radius:12px;
  animation:rdIn .26s var(--ease-out) both;
  transition:background-color .2s, transform .2s var(--ease-out);
}
.rd-result img { width:32px; height:32px; border-radius:50%; object-fit:cover; outline:1px solid rgba(255,255,255,.1); outline-offset:-1px; }
.rd-result b { display:flex; align-items:center; gap:4px; font-size:13px; font-weight:600; color:#f1f1ef; line-height:1.2; }
.rd-result small { display:block; font-size:11px; color:#6f6f6d; line-height:1.2; }
.rd-result mark { background:none; color:#fff; text-decoration:underline; text-decoration-color:rgba(255,255,255,.4); text-underline-offset:2px; }
.rd-result.hl { background:rgba(255,255,255,.07); }
.rd-result.pick { transform:scale(.97); background:rgba(255,255,255,.11); }
.rd-empty { font-size:12px; color:#666; padding:8px; }
@keyframes rdIn { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
.rd-sent {
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .45s var(--ease-out), transform .45s var(--ease-out);
}
.launch-feature.rd-sending .rd-search, .launch-feature.rd-sending .rd-results { opacity:0; transform:translateY(-8px); }
.launch-feature.rd-sending .rd-sent { opacity:1; transform:none; }
.rd-card {
  display:flex;
  align-items:center;
  gap:11px;
  padding:10px 12px;
  border-radius:16px;
  background:#101010;
  border:1px solid var(--hair);
}
.rd-card img { width:38px; height:38px; border-radius:50%; object-fit:cover; outline:1px solid rgba(255,255,255,.1); outline-offset:-1px; }
.rd-card b { display:flex; align-items:center; gap:5px; font-size:14px; font-weight:650; }
.rd-card small { display:block; font-size:11.5px; color:#727270; }
.rd-amount {
  display:flex;
  align-items:baseline;
  gap:2px;
  margin:16px 0 8px 2px;
  font:600 34px/1 Inter, sans-serif;
  letter-spacing:-.045em;
  font-variant-numeric:tabular-nums;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .4s var(--ease-out) .25s, transform .4s var(--ease-out) .25s;
}
.rd-amount small { font-size:22px; color:#bdbdbb; margin-right:2px; }
.rd-confirm {
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:2px;
  color:#43df8d;
  font-size:12.5px;
  font-weight:500;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .4s var(--ease-out) .7s, transform .4s var(--ease-out) .7s;
}
.rd-confirm svg.brand-icon { width:16px; height:16px; color:#7c4dff; }
.rd-confirm .check { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.launch-feature.rd-sending .rd-amount, .launch-feature.rd-sending .rd-confirm { opacity:1; transform:none; }

/* Docs panel: a denser, slower indexer readout */
.docs-feature { padding:26px 26px 0; }
.docs-feature h3 { font-size:19px; letter-spacing:-.03em; margin:12px 0 6px; }
.docs-feature .lede { color:#8a8a88; font-size:12px; line-height:1.55; margin:0; max-width:420px; }
.code-stream {
  height:168px;
  margin-top:14px;
  border:0;
  background:none;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 16%, #000 76%, transparent 100%);
  mask-image:linear-gradient(to bottom, transparent 0, #000 16%, #000 76%, transparent 100%);
}
.code-stream-track { padding:0 2px; gap:0; }
.docs-feature.motion-active .code-stream-track { animation:codeRail 46s linear infinite; }
.docs-feature:hover .code-stream-track { animation-play-state:paused; }
.ix-block { padding:0 0 18px; }
.ix-head { font:500 9.5px "DM Mono", monospace; letter-spacing:.14em; color:#5f5f5d; margin-bottom:7px; }
.ix-row { display:grid; grid-template-columns:34px 40px 1fr; font:10.5px/1.95 "DM Mono", monospace; color:#6a6a68; }
.ix-row b { font-weight:400; color:#d8d8d5; }
.ix-row.hot b { color:#ff7070; }
.ix-note { font:11px/1.6 Inter, sans-serif; color:#8b8b89; }
.ix-note code { font:10.5px "DM Mono", monospace; color:#e0e0dd; background:rgba(255,255,255,.06); border-radius:5px; padding:1px 5px; }
.ix-code { font:10.5px/1.9 "DM Mono", monospace; color:#9a9a98; }
.ix-code i { font-style:normal; color:#ede7fe; }
.ix-code em { font-style:normal; color:#43df8d; }

/* Top Tokens rail */
.showcase-section .scrollwindow { height:auto; }
.cardrail { padding:6px 4px 10px; gap:14px; animation-duration:70s; }
.scrollwindow:hover .cardrail, .cardrail.rail-hold { animation-play-state:paused !important; }
.token-card {
  position:relative;
  display:block;
  width:228px;
  background:var(--card);
  border:1px solid var(--hair);
  border-radius:18px;
  padding:8px 8px 12px;
  overflow:hidden;
  transition:border-color .2s, transform .3s var(--ease-out);
}
.token-card:hover { border-color:var(--hair-hover); transform:translateY(-3px); }
.token-card:after, .coin-card:after, .trend-card:after {
  content:"";
  position:absolute;
  inset:-50%;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(105deg, transparent 40%, rgba(255,255,255,.07) 50%, transparent 60%);
  transform:translateX(-100%);
  transition:transform 1.1s var(--ease-out);
}
.token-card:hover:after, .coin-card:hover:after, .trend-card:hover:after { transform:translateX(100%); }
.token-image { height:212px; border-radius:12px; overflow:hidden; background:rgba(255,255,255,.04); }
.token-image > img { border-radius:0; transition:transform .5s var(--ease-out); }
.token-card:hover .token-image > img { transform:scale(1.045); }
.token-type {
  top:8px;
  right:8px;
  padding:3px 8px;
  background:rgba(10,10,10,.8);
  backdrop-filter:blur(8px);
  border:1px solid var(--hair);
  font:500 10px Inter, sans-serif;
  color:#bdbdbb;
}
.token-owner {
  position:absolute;
  left:16px;
  top:186px;
  margin:0;
  z-index:2;
  background:rgba(10,10,10,.86);
  backdrop-filter:blur(8px);
  border-color:var(--hair-2);
  padding:4px 10px 4px 4px;
}
.token-owner span { font-size:11px; font-weight:600; }
.token-card h3 { font-size:14px; font-weight:600; margin:12px 4px 0; letter-spacing:-.01em; }
.token-card > small { margin-left:4px; font:10.5px "DM Mono", monospace; color:#6f6f6d; }
.cardstats { margin:10px 4px 0; font:600 13px Inter, sans-serif; justify-content:flex-start; gap:12px; }
.cardstats span { color:#f3f3f1; }
.cardstats span small { color:#6f6f6d; font-weight:500; font-size:10.5px; margin-left:3px; }
.cardstats span:last-child { color:#f3f3f1; }

/* Profiles + banner */
.profile { border-radius:18px; padding:18px; }
.profile:hover { border-color:var(--hair-hover); transform:translateY(-2px); }
.profiletop img { outline:1px solid rgba(255,255,255,.1); outline-offset:-1px; }
.profilemoney { font-size:24px; margin-top:18px; }
.claim-banner { background:radial-gradient(circle at 85% 30%, rgba(124,77,255,.14), transparent 34%), var(--card); border-radius:22px; }
.primarybtn { background:#f5f5f3; transition:transform .14s var(--ease-out), background-color .18s, box-shadow .2s; }
.primarybtn:hover { background:#fff; box-shadow:0 8px 26px rgba(255,255,255,.08); }
.ghostbtn { background:transparent; border-color:var(--hair-2); transition:transform .14s var(--ease-out), background-color .18s, border-color .18s; }
.ghostbtn:hover { background:rgba(255,255,255,.05); border-color:var(--hair-hover); }
.sectiontitle h2 { font-weight:600; letter-spacing:-.04em; }
.sectiontitle > a { transition:color .18s; }
.sectiontitle > a:hover { color:#fff; }

/* ─── Footer ─────────────────────────────────────────────── */
.sitefooter { border-top-color:var(--hair); }
.sitefooter a { transition:color .18s; }
.socials { gap:8px; align-items:center; }
.social-link {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid var(--hair-2);
  background:transparent;
  color:#9a9a98;
  cursor:pointer;
  transition:color .18s, border-color .18s, background-color .18s, transform .14s var(--ease-out);
}
.social-link:hover { color:#fff; border-color:var(--hair-hover); background:rgba(255,255,255,.05); }
.social-link .brand-icon { width:16px; height:16px; }
.social-youtube:hover { color:#ff0033; }
.social-telegram:hover { color:#2aabee; }
.social-discord:hover { color:#5865f2; }

/* ─── Toast ─────────────────────────────────────────────── */
.toast {
  background:rgba(245,245,243,.97);
  border-radius:999px;
  padding:11px 18px;
  font-size:13px;
  font-weight:600;
  box-shadow:0 18px 50px rgba(0,0,0,.45);
  transition:opacity .25s var(--ease-out), transform .35s var(--ease-spring);
}

@media (max-width:1180px) {
  .token-card { width:212px; }
}
@media (max-width:820px) {
  .sidecollapse { display:none; }
  .content { margin-left:0; }
  .sidebar { width:100%; padding:7px 9px; }
  .side-collapsed .navlabel { width:auto; }
  .sidenav a { font-size:0; padding:10px; border-radius:14px; }
  .sidenav a.active:before { display:none; }
  .search-kbd { display:none; }
  .route-demo { height:180px; }
}
@media (prefers-reduced-motion:reduce) {
  .homehero h1 span, .hero-composer:before, .iconbutton i { animation:none !important; }
  .roll-stack { animation:none !important; transform:translateY(-50%); }
}

/* Home additions */
.profile { display:block; color:inherit; }
.pay-route .avatar, .preview-payment { --badge-ring:#101010; }
.docs-feature.motion-active .code-stream-track { animation-name:ixRail; }
@keyframes ixRail { to { transform:translate3d(0, -50%, 0); } }
.topline .tabs.seg { margin:0; }
.docs-feature .code-stream { height:112px; }
.docs-feature .lede { font-size:11.5px; }

/* ─── Token page ───────────────────────────────────────────── */
.visually-hidden { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.token-page { max-width:1180px; padding-top:30px; }
.backlink { display:inline-flex; align-items:center; gap:7px; color:#8a8a88; font-size:13px; margin-bottom:18px; transition:color .18s; }
.backlink svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s var(--ease-out); }
.backlink:hover { color:#fff; }
.backlink:hover svg { transform:translateX(-3px); }
.tk-card {
  background:var(--card);
  border:1px solid var(--hair);
  border-radius:20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  --badge-ring:var(--card);
}
.token-head { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.token-head .tk-card { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 22px; min-width:0; transition:border-color .2s; }
.token-head .tk-card:hover { border-color:var(--hair-hover); }
.tk-id { display:flex; align-items:center; gap:14px; min-width:0; }
.tk-id > div { min-width:0; }
.tk-name { display:flex; align-items:center; gap:8px; min-width:0; }
.tk-name b { font-size:17px; font-weight:650; letter-spacing:-.02em; white-space:nowrap; }
.tk-name > span { color:#7d7d7b; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tk-name .verified-badge { width:16px; height:16px; }
.tk-meta { display:flex; align-items:center; gap:12px; margin-top:6px; color:#7a7a78; font:12px "DM Mono", monospace; }
.tk-meta a { display:inline-flex; align-items:center; gap:6px; color:#9a9a98; transition:color .18s; }
.tk-meta a:hover { color:#fff; }
.tk-meta svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
.tk-meta .tk-yt { fill:#ff0033; stroke:none; width:16px; }
.tk-date { color:#43df8d; font-family:Inter, sans-serif; font-size:13px; font-weight:500; }
.tk-figure { display:flex; align-items:baseline; gap:6px; white-space:nowrap; }
.tk-figure b { font-size:26px; letter-spacing:-.04em; }
.tk-figure small { color:#6f6f6d; font-size:12px; }
.tk-pending { margin-top:16px; padding:22px 24px 20px; }
.tk-pending-label { display:flex; align-items:center; gap:7px; font-size:14px; font-weight:500; color:#e9e9e7; }
.tk-pending-label > span { color:#7a7a78; font-weight:400; }
.tk-pending-value { font-size:48px; letter-spacing:-.05em; margin:6px 0 4px; line-height:1.1; }
.tk-pending p { margin:0; color:#7a7a78; font-size:13px; }
.tk-chart { margin-top:16px; padding:10px 10px 6px; overflow:hidden; }
.tk-chart-top { display:flex; align-items:center; justify-content:space-between; padding:2px 4px 6px; }
.tk-chart-top .tabs.seg { margin:0; padding:3px; }
.tk-chart-top .tabs.seg .tab { padding:5px 11px; font-size:12px; }
.tk-live { display:flex; align-items:center; gap:7px; color:#6f6f6d; font-size:11.5px; }
.tk-live i { width:6px; height:6px; border-radius:50%; background:#43df8d; animation:livePulse 2s ease-in-out infinite; }
@keyframes livePulse { 0%, 100% { box-shadow:0 0 0 0 rgba(67,223,141,.5); } 50% { box-shadow:0 0 0 5px rgba(67,223,141,0); } }
.tk-legend { padding:4px 10px 0; font:11px "DM Mono", monospace; color:#7a7a78; min-height:18px; font-variant-numeric:tabular-nums; }
.tk-legend b { color:#d0d0ce; font-weight:500; margin-right:6px; }
.tk-legend span { color:#d0d0ce; margin-right:6px; }
.tk-legend em { font-style:normal; }
.tk-legend .up { color:#2ebd85; }
.tk-legend .down { color:#f6465d; }
.tk-chart-canvas { height:480px; position:relative; }
.tk-chart-loading { height:100%; display:grid; place-items:center; color:#6f6f6d; font-size:13px; }
.tk-lower { display:grid; grid-template-columns:minmax(0, 1fr) 360px; gap:16px; margin-top:44px; align-items:start; }
.tk-lower .sectiontitle h2, .tk-details h2 { font-size:24px; margin:0; letter-spacing:-.035em; }
.tk-details { padding:22px; position:sticky; top:90px; }
.tk-details dl { margin:14px 0 0; }
.tk-details dl > div { display:flex; justify-content:space-between; gap:14px; padding:11px 0; border-top:1px solid var(--hair); font-size:13px; }
.tk-details dt { color:#7a7a78; }
.tk-details dd { margin:0; color:#e9e9e7; text-align:right; min-width:0; overflow-wrap:anywhere; }
.tk-details .copy-chip { font-size:12px; color:#e9e9e7; }
@media (max-width:1050px) {
  .tk-lower { grid-template-columns:1fr; }
  .tk-details { position:static; }
}
@media (max-width:820px) {
  .token-head { grid-template-columns:1fr; }
  .tk-chart-canvas { height:360px; }
  .tk-pending-value { font-size:38px; }
  .tk-chart-top { flex-direction:column; align-items:flex-start; gap:8px; }
}

/* ─── Explore ─────────────────────────────────────────────── */
.topline h1 { font-weight:600; letter-spacing:-.045em; }
.search {
  display:flex;
  align-items:center;
  gap:9px;
  width:320px;
  height:44px;
  padding:0 15px;
  background:var(--field);
  border:1px solid var(--hair);
  border-radius:999px;
  color:#707070;
  transition:border-color .18s, box-shadow .18s, background-color .18s;
}
.search:hover { border-color:var(--hair-2); }
.search:focus-within { border-color:rgba(255,255,255,.3); background:var(--field-hover); box-shadow:0 0 0 4px rgba(255,255,255,.045); }
.search svg { width:16px; height:16px; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.search input { flex:1; min-width:0; height:100%; border:0; outline:0; background:transparent; color:#f0f0ee; font-size:13.5px; }
.search input::placeholder { color:#6d6d6b; }
.explore-page .twocol { gap:22px; }
.token-row { grid-template-columns:minmax(0, 1.3fr) auto 120px; padding:14px 18px 14px 14px; border-radius:18px; --badge-ring:var(--card); }
.token-row:hover { border-color:var(--hair-hover); background:#1a1a1a; transform:translateX(2px); }
.row-id { display:flex; align-items:center; gap:14px; min-width:0; }
.row-id > div { min-width:0; }
.token-row h3 { font-size:17px; letter-spacing:-.025em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.token-row p { font-size:12.5px; color:#7c7c7a; margin-top:2px; }
.token-row .route { gap:10px; }
.route-arrow { width:16px; height:16px; fill:none; stroke:#5c5c5a; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .3s var(--ease-out), stroke .2s; }
.token-row:hover .route-arrow { transform:translateX(3px); stroke:#aaa; }
.routecoin { width:34px; height:34px; border-radius:11px; background:#7c4dff; font-size:12px; box-shadow:inset 0 1px 0 rgba(255,255,255,.25); }
.row-figures { text-align:right; display:flex; flex-direction:column; }
.row-figures b { font-size:18px; }
.row-figures small { color:#7a7a78; font-size:11.5px; margin-top:2px; }
.explore-page .profile { --badge-ring:var(--card); }
.explore-page .profiletop .avatar > img { outline:1px solid rgba(255,255,255,.1); }
.pager { display:flex; align-items:center; gap:8px; color:#777; font:12px Inter, sans-serif; font-variant-numeric:tabular-nums; }
.pager button { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--hair); background:transparent; color:#bbb; cursor:pointer; transition:background-color .18s, border-color .18s, opacity .18s; }
.pager button:hover:not(:disabled) { background:rgba(255,255,255,.06); border-color:var(--hair-hover); }
.pager button:disabled { opacity:.3; cursor:default; }
.pager svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.empty-state { padding:28px; text-align:center; color:#6f6f6d; font-size:13px; border:1px dashed var(--hair-2); border-radius:16px; }

.trend-window {
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
  mask-image:linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
}
.trend-rail { display:flex; gap:12px; width:max-content; padding:2px 0; animation:marqueeX 60s linear infinite; animation-play-state:paused; }
.trend-rail.motion-active { animation-play-state:running; }
.trend-window:hover .trend-rail { animation-play-state:paused; }
@keyframes marqueeX { to { transform:translate3d(calc(-50% - 6px), 0, 0); } }
.trend-card {
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  width:290px;
  padding:12px 16px 12px 12px;
  background:var(--card);
  border:1px solid var(--hair);
  border-radius:16px;
  overflow:hidden;
  transition:border-color .2s, background-color .2s;
}
.trend-card:hover { border-color:var(--hair-hover); background:#1a1a1a; }
.trend-name { display:flex; flex-direction:column; min-width:0; flex:1; }
.trend-name b { font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.trend-name small, .trend-sent small { font:10.5px "DM Mono", monospace; color:#6f6f6d; }
.trend-sent { display:flex; flex-direction:column; align-items:flex-end; }
.trend-sent b { font-size:16px; }

.launch-filters { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.address-search { flex:1; width:auto; }
.venue-chips { display:flex; gap:4px; padding:4px; border:1px solid var(--hair); border-radius:999px; background:rgba(255,255,255,.04); }
.chip { display:flex; align-items:center; gap:7px; height:34px; padding:0 13px 0 5px; border-radius:999px; border:1px solid transparent; background:transparent; color:#7a7a78; font-size:13px; font-weight:500; cursor:pointer; transition:background-color .18s, color .18s, border-color .18s, transform .14s var(--ease-out); }
.chip img { width:24px; height:24px; border-radius:50%; object-fit:cover; background:#0d0d0d; opacity:.55; transition:opacity .18s; }
.chip.active { background:#262626; border-color:var(--hair-2); color:#f0f0ee; }
.chip.active img { opacity:1; }
.chip:hover { color:#fff; }
.chip:active { transform:scale(.96); }
.launch-filters .tabs.seg { margin:0; }
.coin-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:14px; }
.coin-card {
  position:relative;
  display:flex;
  flex-direction:column;
  background:var(--card);
  border:1px solid var(--hair);
  border-radius:18px;
  padding:8px;
  overflow:hidden;
  animation:cardIn .5s var(--ease-out) both;
  animation-delay:calc(var(--i, 0) * 35ms);
  transition:border-color .2s, transform .3s var(--ease-out);
}
.coin-card:hover { border-color:var(--hair-hover); transform:translateY(-3px); }
@keyframes cardIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
.coin-media { position:relative; aspect-ratio:1; border-radius:12px; overflow:hidden; background:rgba(255,255,255,.04); }
.coin-media > img { width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease-out); }
.coin-card:hover .coin-media > img { transform:scale(1.05); }
.coin-venue { position:absolute; top:8px; left:8px; width:26px; height:26px; border-radius:50%; overflow:hidden; background:rgba(10,10,10,.8); border:1px solid var(--hair-2); backdrop-filter:blur(8px); }
.coin-venue img { width:100%; height:100%; object-fit:cover; }
.coin-age { position:absolute; top:8px; right:8px; padding:2px 8px; border-radius:999px; background:rgba(10,10,10,.8); border:1px solid var(--hair-2); backdrop-filter:blur(8px); font:500 10.5px Inter, sans-serif; color:#bdbdbb; }
.coin-owner { position:absolute; left:8px; bottom:8px; max-width:calc(100% - 16px); display:flex; align-items:center; gap:6px; padding:3px 10px 3px 4px; border-radius:999px; background:rgba(10,10,10,.86); border:1px solid var(--hair-2); backdrop-filter:blur(8px); font-size:11px; font-weight:650; white-space:nowrap; overflow:hidden; }
.coin-owner img { width:20px; height:20px; border-radius:50%; object-fit:cover; }
.coin-owner .verified-badge { width:12px; height:12px; min-width:12px; }
.coin-dollar { width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:#f2f2ef; color:#0a0a0a; font-size:11px; font-weight:800; }
.coin-body { padding:11px 6px 4px; display:flex; flex-direction:column; gap:7px; }
.coin-title { display:flex; align-items:baseline; gap:6px; min-width:0; }
.coin-title b { font-size:13.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.coin-title small { font:10.5px "DM Mono", monospace; color:#6f6f6d; }
.coin-stats { display:flex; flex-wrap:wrap; gap:4px 12px; font-size:11px; color:#6f6f6d; }
.coin-stats b { font-size:15px; color:#f3f3f1; margin-right:2px; }
.coin-body .copy-chip { align-self:flex-start; font-size:10.5px; }
@media (max-width:1050px) {
  .launch-filters { flex-wrap:wrap; }
  .address-search { order:3; flex-basis:100%; }
}
@media (max-width:820px) {
  .search.explore-search { display:flex; width:100%; }
  .token-row { grid-template-columns:minmax(0, 1fr) auto; }
  .token-row .route { display:none; }
}

/* ─── Payments ─────────────────────────────────────────────── */
.payment-summary { background:linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px), var(--card); background-size:78px 78px; border-radius:22px; }
.payment-summary > div { border-right-color:var(--hair); }
.payment-summary strong { font-size:46px; letter-spacing:-.05em; }
.payment-summary b { font-size:28px; letter-spacing:-.04em; }
.payment-summary .roll-digit { height:1.15em; }
.receipt-list { gap:10px; }
.receipt-row {
  grid-template-columns:minmax(180px, 1fr) auto 150px;
  min-height:96px;
  padding:16px 18px 16px 20px;
  border-radius:18px;
  cursor:pointer;
  --badge-ring:var(--card);
}
.receipt-row:hover { border-color:var(--hair-hover); background:#1a1a1a; }
.receipt-row:hover { --badge-ring:#1a1a1a; }
.receipt-row:focus-visible { outline:2px solid #aaa; outline-offset:2px; }
.receipt-main > b { font-size:28px; letter-spacing:-.045em; }
.receipt-main span { display:flex; align-items:center; gap:5px; font-size:13px; color:#8a8a88; }
.receipt-main strong { color:#f3f3f1; font-weight:650; }
.receipt-main .verified-badge { width:14px; height:14px; min-width:14px; }
.receipt-route { display:flex; align-items:center; gap:12px; justify-content:center; grid-template-columns:none; }
.receipt-route .route-swap svg { width:17px; height:17px; }
.receipt-end { grid-template-columns:1fr auto 18px; gap:10px; }
.receipt-status { font-size:11.5px; font-weight:600; padding:6px 11px; }
.receipt-status.available { color:#5ee9a0; background:rgba(67,223,141,.1); }
.receipt-status.claimed { color:#5ee9a0; background:rgba(67,223,141,.1); }
.receipt-status.verifying { color:#ffc15c; background:rgba(255,183,68,.1); }
.receipt-chevron { width:18px; height:18px; fill:none; stroke:#6c6c6a; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .3s var(--ease-out), stroke .2s; }
.receipt-row:hover .receipt-chevron { stroke:#ccc; }
.receipt-row.open .receipt-chevron { transform:rotate(180deg); }
.receipt-details { grid-column:1 / -1; display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s var(--ease-out); cursor:default; }
.receipt-details > div { overflow:hidden; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.receipt-row.open .receipt-details { grid-template-rows:1fr; }
.receipt-details dl { display:grid; grid-template-columns:repeat(4, auto); gap:6px 34px; margin:14px 0 2px; padding-top:14px; border-top:1px solid var(--hair); flex:1; }
.receipt-details dt { font:10px "DM Mono", monospace; letter-spacing:.1em; text-transform:uppercase; color:#6a6a68; }
.receipt-details dd { margin:3px 0 0; font-size:12.5px; color:#e6e6e4; }
.receipt-details dd a:hover { text-decoration:underline; text-underline-offset:3px; }
.receipt-open { padding:9px 15px; font-size:12px; margin-bottom:2px; }
.receipt-row.fresh { animation:receiptIn .7s var(--ease-out) both; }
@keyframes receiptIn { 0% { opacity:0; transform:translateY(-10px) scale(.98); background:#222; } 60% { opacity:1; } 100% { transform:none; } }
.paid-panel { background:var(--card); border-radius:22px; --badge-ring:var(--card); }
.paid-panel-head { border-bottom-color:var(--hair); }
.paid-channel { grid-template-columns:44px minmax(0, 1fr) auto 50px; gap:12px; padding:14px 8px; margin:0 -8px; border-radius:14px; border-bottom:1px solid var(--hair); transition:background-color .18s; }
.paid-channel:hover { background:rgba(255,255,255,.04); }
.paid-channel > div:nth-child(2) > b { font-size:14px; font-weight:650; }
.paid-channel small { font-size:11.5px; color:#7a7a78; }
.paid-earned > b { font-size:16px; }
.paid-coin { gap:3px; }
.paid-coin small { font:9.5px "DM Mono", monospace; color:#7a7a78; }
@media (max-width:820px) {
  .receipt-row { grid-template-columns:minmax(0, 1fr) auto; }
  .receipt-route { display:none; }
  .receipt-details dl { grid-template-columns:1fr 1fr; }
  .receipt-details > div { flex-direction:column; align-items:stretch; }
}
.roll span.roll-ch, .roll span.roll-ch span { font:inherit; color:inherit; letter-spacing:inherit; margin:0; padding:0; }
.receipt-row { row-gap:0; }

/* ─── Launch ─────────────────────────────────────────────── */
.launch-intro { background:var(--card); border-radius:22px; background-image:none; }
.launch-intro h1 { font-weight:600; letter-spacing:-.04em; }
.launch-workspace { background:var(--card); border:1px solid var(--hair); border-radius:26px; overflow:hidden; }
.launch-head h2 { font-weight:600; letter-spacing:-.035em; }
.mode-tabs.seg .mode-tab { padding:8px 16px; font-size:13.5px; }
.venue-switch { gap:8px; margin:24px 0 22px; }
.venue {
  min-width:0;
  grid-template-columns:30px auto;
  gap:9px;
  padding:6px 16px 6px 6px;
  background:transparent;
  border:1px solid var(--hair-2);
  color:#9a9a98;
  box-shadow:none;
}
.venue > i { display:none; }
.venue small { display:none; }
.venue b { font-size:14px; font-weight:600; }
.venue-logo { width:30px !important; height:30px !important; }
.venue:hover { background:rgba(255,255,255,.04); color:#eee; border-color:var(--hair-hover); transform:none; }
.venue.active { background:#262626; color:#fff; border-color:rgba(255,255,255,.55); box-shadow:0 0 0 3px rgba(255,255,255,.04); }
.page-launch .field { margin:18px 0; }
.page-launch .field > label, .page-launch .currency-field > label { color:#e2e2e0; font-size:13px; font-weight:500; margin:0 0 8px 2px; }
.page-launch .field input,
.page-launch .field textarea,
.page-launch .social-input,
.page-launch .readonly-link,
.page-launch .initial-buy label,
.page-launch .source-field .input-action {
  background:var(--field);
  border:1px solid var(--hair);
  border-radius:12px;
  box-shadow:none;
  transition:border-color .18s, box-shadow .2s, background-color .18s;
}
.page-launch .field input { min-height:48px; padding:0 15px; font-size:14px; }
.page-launch .field textarea { padding:14px 15px; font-size:14px; }
.page-launch input::placeholder, .page-launch textarea::placeholder { color:#6a6a68; }
.page-launch .field input:hover, .page-launch .field textarea:hover, .page-launch .social-input:hover,
.page-launch .readonly-link:hover, .page-launch .initial-buy label:hover, .page-launch .source-field .input-action:hover { border-color:var(--hair-2); }
.page-launch .field input:focus, .page-launch .field textarea:focus, .page-launch .social-input:focus-within,
.page-launch .readonly-link:focus-within, .page-launch .initial-buy label:focus-within, .page-launch .source-field .input-action:focus-within {
  background:var(--field-hover);
  border-color:rgba(255,255,255,.3);
  box-shadow:0 0 0 4px rgba(255,255,255,.045);
}
.page-launch .source-field .input-action { padding:4px; }
.page-launch .source-field .input-action input, .page-launch .source-field .input-action input:focus { min-height:40px; background:transparent; border:0; box-shadow:none; }
.page-launch .source-field .input-action button { height:40px; border-radius:9px; background:#f2f2ef; color:#0c0c0c; font-weight:650; transition:transform .14s var(--ease-out), background-color .18s; }
.page-launch .source-field .input-action button:hover:not(:disabled) { background:#fff; }
.page-launch .source-field .input-action button:active { transform:scale(.96); }
#sourceHelp { font-size:12px; color:#7d7d7b; min-height:22px; margin-top:8px; }
.field > small { color:#6d6d6b; }
.resolved-channel { background:var(--card-2); border-color:var(--hair-2); border-radius:14px; animation:cardIn .35s var(--ease-out); }
.launch-section-label { border-top-color:var(--hair); }
.page-launch .social-input { min-height:48px; grid-template-columns:24px 1fr; padding:0 12px; }
.page-launch .social-input input { height:46px; }
.social-input > span { display:grid; place-items:center; color:#8a8a88; transition:color .18s; }
.social-input .brand-icon { width:16px; height:16px; }
.social-x:focus-within > span { color:#fff; }
.social-tg:focus-within > span { color:#2aabee; }
.social-yt:focus-within > span { color:#ff0033; }
.readonly-link span { border-color:var(--hair-2); color:#8a8a88; font-family:Inter, sans-serif; font-weight:500; font-size:10.5px; }
.page-launch .launch-upload { min-height:72px; background:transparent; border:1px dashed rgba(255,255,255,.14); border-radius:14px; transition:border-color .18s, background-color .18s; }
.page-launch .launch-upload:hover { background:rgba(255,255,255,.025); border-color:rgba(255,255,255,.28); }
.upload-icon { background:var(--field); border:1px solid var(--hair); border-radius:11px; color:#a0a09e; transition:transform .3s var(--ease-spring), color .18s; }
.upload-icon svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.launch-upload:hover .upload-icon { transform:translateY(-2px) rotate(-4deg); color:#fff; }
.currency-options { gap:8px; }
.currency { background:transparent; border:1px solid var(--hair-2); border-radius:12px; padding:10px 12px; transition:background-color .18s, border-color .18s, color .18s, transform .14s var(--ease-out); }
.currency:hover { background:rgba(255,255,255,.04); border-color:var(--hair-hover); }
.currency.active { background:#f5f5f3; color:#0c0c0c; border-color:#f5f5f3; box-shadow:0 6px 22px rgba(255,255,255,.06); }
.currency.active small { color:#6a6a68; }
.page-launch .initial-buy { background:transparent; border:1px solid var(--hair); border-radius:14px; }
.fee-summary > div { background:var(--card-2); border-color:var(--hair); border-radius:12px; }
.fee-summary small { font-size:10px; color:#747472; }
.fee-summary b { font-size:12px; font-weight:600; }
.launch-submit { background:#f5f5f3; border-radius:12px; min-height:50px; font-size:14px; font-weight:650; transition:transform .14s var(--ease-out), background-color .18s, box-shadow .2s; }
.launch-submit:hover { background:#fff; box-shadow:0 10px 30px rgba(255,255,255,.08); }
.ghost-wide { background:transparent; border-color:var(--hair-2); border-radius:12px; transition:transform .14s var(--ease-out), background-color .18s, border-color .18s; }
.ghost-wide:hover { background:rgba(255,255,255,.05); border-color:var(--hair-hover); }
.handover-card { background:var(--card-2); border-color:var(--hair); border-radius:14px; }
.handover-card code, .walletless-step code { background:var(--field); border:1px solid var(--hair); border-radius:10px; font:12px "DM Mono", monospace; color:#d8d8d5; }
.walletless-step { border-bottom-color:var(--hair); }
.walletless-step > span { border-color:var(--hair-2); font-size:13px; font-weight:600; }
.launch-preview-side { background:#1d1d1d; border-left-color:var(--hair); }
.launch-receipt { background:#262626; border:1px solid var(--hair-2); border-radius:16px; box-shadow:0 18px 40px rgba(0,0,0,.35); animation:receiptFloat 5s ease-in-out infinite; }
@keyframes receiptFloat { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-3px); } }
.receipt-line { font-size:13px !important; margin:10px 0 2px !important; }
.receipt-line b:first-child { font-size:22px; letter-spacing:-.03em; margin-right:2px; }
.receipt-line span { color:#8a8a88; }
.previewcard { background:#232323; border-color:var(--hair-2); border-radius:18px; }
.previewimage { background:#1b1b1b; border:1px solid var(--hair); border-radius:14px; }
.previewrows { border-top-color:var(--hair-2); }
.previewrows > div { border-bottom-color:var(--hair); }
.reviewdialog, .walletdialog { background:#161616; border-color:var(--hair-2); border-radius:24px; animation:dialogIn .3s var(--ease-out); }
@keyframes dialogIn { from { opacity:0; transform:translateY(10px) scale(.98); } to { opacity:1; transform:none; } }
.provider { background:var(--card-2); border-color:var(--hair); border-radius:14px; }
.provider:hover { border-color:var(--hair-hover); background:#222; }
.dialogclose { background:transparent; border-color:var(--hair-2); transition:background-color .18s, color .18s, transform .3s var(--ease-out); }
.dialogclose:hover { background:rgba(255,255,255,.06); color:#fff; transform:rotate(90deg); }
textarea, select { font-family:inherit; }
.page-launch .field .launch-upload { display:flex; align-items:center; gap:14px; padding:14px 16px; }
.page-launch .field .launch-upload b { font-size:13.5px; font-weight:600; }

/* ─── Analytics, Capital, Docs ─────────────────────────────── */
.metric { border-radius:18px; transition:border-color .2s, transform .25s var(--ease-out); }
.metric:hover { border-color:var(--hair-hover); transform:translateY(-2px); }
.metric small { color:#7d7d7b; font-size:12.5px; }
.metric b { font-size:32px; letter-spacing:-.045em; }
.metric .roll-digit { height:1.15em; }
.chartcard { border-radius:20px; transition:border-color .2s; }
.chartcard:hover { border-color:var(--hair-hover); }
.chartcard h3 { font-weight:600; letter-spacing:-.02em; }
.chartcard .big { font-size:34px; letter-spacing:-.045em; }
.chartcard .bars { border-bottom-color:var(--hair-2); }
.chartcard .bars i { background:#4a4a48; border-radius:5px 5px 1px 1px; transform-origin:bottom; animation:barGrow .7s var(--ease-out) both; animation-delay:calc(var(--n, 0) * 28ms); transition:background-color .18s, height .3s var(--ease-out); }
.chartcard .bars i:hover { background:#8a8a88; }
.chartcard .bars i:last-child { background:#7c4dff; box-shadow:0 0 18px rgba(124,77,255,.35); }
@keyframes barGrow { from { transform:scaleY(0); } to { transform:scaleY(1); } }
.page-capital .listrow { border-radius:18px; padding:18px 20px; }
.page-capital .listrow:hover { border-color:var(--hair-hover); background:#1a1a1a; }
.listrow h3 { font-size:26px; letter-spacing:-.04em; }
.status { font-size:11.5px; font-weight:600; padding:6px 11px; }
.status.ok { color:#5ee9a0; background:rgba(67,223,141,.1); }
.status.pending { color:#ffc15c; background:rgba(255,183,68,.1); position:relative; padding-left:22px; }
.status.pending:before { content:""; position:absolute; left:10px; top:50%; width:6px; height:6px; margin-top:-3px; border-radius:50%; background:currentColor; animation:livePulse 2s ease-in-out infinite; }
.flow-symbol { background:#0e0e0e; border-color:var(--hair-2); width:38px; height:38px; }
.demo { border-radius:999px; padding:4px 10px; }
.docs-aside a { transition:color .18s, transform .2s var(--ease-out); }
.docs-aside a:hover { transform:translateX(3px); }
.docs-badges span { background:transparent; border-color:var(--hair-2); }
.verification-demo button { background:transparent; border-color:var(--hair-2); border-radius:999px; padding:8px 14px; transition:background-color .18s, transform .14s var(--ease-out); }
.verification-demo button:hover { background:rgba(255,255,255,.06); }
.verification-demo button:active { transform:scale(.97); }
@media (prefers-reduced-motion:reduce) { .chartcard .bars i, .launch-receipt, .coin-card, .trend-rail { animation:none !important; } }
.mini-mark { flex:none; }
@media (max-width:820px) {
  .hero-composer { height:auto; flex-wrap:wrap; padding:8px; }
  .hero-composer input { min-height:46px; padding-left:8px; }
  .hero-composer button { width:100%; }
}

/* ─── Round 2: perfect circles, smaller badges, bolder type ─── */
.avatar { display:inline-block; position:relative; width:var(--av); height:var(--av); flex:none; line-height:0; }
.avatar > img {
  position:absolute !important;
  inset:0;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:50% !important;
  object-fit:cover !important;
  aspect-ratio:1;
}
.avatar-square > img { border-radius:26% !important; }
.avatar-badge {
  width:calc(var(--av) * .34);
  height:calc(var(--av) * .34);
  min-width:12px;
  min-height:12px;
  right:-1px;
  bottom:-1px;
  box-shadow:0 0 0 1.5px var(--badge-ring, #171717);
}
.avatar-badge img { position:static !important; width:100% !important; height:100% !important; border-radius:0 !important; outline:0; }
.badge-yt { border-radius:28%; }
.badge-yt svg { width:70%; height:70%; }
.badge-tw { background:#9146ff; border-radius:28%; }
.badge-tw svg { width:86%; height:86%; }
.profiletop img, .rd-result img, .rd-card img, .coin-owner img, .token-owner img, .mosaic-owner img { aspect-ratio:1; object-fit:cover; border-radius:50%; flex:none; }

.edge-blur { backdrop-filter:blur(3.5px); -webkit-backdrop-filter:blur(3.5px); height:48px; }
.edge-blur.bottom { height:72px; }

.brand-mark { display:block; width:100%; height:100%; }
.coin-dollar { background:none; padding:0; overflow:hidden; }
.owner-mark { width:18px; height:18px; flex:none; border-radius:50%; overflow:hidden; box-shadow:0 0 0 1px rgba(255,255,255,.12); }

/* Names and amounts read heavier and more confident. */
.preview-payment strong, .receipt-main strong, .rd-result b, .rd-card b, .token-owner span, .coin-owner,
.mosaic-owner b, .profile strong, .paid-channel > div:nth-child(2) > b, .trend-name b, .coin-title b, .tk-name b,
.token-card h3, .mosaic-card > strong { font-weight:700; }
.coin-owner { font-size:11.5px; letter-spacing:-.01em; gap:5px; }
.coin-title b { font-size:14px; letter-spacing:-.015em; }
.money-figure, .receipt-main > b, .preview-payment > div:first-child > b, .coin-stats b, .cardstats span, .row-figures b,
.tk-figure b, .tk-pending-value, .payment-summary strong, .payment-summary b, .metric b, .mini-value, .rd-amount, .profilemoney, .listrow h3 { font-weight:650; }
.sidenav a.active { font-weight:700; }
.topline h1, .sectiontitle h2, .launch-head h2, .homehero h1 { font-weight:650; }

/* ─── Capital Flow ─────────────────────────────────────────── */
.sym { --sym:40px; display:inline-grid; place-items:center; width:var(--sym); height:var(--sym); flex:none; border-radius:50%; overflow:hidden; box-shadow:0 0 0 1px rgba(255,255,255,.1); background:#0b0b0b; }
.sym > svg, .sym > img { width:100%; height:100%; display:block; object-fit:cover; }
.flow-card { position:relative; margin:4px 0 22px; padding:18px 12px 8px; background:var(--card); border:1px solid var(--hair); border-radius:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); overflow:hidden; }
.flow-svg { width:100%; height:auto; display:block; }
.flow-lines path { stroke:rgba(255,255,255,.2); stroke-width:1.6; stroke-dasharray:5 7; animation:flowDash 1.4s linear infinite; }
.flow-lines path.soon { stroke:rgba(255,255,255,.1); animation:none; }
@keyframes flowDash { to { stroke-dashoffset:-24; } }
.flow-dots circle { fill:#f4f4f2; filter:drop-shadow(0 0 6px rgba(255,255,255,.7)); }
.flow-dots circle.hot { fill:#43df8d; filter:drop-shadow(0 0 6px rgba(67,223,141,.8)); }
.flow-dots circle.dim { fill:#8a8a88; }
.flow-pct { fill:#bdbdbb; font:600 13px Inter, sans-serif; }
.flow-soon { fill:#6a6a68; font:500 11px Inter, sans-serif; }
.flow-nodes { position:absolute; inset:18px 12px 8px; pointer-events:none; }
.flow-node { position:absolute; left:var(--x); top:var(--y); transform:translate(-50%, -28px); display:flex; flex-direction:column; align-items:center; text-align:center; width:150px; pointer-events:auto; }
.flow-node .sym { transition:transform .35s var(--ease-spring); }
.flow-node:hover .sym { transform:scale(1.08); }
.flow-node b { margin-top:10px; font-size:13px; font-weight:700; letter-spacing:-.01em; }
.flow-node small { color:#7a7a78; font-size:11.5px; }
.flow-node.soon { opacity:.5; }
.flow-icons { display:flex; }
.flow-icons .sym + .sym { margin-left:-12px; box-shadow:0 0 0 3px var(--card); }
.flow-icons .sym { width:44px; height:44px; margin:6px 0; }
.section-tight { margin-top:0; }
.title-with-tabs { display:flex; align-items:center; gap:14px; }
.title-with-tabs .tabs.seg { margin:0; }
.title-with-tabs .tabs.seg .tab { padding:6px 12px; font-size:12px; }
.page-capital .twocol .listrow.flow-row { grid-template-columns:minmax(0, 1fr) auto auto; row-gap:0; cursor:pointer; min-height:0; }
.flow-row h3 { font-size:26px; }
.flow-row p { color:#8a8a88; font-size:13px; }
.flow-row p b { color:#f3f3f1; font-weight:700; }
.flow-row .asset-route { width:auto !important; gap:10px; }
.flow-arrow { display:grid; place-items:center; color:#5c5c5a; }
.flow-arrow svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.flow-end { display:flex; align-items:center; gap:10px; justify-content:flex-end; }
.flow-end time { font:11px Inter, sans-serif; color:#6f6f6d; min-width:22px; text-align:right; }
.page-capital .status { width:auto !important; }
.status.soon { color:#9a9a98; background:rgba(255,255,255,.06); }
.flow-row.open .receipt-chevron { transform:rotate(180deg); }
.flow-row.open .receipt-details { grid-template-rows:1fr; }
.flow-row .receipt-details dl { grid-template-columns:repeat(3, auto); }
.flow-row .avatar { --badge-ring:var(--card); }
.explain-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; }
.explain-card { background:var(--card); border:1px solid var(--hair); border-radius:20px; padding:20px; transition:border-color .2s, transform .25s var(--ease-out); }
.explain-card:hover { border-color:var(--hair-hover); transform:translateY(-2px); }
.explain-card.wide { grid-column:1 / -1; }
.explain-head { display:flex; align-items:center; gap:10px; }
.explain-head b { font-size:15px; font-weight:700; letter-spacing:-.015em; }
.explain-card p { margin:10px 0 0; color:#8f8f8d; font-size:13px; line-height:1.65; }
@media (max-width:1180px) { .explain-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:820px) {
  .flow-card { overflow-x:auto; }
  .flow-svg, .flow-nodes { min-width:760px; }
  .flow-nodes { width:760px; }
  .explain-grid { grid-template-columns:1fr; }
  .page-capital .twocol .listrow.flow-row { grid-template-columns:minmax(0, 1fr) auto; }
  .flow-row .asset-route { display:none; }
}
.page-capital #incoming .listrow.flow-row { grid-template-columns:auto minmax(0, 1fr) auto; column-gap:14px; }
#incoming .asset-route { order:-1; }
#incoming .asset-route .flow-arrow, #incoming .asset-route .sym:last-child { display:none; }
#incoming .flow-row h3 { font-size:22px; }
.mosaic-owner .owner-mark { width:14px; height:14px; }
.mosaic-owner .verified-badge { width:10px; height:10px; min-width:10px; }
.token-owner .owner-mark { width:20px; height:20px; }

/* ─── Creator profile ─────────────────────────────────────── */
.profile-page { max-width:760px; padding-top:30px; }
.pf-card { background:var(--card); border:1px solid var(--hair); border-radius:24px; overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); --badge-ring:var(--card); }
.pf-banner { height:200px; background:#202020; overflow:hidden; }
.pf-banner img { width:100%; height:100%; object-fit:cover; display:block; animation:bannerIn 1.2s var(--ease-out) both; }
.pf-banner-fallback { filter:blur(40px) saturate(1.3); transform:scale(1.4); opacity:.7; }
@keyframes bannerIn { from { transform:scale(1.06); opacity:.4; } to { transform:none; opacity:1; } }
.pf-banner-fallback { animation:none; }
.pf-top { display:flex; justify-content:space-between; align-items:flex-start; padding:0 22px; }
.pf-avatar { width:124px; height:124px; margin-top:-62px; border-radius:50%; padding:4px; background:var(--card); position:relative; }
.pf-avatar img { width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; outline:1px solid rgba(255,255,255,.12); outline-offset:-1px; }
.pf-yt { display:inline-flex; align-items:center; gap:8px; margin-top:14px; padding:9px 16px; border-radius:999px; border:1px solid var(--hair-2); font-size:13.5px; font-weight:650; transition:background-color .18s, border-color .18s, transform .14s var(--ease-out); }
.pf-yt:hover { background:rgba(255,255,255,.06); border-color:var(--hair-hover); }
.pf-yt:active { transform:scale(.97); }
.pf-yt .brand-icon { width:17px; height:17px; color:#ff0033; }
.pf-body { padding:10px 22px 18px; }
.pf-name { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; font-size:26px; font-weight:750; letter-spacing:-.035em; }
.pf-name .verified-badge { width:20px; height:20px; min-width:20px; color:#bdbdbb; }
.pf-badge { display:inline-flex; align-items:center; gap:6px; padding:3px 9px 3px 4px; border-radius:7px; background:rgba(255,255,255,.07); color:#a5a5a3; font-size:12px; font-weight:600; letter-spacing:0; }
.pf-badge .owner-mark { width:16px; height:16px; }
.pf-unclaimed { padding:3px 9px; border-radius:7px; background:rgba(255,183,68,.1); color:#ffc15c; font-size:12px; font-weight:600; letter-spacing:0; }
.pf-handle { display:flex; align-items:center; gap:8px; color:#7d7d7b; font-size:14px; margin-top:2px; }
.pf-handle .copy-chip { font-size:11px; }
.pf-bio { margin:14px 0 0; color:#dcdcda; font-size:14.5px; line-height:1.55; max-width:620px; }
.pf-stats { display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:14px; color:#7d7d7b; font-size:14px; }
.pf-stats b { color:#f5f5f3; font-size:20px; margin-right:4px; }
.pf-claim { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; padding:16px 18px; border-radius:16px; background:radial-gradient(circle at 90% 20%, rgba(124,77,255,.14), transparent 45%), var(--card-2); border:1px solid var(--hair-2); }
.pf-claim b { display:block; font-size:15px; font-weight:700; }
.pf-claim small { color:#8a8a88; font-size:12.5px; }
.pf-claim .primarybtn { white-space:nowrap; }
.pf-tabs { display:flex; border-bottom:1px solid var(--hair); }
.pf-tab { flex:1; position:relative; display:flex; align-items:center; justify-content:center; gap:6px; padding:15px; border:0; background:none; color:#7d7d7b; font-size:15px; font-weight:600; cursor:pointer; transition:color .18s, background-color .18s; }
.pf-tab:hover { color:#fff; background:rgba(255,255,255,.025); }
.pf-tab.active { color:#fff; }
.pf-tab.active:after { content:""; position:absolute; left:50%; bottom:-1px; width:52px; height:3px; margin-left:-26px; border-radius:3px; background:#f5f5f3; animation:tabLine .35s var(--ease-out); }
.pf-tab .owner-mark { width:16px; height:16px; }
@keyframes tabLine { from { width:0; margin-left:0; } }
.pf-panel { padding:16px 16px 18px; }
.pf-sort.seg { margin:0 0 14px 4px; }
.pf-sort.seg .tab { padding:6px 13px; font-size:13px; }
.pf-list { display:flex; flex-direction:column; gap:10px; }
.pf-row { display:flex; align-items:center; gap:14px; padding:12px 16px 12px 12px; border-radius:16px; background:var(--card-2); border:1px solid var(--hair); --badge-ring:var(--card-2); animation:cardIn .45s var(--ease-out) both; animation-delay:calc(var(--i, 0) * 40ms); transition:border-color .2s, background-color .2s, transform .25s var(--ease-out); }
.pf-row:hover { border-color:var(--hair-hover); background:#212121; transform:translateX(2px); }
.pf-row-id { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.pf-row-id > div { display:flex; align-items:baseline; gap:7px; min-width:0; }
.pf-row-id b { font-size:15px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pf-row-id small { font:10.5px "DM Mono", monospace; color:#6f6f6d; }
.pf-row-id .copy-chip { font-size:10.5px; align-self:flex-start; }
.pf-row-fig { display:flex; gap:16px; align-items:baseline; color:#6f6f6d; font-size:11.5px; white-space:nowrap; }
.pf-row-fig b { color:#f5f5f3; font-size:17px; margin-right:2px; }
.pf-pay { cursor:default; background:var(--card-2); --badge-ring:var(--card-2); grid-template-columns:minmax(0, 1fr) auto 118px; }
.pf-pay .receipt-main > b { font-size:24px; }
.pf-pay .route-swap .owner-mark { width:18px; height:18px; }
.pf-note { text-align:center; }
@media (max-width:820px) {
  .pf-banner { height:130px; }
  .pf-avatar { width:96px; height:96px; margin-top:-48px; }
  .pf-claim { flex-direction:column; align-items:stretch; }
  .pf-row-fig { flex-direction:column; gap:0; align-items:flex-end; }
  .pf-pay .receipt-route { display:none; }
}

/* ─── Claim flow ─────────────────────────────────────────── */
.claim-page { max-width:760px; padding-top:40px; }
.claim-head { text-align:center; margin-bottom:26px; }
.claim-head h1 { font-size:40px; font-weight:700; letter-spacing:-.045em; margin:10px 0 8px; }
.claim-head p { color:#8f8f8d; max-width:560px; margin:0 auto; font-size:15px; line-height:1.6; }
.stepper { display:flex; gap:8px; list-style:none; padding:0; margin:0 0 18px; counter-reset:step; }
.stepper li { flex:1; display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.03); border:1px solid var(--hair); color:#6f6f6d; font-size:13px; font-weight:600; transition:color .2s, border-color .2s, background-color .2s; }
.stepper li:before { counter-increment:step; content:counter(step); width:22px; height:22px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--hair-2); font-size:11px; flex:none; transition:background-color .2s, color .2s; }
.stepper li.active { color:#fff; border-color:var(--hair-hover); background:rgba(255,255,255,.05); }
.stepper li.active:before { background:#f5f5f3; color:#0a0a0a; border-color:#f5f5f3; }
.stepper li.done { color:#bdbdbb; }
.stepper li.done:before { content:"✓"; background:rgba(67,223,141,.15); color:#43df8d; border-color:transparent; }
.cl-card { background:var(--card); border:1px solid var(--hair); border-radius:24px; padding:26px; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); animation:cardIn .35s var(--ease-out); --badge-ring:var(--card); }
.cl-card h2 { margin:0 0 18px; font-size:22px; font-weight:700; letter-spacing:-.03em; }
.cl-search { width:100%; height:50px; }
.cl-results { display:flex; flex-direction:column; gap:2px; margin-top:8px; }
.cl-results .rd-result { border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; width:100%; }
.cl-results .rd-result:hover { background:rgba(255,255,255,.06); }
.cl-results .rd-result em { margin-left:auto; font-style:normal; font-size:14px; color:#f3f3f1; }
.cl-channel { display:flex; align-items:center; gap:14px; margin-top:12px; padding:16px; border-radius:18px; background:var(--card-2); border:1px solid var(--hair-2); --badge-ring:var(--card-2); animation:cardIn .3s var(--ease-out); }
.cl-channel b { display:flex; align-items:center; gap:6px; font-size:17px; font-weight:700; }
.cl-channel small { color:#7d7d7b; font-size:13px; }
.cl-bal { margin-left:auto; text-align:right; }
.cl-bal b { font-size:24px; justify-content:flex-end; }
.cl-actions { display:flex; gap:10px; margin-top:20px; }
.cl-actions > * { flex:1; text-align:center; display:flex; align-items:center; justify-content:center; }
.cl-actions .launch-submit:disabled, .cl-card .launch-submit:disabled { opacity:.35; cursor:not-allowed; box-shadow:none; }
.verify-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:12px; }
.verify-opt { position:relative; display:flex; flex-direction:column; gap:10px; padding:20px; border-radius:18px; background:var(--card-2); border:1px solid var(--hair); }
.verify-opt.primary { border-color:rgba(255,255,255,.28); box-shadow:0 0 0 4px rgba(255,255,255,.03); }
.verify-opt > b { font-size:16px; font-weight:700; }
.verify-opt p { margin:0; color:#8f8f8d; font-size:13px; line-height:1.55; }
.verify-tag { align-self:flex-start; padding:3px 9px; border-radius:999px; background:#f5f5f3; color:#0a0a0a; font-size:11px; font-weight:700; }
.verify-tag.ghost { background:rgba(255,255,255,.08); color:#cfcfcd; }
.code-box { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-radius:14px; background:#0e0e0e; border:1px dashed rgba(255,255,255,.2); }
.code-box code { font:500 24px "DM Mono", monospace; letter-spacing:.08em; color:#fff; }
.code-box .copy-chip { font-family:Inter, sans-serif; font-size:12.5px; font-weight:600; color:#cfcfcd; }
.cl-link { font-size:12.5px; color:#9a9a98; align-self:flex-start; }
.cl-link:hover { color:#fff; }
.cl-status { color:#7a7a78; font-size:12px; min-height:18px; }
.cl-status .ok { color:#43df8d; }
.google-btn { display:flex; align-items:center; justify-content:center; gap:10px; min-height:50px; margin-top:auto; border-radius:12px; border:1px solid var(--hair-2); background:#f5f5f3; color:#1f1f1f; font-size:14px; font-weight:650; cursor:pointer; transition:transform .14s var(--ease-out), box-shadow .2s; }
.google-btn:hover { box-shadow:0 8px 24px rgba(255,255,255,.08); }
.google-btn:active { transform:scale(.97); }
.google-btn:disabled { opacity:.6; cursor:progress; }
.google-btn svg { width:20px; height:20px; }
.verify-opt .launch-submit { margin-top:auto; }
.cl-card .tabs.seg { margin:0 0 18px; }
.soon-pill { display:inline-block; margin-left:4px; padding:1px 7px; border-radius:999px; background:rgba(255,183,68,.12); color:#ffc15c; font-size:10.5px; font-style:normal; font-weight:700; }
.asset-pick { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.asset-pick .currency { display:flex; align-items:center; gap:11px; }
.asset-pick .currency > span:last-child { display:flex; flex-direction:column; }
.wallet-input { padding:4px; background:var(--field); border:1px solid var(--hair); border-radius:12px; }
.wallet-input:focus-within { border-color:rgba(255,255,255,.3); box-shadow:0 0 0 4px rgba(255,255,255,.045); }
.wallet-input input { flex:1; min-height:42px !important; background:transparent !important; border:0 !important; box-shadow:none !important; font:13px "DM Mono", monospace; padding:0 10px !important; color:#f0f0ee; }
.wallet-input button { border:0 !important; background:#f2f2ef !important; color:#0c0c0c !important; border-radius:9px !important; font-weight:650; padding:0 16px; }
#addressHelp.bad { color:#e39494; }
#addressHelp.good { color:#43df8d; }
.soon-card { padding:18px; border-radius:18px; background:var(--card-2); border:1px solid var(--hair); }
.soon-head { display:flex; align-items:center; gap:10px; }
.soon-head b { font-size:15px; font-weight:700; }
.soon-card p { color:#8f8f8d; font-size:13px; line-height:1.55; margin:10px 0 4px; }
.soon-card input:disabled { opacity:.55; }
.soon-card .launch-submit:disabled { opacity:.35; }
.sym-row { display:flex; }
.review-list { margin:0; }
.review-list > div { display:flex; justify-content:space-between; gap:14px; padding:13px 0; border-top:1px solid var(--hair); font-size:14px; }
.review-list dt { color:#7d7d7b; }
.review-list dd { margin:0; font-weight:600; text-align:right; }
.review-list dd b { font-size:20px; }
.cl-done { text-align:center; }
.done-mark { width:64px; height:64px; margin:4px auto 16px; display:grid; place-items:center; border-radius:50%; background:rgba(67,223,141,.12); animation:donePop .6s var(--ease-spring); }
.done-mark svg { width:30px; height:30px; fill:none; stroke:#43df8d; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:30; stroke-dashoffset:30; animation:checkDraw .5s .25s var(--ease-out) forwards; }
@keyframes donePop { from { transform:scale(.4); opacity:0; } to { transform:none; opacity:1; } }
@keyframes checkDraw { to { stroke-dashoffset:0; } }
.cl-done h2 { font-size:28px; margin-bottom:6px; }
.cl-done p { color:#8f8f8d; margin:0 0 18px; }
.done-receipt { display:flex; align-items:center; gap:12px; text-align:left; padding:14px 16px; border-radius:16px; background:var(--card-2); border:1px solid var(--hair); --badge-ring:var(--card-2); }
.done-receipt b { display:block; font-size:16px; font-weight:700; }
.done-receipt small { color:#7d7d7b; font-size:12px; }
.done-receipt .copy-chip { margin-left:auto; }
@media (max-width:820px) {
  .verify-grid, .asset-pick { grid-template-columns:1fr; }
  .stepper li { font-size:0; justify-content:center; }
  .claim-head h1 { font-size:30px; }
}

/* Token page, round 2 */
.tk-profile-link:hover b { text-decoration:underline; text-underline-offset:3px; }
.tk-pending { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.tk-pending-label .owner-mark { width:18px; height:18px; }
.tk-pending-label a { color:#9a9a98; font-weight:400; }
.tk-pending-label a:hover { color:#fff; }
.tk-contrib { color:#7a7a78; font-size:13px; }
.tk-contrib b { color:#f3f3f1; font-size:15px; }
.tk-contrib span { color:#6a6a68; font-weight:600; }
.tk-state { display:inline-block; margin-top:10px; padding:6px 12px; border-radius:999px; border:1px solid var(--hair-2); font-size:13px; font-weight:650; }
.tk-next { width:330px; flex:none; padding:14px 16px; border-radius:16px; background:#222; border:1px solid var(--hair-2); box-shadow:0 18px 40px rgba(0,0,0,.35); animation:receiptFloat 5s ease-in-out infinite; --badge-ring:#222; }
.tk-next-top { display:flex; align-items:center; justify-content:space-between; }
.tk-next-top b { font-size:26px; }
.tk-next-avs { display:flex; align-items:center; }
.tk-next-avs .owner-mark { width:22px; height:22px; margin-right:-6px; z-index:1; box-shadow:0 0 0 2px #222; }
.tk-next-for { display:flex; align-items:center; gap:5px; color:#8a8a88; font-size:13px; }
.tk-next-for b { color:#f3f3f1; font-weight:700; }
.tk-next-for .verified-badge { width:13px; height:13px; min-width:13px; }
.tk-next-foot { display:flex; justify-content:space-between; margin-top:2px; color:#6f6f6d; font-size:12px; }
.tk-next-foot a { color:#ffc15c; font-weight:650; }
.tk-tabs { display:flex; gap:8px; margin-bottom:14px; }
.tk-tab { display:inline-flex; align-items:center; gap:7px; padding:9px 15px; border-radius:999px; border:1px solid var(--hair-2); background:transparent; color:#8a8a88; font-size:13.5px; font-weight:650; cursor:pointer; transition:background-color .18s, color .18s, border-color .18s, transform .14s var(--ease-out); }
.tk-tab:hover { color:#fff; }
.tk-tab:active { transform:scale(.97); }
.tk-tab.active { background:rgba(255,255,255,.08); color:#fff; border-color:var(--hair-hover); }
.tk-tab .owner-mark { width:17px; height:17px; }
.tk-tab svg { width:15px; height:15px; fill:none; stroke:#43df8d; stroke-width:2; stroke-linecap:round; }
.tk-tab em { font-style:normal; color:#7a7a78; font-weight:600; }
.receipt-route .route-swap .owner-mark { width:20px; height:20px; }
@media (max-width:820px) { .tk-pending { flex-direction:column; align-items:stretch; } .tk-next { width:auto; } }

/* ─── Logo studio ─────────────────────────────────────────── */
.logo-page { max-width:1240px; }
.logo-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; }
.lg-card { background:var(--card); border:1px solid var(--hair); border-radius:24px; overflow:hidden; transition:border-color .2s, box-shadow .2s; }
.lg-card:hover { border-color:var(--hair-hover); }
.lg-card.previewing { border-color:rgba(255,59,59,.6); box-shadow:0 0 0 4px rgba(255,59,59,.08); }
.lg-stage { display:grid; grid-template-columns:1.6fr 1fr; height:230px; }
.lg-dark { display:flex; align-items:center; justify-content:center; gap:18px; background:radial-gradient(circle at 30% 20%, #1b1b1b, #0a0a0a 70%); }
.lg-dark svg { filter:drop-shadow(0 18px 30px rgba(0,0,0,.6)); transition:transform .5s var(--ease-spring); }
.lg-card:hover .lg-dark svg { transform:rotate(-4deg) scale(1.04); }
.lg-word { font-size:30px; font-weight:800; letter-spacing:-.05em; }
.lg-word i { font-style:normal; color:#f4f4f2; }
.lg-word b { color:#ff3b3b; }
.lg-light { display:grid; place-items:center; background:#ececea; }
.lg-light svg { filter:drop-shadow(0 10px 20px rgba(0,0,0,.18)); }
.lg-info { display:flex; flex-direction:column; gap:14px; padding:18px 20px 20px; }
.lg-info b { font-size:17px; font-weight:700; letter-spacing:-.02em; }
.lg-info p { margin:4px 0 0; color:#8f8f8d; font-size:13px; line-height:1.55; }
.lg-sizes { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.lg-sizes > span:not(.lg-pill) { display:grid; place-items:center; }
.lg-pill { display:inline-flex; align-items:center; gap:6px; margin-left:auto; padding:4px 11px 4px 4px; border-radius:999px; background:rgba(10,10,10,.9); border:1px solid var(--hair-2); font-size:12px; font-weight:700; }
.lg-pill img { width:20px; height:20px; border-radius:50%; object-fit:cover; }
.lg-pill .verified-badge { width:12px; height:12px; min-width:12px; }
.lg-round { display:inline-grid; border-radius:50%; overflow:hidden; }
.lg-try { align-self:flex-start; padding:9px 16px; font-size:13px; cursor:pointer; }
@media (max-width:1050px) { .logo-grid { grid-template-columns:1fr; } }
.lg-round { display:inline-block; flex:none; line-height:0; }
.lg-round svg { width:100%; height:100%; transform:scale(1.22); }
.doc-inline{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cl-actions a, .cl-actions button { font-size:14px; font-weight:650; min-height:50px; }
[hidden] { display:none !important; }

/* Home Explore panel: staggered field of full token cards */
.tile-field {
  --col:188px;           /* card 176 + gap 12 */
  --row:262px;           /* card height + gap */
  --tile-w:calc(var(--col) * 6);
  --tile-h:calc(var(--row) * 4);
  position:absolute;
  top:0;
  left:0;
  display:grid;
  grid-template-columns:repeat(18, 176px);
  grid-auto-rows:250px;
  gap:12px;
  transform:translate3d(calc(var(--tile-w) * -1), calc(var(--row) * -.5), 0);
  will-change:transform;
}
.explore-feature.motion-active .tile-field { animation:tilePan 108s linear infinite; }
@keyframes tilePan {
  from { transform:translate3d(calc(var(--tile-w) * -1), calc(var(--row) * -.5), 0); }
  to { transform:translate3d(0, calc(var(--tile-h) * -1 - var(--row) * .5), 0); }
}
.tile-field > .token-card.stag { transform:translateY(calc(var(--row) * .5)); }
.token-card.tc-mini { width:176px; height:250px; padding:7px 7px 10px; border-radius:16px; pointer-events:none; }
.tc-mini .token-image { height:162px; border-radius:11px; }
.tc-mini .token-owner { left:13px; top:142px; padding:3px 8px 3px 3px; gap:4px; max-width:152px; }
.tc-mini .token-owner img { width:18px; height:18px; }
.tc-mini .token-owner .owner-mark { width:16px; height:16px; }
.tc-mini .token-owner span:not(.owner-mark) { font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tc-mini .token-owner .verified-badge { width:11px; height:11px; min-width:11px; }
.tc-mini h3 { font-size:13px; margin:10px 3px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tc-mini > small { font-size:9.5px; margin-left:3px; }
.tc-mini .cardstats { margin:6px 3px 0; font-size:12px; gap:9px; }
.tc-mini .cardstats span small { font-size:9.5px; }
.tc-mini .token-type { font-size:9.5px; padding:2px 7px; }
.explore-feature .mosaic-frame {
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 12%, #000 72%, transparent 94%), linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%);
  mask-image:linear-gradient(to bottom, transparent 0, #000 12%, #000 72%, transparent 94%), linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%);
}
@media (prefers-reduced-motion:reduce) { .tile-field { animation:none !important; } }

/* Creator-fee live chart */
.fee-chart { position:absolute; left:0; right:0; bottom:56px; height:128px; -webkit-mask-image:linear-gradient(to right, transparent 0, #000 18%, #000 100%); mask-image:linear-gradient(to right, transparent 0, #000 18%, #000 100%); }
.fee-svg { position:absolute; inset:0; width:calc(100% - 26px); height:100%; overflow:visible; }
.fee-grid line { stroke:rgba(255,255,255,.05); stroke-width:1; stroke-dasharray:2 6; vector-effect:non-scaling-stroke; }
.fee-line { fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 6px rgba(124,77,255,.35)); }
.fee-dot { position:absolute; right:26px; width:10px; height:10px; margin:-5px -5px 0 0; border-radius:50%; background:#7c4dff; box-shadow:0 0 0 3px rgba(124,77,255,.22), 0 0 16px rgba(124,77,255,.8); transition:top .9s cubic-bezier(.22,1,.36,1); }
.fee-dot:after { content:""; position:absolute; inset:-6px; border-radius:50%; border:1.5px solid rgba(124,77,255,.55); animation:ringOut 1.8s ease-out infinite; }
@keyframes ringOut { from { transform:scale(.5); opacity:1; } to { transform:scale(2.2); opacity:0; } }
.fee-tag { position:absolute; right:36px; top:6px; padding:3px 8px; border-radius:999px; background:rgba(67,223,141,.12); color:#5ee9a0; font:600 11px Inter, sans-serif; font-variant-numeric:tabular-nums; opacity:0; }
.fee-tag.pop { animation:tagUp 2.2s var(--ease-out) both; }
@keyframes tagUp { 0% { opacity:0; transform:translateY(8px); } 15%, 60% { opacity:1; transform:none; } 100% { opacity:0; transform:translateY(-6px); } }
@media (prefers-reduced-motion:reduce) { .fee-dot:after, .fee-tag.pop { animation:none !important; } }
.asset-pick { grid-template-columns:repeat(3, 1fr); margin-bottom:6px; }
.asset-note { margin:-6px 0 0 2px; color:#7a7a78; font-size:12.5px; }
@media (max-width:820px) { .asset-pick { grid-template-columns:1fr; } }

/* ─── Brand studio ───────────────────────────────────────── */
.brand-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; }
.br-card { background:var(--card); border:1px solid var(--hair); border-radius:24px; overflow:hidden; transition:border-color .2s, box-shadow .25s; }
.br-card:hover { border-color:var(--hair-hover); }
.br-card.previewing { border-color:var(--ink); box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 18%, transparent); }
.br-stage { display:grid; grid-template-columns:1fr 1fr; min-height:220px; background:radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--bg) 22%, transparent), transparent 60%), #0c0c0c; }
.br-lockup { display:flex; align-items:center; justify-content:center; gap:14px; padding:24px; }
.br-lockup .br-icon { filter:drop-shadow(0 16px 30px color-mix(in srgb, var(--bg) 35%, transparent)); transition:transform .5s var(--ease-spring); }
.br-card:hover .br-lockup .br-icon { transform:rotate(-5deg) scale(1.05); }
.br-word { font-size:31px; font-weight:800; letter-spacing:-.055em; color:#f5f5f3; }
.br-phone { display:flex; flex-direction:column; justify-content:center; gap:12px; padding:22px 22px 22px 0; }
.br-notif { display:flex; gap:10px; padding:11px 12px; border-radius:18px; background:rgba(40,40,40,.85); border:1px solid var(--hair-2); backdrop-filter:blur(12px); box-shadow:0 14px 30px rgba(0,0,0,.4); animation:notifDrop 3.2s var(--ease-out) infinite; }
.br-notif > svg { flex:none; border-radius:9px; }
.br-notif > div { min-width:0; flex:1; }
.br-notif-top { display:flex; justify-content:space-between; font-size:12px; }
.br-notif-top b { font-weight:700; }
.br-notif-top span { color:#7d7d7b; }
.br-notif p { margin:1px 0 0; font-size:12.5px; color:#e6e6e4; }
.br-notif p b { font-weight:700; color:#fff; }
.br-notif small { color:#8a8a88; font-size:11px; }
@keyframes notifDrop { 0% { opacity:0; transform:translateY(-10px) scale(.97); } 12%, 82% { opacity:1; transform:none; } 100% { opacity:0; transform:translateY(-4px); } }
.br-pill { display:inline-flex; align-self:flex-start; align-items:center; gap:6px; padding:4px 11px 4px 4px; border-radius:999px; background:rgba(10,10,10,.9); border:1px solid var(--hair-2); font-size:12px; font-weight:700; }
.br-pill img { width:20px; height:20px; border-radius:50%; object-fit:cover; }
.br-pill .verified-badge { width:12px; height:12px; min-width:12px; }
.br-pill em { font-style:normal; color:var(--ink); margin-left:4px; font-variant-numeric:tabular-nums; }
.br-dot { display:grid; line-height:0; }
.br-info { padding:18px 20px 20px; display:flex; flex-direction:column; gap:10px; }
.br-title { display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.br-title b { font-size:19px; font-weight:750; letter-spacing:-.025em; }
.br-domain { font:12px "DM Mono", monospace; color:var(--ink); padding:3px 9px; border-radius:999px; background:color-mix(in srgb, var(--ink) 12%, transparent); }
.br-info p { margin:0; color:#8f8f8d; font-size:13px; line-height:1.55; }
.br-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:4px; }
.br-sizes { display:flex; align-items:center; gap:12px; }
.br-try { padding:9px 16px; font-size:13px; cursor:pointer; }
.br-side-word { font-size:21px; font-weight:800; letter-spacing:-.055em; color:#f5f5f3; }
.brand-note { margin-top:18px; }
@media (max-width:1180px) { .brand-grid { grid-template-columns:1fr; } }
@media (max-width:640px) { .br-stage { grid-template-columns:1fr; } .br-phone { padding:0 18px 20px; } }

/* pump.fun pill sits inside its circle with breathing room, like pons */
img[src$="pump.png"] { box-sizing:border-box; padding:21% !important; object-fit:contain !important; background:#0b0b0b; }
.avatar-badge img[src$="pump.png"], .coin-venue img[src$="pump.png"] { padding:17% !important; }
.chip img[src$="pump.png"], .venue-logo img[src$="pump.png"] { padding:19% !important; border-radius:50%; }

/* ─── Capital Flow, round 3: money river + aligned rows ───── */
.river-card { position:relative; margin:4px 0 22px; padding:24px 24px 18px; background:var(--card); border:1px solid var(--hair); border-radius:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); overflow:hidden; }
.stage-row { display:grid; grid-template-columns:repeat(5, 1fr); }
.stage { display:flex; flex-direction:column; align-items:center; text-align:center; gap:3px; padding:10px 6px 12px; border-radius:16px; transition:background-color .35s, transform .35s var(--ease-out); }
.stage.lit { background:rgba(255,255,255,.045); transform:translateY(-2px); }
.stage-icons { display:flex; margin-bottom:7px; }
.stage-icons .sym + .sym { margin-left:-10px; box-shadow:0 0 0 3px var(--card); }
.stage .sym { transition:transform .45s var(--ease-spring), box-shadow .35s; }
.stage.lit .sym { transform:scale(1.1); box-shadow:0 0 0 1px rgba(255,255,255,.2), 0 0 22px rgba(255,255,255,.12); }
.stage b { font-size:13.5px; font-weight:700; letter-spacing:-.01em; }
.stage small { color:#7a7a78; font-size:11.5px; }
.stage small em { font-style:normal; color:#5ee9a0; font-weight:650; }
.river { display:block; width:100%; height:auto; margin-top:4px; }
.rv-base { fill:rgba(255,255,255,.07); }
.rv-base.creator { fill:url(#creatorBase); }
.rv-base.reserve { fill:rgba(255,193,92,.2); }
.rv-nodes rect { fill:#f4f4f2; }
.rv-nodes rect.gold { fill:#ffc15c; }
.rv-pct { fill:#e9e9e7; font:700 13px Inter, sans-serif; }
.rv-pct.gold { fill:#ffc15c; }
.reserve-tag { position:absolute; left:calc(60% + 34px); bottom:22px; display:flex; align-items:center; gap:10px; }
.reserve-tag b { display:block; font-size:13px; font-weight:700; }
.reserve-tag small { color:#7a7a78; font-size:11.5px; }
.reserve-tag em { font-style:normal; color:#ffc15c; font-weight:650; }
.capital-lists { display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr); gap:22px; align-items:start; }
.page-capital .receipt-row.flow-row { grid-template-columns:minmax(0, 1fr) 128px 132px; min-height:88px; padding:15px 18px; }
.flow-row .receipt-route { justify-content:center; gap:8px; }
.flow-row .receipt-route .sym { box-shadow:0 0 0 1px rgba(255,255,255,.1); }
.flow-row .receipt-main > b { font-size:24px; }
.flow-row .receipt-main span { font-size:12.5px; }
.flow-row .receipt-end { grid-template-columns:1fr 26px 18px; }
.flow-row .receipt-details dl { grid-template-columns:repeat(3, auto); }
.flow-row.open .receipt-chevron { transform:rotate(180deg); }
.flow-row.open .receipt-details { grid-template-rows:1fr; }
.flow-row .avatar { --badge-ring:var(--card); }
.flow-row:hover .avatar { --badge-ring:#1a1a1a; }
@media (max-width:1180px) { .capital-lists { grid-template-columns:1fr; } }
@media (max-width:820px) {
  .river-card { overflow-x:auto; }
  .stage-row, .river { min-width:720px; }
  .reserve-tag { position:static; margin-top:10px; }
  .page-capital .receipt-row.flow-row { grid-template-columns:minmax(0, 1fr) 118px; }
  .flow-row .receipt-route { display:none; }
}
.flow-row .receipt-status { justify-self:end; min-width:84px; text-align:center; }
.receipt-row .receipt-status { min-width:84px; text-align:center; }
.br-group { grid-column:1 / -1; margin:14px 0 -2px; font-size:13px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#7a7a78; }
.br-group:first-child { margin-top:0; }
.river-note { position:absolute; left:24px; bottom:22px; max-width:calc(60% - 40px); margin:0; color:#7a7a78; font-size:12px; line-height:1.55; }
@media (max-width:820px) { .river-note { position:static; max-width:none; margin-top:12px; } }
.tk-state.auto { border-color:rgba(67,223,141,.35); color:#5ee9a0; }
.tk-dest { display:inline-block; margin:10px 0 0 8px; font:11.5px "DM Mono", monospace; color:#7a7a78; }
.pf-auto { padding:3px 9px; border-radius:7px; background:rgba(67,223,141,.1); color:#5ee9a0; font-size:12px; font-weight:600; letter-spacing:0; }
.pf-claim.auto { background:radial-gradient(circle at 90% 20%, rgba(67,223,141,.12), transparent 45%), var(--card-2); }
.pf-claim .mono { font-family:"DM Mono", monospace; color:#cfcfcd; }
.pf-claim .ghostbtn { white-space:nowrap; padding:11px 16px; font-size:13px; }
.cl-channel { flex-wrap:wrap; }
.cl-auto { flex-basis:100%; margin:4px 0 0; padding-top:12px; border-top:1px solid var(--hair); color:#8f8f8d; font-size:12.5px; line-height:1.5; }
.river-note { position:static; max-width:calc(60% - 30px); margin:10px 0 2px; }

/* Launch: fee route summary */
.route-summary { margin:22px 0 20px; padding:16px 18px 14px; border-radius:16px; background:var(--card-2); border:1px solid var(--hair); }
.rs-steps { display:grid; grid-template-columns:minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr); align-items:center; gap:10px; }
.rs-step { display:flex; align-items:center; gap:10px; min-width:0; }
.rs-step > div { min-width:0; display:flex; flex-direction:column; }
.rs-step small { color:#7a7a78; font-size:11px; }
.rs-step b { font-size:13px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rs-icon { display:grid; flex:none; }
.rs-avatar { width:36px; height:36px; border-radius:50%; object-fit:cover; outline:1px solid rgba(255,255,255,.12); outline-offset:-1px; animation:cardIn .35s var(--ease-out); }
.rs-arrow { display:grid; place-items:center; color:#5c5c5a; }
.rs-arrow svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.rs-split { display:flex; gap:3px; height:6px; margin-top:16px; border-radius:99px; overflow:hidden; }
.rs-split span:first-child { flex:80; background:linear-gradient(90deg, #2fbf71, #43df8d); border-radius:99px 0 0 99px; }
.rs-split span:last-child { flex:20; background:#ffc15c; border-radius:0 99px 99px 0; }
.rs-split-labels { display:flex; justify-content:space-between; margin-top:7px; color:#8a8a88; font-size:11.5px; }
.rs-split-labels span { display:flex; align-items:center; gap:6px; }
.rs-split-labels i { width:7px; height:7px; border-radius:50%; background:#43df8d; }
.rs-split-labels span:last-child i { background:#ffc15c; }
@media (max-width:820px) { .rs-steps { grid-template-columns:1fr; } .rs-arrow { transform:rotate(90deg); justify-self:start; margin-left:10px; } }

/* Capital Flow river, round 4: one synced, softer light */
.stage { transition:background-color .7s ease, box-shadow .7s ease; }
.stage.lit { transform:none; background:rgba(255,255,255,.035); box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); }
.stage .sym { transition:transform .8s var(--ease-out), box-shadow .8s ease; }
.stage.lit .sym { transform:scale(1.06); box-shadow:0 0 0 1px rgba(255,255,255,.18), 0 0 26px rgba(255,255,255,.1); }
.rv-base { fill:rgba(255,255,255,.055); }
.rv-base.reserve { fill:rgba(255,193,92,.16); }
.rv-nodes rect { fill:#f4f4f2; opacity:.22; transition:opacity .7s ease; }
.rv-nodes rect.lit { opacity:.85; }
.rv-nodes rect.gold { fill:#ffc15c; }
.rv-pct { font-weight:600; font-size:12px; fill:rgba(233,233,231,.8); }
.reserve-tag .sym { transition:box-shadow .8s ease, transform .8s var(--ease-out); }
.reserve-tag.lit .sym { transform:scale(1.06); box-shadow:0 0 0 1px rgba(255,193,92,.35), 0 0 24px rgba(255,193,92,.18); }
.receipt-status.donated { color:#ff8fab; background:rgba(255,61,110,.12); }
.receipt-status.held { color:#ffc15c; background:rgba(255,183,68,.1); }

/* ─── LivePaid round: hero, marks, cards ───────────────────── */
.homehero { padding-top:30px; }
.homehero h1 .yt-word {
  display:inline-flex;
  align-items:baseline;
  color:#f5f5f3;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  animation:none;
}
.homehero h1 .yt-word b {
  position:relative;
  margin-left:.06em;
  padding:0 .16em .04em;
  border-radius:.2em;
  background:#ff0033;
  color:#fff;
  font-weight:inherit;
  box-shadow:inset 0 -.06em 0 rgba(0,0,0,.18), 0 .12em .5em rgba(255,0,51,.28);
  overflow:hidden;
}
.homehero h1 .yt-word b:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg, transparent 35%, rgba(255,255,255,.28) 50%, transparent 65%);
  transform:translateX(-120%);
  animation:ytSheen 6s var(--ease-out) infinite;
}
@keyframes ytSheen { 0%, 55% { transform:translateX(-120%); } 85%, 100% { transform:translateX(120%); } }
.homehero p { line-height:1.9; }
.venue-pill { display:inline-flex; align-items:center; gap:7px; margin:0 2px; padding:2px 12px 2px 3px; border-radius:999px; border:1px solid var(--hair-2); background:rgba(255,255,255,.04); color:#f0f0ee; font-weight:600; vertical-align:middle; line-height:1.6; }
.venue-pill img { width:24px; height:24px; border-radius:50%; object-fit:cover; background:#0b0b0b; }
.mini-mark { overflow:hidden; padding:0; border:0; background:none; }
.mini-mark svg { width:100%; height:100%; display:block; }
.route-swap .owner-mark svg, .owner-mark svg { width:100%; height:100%; stroke:none; }
.route-swap .owner-mark svg path[stroke] { stroke:#fff; }
@media (prefers-reduced-motion:reduce) { .homehero h1 .yt-word b:after { animation:none; } }
/* Coin cards: MC and Sent share one row */
.coin-stats { flex-wrap:nowrap; gap:10px; white-space:nowrap; }
.coin-stats b { font-size:14.5px; }
/* All launches: five per row */
.coin-grid { grid-template-columns:repeat(5, minmax(0, 1fr)); }
@media (max-width:1180px) { .coin-grid { grid-template-columns:repeat(4, minmax(0, 1fr)); } }
@media (max-width:900px) { .coin-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (max-width:640px) { .coin-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } .coin-stats { flex-wrap:wrap; gap:2px 10px; } }
/* Launch currency: small rounded pills, like the venue pills */
.page-launch .currency-options { display:flex; flex-wrap:wrap; gap:8px; }
.page-launch .currency-options .currency { display:inline-flex; align-items:center; gap:9px; width:auto; min-height:0; padding:5px 16px 5px 5px; border-radius:999px; background:transparent; border:1px solid var(--hair-2); color:#9a9a98; box-shadow:none; }
.page-launch .currency-options .currency small { display:none; }
.page-launch .currency-options .currency b { font-size:14px; font-weight:650; }
.page-launch .currency-options .currency:hover { background:rgba(255,255,255,.04); color:#eee; border-color:var(--hair-hover); }
.page-launch .currency-options .currency.active { background:#262626; color:#fff; border-color:rgba(255,255,255,.55); box-shadow:0 0 0 3px rgba(255,255,255,.04); }

/* Capital Flow, round 5: coins travel through the split */
.drop-card { margin:4px 0 22px; padding:14px 24px 18px; background:var(--card); border:1px solid var(--hair); border-radius:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.drop-stage { position:relative; height:320px; }
.drop-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.drop-lines .dl { fill:none; stroke:rgba(255,255,255,.1); stroke-width:1.5; }
.drop-lines .dl.donate, .drop-lines .dl.held { stroke:rgba(67,223,141,.22); }
.drop-lines .dl.reserve { stroke:rgba(255,193,92,.25); }
.drop-node { position:absolute; left:var(--x); top:var(--y); transform:translate(-50%, -50%); display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px; z-index:2; }
.drop-node b { margin-top:8px; font-size:13.5px; font-weight:700; letter-spacing:-.01em; }
.drop-node small { color:#7a7a78; font-size:11.5px; }
.drop-node small em { font-style:normal; color:#5ee9a0; font-weight:650; }
.drop-node.reserve small em { color:#ffc15c; }
.drop-node.dst { flex-direction:row; text-align:left; gap:12px; transform:translate(-22px, -50%); }
.drop-node.dst b { margin-top:0; }
.drop-node.dst > div { display:flex; flex-direction:column; }
.drop-icon { display:flex; border-radius:50%; }
.drop-icon .sym + .sym { margin-left:-10px; box-shadow:0 0 0 3px var(--card); }
.hub-mark { box-shadow:0 0 0 8px rgba(124,77,255,.08), 0 0 40px rgba(124,77,255,.25); }
.coin-layer { position:absolute; inset:0; pointer-events:none; z-index:1; }
.drop-coin { position:absolute; left:0; top:0; width:18px; height:18px; margin:-9px 0 0 -9px; offset-rotate:0deg; offset-anchor:50% 50%; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle at 35% 30%, #9ff7c6, #2fbf71 70%); box-shadow:0 0 0 1px rgba(255,255,255,.25), 0 0 14px rgba(67,223,141,.6); }
.drop-coin.reserve { background:radial-gradient(circle at 35% 30%, #ffe3a8, #f0a830 70%); box-shadow:0 0 0 1px rgba(255,255,255,.25), 0 0 14px rgba(255,193,92,.55); }
.drop-coin i { font:800 10px Inter, sans-serif; font-style:normal; color:#0a2a18; }
.drop-coin.reserve i { color:#3a2600; }
@media (max-width:820px) { .drop-card { overflow-x:auto; } .drop-stage { min-width:720px; } }
/* pump.fun uses a pre-padded badge image now; neutralise the old percentage padding */
img[src$="pump.png"], img[src$="pump-badge.png"], img[src$="pump-badge.webp"] { padding:0 !important; object-fit:cover !important; background:#0b0b0b; }
.fee-dot { display:none; }
/* Launch preview receipt, rebuilt */
.launch-receipt { padding:16px 18px; }
.launch-receipt > .lr-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.lr-amount { font-size:28px; letter-spacing:-.04em; }
.lr-icons { display:flex; align-items:center; }
.lr-icons .venue-logo { width:30px !important; height:30px !important; border-radius:50%; box-shadow:0 0 0 2px #262626; }
.lr-icons .lr-mark { width:30px; height:30px; margin-left:-8px; box-shadow:0 0 0 2px #262626; }
.lr-line { margin:2px 0 0 !important; font-size:13.5px !important; color:#9a9a98; }
.lr-line b { color:#f5f5f3; font-weight:700; }
.lr-foot { display:flex; justify-content:space-between; margin-top:8px; color:#7a7a78; font-size:12px; }
.receipt-status .pill-yt { width:15px; height:15px; margin-left:3px; vertical-align:-3px; color:#ff0033; }
.receipt-status.donated { color:#e9e9e7; background:rgba(255,255,255,.08); }

/* Home: Top Tokens + Top Profiles side by side */
.top-split { display:grid; grid-template-columns:minmax(0, 1fr) 380px; gap:28px; align-items:start; }
.ts-head { display:flex; align-items:center; gap:14px; margin-bottom:16px; min-height:40px; }
.ts-head h2 { margin:0; font-size:29px; font-weight:650; letter-spacing:-.04em; display:flex; align-items:center; gap:8px; }
.ts-head .pager { margin-left:auto; }
.ts-venue.seg { margin:0; padding:3px; }
.ts-venue.seg .tab { display:inline-flex; align-items:center; gap:6px; padding:5px 12px 5px 6px; font-size:12.5px; }
.ts-venue.seg .tab:last-child { padding-left:12px; }
.ts-venue img { width:20px; height:20px; border-radius:50%; object-fit:cover; background:#0b0b0b; }
.ts-yt-icon { width:30px; height:30px; color:#ff0033; }
.ts-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px; }
.ts-card .coin-stats b { font-size:17px; }
.ts-profiles { display:flex; flex-direction:column; gap:14px; }
.ts-profile { display:block; background:var(--card); border:1px solid var(--hair); border-radius:20px; overflow:hidden; animation:cardIn .45s var(--ease-out) both; animation-delay:calc(var(--i) * 60ms); transition:border-color .2s, transform .3s var(--ease-out); }
.ts-profile:hover { border-color:var(--hair-hover); transform:translateY(-2px); }
.tsp-banner { height:96px; background:#202020; overflow:hidden; }
.tsp-banner img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease-out); }
.ts-profile:hover .tsp-banner img { transform:scale(1.04); }
.tsp-body { position:relative; padding:0 18px 16px; }
.tsp-avatar { width:64px; height:64px; margin-top:-32px; border-radius:50%; object-fit:cover; border:3px solid var(--card); background:var(--card); }
.tsp-name { display:flex; align-items:center; gap:6px; margin-top:4px; }
.tsp-name b { font-size:18px; font-weight:750; letter-spacing:-.02em; }
.tsp-name .verified-badge { width:16px; height:16px; min-width:16px; }
.tsp-body > small { color:#7a7a78; font-size:13px; }
.tsp-badge { display:inline-flex; align-items:center; gap:6px; margin-top:10px; padding:3px 9px 3px 4px; border-radius:7px; background:rgba(255,255,255,.06); color:#a5a5a3; font-size:12px; font-weight:600; }
.tsp-badge .owner-mark { width:16px; height:16px; }
.tsp-stats { display:flex; gap:18px; margin-top:12px; color:#7a7a78; font-size:13px; }
.tsp-stats b { color:#f5f5f3; font-size:17px; margin-right:3px; }
@media (max-width:1280px) { .top-split { grid-template-columns:1fr; } .ts-profiles { display:grid; grid-template-columns:repeat(3, 1fr); } }
@media (max-width:1050px) { .ts-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (max-width:820px) { .ts-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } .ts-profiles { grid-template-columns:1fr; } .ts-head { flex-wrap:wrap; } }
/* Explore, usepaid-style */
.ex-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:34px 36px; margin-bottom:34px; border-radius:24px; background:radial-gradient(circle at 85% 0%, rgba(124,77,255,.1), transparent 45%), var(--card); border:1px solid var(--hair); }
.ex-hero h1 { margin:0 0 12px; font-size:36px; font-weight:650; letter-spacing:-.045em; }
.ex-hero p { margin:0; max-width:680px; color:#8f8f8d; font-size:15px; line-height:1.7; }
.ex-hero .primarybtn { white-space:nowrap; }
.ex-block { margin-bottom:34px; }
.ex-block .sectiontitle h2 { font-size:22px; }
.explore-page .launch-filters { flex-wrap:wrap; }
.explore-page .launch-filters .tabs.seg { margin:0; }
.explore-page .address-search { min-width:240px; }
@media (max-width:820px) { .ex-hero { flex-direction:column; padding:24px; } }

/* Capital Flow, round 6: fee tickets that split 80 / 20 */
.split-card { margin:4px 0 22px; padding:18px 24px 18px; background:radial-gradient(circle at 50% 50%, rgba(124,77,255,.06), transparent 40%), var(--card); border:1px solid var(--hair); border-radius:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.split-stage { position:relative; height:330px; overflow:hidden; }
.sp-col { position:absolute; display:flex; flex-direction:column; gap:2px; }
.sp-in { left:6%; top:20px; }
.sp-out { left:62%; }
.sp-out.top { top:14px; }
.sp-out.bottom { top:52%; }
.sp-kicker { font-size:13px; font-weight:700; letter-spacing:-.01em; color:#f0f0ee; }
.sp-kicker.gold { color:#ffc15c; }
.sp-sub { color:#7a7a78; font-size:12px; }
.sp-sub em { font-style:normal; color:#5ee9a0; font-weight:650; }
.sp-sub em.gold { color:#ffc15c; }
.sp-line { position:absolute; left:50%; top:10px; bottom:10px; width:2px; margin-left:-1px; background:repeating-linear-gradient(to bottom, rgba(124,77,255,.7) 0 6px, transparent 6px 12px); opacity:.55; }
.sp-mark { position:absolute; left:50%; top:50%; width:44px; height:44px; margin:-22px 0 0 -22px; border-radius:50%; box-shadow:0 0 0 6px var(--card), 0 0 30px rgba(124,77,255,.35); display:block; }
.sp-mark svg { width:100%; height:100%; display:block; }
.sp-ratio { position:absolute; left:50%; top:calc(50% + 34px); transform:translateX(-50%); white-space:nowrap; font:600 11px Inter, sans-serif; color:#9a9a98; background:var(--card); padding:2px 6px; border-radius:6px; }
.sp-layer { position:absolute; inset:0; pointer-events:none; }
.fee-ticket, .fee-piece { position:absolute; left:0; top:0; display:flex; align-items:center; gap:10px; height:62px; border-radius:14px; background:#222; border:1px solid var(--hair-2); box-shadow:0 14px 30px rgba(0,0,0,.4); will-change:transform; }
.fee-ticket { width:250px; padding:0 14px 0 10px; }
.fee-ticket img, .fee-piece img { width:40px; height:40px; border-radius:10px; object-fit:cover; flex:none; }
.fee-piece img { border-radius:50%; }
.fee-ticket span, .fee-piece span { display:flex; flex-direction:column; min-width:0; flex:1; }
.fee-ticket b, .fee-piece b { font-size:13px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fee-ticket small, .fee-piece small { color:#7a7a78; font-size:11.5px; display:flex; align-items:center; gap:4px; }
.fee-ticket em, .fee-piece em { font-style:normal; font-size:15px; }
.fee-piece.creator { width:236px; padding:0 14px 0 10px; border-left:3px solid #43df8d; background:linear-gradient(90deg, rgba(67,223,141,.08), transparent 40%), #222; }
.fee-piece.reserve { width:118px; height:52px; padding:0 12px 0 8px; gap:8px; border-left:3px solid #ffc15c; background:linear-gradient(90deg, rgba(255,193,92,.1), transparent 60%), #222; }
.fee-piece.reserve em { font-size:13px; color:#ffc15c; }
.rp-mark { width:26px !important; height:26px; flex:none !important; }
.rp-mark svg { width:100%; height:100%; display:block; }
.sp-yt { width:14px; height:14px; color:#ff0033; }
@media (max-width:820px) { .split-card { overflow-x:auto; } .split-stage { min-width:760px; } }
.sp-line { opacity:1; background:repeating-linear-gradient(to bottom, rgba(124,77,255,.45) 0 6px, transparent 6px 12px); }
.tsp-body > small { display:block; }
/* Trailer */
.trailer-pill { display:inline-flex; align-items:center; gap:10px; margin-top:18px; padding:5px 16px 5px 5px; border-radius:999px; border:1px solid var(--hair-2); background:rgba(255,255,255,.03); color:#e9e9e7; font:600 13px Inter, sans-serif; cursor:pointer; transition:background-color .18s, border-color .18s, transform .14s var(--ease-out); }
.trailer-pill:hover { background:rgba(255,255,255,.07); border-color:var(--hair-hover); }
.trailer-pill:active { transform:scale(.97); }
.tp-thumb { position:relative; width:52px; height:30px; border-radius:999px; overflow:hidden; display:block; }
.tp-thumb img { width:100%; height:100%; object-fit:cover; }
.tp-thumb i { position:absolute; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.35); }
.tp-thumb svg { width:14px; height:14px; fill:#fff; }
.trailer-dialog { width:min(1100px, calc(100vw - 32px)); padding:0; border:1px solid var(--hair-2); border-radius:22px; background:#000; overflow:hidden; box-shadow:0 40px 120px rgba(0,0,0,.8); animation:dialogIn .3s var(--ease-out); }
.trailer-dialog::backdrop { background:rgba(0,0,0,.78); backdrop-filter:blur(8px); }
.trailer-dialog video { display:block; width:100%; aspect-ratio:16/9; background:#000; }
.trailer-dialog .dialogclose { position:absolute; top:12px; right:12px; z-index:2; background:rgba(0,0,0,.55); }
.br-word.italic, .br-side-word.italic { font-style:italic; letter-spacing:-.045em; }
.br-row { flex-wrap:wrap; }
.br-swatches { display:flex; gap:6px; margin-left:auto; }
.br-swatch { width:24px; height:24px; border-radius:50%; cursor:pointer; border:2px solid rgba(255,255,255,.14); background:linear-gradient(135deg, var(--sb) 0 58%, var(--sf) 58% 100%); transition:transform .14s var(--ease-out), border-color .18s; }
.br-swatch:hover { transform:scale(1.1); }
.br-swatch.on { border-color:#f5f5f3; }
/* Full-colour YouTube logos keep their proportions */
.yt-logo, .pill-yt, .sp-yt, .tk-yt, .ts-yt-icon { aspect-ratio:28 / 20; height:auto; }
.receipt-status .pill-yt { width:18px; height:auto; vertical-align:-3px; margin-left:4px; }
.sp-yt { width:17px; }
.tk-meta .tk-yt { width:18px; height:auto; }
.ts-yt-icon { width:36px; }
.rd-confirm .yt-logo { width:18px; }
.pf-yt .yt-logo { width:20px; }
/* The hero button carries the LivePaid brand color */
.hero-composer button { background:#7c4dff; box-shadow:0 9px 24px rgba(124,77,255,.24), inset 0 1px rgba(255,255,255,.2); }
.hero-composer button:hover { background:#9671ff; box-shadow:0 10px 30px rgba(124,77,255,.34), inset 0 1px rgba(255,255,255,.22); }
/* Sidebar: larger labels and icons (desktop only; phones use the bottom bar) */
@media (min-width:821px) {
  .sidenav a { font-size:17px; gap:17px; padding:12px 14px; }
  .sidenav .nav-icon { width:26px; height:26px; }
  .logo > span { font-size:23px; }
  .logo svg { width:44px; height:44px; }
  .side-collapsed .sidenav a { width:54px; padding:12px 14px; }
}
/* TradingView chart: a slow, faint sheen sweeps across the grid */
.tk-chart-canvas { overflow:hidden; }
.tk-chart-canvas:after {
  content:"";
  position:absolute;
  top:0; bottom:0; left:-40%;
  width:40%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.035) 40%, rgba(124,77,255,.05) 50%, rgba(255,255,255,.035) 60%, transparent 100%);
  animation:chartSheen 9s cubic-bezier(.45,0,.25,1) infinite;
}
@keyframes chartSheen { 0% { transform:translateX(0); } 70%, 100% { transform:translateX(360%); } }
@media (prefers-reduced-motion:reduce) { .tk-chart-canvas:after { animation:none; display:none; } }

/* Capital Flow, round 7: monochrome particle stream */
.stream-card { margin:4px 0 22px; padding:18px 24px 18px; background:var(--card); border:1px solid var(--hair); border-radius:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.stream-stage { position:relative; height:300px; }
.stream-stage canvas { position:absolute; inset:0; display:block; }
.st-label { position:absolute; display:flex; flex-direction:column; gap:3px; pointer-events:none; }
.st-label b { font-size:13.5px; font-weight:700; letter-spacing:-.01em; color:#f0f0ee; }
.st-label small { color:#7a7a78; font-size:12px; }
.st-label em { font-style:normal; color:#f5f5f3; font-weight:650; }
.st-label.in { left:0; top:calc(50% - 58px); }
.st-label.top { right:0; top:calc(26% - 50px); text-align:right; align-items:flex-end; }
.st-label.bottom { right:0; top:calc(76% + 14px); text-align:right; align-items:flex-end; }
.st-split { --pulse:0; position:absolute; left:42%; top:50%; width:40px; height:40px; margin:-20px 0 0 -20px; }
.st-split span { display:block; width:100%; height:100%; border-radius:50%; box-shadow:0 0 0 6px var(--card), 0 0 calc(18px + var(--pulse) * 22px) rgba(124,77,255,calc(.25 + var(--pulse) * .45)); transform:scale(calc(1 + var(--pulse) * .08)); }
.st-split span svg { width:100%; height:100%; display:block; }
.st-split em { position:absolute; left:50%; top:52px; transform:translateX(-50%); white-space:nowrap; font:600 11px Inter, sans-serif; font-style:normal; color:#8a8a88; }
@media (max-width:820px) { .stream-card { overflow-x:auto; } .stream-stage { min-width:700px; } }
/* Home: Recent payments + Most payments */
.pay-split { display:grid; grid-template-columns:minmax(0, 1fr) 380px; gap:28px; align-items:start; }
.home-pay { grid-template-columns:minmax(0, 1fr) 150px 150px; color:inherit; --badge-ring:var(--card); }
.home-pay .receipt-route { justify-content:center; gap:10px; }
.most-pay { display:flex; align-items:center; justify-content:space-between; min-height:96px; padding:0 20px; color:inherit; --badge-ring:var(--card); }
.most-pay .receipt-route { display:flex; gap:10px; }
.most-pay > b { font-size:22px; letter-spacing:-.035em; }
.home-pay:hover, .most-pay:hover { --badge-ring:#1a1a1a; }
@media (max-width:1280px) { .pay-split { grid-template-columns:1fr; } }
@media (max-width:820px) { .home-pay { grid-template-columns:minmax(0, 1fr) auto; } .home-pay .receipt-route { display:none; } }
/* Chart sheen removed */
.tk-chart-canvas:after { display:none !important; animation:none !important; }
/* "Sent to ▶" always stays on one line */
.receipt-status { white-space:nowrap; display:inline-flex; align-items:center; justify-content:center; gap:5px; }
.receipt-status .pill-yt { margin-left:0; vertical-align:0; }
.home-pay { grid-template-columns:minmax(0, 1fr) 150px 170px; }
.st-split span { box-shadow:0 0 0 6px var(--card), 0 0 calc(18px + var(--pulse) * 22px) rgba(255,255,255,calc(.08 + var(--pulse) * .22)); }
.pf-empty-body { padding:70px 40px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px; }
.pf-empty-mark { width:72px; height:72px; display:block; }
.pf-empty-mark svg { width:100%; height:100%; }
.pf-empty h1 { margin:6px 0 0; font-size:30px; font-weight:750; letter-spacing:-.035em; }
.pf-empty p { margin:0; max-width:460px; color:#8f8f8d; line-height:1.6; }
.pf-empty p b { color:#f0f0ee; }
.pay-split > *, .top-split > * { min-width:0; }
@media (max-width:820px) { .home-pay .receipt-end { grid-template-columns:auto auto; } .most-pay > b { font-size:18px; } }
/* Payments: claim entry point */
.claim-strip { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-bottom:18px; padding:20px 22px; border-radius:22px; background:radial-gradient(circle at 12% 0%, rgba(255,255,255,.06), transparent 50%), var(--card); border:1px solid var(--hair-2); }
.cs-copy { display:flex; align-items:center; gap:14px; min-width:0; }
.cs-copy b { display:block; font-size:17px; font-weight:750; letter-spacing:-.02em; }
.cs-copy small { color:#8a8a88; font-size:13px; }
.cs-form { display:flex; gap:10px; flex:none; }
.cs-search { width:300px; }
.cs-form .primarybtn { border:0; cursor:pointer; white-space:nowrap; }
@media (max-width:1050px) { .claim-strip { flex-direction:column; align-items:stretch; } .cs-form { flex-wrap:wrap; } .cs-search { flex:1; width:auto; } }

/* Loading polish: shimmer placeholders, images fade in when ready */
.coin-media, .token-image, .tsp-banner, .pf-banner, .avatar, .trend-card .avatar {
  background:linear-gradient(100deg, #1c1c1c 30%, #262626 45%, #1c1c1c 60%) #1c1c1c;
  background-size:300% 100%;
  animation:shimmer 1.6s linear infinite;
}
.avatar { border-radius:50%; }
.avatar-square { border-radius:28%; }
@keyframes shimmer { from { background-position:100% 0; } to { background-position:0 0; } }
.coin-media > img, .token-image > img, .tsp-banner > img, .tsp-avatar, .pf-banner img, .avatar > img, .trend-card img, .receipt-route img { opacity:0; transition:opacity .45s ease; }
.coin-media > img.is-loaded, .token-image > img.is-loaded, .tsp-banner > img.is-loaded, .tsp-avatar.is-loaded, .pf-banner img.is-loaded, .avatar > img.is-loaded, .trend-card img.is-loaded, .receipt-route img.is-loaded { opacity:1; }
.coin-card:has(.coin-media > img.is-loaded) .coin-media, .avatar:has(> img.is-loaded), .tsp-banner:has(> img.is-loaded) { animation:none; }
@media (prefers-reduced-motion:reduce) { .coin-media, .token-image, .tsp-banner, .pf-banner, .avatar { animation:none; } }
/* Wordmark type passes */
.wm-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; margin-bottom:34px; }
.wm-card { background:var(--card); border:1px solid var(--hair); border-radius:22px; overflow:hidden; transition:border-color .2s; }
.wm-card:hover { border-color:var(--hair-hover); }
.wm-card.previewing { border-color:#f5f5f3; box-shadow:0 0 0 4px rgba(255,255,255,.06); }
.wm-stage { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:30px 32px; background:radial-gradient(circle at 20% 30%, #1d1d1d, #0c0c0c 70%); }
.wm-lock { display:flex; align-items:center; gap:16px; }
.wm-lock.small { gap:9px; opacity:.85; }
.wm-word { font-family:var(--wf), sans-serif; font-weight:var(--ww); letter-spacing:var(--wl); font-size:54px; color:#f5f5f3; line-height:1; }
.wm-word b { font-weight:inherit; color:#8f8f8d; }
.wm-lock.small .wm-word { font-size:24px; }
.wm-info { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 20px 18px; }
.wm-info b { font-size:15px; font-weight:700; }
.wm-info p { margin:3px 0 0; color:#8f8f8d; font-size:12.5px; }
.wm-try { white-space:nowrap; padding:9px 15px; font-size:12.5px; cursor:pointer; }
@media (max-width:1100px) { .wm-grid { grid-template-columns:1fr; } }
/* Detail columns line up across every row */
.receipt-details dl, .flow-row .receipt-details dl { grid-template-columns:minmax(0, 1fr) minmax(0, .8fr) minmax(0, 1.4fr); }
.receipt-row:not(.flow-row) .receipt-details dl { grid-template-columns:repeat(4, minmax(0, 1fr)); }
/* Coin page: avatar → YouTube, @handle → LivePaid profile */
.tk-av-link { display:inline-block; border-radius:50%; transition:transform .25s var(--ease-out); }
.tk-av-link:hover { transform:scale(1.05); }
.handle-btn { display:inline-flex !important; align-items:center; gap:4px; padding:5px 8px 5px 12px; border-radius:999px; border:1px solid var(--hair-2); background:rgba(255,255,255,.04); color:#e9e9e7 !important; font:600 13px Inter, sans-serif; transition:background-color .18s, border-color .18s, transform .14s var(--ease-out); }
.handle-btn:hover { background:rgba(255,255,255,.09); border-color:var(--hair-hover); }
.handle-btn:active { transform:scale(.96); }
.handle-btn svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s var(--ease-out); }
.handle-btn:hover svg { transform:translateX(2px); }

/* Long rectangle panels: hover sheen + lift for a responsive feel */
.receipt-row, .listrow, .pf-row, .most-pay, .ts-profile, .paid-channel { position:relative; overflow:hidden; isolation:isolate; }
.receipt-row::after, .listrow::after, .pf-row::after, .most-pay::after {
  content:"";
  position:absolute;
  top:0; bottom:0; left:0;
  width:45%;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.055) 45%, rgba(255,255,255,.09) 50%, rgba(255,255,255,.055) 55%, transparent 100%);
  transform:translateX(-110%) skewX(-12deg);
  transition:transform 0s;
}
.receipt-row:hover::after, .listrow:hover::after, .pf-row:hover::after, .most-pay:hover::after {
  transform:translateX(260%) skewX(-12deg);
  transition:transform .9s cubic-bezier(.22,1,.36,1);
}
.receipt-row, .listrow, .most-pay { transition:border-color .2s, background-color .2s, transform .25s var(--ease-out), box-shadow .25s; }
.receipt-row:hover, .listrow:hover, .most-pay:hover { transform:translateY(-2px); border-color:rgba(255,255,255,.2); box-shadow:0 14px 34px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06); }
.receipt-row:active, .most-pay:active { transform:translateY(0) scale(.995); }
.receipt-route .avatar, .receipt-route .sym, .receipt-route .route-swap { transition:transform .35s var(--ease-out); }
.receipt-row:hover .receipt-route > :first-child, .most-pay:hover .receipt-route > :first-child { transform:translateX(3px); }
.receipt-row:hover .receipt-route > :last-child, .most-pay:hover .receipt-route > :last-child { transform:translateX(-3px); }
.receipt-row:hover .route-swap { color:#cfcfcd; }
.receipt-row.open:hover { transform:none; }
@media (prefers-reduced-motion:reduce) { .receipt-row::after, .listrow::after, .pf-row::after, .most-pay::after { display:none; } }
.legal-page { max-width:860px; }
.legal-draft { margin-top:18px; padding:14px 16px; border-radius:14px; background:rgba(255,183,68,.08); border:1px solid rgba(255,183,68,.25); color:#e8c98a; font-size:13.5px; }
.legal-content section { margin-bottom:34px !important; padding-bottom:30px !important; }
.legal-content h2 { font-size:22px !important; }
/* Wordmark: "Plus Jakarta Sans" */
.logo > span, .footlogo > span:last-child, .brandaccount b, .br-side-word { font-family:"Plus Jakarta Sans", Inter, sans-serif; font-weight:800; letter-spacing:-.04em; }
.logo > span { font-size:24px; }
.cl-status .bad { color:#ff8a8a; }
.rd-result.lookup .lk-ico { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.06); }
.rd-result.lookup .lk-ico svg { width:20px; height:auto; }

/* ─── Bold pass: heavier type, brighter secondary text, "Plus Jakarta Sans" headings ─── */
:root { --text-2:#b4b4b2; --text-3:#9a9a98; }
body { font-weight:500; }
h1, h2, .homehero h1, .topline h1, .sectiontitle h2, .ts-head h2, .ex-hero h1, .claim-head h1, .cl-card h2, .launch-head h2, .launch-intro h1, .docs-hero h1, .docs-content h2, .pf-name, .tk-lower .sectiontitle h2, .tk-details h2, .payment-section-title h2, .paid-panel-head h2, .claim-banner h2 {
  font-family:"Plus Jakarta Sans", Inter, sans-serif !important;
  font-weight:800 !important;
  letter-spacing:-.035em !important;
}
.homehero h1 { font-weight:900 !important; letter-spacing:-.045em !important; }
.homehero p, .topline p, .ex-hero p, .claim-head p, .docs-hero p { color:#b0b0ae; font-weight:500; }
/* money */
.money-figure, .receipt-main > b, .preview-payment > div:first-child > b, .coin-stats b, .cardstats span, .row-figures b, .tk-figure b,
.tk-pending-value, .payment-summary strong, .payment-summary b, .metric b, .mini-value, .rd-amount, .profilemoney, .listrow h3,
.tsp-stats b, .pf-stats b, .most-pay > b, .trend-sent b, .counter { font-weight:750 !important; }
/* names and titles */
.receipt-main strong, .coin-title b, .tk-name b, .trend-name b, .tsp-name b, .token-card h3, .pf-row-id b, .paid-channel > div:nth-child(2) > b,
.coin-owner, .token-owner span, .rd-result b, .explain-head b, .flow-node b, .st-label b, .drop-node b, .profile strong { font-weight:800 !important; }
/* secondary text: brighter and a touch heavier */
.receipt-main span, .coin-stats, .coin-title small, .tk-meta, .tk-figure small, .tsp-body > small, .tsp-stats, .pf-stats, .pf-handle,
.row-figures small, .token-row p, .trend-name small, .trend-sent small, .sectiontitle > span, .sectiontitle > a, .payment-summary small,
.payment-summary span, .metric small, .chartcard small, .explain-card p, .st-label small, .mini-label, .receipt-end time, .field > small,
.cs-copy small, .claim-note, .pager, .coin-age, .profilemeta, .receipt-details dt, .tk-contrib, .tk-pending p { color:#a3a3a1 !important; font-weight:500; }
.receipt-status, .status, .tab, .mode-tab, .payment-filters button, .chip, .venue b, .currency b, .tk-tab, .pf-tab, .seg > button { font-weight:700 !important; }
.primarybtn, .ghostbtn, .launch-submit, .ghost-wide, .createpill, .wallet, .hero-composer button, .handle-btn, .cs-form .primarybtn { font-weight:750 !important; }
.sidenav a { font-weight:600; color:rgba(245,245,243,.72); }
.sidenav a.active { font-weight:800; }
.feature-caption span:first-child { font-weight:750; }
.eyebrow { font-weight:600; }
.kicker, .mono.kicker { color:#9a9a98; font-weight:500; }
input::placeholder, textarea::placeholder { color:#8a8a88 !important; }

/* Blurred video behind hero panels: same red blur, now with movement underneath */
.has-vid { position:relative; overflow:hidden; isolation:isolate; }
.has-vid > :not(.blurvid) { position:relative; z-index:1; }
.blurvid { position:absolute; inset:0; z-index:0; pointer-events:none; }
.blurvid video { position:absolute; inset:-18%; width:136%; height:136%; object-fit:cover; filter:blur(34px) saturate(1.4) brightness(.62); opacity:.75; transform:scale(1.02); }
.blurvid::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 85% 20%, rgba(124,77,255,.22), transparent 50%), radial-gradient(circle at 15% 100%, rgba(124,77,255,.1), transparent 45%), linear-gradient(90deg, rgba(23,23,23,.88) 0%, rgba(23,23,23,.55) 55%, rgba(23,23,23,.35) 100%); }
/* Scroll reveal for cards */
.coin-card.rise { animation:none; opacity:0; transform:translateY(22px) scale(.975); }
.coin-card.rise.in { opacity:1; transform:none; animation:riseIn .7s cubic-bezier(.22,1,.36,1) var(--rise-delay, 0ms) backwards; }
@keyframes riseIn { from { opacity:0; transform:translateY(22px) scale(.975); } to { opacity:1; transform:none; } }
.coin-card.rise.in:hover { transform:translateY(-3px); }
@media (prefers-reduced-motion:reduce) { .coin-card.rise { opacity:1; transform:none; } .coin-card.rise.in { animation:none; } }
/* Safety net: revealed cards never stay hidden if a script is stale or fails */
.coin-card.rise:not(.in) { animation:forceShow .5s ease 2.2s forwards; }
@keyframes forceShow { to { opacity:1; transform:none; } }
/* Sidebar logo: just the Y, no tile border or wordmark */
.sidebar .logo { gap:0; }
.sidebar .logo svg { width:42px; height:42px; }

/* ─── Analytics, usepaid-style ─────────────────────────────── */
.analytics-page { max-width:1320px; }
.an-range { display:flex; justify-content:center; margin:6px 0 26px; }
.an-range .tabs.seg { margin:0; padding:5px; }
.an-range .tabs.seg .tab { padding:10px 20px; font-size:15px; }
.an-hero { padding:36px 38px 38px; border-radius:26px; background:linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px), var(--card); background-size:84px 84px; border:1px solid var(--hair); }
.an-hero h1 { margin:0 0 30px; font-size:40px; }
.an-hero-stats { display:grid; grid-template-columns:1.25fr 1.25fr 1fr; gap:30px; }
.an-hero-stats small { display:block; color:#a3a3a1; font-size:14px; }
.an-hero-stats b { display:block; margin:8px 0 6px; font-size:54px; letter-spacing:-.045em; line-height:1.05; }
.an-hero-stats > div:last-child b { font-size:40px; }
.an-hero-stats span { color:#8f8f8d; font-size:13px; }
.an-hero-stats .roll-digit { height:1.08em; }
.an-charts { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; margin-top:20px; }
.an-card { padding:26px 26px 22px; border-radius:26px; background:var(--card); border:1px solid var(--hair); }
.an-card h3 { margin:0; font-size:15px; font-weight:700; color:#e9e9e7; }
.an-total { margin:6px 0 4px; font-size:38px; letter-spacing:-.04em; }
.an-card small { color:#9a9a98; font-size:13px; }
.an-bars { display:flex; align-items:flex-end; gap:6px; height:210px; margin-top:26px; padding:18px 16px 0; border-radius:16px 16px 0 0; background:#1f1f1f; }
.an-bars i { flex:1; height:var(--h); border-radius:5px 5px 2px 2px; background:#5a5a58; transform-origin:bottom; animation:barGrow .7s var(--ease-out) both; animation-delay:calc(var(--n) * 30ms); transition:background-color .18s; }
.an-bars i:hover { background:#9a9a98; }
.an-bars i:last-child { background:#e9e9e7; }
.an-bars i.empty { background:none; border:1.5px dashed rgba(255,255,255,.14); }
.an-axis { display:flex; justify-content:space-between; padding:12px 16px 14px; border-radius:0 0 16px 16px; background:#1f1f1f; font:12px "DM Mono", monospace; color:#8a8a88; }
.an-volume-detail { box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; min-height:210px; margin-top:26px; padding:22px 20px; border-radius:16px 16px 0 0; background:#1f1f1f; }
.an-volume-period { margin-bottom:18px; font:12px "DM Mono", monospace; letter-spacing:.12em; color:#a3a3a1; }
.an-volume-detail b { font-size:15px; font-weight:600; }
.an-volume-detail p { margin:8px 0 18px; max-width:26ch; font-size:13px; line-height:1.5; color:#9a9a98; }
.an-payouts { margin-top:40px; }
.an-pay-head { display:flex; align-items:center; gap:16px; margin-bottom:16px; }
.an-pay-head h2 { margin:0; font-size:30px; }
.an-pay-head .tabs.seg { margin:0; }
.an-pay-head .pager { margin-left:auto; }
.an-summary { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin-bottom:12px; padding:20px 24px; border-radius:20px; background:var(--card); border:1px solid var(--hair); }
.an-summary small { display:block; font:12px "DM Mono", monospace; letter-spacing:.1em; text-transform:uppercase; color:#8f8f8d; }
.an-summary b { display:block; margin-top:6px; font-size:26px; }
@media (max-width:1100px) { .an-charts { grid-template-columns:1fr; } .an-hero-stats { grid-template-columns:1fr; } }
@media (max-width:820px) { .an-pay-head { flex-wrap:wrap; } .an-summary { grid-template-columns:1fr 1fr; } .an-hero-stats b { font-size:40px; } }
.pf-pending { padding:2px 8px; border-radius:99px; background:rgba(255,183,68,.12); color:#ffc15c; font-size:11px; font-weight:700; }

/* Hover sheen v2: faster, softer, seamless; no avatar pinch */
.receipt-row:hover .receipt-route > :first-child, .most-pay:hover .receipt-route > :first-child,
.receipt-row:hover .receipt-route > :last-child, .most-pay:hover .receipt-route > :last-child { transform:none; }
.receipt-row::after, .listrow::after, .pf-row::after, .most-pay::after {
  width:70%;
  background:linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.025) 25%, rgba(255,255,255,.075) 50%, rgba(255,255,255,.025) 75%, rgba(255,255,255,0) 100%);
  transform:translateX(-120%) skewX(-10deg);
  will-change:transform;
}
.receipt-row:hover::after, .listrow:hover::after, .pf-row:hover::after, .most-pay:hover::after {
  transform:translateX(190%) skewX(-10deg);
  transition:transform .55s cubic-bezier(.33,0,.2,1);
}
.receipt-row .route-swap { transition:color .2s ease; }
.receipt-row:hover .route-swap, .most-pay:hover .route-swap { color:#e9e9e7; }

/* Hero backdrop: blurred, crossfading clips behind the headline only */
.homehero { position:relative; isolation:isolate; }
.hero-vid {
  position:absolute; z-index:-1; left:50%; top:-40px; width:min(1200px, 120vw); height:420px; transform:translateX(-50%);
  pointer-events:none; opacity:1 !important; animation:none !important;
  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 45%, #000 30%, transparent 75%);
  mask-image:radial-gradient(ellipse 50% 50% at 50% 45%, #000 30%, transparent 75%);
}
.hero-vid video { position:absolute; inset:-10%; width:120%; height:120%; object-fit:cover; filter:blur(36px) saturate(1.4) brightness(.72); opacity:0; transition:opacity 2.4s ease; }
.hero-vid video.on { opacity:.85; }
.hero-vid::after { content:""; position:absolute; inset:0; background:radial-gradient(ellipse 40% 45% at 62% 40%, rgba(124,77,255,.16), transparent 70%); }
@media (prefers-reduced-motion:reduce) { .hero-vid video { transition:none; } }
.hero-vid { width:min(1200px, 100vw); }
.home-page { overflow-x:clip; }
/* Initial buy: our own stepper instead of the browser's arrows */
.buy-field input::-webkit-outer-spin-button, .buy-field input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.buy-field input[type=number] { -moz-appearance:textfield; appearance:textfield; width:90px !important; text-align:center; }
.page-launch .initial-buy .buy-field { display:flex; align-items:center; gap:2px; padding:4px; }
.step-btn { width:34px; height:34px; flex:none; display:grid; place-items:center; border:0; border-radius:9px; background:rgba(255,255,255,.06); color:#e9e9e7; cursor:pointer; transition:background-color .15s, transform .12s var(--ease-out); }
.step-btn:hover { background:rgba(255,255,255,.12); }
.step-btn:active { transform:scale(.92); }
.step-btn svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; }
.buy-field #buyCurrency { padding:0 6px 0 2px !important; }
/* Sheen v3: starts at the edge and moves fastest first, so it responds instantly */
.receipt-row::after, .listrow::after, .pf-row::after, .most-pay::after { width:60%; transform:translateX(-100%) skewX(-10deg); }
.receipt-row:hover::after, .listrow:hover::after, .pf-row:hover::after, .most-pay:hover::after { transform:translateX(200%) skewX(-10deg); transition:transform .5s cubic-bezier(.16,1,.3,1); }
.receipt-row, .listrow, .most-pay { transition:border-color .12s, background-color .12s, transform .18s var(--ease-out), box-shadow .18s; }

/* Corner backdrops (replace the video behind the headline) */
.hero-vid { display:none !important; }
.home-page { position:relative; }
.corner-vid { position:absolute; z-index:0; top:-70px; width:520px; height:420px; pointer-events:none; opacity:0; transition:opacity 3s ease;
  -webkit-mask-image:radial-gradient(circle at var(--cx) 30%, #000 0%, rgba(0,0,0,.6) 30%, transparent 68%);
  mask-image:radial-gradient(circle at var(--cx) 30%, #000 0%, rgba(0,0,0,.6) 30%, transparent 68%); }
.corner-vid.left { left:-120px; --cx:30%; }
.corner-vid.right { right:-120px; --cx:70%; }
.corner-vid.on { opacity:.5; }
.corner-vid video { width:100%; height:100%; object-fit:cover; filter:blur(44px) saturate(1.3) brightness(.7); }
.home-page > .homehero, .home-page > section { position:relative; z-index:1; }
@media (max-width:1099px) { .corner-vid { display:none; } }

/* Bolder pass 2: "Plus Jakarta Sans" for money and names, heavier everywhere it matters */
.money-figure, .receipt-main > b, .preview-payment > div:first-child > b, .coin-stats b, .cardstats span, .row-figures b,
.tk-figure b, .tk-pending-value, .payment-summary strong, .payment-summary b, .metric b, .mini-value, .rd-amount, .profilemoney,
.listrow h3, .tsp-stats b, .pf-stats b, .most-pay > b, .trend-sent b, .an-total, .an-hero-stats b, .an-summary b, .lr-amount, .tk-next-top b, .cl-bal b {
  font-family:"Plus Jakarta Sans", Inter, sans-serif !important;
  font-weight:800 !important;
  letter-spacing:-.025em !important;
  font-variant-numeric:tabular-nums lining-nums;
}
.receipt-main strong, .coin-title b, .tk-name b, .trend-name b, .tsp-name b, .token-card h3, .pf-row-id b, .paid-channel > div:nth-child(2) > b,
.coin-owner, .token-owner span, .rd-result b, .explain-head b, .profile strong, .cl-channel b, .pf-name, .channel .name, .ts-head h2, .notif p b {
  font-family:"Plus Jakarta Sans", Inter, sans-serif !important;
  font-weight:800 !important;
}
.receipt-main span { font-size:14px; color:#b4b4b2 !important; }
.receipt-main > b { font-size:30px; }
.receipt-status, .tab, .mode-tab, .chip, .primarybtn, .launch-submit, .ghostbtn, .handle-btn { font-family:"Plus Jakarta Sans", Inter, sans-serif; font-weight:800 !important; }
.verified-badge { width:17px !important; height:17px !important; min-width:17px !important; }
.coin-owner .verified-badge, .token-owner .verified-badge, .mosaic-owner .verified-badge { width:13px !important; height:13px !important; min-width:13px !important; }
.venue-row span.venue-logo { padding:0 !important; width:30px !important; height:30px !important; border-radius:50% !important; flex:none; }

/* ─── Performance pass ──────────────────────────────────────── */
/* Videos arrive pre-blurred: no per-frame CSS blur. */
.corner-vid video { filter:none; }
.corner-vid.on { opacity:.42; }
.blurvid video { filter:none; opacity:.8; inset:-8%; width:116%; height:116%; }
/* Panel edges: cheap gradient fade instead of a live backdrop blur over moving content. */
.edge-blur { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
.edge-blur.top { background:linear-gradient(var(--card), transparent); height:56px; }
.edge-blur.bottom { background:linear-gradient(transparent, var(--card) 85%); height:84px; }
/* Hero input: static glow, no per-frame gradient repaint. */
.hero-composer:before { animation:none !important; --beam-angle:140deg; opacity:.55; }
/* Shimmer only while images are likely still loading. */
.coin-media, .token-image, .tsp-banner, .pf-banner, .avatar, .trend-card .avatar { animation-iteration-count:3 !important; }
/* Pulses: opacity only (composited), never box-shadow. */
.iconbutton i { animation:dotFade 2.4s ease-in-out infinite !important; box-shadow:0 0 0 2px #0a0a0a !important; }
@keyframes dotFade { 50% { opacity:.35; } }
.tk-live i, .status.pending:before { animation:dotFade 2s ease-in-out infinite !important; box-shadow:none !important; }
.live-graph-label i { animation:dotFade 1.8s ease-in-out infinite; box-shadow:none; }
/* Long animated tracks get their own layer so moving them never repaints the page. */
.tile-field, .payment-track, .code-stream-track, .trend-rail, .cardrail { will-change:transform; backface-visibility:hidden; }
.st-split span { box-shadow:0 0 0 6px var(--card), 0 0 18px rgba(255,255,255,.08) !important; transform:none !important; position:relative; z-index:1; }
.st-glow { position:absolute; inset:-22px; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.35), transparent 65%); opacity:0; will-change:opacity; pointer-events:none; }

/* Corner backdrops are still images now: masked video forced a GPU redraw every frame (23fps → 120fps). */
.corner-vid { opacity:.42; transition:none; }
.corner-vid img { width:100%; height:100%; object-fit:cover; display:block; }
.tk-status-note { display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; margin:0 0 14px; padding:12px 16px; border:1px solid rgba(255,196,64,.28); border-radius:14px; background:rgba(255,196,64,.07); font-size:13.5px; color:#cfcfcc; }
.tk-status-note b { color:#ffcf5c; font-weight:800; }
.tk-missing { padding:40px; text-align:center; display:grid; gap:10px; justify-items:center; }
.tk-missing h1 { margin:0; font-size:26px; }
.tk-missing p { margin:0 0 8px; color:#9a9a97; }

/* Verified = YouTube's grey check circle, everywhere */
.verified-badge { color:#aaaaaa; width:14px !important; height:14px !important; min-width:14px !important; vertical-align:-2px; margin-left:4px; }
.coin-owner .verified-badge, .token-owner .verified-badge, .mosaic-owner .verified-badge, .lg-pill .verified-badge, .br-pill .verified-badge { width:12px !important; height:12px !important; min-width:12px !important; }
.pf-name .verified-badge, .tk-name .verified-badge, .tsp-name .verified-badge { width:18px !important; height:18px !important; min-width:18px !important; }

/* Collapsed sidebar: centre the account mark on the nav icon column and hide its label and link icon. */
.side-collapsed .sidefoot .brandaccount { width:52px; padding:9px 0; justify-content:center; }
.side-collapsed .sidefoot .brandaccount > :not(.mini-mark) { display:none; }
/* Mobile bottom bar: the logo sits in the row like the tab icons (the desktop bottom margin pushed it up). */
@media (max-width:820px) { .sidebar .logo { margin:0; padding-left:2px; } .sidebar .logo svg { width:34px; height:34px; } }
/* Example cards shown before the first real launch: clearly labelled and slightly muted. */
.is-example { cursor:default; }
.is-example .coin-media > img, .is-example .receipt-route, .is-example.trend-card > :first-child { opacity:.82; }
.example-tag { background:rgba(255,255,255,.1) !important; color:#d9d9d6 !important; border:1px solid rgba(255,255,255,.16); font-weight:700; letter-spacing:.02em; }
.example-note { margin:0 0 10px; }
/* Notifications: the bell dot only shows for unread notices; unread rows carry a small red dot. */
#noticeBtn > i { display:none; }
#noticeBtn.has-unread > i { display:block; }
.noticeitem { color:inherit; text-decoration:none; position:relative; }
.noticeitem.unread::after { content:''; position:absolute; right:10px; top:14px; width:7px; height:7px; border-radius:50%; background:#7c4dff; }
.noticeicon { overflow:hidden; }
.noticeicon img, .notice-mark svg { width:100%; height:100%; object-fit:cover; display:block; }
a.noticefoot { display:block; color:#8d8d8d; text-decoration:none; }
a.noticefoot:hover { color:#fff; }
/* Our coin's contract-address bar (COIN_CA). */
.cabar { display:flex; align-items:center; justify-content:center; gap:14px; min-height:38px; padding:5px 16px; background:#7c4dff; color:#fff; font-size:13px; font-weight:700; flex-wrap:wrap; }
.cabar-live { display:inline-flex; align-items:center; gap:7px; }
.cabar-live i { width:7px; height:7px; border-radius:50%; background:#fff; animation:cabarPulse 1.6s ease-in-out infinite; }
@keyframes cabarPulse { 50% { opacity:.35; } }
.cabar-ca { display:inline-flex; align-items:center; gap:8px; max-width:100%; min-width:0; border:0; border-radius:999px; padding:4px 6px 4px 12px; background:rgba(0,0,0,.22); color:#fff; font:inherit; cursor:pointer; }
.cabar-ca small { opacity:.75; font-size:11px; }
.cabar-ca code { font:500 12px "DM Mono", ui-monospace, monospace; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.cabar-copy { background:#fff; color:#7c4dff; border-radius:999px; padding:3px 10px; font-size:11px; }
.cabar-ca.copied .cabar-copy { background:#111; color:#fff; }
.cabar-buy { color:#fff; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:560px) { .cabar { gap:8px; font-size:12px; } .cabar-ca code { max-width:150px; } }
/* Homepage "Trending now on YouTube" ticker: runs on Explore's trending rail. */
.home-trending { margin:6px 0 34px; }
.home-trending h2 { display:inline-flex; align-items:center; gap:10px; }
.live-dot { width:9px; height:9px; border-radius:50%; background:#7c4dff; box-shadow:0 0 0 0 rgba(124,77,255,.6); animation:liveDot 1.8s ease-out infinite; }
@keyframes liveDot { 70% { box-shadow:0 0 0 9px rgba(124,77,255,0); } 100% { box-shadow:0 0 0 0 rgba(124,77,255,0); } }
.trend-rail-lg { animation-duration:90s; }   /* keeps the 12px gap marqueeX loops on */
@media (prefers-reduced-motion:reduce) { .live-dot { animation:none; } }
/* Trending-on-YouTube cards in the homepage ticker. */
.yt-card { position:relative; display:flex; align-items:center; gap:14px; width:400px; padding:12px 16px 12px 12px; background:var(--card); border:1px solid var(--hair); border-radius:18px; color:inherit; text-decoration:none; overflow:hidden; transition:border-color .2s, background-color .2s; }
.yt-card:hover { border-color:var(--hair-hover); background:#1a1a1a; }
.yt-thumb { position:relative; flex:none; width:148px; aspect-ratio:16/9; border-radius:11px; overflow:hidden; background:#1c1c1c; }
.yt-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.yt-live { position:absolute; left:6px; bottom:6px; background:#ff0033; color:#fff; font:800 10px Inter, sans-serif; letter-spacing:.06em; padding:2px 6px; border-radius:4px; }
.yt-info { display:flex; flex-direction:column; gap:3px; min-width:0; }
.yt-info b { font-size:14.5px; font-weight:650; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.yt-info small { font:11px "DM Mono", monospace; color:#8a8a88; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.yt-info em { font-style:normal; font-size:12px; font-weight:700; color:#ff4d6d; }
.yt-card:hover .yt-info em { color:#fff; }
@media (max-width:560px) { .yt-card { width:320px; } .yt-thumb { width:118px; } }
@media (max-width:560px) { .home-trending .sectiontitle { flex-direction:column; align-items:flex-start; gap:2px; } .home-trending h2 { font-size:22px; white-space:nowrap; } }
.top-empty { grid-column:1 / -1; margin:0; padding:40px 12px; text-align:center; color:#8a8a88; }
.top-empty a { color:#fff; font-weight:700; }
.sidefoot a.brandaccount { color:inherit; text-decoration:none; }
/* Hero corner backdrops: fade to nothing well before every edge so they never read as squares
   (the old mask was centred near the top, so the header and sidebar cut them off hard). */
.corner-vid { top:-10px; -webkit-mask-image:radial-gradient(closest-side ellipse at 50% 50%, #000 25%, rgba(0,0,0,.5) 60%, transparent 100%); mask-image:radial-gradient(closest-side ellipse at 50% 50%, #000 25%, rgba(0,0,0,.5) 60%, transparent 100%); }
.corner-vid.left { left:-60px; }
.corner-vid.right { right:-60px; }
/* The corner images are blurred screenshots with card-shaped blocks baked in; melt them into soft glows.
   Static images, so this blur renders once (no per-frame cost, unlike the old masked video). */
.corner-vid img { filter:blur(56px) saturate(1.25); transform:scale(1.25); }
.empty-state a { color:#fff; font-weight:700; }
/* Token page fee card: who the creator fees go to, what the coin has made, and the locked split. */
.tk-fees { margin-top:16px; padding:0; overflow:hidden; }
.fc-banner { height:120px; background:#1c1c1c center/cover; }
.fc-who { display:flex; align-items:center; gap:16px; padding:0 24px 20px; margin-top:-30px; border-bottom:1px solid var(--hair); }
.fc-av { flex:none; border-radius:50%; box-shadow:0 0 0 5px var(--card); }
.fc-id { display:flex; flex-direction:column; gap:3px; min-width:0; flex:1; padding-top:30px; }
.fc-id b { display:flex; align-items:center; gap:8px; font-size:22px; font-weight:800; letter-spacing:-.02em; }
.fc-id span { display:flex; align-items:center; gap:7px; font:13px "DM Mono", monospace; color:#8a8a88; }
.fc-yt { width:20px; height:14px; }
.fc-kicker { display:block; font:11.5px "DM Mono", monospace; letter-spacing:.14em; text-transform:uppercase; color:#7a7a78; }
.fc-go { flex:none; margin-top:30px; width:46px; height:46px; border-radius:50%; border:1px solid var(--hair-2); display:grid; place-items:center; color:#d9d9d6; }
.fc-go svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.fc-go:hover { background:#1c1c1c; color:#fff; }
.fc-body { padding:20px 24px 6px; border-bottom:1px solid var(--hair); }
.fc-big { margin-top:8px; font-size:42px; font-weight:800; letter-spacing:-.03em; }
.fc-sub { margin-top:4px; color:#7a7a78; font-size:13px; }
.fc-rows { margin:14px 0 0; }
.fc-rows div { display:flex; justify-content:space-between; gap:12px; padding:13px 0; border-top:1px solid var(--hair); }
.fc-rows dt { color:#a3a3a1; }
.fc-rows dd { margin:0; font-weight:750; }
.fc-split { padding:18px 24px 22px; }
.fc-split-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.fc-locked { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:10px; border:1px solid rgba(67,223,141,.35); background:rgba(67,223,141,.1); color:#6cf0aa; font-size:13px; font-weight:700; text-decoration:none; }
.fc-locked i { width:7px; height:7px; border-radius:50%; background:currentColor; }
.fc-locked.is-pending { border-color:var(--hair-2); background:rgba(255,255,255,.05); color:#bdbdbb; }
.fc-bar { display:flex; gap:4px; height:10px; margin:14px 0 12px; }
.fc-bar i { border-radius:99px; }
.fc-bar i:first-child { flex:80; background:#6cf0aa; }
.fc-bar i:last-child { flex:20; background:#5c5c5a; }
.fc-legend { display:flex; gap:22px; flex-wrap:wrap; font-size:13px; color:#a3a3a1; }
.fc-legend span { display:inline-flex; align-items:center; gap:7px; }
.fc-legend b { color:#f5f5f3; }
.fc-legend i { width:10px; height:10px; border-radius:3px; }
.fc-legend i.c { background:#6cf0aa; }
.fc-legend i.p { background:#5c5c5a; }
/* Launch: resume a coin whose fee split still needs one more signature. */
.launch-resume { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 16px; padding:14px 18px; border-radius:16px; border:1px solid rgba(124,77,255,.4); background:rgba(124,77,255,.08); font-size:14px; }
.launch-resume button { flex:none; padding:10px 18px; border:0; border-radius:12px; background:#7c4dff; color:#fff; font-weight:750; cursor:pointer; }
.launch-resume button:disabled { opacity:.7; cursor:default; }
/* Second "Trending now on YouTube" row runs the opposite way. */
.trend-rail-reverse { animation-direction:reverse; animation-duration:105s; }
#ytTrending .trend-window + .trend-window { margin-top:12px; }
/* Token page: the chart comes first for buyers; the fee card sits in the side column above Details. */
.tk-side { display:flex; flex-direction:column; gap:16px; min-width:0; }
.tk-side .tk-fees { margin-top:0; }
.tk-side .tk-details { position:static; }
.tk-side .fc-banner { height:90px; }
.tk-side .fc-big { font-size:34px; }
/* Coin page, below the chart: fee card and Details side by side at equal height, then payouts full width. */
.tk-info { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr); gap:16px; margin-top:28px; align-items:stretch; }
.tk-info .tk-fees { margin-top:0; display:flex; flex-direction:column; }
.tk-info .tk-fees .fc-body { flex:1; }
.tk-info .tk-details { position:static; display:flex; flex-direction:column; }
.tk-info .tk-details .payment-disclaimer { margin-top:auto; padding-top:16px; }
.tk-info .fc-banner { height:96px; }
.tk-info .fc-big { font-size:38px; }
.tk-activity { margin-top:28px; }
.tk-activity .receipt-list { margin-top:12px; }
@media (max-width:900px) { .tk-info { grid-template-columns:1fr; } }
/* Fee card labels: the site's display face instead of mono caps. */
.fc-kicker { font:700 13px "Plus Jakarta Sans", Inter, sans-serif; letter-spacing:-.005em; text-transform:none; color:#9a9a98; }
.fc-id .fc-kicker { color:#a98aff; }
/* Coin page, smarter lower half: a slim creator-fees strip under the chart, then About + Details, then activity. */
.tk-feeband { margin-top:16px; padding:18px 22px; display:grid; grid-template-columns:minmax(200px, 1.3fr) minmax(120px, .8fr) minmax(120px, .8fr) minmax(220px, 1.5fr) auto; gap:24px; align-items:center; }
.fb-who { display:flex; align-items:center; gap:14px; min-width:0; }
.fb-av { flex:none; border-radius:50%; }
.fb-id { display:flex; flex-direction:column; gap:3px; min-width:0; }
.fb-id b { display:flex; align-items:center; gap:7px; font-size:18px; font-weight:800; letter-spacing:-.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fb-id span { display:flex; align-items:center; gap:7px; font:13px "DM Mono", monospace; color:#8a8a88; }
.fb-stat { display:flex; flex-direction:column; gap:2px; min-width:0; }
.fb-stat small, .fb-split small { font:700 13px "Plus Jakarta Sans", Inter, sans-serif; color:#9a9a98; }
.fb-stat b { font-size:24px; font-weight:800; letter-spacing:-.03em; }
.fb-stat em { font-style:normal; font-size:12px; color:#6f6f6d; }
.fb-split .fc-bar { margin:10px 0 8px; }
.tk-feeband .fc-go { margin-top:0; }
.tk-about { padding:22px; display:flex; flex-direction:column; gap:14px; }
.tk-about h2 { font-size:24px; margin:0; letter-spacing:-.035em; }
.tk-desc { margin:0; color:#d9d9d6; font-size:15px; line-height:1.6; overflow-wrap:anywhere; }
.tk-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; }
.tk-links a { display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; border:1px solid var(--hair-2); color:#e9e9e7; font-size:13px; font-weight:650; text-decoration:none; }
.tk-links a:hover { background:#1c1c1c; color:#fff; }
.tk-links .about-icon { width:15px; height:15px; }
.tk-info { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); }
@media (max-width:1100px) { .tk-feeband { grid-template-columns:1fr 1fr; } .fb-who, .fb-split { grid-column:1 / -1; } .tk-feeband .fc-go { display:none; } }

/* Integrations — a display-only bridge from confirmed payouts to creator tools. */
.walletdialog[data-filter="solana"] .walletgroups { grid-template-columns:1fr; }
.walletdialog[data-filter="solana"] .walletgroups>div:nth-child(2) { display:none; }
.walletdialog[data-filter="evm"] .walletgroups { grid-template-columns:1fr; }
.walletdialog[data-filter="evm"] .walletgroups>div:first-child { display:none; }
.integrations-page { max-width:1320px; }
.int-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.int-head h1 { margin:7px 0 5px; font-size:40px; line-height:1; letter-spacing:-.055em; }
.int-head p { margin:0; color:#858583; font-size:14px; }
.int-pilot { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid #333; border-radius:999px; color:#999; font:10px "DM Mono"; letter-spacing:.04em; }
.int-pilot i { width:6px; height:6px; border-radius:50%; background:#ffb744; box-shadow:0 0 0 4px rgba(255,183,68,.08); }

.int-hero { min-height:570px; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr); background:radial-gradient(circle at 8% 8%,rgba(77,255,164,.055),transparent 28%),linear-gradient(135deg,#141414,#0d0d0d); border-color:#303030; border-radius:26px; }
.int-copy { padding:48px 50px; display:flex; flex-direction:column; }
.int-brandline { display:flex; align-items:center; gap:12px; }
.sl-mark { width:52px; height:52px; display:grid; place-items:center; border:1px solid rgba(74,255,162,.25); border-radius:16px; background:linear-gradient(145deg,#1f4133,#0f241b); color:#75f6b0; box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 35px rgba(0,0,0,.22); }
.sl-mark svg { width:36px; height:36px; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.int-brandline>div { display:flex; flex-direction:column; }
.int-brandline>div b { font-size:16px; }
.int-brandline>div small { margin-top:2px; color:#747472; font-size:10px; }
.int-status { margin-left:auto; display:flex; align-items:center; gap:7px; padding:7px 10px; border-radius:999px; background:#1d1d1d; color:#858583; font:9px "DM Mono"; text-transform:uppercase; letter-spacing:.08em; }
.int-status i { width:6px; height:6px; border-radius:50%; background:#737373; }
.int-status.connected { color:#66e9a4; background:rgba(57,184,116,.1); }
.int-status.connected i { background:#52e89c; box-shadow:0 0 0 4px rgba(82,232,156,.08); }
.int-status.paused { color:#f0b760; background:rgba(240,183,96,.09); }
.int-status.paused i { background:#f0b760; }
.int-status.setup { color:#d7a85f; background:rgba(215,168,95,.09); }
.int-status.setup i { background:#d7a85f; box-shadow:0 0 0 4px rgba(215,168,95,.07); }
.int-copy h2 { max-width:650px; margin:42px 0 15px; font-size:clamp(36px,4vw,59px); line-height:1.01; letter-spacing:-.062em; }
.int-lede { max-width:610px; margin:0; color:#999996; font-size:14px; line-height:1.72; }
.int-account { min-height:65px; margin-top:30px; padding:12px 14px; display:flex; align-items:center; gap:12px; border:1px solid #2d2d2d; border-radius:15px; background:rgba(255,255,255,.022); }
.int-account-icon { width:39px; height:39px; display:grid; place-items:center; flex:none; border-radius:12px; background:#202020; color:#aaa; }
.int-account-icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.int-account>div:nth-child(2) { min-width:0; display:flex; flex-direction:column; }
.int-account b { font-size:12px; }
.int-account small { margin-top:3px; color:#737371; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.int-account.is-ready .int-account-icon { background:rgba(57,184,116,.12); color:#66e9a4; }
.int-account-channels { display:flex; margin-left:auto; padding-left:14px; }
.int-account-channels img,.int-account-channels span { width:29px; height:29px; margin-left:-7px; border:2px solid #171717; border-radius:50%; object-fit:cover; background:#292929; }
.int-account-channels span { display:grid; place-items:center; color:#aaa; font:9px "DM Mono"; }
.int-actions { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:18px; }
.int-primary,.int-secondary,.int-danger { min-height:45px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border-radius:999px; padding:0 18px; cursor:pointer; font-size:12px; font-weight:750; transition:transform .18s,background .18s,border-color .18s,opacity .18s; }
.int-primary { border:0; background:#f2f2ee; color:#0b0b0b; }
.int-primary:hover,.int-secondary:hover { transform:translateY(-1px); }
.int-primary svg,.int-secondary svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.int-primary[disabled],.int-secondary[disabled] { opacity:.52; cursor:wait; transform:none; }
.int-secondary { border:1px solid #353535; background:#121212; color:#d2d2cf; }
.int-secondary:hover { background:#1a1a1a; border-color:#494949; }
.int-danger { border:1px solid rgba(255,67,67,.32); background:rgba(255,52,52,.1); color:#ff7777; }
.int-rails { margin-top:auto; padding-top:28px; display:flex; flex-wrap:wrap; gap:17px; color:#777774; font-size:10px; }
.int-rails span { display:flex; align-items:center; gap:6px; }
.int-rails i { width:16px; height:16px; display:grid; place-items:center; border-radius:50%; background:rgba(75,221,144,.1); color:#62d99a; font-style:normal; font-size:9px; }

.int-preview { min-width:0; width:calc(100% - 40px); margin:20px; padding:13px; align-self:center; display:flex; flex-direction:column; border:1px solid #303030; border-radius:20px; background:linear-gradient(180deg,#0b0b0b,#070707); box-shadow:0 35px 90px rgba(0,0,0,.33),inset 0 1px rgba(255,255,255,.035); }
.int-preview-head { height:36px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 6px; color:#747472; }
.int-preview-head>span { display:flex; gap:5px; }
.int-preview-head>span i { width:7px; height:7px; border-radius:50%; background:#333; }
.int-preview-head>span i:first-child { background:#a98aff; }
.int-preview-head b { color:#d2d2cf; font-size:10px; letter-spacing:.01em; }
.int-preview-head small { justify-self:end; font:8px "DM Mono"; letter-spacing:.1em; }
.int-stream { position:relative; flex:none; width:100%; min-height:0; aspect-ratio:16/9; overflow:hidden; isolation:isolate; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:#101010; box-shadow:inset 0 0 0 1px rgba(0,0,0,.3); }
.int-stream-bg { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.82) contrast(1.02) brightness(.77); transform:scale(1.005); }
.int-stream:before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.24),transparent 32%,rgba(0,0,0,.34) 100%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 30%,transparent 70%,rgba(0,0,0,.12)); pointer-events:none; }
.int-stream:after { content:""; position:absolute; z-index:5; inset:0; border-radius:inherit; box-shadow:inset 0 0 60px rgba(0,0,0,.34); pointer-events:none; }
.int-live { position:absolute; left:17px; top:17px; z-index:2; display:flex; align-items:center; gap:6px; padding:6px 8px; border-radius:7px; background:rgba(10,10,10,.72); color:#f1f1ee; font:8px "DM Mono"; letter-spacing:.1em; backdrop-filter:blur(10px); }
.int-live i { width:6px; height:6px; border-radius:50%; background:#7c4dff; box-shadow:0 0 9px #7c4dff; }
.int-example { position:absolute; right:16px; top:17px; z-index:2; padding:6px 8px; border:1px solid rgba(255,255,255,.17); border-radius:7px; background:rgba(10,10,10,.68); color:rgba(255,255,255,.68); font:7px "DM Mono"; letter-spacing:.12em; backdrop-filter:blur(10px); }
.int-alert { position:absolute; z-index:4; left:50%; bottom:18px; width:min(320px,calc(100% - 64px)); min-height:76px; padding:10px 13px 10px 11px; display:grid; grid-template-columns:44px 1fr; align-items:center; gap:11px; border:1px solid rgba(255,255,255,.18); border-radius:15px; background:linear-gradient(135deg,rgba(11,11,12,.94),rgba(18,18,19,.88)); box-shadow:0 22px 54px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.1); backdrop-filter:blur(20px) saturate(1.2); transform:translateX(-50%); }
.int-alert.play { animation:intAlert 1.05s cubic-bezier(.18,.88,.22,1); }
@keyframes intAlert { 0%{opacity:0;transform:translate(-50%,15px) scale(.9)} 58%{opacity:1;transform:translate(-50%,-4px) scale(1.025)} 100%{transform:translate(-50%,0) scale(1)} }
.int-alert-mark { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; box-shadow:0 9px 25px rgba(124,77,255,.3); }
.int-alert-mark svg { display:block; width:44px; height:44px; }
.int-alert div { min-width:0; display:flex; flex-direction:column; }
.int-alert-copy>span { margin-bottom:3px; color:#a98aff; font:6px "DM Mono"; letter-spacing:.13em; text-transform:uppercase; }
.int-alert b { color:#f5f5f2; font-size:12px; letter-spacing:-.015em; }
.int-alert em { color:#fff; font-style:normal; }
.int-alert small { margin-top:3px; color:#979793; font-size:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.int-alert small i { color:#5ce69d; font-style:normal; }
.int-preview-meta { display:grid; grid-template-columns:1.2fr 1fr .8fr; margin:12px 1px 0; border:1px solid #252525; border-radius:12px; background:#0d0d0d; }
.int-preview-meta>div { min-width:0; padding:10px 12px; display:flex; flex-direction:column; border-left:1px solid #242424; }
.int-preview-meta>div:first-child { border-left:0; }
.int-preview-meta small { color:#565654; font:7px "DM Mono"; letter-spacing:.1em; text-transform:uppercase; }
.int-preview-meta b { margin-top:4px; color:#a5a5a2; font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.int-preview>p { margin:11px 3px 0; display:flex; align-items:flex-start; gap:7px; color:#626260; font-size:8px; line-height:1.45; }
.int-preview>p span { width:6px; height:6px; margin-top:3px; flex:none; border-radius:50%; background:#52e89c; }
.int-preview>p strong { flex:none; color:#898986; font-weight:700; }

.int-lower { margin-top:18px; display:grid; grid-template-columns:minmax(0,1.36fr) minmax(330px,.64fr); gap:18px; align-items:stretch; }
.int-how,.int-control,.int-activity { padding:30px; border-radius:22px; }
.int-how,.int-control { position:relative; isolation:isolate; overflow:hidden; transition:border-color .25s,transform .25s,box-shadow .25s; }
.int-how:before,.int-control:before { content:""; position:absolute; z-index:-1; width:320px; height:320px; border-radius:50%; filter:blur(12px); pointer-events:none; opacity:.45; transition:opacity .35s,transform .55s cubic-bezier(.2,.8,.2,1); }
.int-how:before { left:-170px; top:-210px; background:radial-gradient(circle,rgba(124,77,255,.16),transparent 68%); }
.int-control:before { right:-180px; bottom:-210px; background:radial-gradient(circle,rgba(78,231,154,.13),transparent 68%); }
.int-how:hover,.int-control:hover { border-color:#393939; transform:translateY(-2px); box-shadow:0 24px 60px rgba(0,0,0,.22); }
.int-how:hover:before,.int-control:hover:before { opacity:.8; transform:scale(1.12); }
.int-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }
.int-section-head>div>span { display:flex; align-items:center; gap:8px; color:#a98aff; font:9px "DM Mono"; letter-spacing:.12em; text-transform:uppercase; }
.int-section-head>div>span:before { content:""; width:18px; height:1px; background:linear-gradient(90deg,#7c4dff,rgba(124,77,255,.08)); box-shadow:0 0 8px rgba(124,77,255,.38); }
.int-section-head h2 { margin:5px 0 0; font-size:24px; letter-spacing:-.04em; }
.int-section-head>small { color:#686865; font-size:10px; }
.int-flow { display:grid; grid-template-columns:1fr 48px 1fr 48px 1fr; align-items:center; gap:12px; margin-top:30px; }
.int-flow>div { min-height:184px; padding:17px; position:relative; display:flex; flex-direction:column; overflow:hidden; border:1px solid #2b2b2b; border-radius:17px; background:linear-gradient(145deg,#101010,#0b0b0b); box-shadow:inset 0 1px rgba(255,255,255,.025); transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s; }
.int-flow>div:before { content:""; position:absolute; inset:0 0 auto; height:2px; opacity:.5; background:linear-gradient(90deg,transparent,#7c4dff 45%,transparent); transform:translateX(-70%); transition:transform .5s,opacity .3s; }
.int-flow>div:nth-of-type(2):before { background:linear-gradient(90deg,transparent,#f2f2ee 45%,transparent); }
.int-flow>div:nth-of-type(3):before { background:linear-gradient(90deg,transparent,#52e89c 45%,transparent); }
.int-flow>div:hover { transform:translateY(-5px); border-color:#444; box-shadow:0 18px 38px rgba(0,0,0,.3); }
.int-flow>div:hover:before { opacity:1; transform:translateX(70%); }
.int-step { position:absolute; right:13px; top:12px; color:#555; font:9px "DM Mono"; }
.int-flow-icon { width:43px; height:43px; display:grid; place-items:center; border:1px solid #313131; border-radius:13px; background:#171717; color:#dfdfdc; font:500 17px "DM Mono"; font-style:normal; transition:transform .28s,background .25s,color .25s,box-shadow .25s; }
.int-flow>div:nth-of-type(1) .int-flow-icon { color:#ff6f79; background:rgba(124,77,255,.08); border-color:rgba(124,77,255,.18); }
.int-flow>div:nth-of-type(3) .int-flow-icon { color:#65eaa7; background:rgba(82,232,156,.07); border-color:rgba(82,232,156,.18); }
.int-flow>div:hover .int-flow-icon { transform:translateY(-2px) rotate(-4deg); background:#1c1c1c; box-shadow:0 10px 25px rgba(0,0,0,.32); }
.int-flow-icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.int-flow b { margin-top:19px; font-size:13px; }
.int-flow small { margin-top:5px; color:#737370; font-size:10px; line-height:1.5; }
.int-arrow { width:100%; fill:none; stroke:#484848; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:5 4; animation:intRoute 2.4s linear infinite; }
@keyframes intRoute { to { stroke-dashoffset:-36; } }
.int-control { display:flex; flex-direction:column; }
.int-control-body { flex:1; margin-top:22px; }
.int-empty { height:100%; min-height:184px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; text-align:center; border:1px dashed #303030; border-radius:17px; background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.025),transparent 43%),#0d0d0d; transition:border-color .25s,background .25s; }
.int-empty:hover { border-color:#454545; background:radial-gradient(circle at 50% 45%,rgba(82,232,156,.045),transparent 46%),#0d0d0d; }
.int-empty-ring { width:45px; height:45px; position:relative; display:grid; place-items:center; margin-bottom:13px; border:1px solid #343434; border-radius:50%; }
.int-empty-ring:before,.int-empty-ring:after { content:""; position:absolute; inset:-1px; border:1px solid rgba(82,232,156,.24); border-radius:50%; animation:intSignal 2.8s cubic-bezier(.2,.7,.2,1) infinite; }
.int-empty-ring:after { animation-delay:1.4s; }
.int-empty-ring i { width:8px; height:8px; border-radius:50%; background:#626260; box-shadow:0 0 12px rgba(82,232,156,.16); animation:intCore 2.8s ease-in-out infinite; }
@keyframes intSignal { 0%{opacity:.7;transform:scale(.85)} 75%,100%{opacity:0;transform:scale(2.05)} }
@keyframes intCore { 50%{background:#62dda0;box-shadow:0 0 18px rgba(82,232,156,.48)} }
.int-empty b { font-size:12px; }.int-empty small { max-width:230px; margin-top:5px; color:#686865; font-size:9px; line-height:1.5; }
.int-connected-controls { display:flex; flex-direction:column; gap:10px; }
.int-toggle-row { min-height:64px; display:flex; align-items:center; gap:12px; padding:11px 13px; border:1px solid #2c2c2c; border-radius:15px; background:#0d0d0d; }
.int-toggle-row>span:first-child { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; background:rgba(69,225,145,.1); color:#5ce69d; }
.int-toggle-row>span:first-child svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; }
.int-toggle-row>div { display:flex; flex-direction:column; }
.int-toggle-row b { font-size:11px; }.int-toggle-row small { margin-top:3px; color:#696966; font-size:9px; }
.int-switch { width:44px; height:25px; margin-left:auto; position:relative; flex:none; border:0; border-radius:99px; background:#2c2c2c; cursor:pointer; transition:background .2s; }
.int-switch:after { content:""; position:absolute; left:3px; top:3px; width:19px; height:19px; border-radius:50%; background:#888; transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s; }
.int-switch.on { background:#2ab36d; }.int-switch.on:after { transform:translateX(19px); background:#fff; }
.int-control-actions { display:grid; grid-template-columns:1fr auto; gap:8px; }
.int-control-actions button { min-width:0; padding:0 14px; }
.int-control-actions .int-danger { width:45px; padding:0; }
.int-control-actions svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; }
.int-control-note { display:flex; gap:8px; color:#676764; font-size:9px; line-height:1.5; }
.int-control-note i { color:#54dd99; font-style:normal; }

.int-activity { margin-top:18px; }
.int-alert-list { margin-top:22px; display:flex; flex-direction:column; }
.int-log { min-height:68px; display:grid; grid-template-columns:40px minmax(0,1fr) auto auto; align-items:center; gap:12px; padding:10px 0; border-top:1px solid #292929; }
.int-log:first-child { border-top:0; }
.int-log-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:#1c1c1c; color:#868683; }
.int-log-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; }
.int-log>div:nth-child(2) { display:flex; flex-direction:column; min-width:0; }
.int-log b { font-size:11px; }.int-log small { margin-top:3px; color:#686865; font:9px "DM Mono"; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.int-log time { color:#666; font:9px "DM Mono"; }
.int-log-state { min-width:56px; padding:5px 8px; border-radius:999px; text-align:center; color:#aaa; background:#242424; font:8px "DM Mono"; text-transform:uppercase; }
.int-log-state.sent { color:#5ee3a0; background:rgba(65,203,131,.1); }
.int-log-state.failed { color:#ff8585; background:rgba(255,73,73,.1); }
.int-log-retry { border:1px solid #383838; border-radius:999px; background:#111; color:#bbb; padding:6px 9px; cursor:pointer; font-size:9px; }

.int-dialog { width:min(440px,calc(100vw - 28px)); position:relative; border:1px solid #363636; border-radius:24px; background:#141414; color:#f3f3f0; padding:34px; text-align:center; box-shadow:0 30px 100px rgba(0,0,0,.7); }
.int-dialog::backdrop { background:rgba(0,0,0,.7); backdrop-filter:blur(7px); }
.int-dialog-close { position:absolute; right:15px; top:15px; width:34px; height:34px; display:grid; place-items:center; border:1px solid #323232; border-radius:50%; background:#191919; color:#aaa; cursor:pointer; }
.int-dialog-close svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; }
.int-dialog-icon { width:55px; height:55px; display:grid; place-items:center; margin:7px auto 18px; border-radius:17px; background:rgba(255,73,73,.1); color:#ff7777; }
.int-dialog-icon svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.8; }
.int-dialog h2 { margin:0; font-size:25px; letter-spacing:-.04em; }.int-dialog p { margin:10px auto 24px; color:#858582; font-size:12px; line-height:1.6; }
.int-dialog>div { display:grid; grid-template-columns:1fr 1fr; gap:9px; }

@media (max-width:1180px) {
  .int-hero { grid-template-columns:1fr; }.int-preview { min-height:0; margin-top:0; }.int-copy { padding-bottom:36px; }.int-rails { margin-top:28px; }
  .int-lower { grid-template-columns:1fr; }.int-control-body { min-height:184px; }
}
@media (max-width:820px) {
  .integrations-page { padding-top:28px; }.int-head { align-items:flex-start; }.int-head h1 { font-size:34px; }.int-head p { max-width:280px; }
  .int-hero { min-height:0; border-radius:22px; }.int-copy { padding:28px 22px; }.int-copy h2 { margin-top:32px; font-size:40px; }.int-preview { width:calc(100% - 20px); min-height:0; margin:0 10px 10px; }.int-stream { min-height:0; }
  .int-flow { grid-template-columns:1fr; }.int-arrow { width:34px; transform:rotate(90deg); justify-self:start; margin-left:5px; }.int-flow>div { min-height:150px; }
  .int-how,.int-control,.int-activity { padding:23px 20px; }.int-section-head>small { display:none; }
  .int-account small { white-space:normal; }.int-account-channels { display:none; }
}
@media (max-width:560px) {
  .int-pilot { padding:7px 9px; font-size:8px; }.int-head { gap:10px; }.int-head p { font-size:12px; }
  .int-brandline { align-items:flex-start; }.sl-mark { width:46px; height:46px; border-radius:14px; }.sl-mark svg { width:31px; height:31px; }.int-status { padding:6px 8px; }
  .int-copy h2 { font-size:34px; }.int-actions { align-items:stretch; flex-direction:column; }.int-primary,.int-secondary { width:100%; }
  .int-rails { gap:10px 13px; }.int-preview { min-height:0; }.int-preview-head small { display:none; }.int-stream { min-height:0; }.int-alert { bottom:10px; width:calc(100% - 42px); min-height:68px; grid-template-columns:39px 1fr; gap:9px; padding:9px 10px; }.int-alert-mark,.int-alert-mark svg { width:39px; height:39px; }.int-alert b { font-size:11px; }.int-alert small { font-size:7px; }.int-preview-meta>div { padding:9px 8px; }.int-preview-meta b { font-size:8px; }
  .int-control-actions { grid-template-columns:1fr 45px; }.int-log { grid-template-columns:38px minmax(0,1fr) auto; }.int-log time { display:none; }.int-dialog { padding:30px 22px 24px; }
}
@media (prefers-reduced-motion:reduce) { .int-alert.play,.int-arrow,.int-empty-ring:before,.int-empty-ring:after,.int-empty-ring i { animation:none; } .int-primary:hover,.int-secondary:hover,.int-how:hover,.int-control:hover,.int-flow>div:hover { transform:none; } }

/* Mobile layout pass — stable bottom navigation and card-like financial rows. */
@media (max-width:820px) {
  .sidebar .logo,.sidebar .sidecollapse,.sidebar .sidefoot { display:none !important; }
  .sidebar { inset:auto 0 0; width:100%; height:calc(68px + env(safe-area-inset-bottom)); padding:6px 10px env(safe-area-inset-bottom); display:block; border:0; border-top:1px solid rgba(255,255,255,.1); background:rgba(10,10,10,.94); backdrop-filter:blur(18px); }
  .sidenav { width:100%; height:56px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:center; gap:8px; }
  .sidenav a { width:100% !important; height:48px; padding:0 !important; display:grid; place-items:center; gap:0; border-radius:15px; }
  .sidenav a:nth-child(n+6) { display:none; }
  .sidenav .nav-icon { width:24px; height:24px; }
  .sidenav a.active { background:rgba(255,255,255,.09); box-shadow:inset 0 1px rgba(255,255,255,.06); }
  .sidenav a.active:after { content:""; position:absolute; left:50%; bottom:3px; width:4px; height:4px; margin-left:-2px; border-radius:50%; background:#7c4dff; box-shadow:0 0 8px rgba(124,77,255,.65); }
  .content { padding-bottom:calc(82px + env(safe-area-inset-bottom)); }
  .page { max-width:100%; overflow-x:clip; }

  .home-pay { grid-template-columns:minmax(0,1fr) auto !important; grid-template-areas:"main end"; gap:12px !important; min-height:84px; padding:15px 16px !important; }
  .home-pay .receipt-main { grid-area:main; min-width:0; }
  .home-pay .receipt-main>b { font-size:clamp(24px,7.4vw,29px); white-space:nowrap; }
  .home-pay .receipt-main span { display:block; margin-top:4px; line-height:1.35; white-space:normal; }
  .home-pay .receipt-end { grid-area:end; min-width:68px; display:grid !important; grid-template-columns:1fr !important; justify-items:end; align-content:center; gap:5px !important; }
  .home-pay .receipt-status { min-width:0; padding:5px 9px; font-size:10px; }
  .home-pay .receipt-end time { text-align:right; }
  .most-pay { min-height:84px; padding:0 16px; }
  .pay-split { gap:38px; }
}

@media (max-width:560px) {
  .payments-page { padding-left:15px; padding-right:15px; }
  .payments-head { margin-bottom:20px; }
  .claim-strip { padding:18px; border-radius:19px; }
  .cs-copy { align-items:flex-start; }
  .cs-copy b { font-size:16px; line-height:1.3; }
  .cs-copy small { display:block; margin-top:4px; line-height:1.5; }
  .cs-form { display:grid; grid-template-columns:1fr; gap:8px; }
  .cs-form .search,.cs-form .primarybtn { width:100%; }

  .payment-summary { display:grid; grid-template-columns:1fr 1fr; gap:10px; min-height:0; overflow:visible; border:0; background:none; }
  .payment-summary .payment-total { grid-column:1 / -1; }
  .payment-summary>div,.payment-summary .payment-total { min-width:0; min-height:128px; padding:19px 18px; border:1px solid var(--hair-2) !important; border-radius:18px; background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 65%),var(--card); }
  .payment-summary .payment-total { min-height:145px; }
  .payment-summary strong { max-width:100%; font-size:clamp(32px,10vw,42px); white-space:nowrap; }
  .payment-summary b { max-width:100%; font-size:clamp(21px,6.3vw,27px); white-space:nowrap; }
  .payment-summary small,.payment-summary span { line-height:1.4; }

  .payments-layout.section { margin-top:42px; }
  .paid-panel { padding:19px; border-radius:19px; }
  .paid-panel-head { padding-bottom:15px; }
  .paid-panel-head h2,.payment-section-title h2 { font-size:25px; }
  .paid-channel { grid-template-columns:42px minmax(0,1fr) auto; gap:10px; padding:13px 0; margin:0; border-radius:0; }
  .paid-channel .paid-coin { display:none; }
  .paid-earned>b { font-size:15px; white-space:nowrap; }

  .payment-section-title { gap:13px; }
  .payment-filters { width:100%; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; padding:3px; }
  .payment-filters button { min-width:0; padding:7px 4px; font-size:10.5px; }
  .payments-page .receipt-row { grid-template-columns:minmax(0,1fr) auto !important; gap:10px; min-height:84px; padding:15px 14px 15px 16px; border-radius:17px; }
  .payments-page .receipt-main { min-width:0; }
  .payments-page .receipt-main>b { font-size:clamp(23px,7.2vw,28px); white-space:nowrap; }
  .payments-page .receipt-main span { display:block; line-height:1.35; white-space:normal; }
  .payments-page .receipt-end { min-width:68px; display:grid; grid-template-columns:auto 16px !important; justify-items:end; gap:4px 6px; }
  .payments-page .receipt-end .receipt-status { grid-column:1 / -1; min-width:0; padding:5px 8px; font-size:10px; }
  .payments-page .receipt-end time { text-align:right; }
  .payments-page .receipt-details>div { gap:10px; }
  .payments-page .receipt-details dl { grid-template-columns:1fr !important; gap:10px; width:100%; }
  .payments-page .receipt-details dd { overflow-wrap:anywhere; }

  .payments-feature { padding-left:18px; padding-right:18px; }
  .preview-payment { grid-template-columns:minmax(0,1fr) auto; gap:8px; }
  .preview-payment .pay-route { display:none; }
  .preview-payment>div:first-child>b { font-size:20px; white-space:nowrap; }

  .an-hero { padding:25px 20px; }
  .an-hero h1 { margin-bottom:22px; font-size:32px; }
  .an-hero-stats { grid-template-columns:1fr; gap:0; }
  .an-hero-stats>div { min-width:0; padding:17px 0; border-top:1px solid var(--hair); }
  .an-hero-stats>div:first-child { padding-top:0; border-top:0; }
  .an-hero-stats b,.an-hero-stats>div:last-child b { max-width:100%; font-size:clamp(34px,11vw,46px); white-space:nowrap; }
  .an-charts { grid-template-columns:1fr; }
}
.tk-status-note .primarybtn { margin-top:10px; }

/* Integrations v2 — broadcast-first storytelling and a focused setup console. */
.integrations-page { max-width:1360px; }
.int-head { margin-bottom:26px; }
.int-head h1 { font-size:42px; }
.int-hero { min-height:590px; grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr); overflow:hidden; background:radial-gradient(circle at 7% 0,rgba(124,77,255,.07),transparent 32%),linear-gradient(135deg,#151515 0,#0d0d0d 58%,#0a0a0a 100%); }
.int-copy { padding:46px 48px 38px; }
.int-copy h2 { max-width:610px; margin:46px 0 17px; font-size:clamp(43px,4.1vw,62px); }
.int-lede { max-width:570px; font-size:14px; line-height:1.75; }
.int-compat { margin-left:auto; display:flex; align-items:center; gap:7px; padding:7px 10px; border:1px solid rgba(116,246,176,.14); border-radius:999px; background:rgba(82,232,156,.06); color:#78dca6; font:8px "DM Mono"; letter-spacing:.08em; text-transform:uppercase; }
.int-compat i { width:5px; height:5px; border-radius:50%; background:#52e89c; box-shadow:0 0 10px rgba(82,232,156,.6); }
.int-actions { margin-top:26px; }
.int-setup-link { min-height:45px; padding:0 5px 0 12px; display:inline-flex; align-items:center; gap:10px; color:#9c9c99; font-size:12px; font-weight:700; text-decoration:none; transition:color .2s,transform .2s; }
.int-setup-link svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s; }
.int-setup-link:hover { color:#fff; transform:translateY(-1px); }
.int-setup-link:hover svg { transform:translateX(3px); }
.int-hero-facts { margin-top:auto; padding-top:28px; display:grid; grid-template-columns:1.3fr 1fr .72fr; border-top:1px solid rgba(255,255,255,.08); }
.int-hero-facts>div { min-width:0; padding:0 18px; display:flex; flex-direction:column; border-left:1px solid rgba(255,255,255,.08); }
.int-hero-facts>div:first-child { padding-left:0; border-left:0; }
.int-hero-facts small { color:#5f5f5d; font:8px "DM Mono"; letter-spacing:.11em; text-transform:uppercase; }
.int-hero-facts b { margin-top:6px; color:#b9b9b6; font-size:11px; white-space:nowrap; }
.int-preview { width:calc(100% - 36px); margin:18px; }

.int-signal { min-height:390px; margin-top:20px; display:grid; grid-template-columns:minmax(285px,.74fr) minmax(0,1.8fr); overflow:hidden; border-radius:24px; background:linear-gradient(120deg,#141414,#0b0b0b 65%); }
.int-signal-copy { position:relative; padding:42px 38px; display:flex; flex-direction:column; border-right:1px solid #292929; background:radial-gradient(circle at 0 0,rgba(124,77,255,.105),transparent 48%); }
.int-signal-copy:after { content:""; position:absolute; right:-1px; top:42px; width:2px; height:70px; background:linear-gradient(#7c4dff,transparent); box-shadow:0 0 18px rgba(124,77,255,.34); }
.int-signal-copy h2 { margin:15px 0 13px; font-size:clamp(30px,3vw,43px); line-height:1.04; letter-spacing:-.055em; }
.int-signal-copy>p { max-width:320px; margin:0; color:#7f7f7c; font-size:12px; line-height:1.65; }
.int-signal-copy>span { margin-top:auto; display:flex; align-items:center; gap:8px; color:#737370; font:9px "DM Mono"; letter-spacing:.04em; }
.int-signal-copy>span i { width:7px; height:7px; border-radius:50%; background:#52e89c; box-shadow:0 0 0 5px rgba(82,232,156,.06),0 0 14px rgba(82,232,156,.35); }
.int-route { min-width:0; position:relative; padding:48px 36px 40px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; align-content:center; }
.int-route-line { position:absolute; left:calc(16.66% + 37px); right:calc(16.66% + 37px); top:125px; height:1px; overflow:visible; background:linear-gradient(90deg,#7c4dff,#777 50%,#52e89c); opacity:.48; }
.int-route-line i { position:absolute; top:-3px; left:0; width:7px; height:7px; border-radius:50%; background:#fff; box-shadow:0 0 12px #fff,0 0 26px rgba(82,232,156,.7); animation:intSignalTravel 4.2s cubic-bezier(.45,0,.55,1) infinite; }
@keyframes intSignalTravel { 0%{left:0;opacity:0} 12%{opacity:1} 88%{opacity:1} 100%{left:100%;opacity:0} }
.int-route-stop { min-width:0; position:relative; display:flex; flex-direction:column; align-items:flex-start; }
.int-route-stop>span { margin-bottom:15px; color:#565654; font:9px "DM Mono"; letter-spacing:.08em; }
.int-route-node { position:relative; z-index:1; width:52px; height:52px; display:grid; place-items:center; border:1px solid #3a3a3a; border-radius:17px; background:#151515; color:#d8d8d5; font:500 17px "DM Mono"; font-style:normal; box-shadow:0 0 0 8px #0d0d0d,0 12px 35px rgba(0,0,0,.3); transition:transform .25s,border-color .25s,color .25s; }
.int-route-stop:first-of-type .int-route-node { color:#ff6a78; border-color:rgba(124,77,255,.27); }
.int-route-stop:last-child .int-route-node { color:#67eaa7; border-color:rgba(82,232,156,.27); }
.int-route-stop:hover .int-route-node { transform:translateY(-4px); border-color:#70706d; }
.int-route-node svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.int-route-stop>div { margin-top:25px; }
.int-route-stop small { color:#5f5f5d; font:8px "DM Mono"; letter-spacing:.12em; text-transform:uppercase; }
.int-route-stop b { margin-top:5px; display:block; color:#e0e0dd; font-size:13px; }
.int-route-stop p { max-width:190px; margin:7px 0 0; color:#6f6f6c; font-size:10px; line-height:1.55; }

.int-studio { min-height:550px; margin-top:20px; display:grid; grid-template-columns:minmax(310px,.78fr) minmax(0,1.5fr); overflow:hidden; border-radius:24px; background:#101010; }
.int-studio-copy { padding:44px 40px; display:flex; flex-direction:column; border-right:1px solid #2b2b2b; background:radial-gradient(circle at 15% 20%,rgba(124,77,255,.095),transparent 36%),linear-gradient(145deg,#161616,#0d0d0d); }
.int-studio-copy h2 { margin:15px 0 14px; font-size:clamp(34px,3.3vw,48px); line-height:1.02; letter-spacing:-.06em; }
.int-studio-copy>p { max-width:345px; margin:0; color:#82827f; font-size:12px; line-height:1.65; }
.int-studio-copy .int-account { margin-top:auto; }
.int-studio-copy>.int-primary { width:100%; margin-top:10px; }
.int-account { min-height:76px; padding:13px 14px; border-color:#303030; border-radius:16px; background:rgba(255,255,255,.026); }
.int-account-icon { width:43px; height:43px; border-radius:13px; }
.int-account>div:nth-child(2) { gap:2px; }
.int-account>div:nth-child(2)>small { margin:0; color:#565654; font:7px "DM Mono"; letter-spacing:.11em; }
.int-account>div:nth-child(2)>b { font-size:12px; }
.int-account>div:nth-child(2)>em { color:#72726f; font-size:9px; font-style:normal; line-height:1.35; }
.int-console { min-width:0; padding:34px 38px 36px; background:linear-gradient(145deg,#111,#0b0b0b); }
.int-console-head { min-height:57px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:21px; border-bottom:1px solid #282828; }
.int-console-brand { display:flex; align-items:center; gap:12px; }
.int-console-brand .sl-mark { width:43px; height:43px; border-radius:13px; }
.int-console-brand .sl-mark svg { width:29px; height:29px; }
.int-console-brand>div { display:flex; flex-direction:column; gap:2px; }
.int-console-brand small { color:#5f5f5d; font:7px "DM Mono"; letter-spacing:.12em; text-transform:uppercase; }
.int-console-brand b { font-size:13px; }
.int-console .int-control-body { min-height:0; margin-top:20px; }
.int-setup-sequence { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.int-setup-sequence:before { content:""; position:absolute; left:50%; top:33px; width:20px; height:1px; transform:translateX(-50%); background:#353535; }
.int-setup-step { min-width:0; min-height:112px; padding:15px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:start; gap:11px; border:1px solid #2b2b2b; border-radius:16px; background:#0d0d0d; }
.int-setup-step>span { width:36px; height:36px; display:grid; place-items:center; border:1px solid #353535; border-radius:12px; color:#888; background:#151515; font:9px "DM Mono"; }
.int-setup-step>div { min-width:0; display:flex; flex-direction:column; }
.int-setup-step small { color:#555; font:7px "DM Mono"; letter-spacing:.11em; }
.int-setup-step b { margin-top:4px; color:#d3d3d0; font-size:11px; }
.int-setup-step p { margin:5px 0 0; color:#686865; font-size:9px; line-height:1.45; }
.int-setup-step>i { padding:5px 7px; border-radius:999px; background:#1b1b1b; color:#676765; font:7px "DM Mono"; font-style:normal; letter-spacing:.07em; }
.int-setup-step.is-current { border-color:rgba(124,77,255,.32); background:linear-gradient(145deg,rgba(124,77,255,.055),#0d0d0d 58%); }
.int-setup-step.is-current>span { border-color:rgba(124,77,255,.3); color:#ff6877; background:rgba(124,77,255,.08); box-shadow:0 0 18px rgba(124,77,255,.07); }
.int-setup-step.is-current>i { color:#ff7b87; background:rgba(124,77,255,.09); }
.int-setup-step.is-complete { border-color:rgba(82,232,156,.2); }
.int-setup-step.is-complete>span { color:#65eaa7; border-color:rgba(82,232,156,.22); background:rgba(82,232,156,.07); }
.int-setup-step.is-complete>i { color:#65eaa7; background:rgba(82,232,156,.07); }
.int-setup-step.is-locked { opacity:.55; }
.int-permissions { margin-top:12px; border:1px solid #292929; border-radius:16px; overflow:hidden; background:#0c0c0c; }
.int-permissions-head { min-height:39px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #252525; }
.int-permissions-head span { color:#646462; font:7px "DM Mono"; letter-spacing:.12em; }
.int-permissions-head small { color:#4e4e4c; font-size:8px; }
.int-permission-row { min-height:58px; padding:10px 13px; display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:11px; border-top:1px solid #232323; }
.int-permission-row:nth-child(2) { border-top:0; }
.int-permission-row>span { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:rgba(82,232,156,.07); color:#5ce69d; }
.int-permission-row>span svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.int-permission-row>div { min-width:0; display:flex; flex-direction:column; gap:2px; }
.int-permission-row b { color:#bbb; font-size:10px; }
.int-permission-row small { color:#60605d; font-size:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.int-permission-row>i { color:#58df9b; font:7px "DM Mono"; font-style:normal; letter-spacing:.08em; }
.int-permission-row.is-blocked>span { background:rgba(255,255,255,.035); color:#6f6f6c; }
.int-permission-row.is-blocked>i { color:#777774; }
.int-custody-note { margin-top:12px; padding:11px 13px; display:flex; align-items:center; gap:10px; border:1px solid rgba(82,232,156,.13); border-radius:13px; background:rgba(82,232,156,.035); color:#747471; font-size:9px; line-height:1.45; }
.int-custody-note svg { width:18px; height:18px; flex:none; fill:none; stroke:#5ddd9a; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.int-custody-note b { color:#a6cdb8; }
.int-connected-controls { gap:12px; }
.int-toggle-row { min-height:72px; border-radius:16px; }
.int-control-note { padding:0 3px; }
.int-activity { margin-top:20px; border-radius:24px; }

@media (max-width:1180px) {
  .int-hero { grid-template-columns:1fr; }
  .int-copy { min-height:520px; }
  .int-preview { margin-top:0; }
  .int-signal { grid-template-columns:300px 1fr; }
  .int-route { gap:18px; padding-left:28px; padding-right:28px; }
  .int-studio { grid-template-columns:minmax(285px,.72fr) minmax(0,1.4fr); }
}

@media (max-width:820px) {
  .int-head h1 { font-size:36px; }
  .int-hero { border-radius:22px; }
  .int-copy { min-height:470px; padding:30px 24px; }
  .int-copy h2 { margin-top:34px; font-size:clamp(38px,10vw,52px); }
  .int-preview { width:calc(100% - 20px); margin:0 10px 10px; }
  .int-signal { grid-template-columns:1fr; border-radius:22px; }
  .int-signal-copy { min-height:280px; padding:31px 25px; border-right:0; border-bottom:1px solid #292929; }
  .int-signal-copy:after { top:auto; right:auto; left:25px; bottom:-1px; width:80px; height:2px; background:linear-gradient(90deg,#7c4dff,transparent); }
  .int-signal-copy>p { max-width:430px; }
  .int-route { padding:34px 26px 38px 30px; grid-template-columns:1fr; gap:0; }
  .int-route-line { left:55px; right:auto; top:76px; bottom:92px; width:1px; height:auto; background:linear-gradient(#7c4dff,#777 50%,#52e89c); }
  .int-route-line i { top:0; left:-3px; animation:intSignalTravelMobile 4.2s cubic-bezier(.45,0,.55,1) infinite; }
  @keyframes intSignalTravelMobile { 0%{top:0;opacity:0} 12%{opacity:1} 88%{opacity:1} 100%{top:100%;opacity:0} }
  .int-route-stop { min-height:134px; display:grid; grid-template-columns:52px minmax(0,1fr); grid-template-rows:auto 1fr; gap:6px 22px; }
  .int-route-stop>span { grid-column:1; grid-row:1; margin:0; text-align:center; }
  .int-route-node { grid-column:1; grid-row:2; box-shadow:0 0 0 8px #0d0d0d,0 12px 35px rgba(0,0,0,.3); }
  .int-route-stop>div { grid-column:2; grid-row:2; margin:4px 0 0; }
  .int-route-stop p { max-width:none; }
  .int-studio { grid-template-columns:1fr; border-radius:22px; }
  .int-studio-copy { min-height:420px; padding:32px 25px; border-right:0; border-bottom:1px solid #2b2b2b; }
  .int-studio-copy>p { max-width:430px; }
  .int-console { padding:28px 24px 30px; }
}

@media (max-width:560px) {
  .int-head { align-items:flex-start; margin-bottom:20px; }
  .int-head p { max-width:220px; }
  .int-pilot { max-width:94px; text-align:center; line-height:1.25; }
  .int-copy { min-height:450px; }
  .int-copy h2 { font-size:36px; }
  .int-compat { margin-left:auto; padding:6px 8px; font-size:7px; }
  .int-actions { flex-direction:row; align-items:center; }
  .int-actions .int-secondary { width:auto; }
  .int-setup-link { padding-left:5px; }
  .int-hero-facts { grid-template-columns:1.25fr 1fr .65fr; padding-top:21px; }
  .int-hero-facts>div { padding:0 10px; }
  .int-hero-facts b { font-size:9px; }
  .int-signal-copy { min-height:270px; }
  .int-signal-copy h2,.int-studio-copy h2 { font-size:34px; }
  .int-studio-copy { min-height:430px; }
  .int-account { min-height:78px; }
  .int-console { padding:24px 18px 26px; }
  .int-console-head { align-items:flex-start; }
  .int-console-brand .sl-mark { width:40px; height:40px; }
  .int-console-brand b { max-width:132px; line-height:1.25; }
  .int-setup-sequence { grid-template-columns:1fr; }
  .int-setup-sequence:before { left:34px; top:54px; bottom:54px; width:1px; height:auto; transform:none; }
  .int-setup-step { min-height:104px; }
  .int-permissions-head small { display:none; }
  .int-permission-row { grid-template-columns:32px minmax(0,1fr) auto; gap:9px; }
  .int-permission-row small { white-space:normal; line-height:1.35; }
  .int-custody-note { align-items:flex-start; }
}

@media (prefers-reduced-motion:reduce) {
  .int-route-line i { animation:none; }
  .int-route-stop:hover .int-route-node,.int-setup-link:hover { transform:none; }
}

/* Integrations v3 — stronger typography and visually distinct story/setup sections. */
.int-head { align-items:flex-start; }
.int-brandline { min-height:72px; }
.int-brandline .sl-mark { width:70px; height:70px; border-radius:21px; background:radial-gradient(circle at 30% 20%,rgba(124,255,185,.22),transparent 52%),linear-gradient(145deg,#214b39,#0d2118); box-shadow:inset 0 1px rgba(255,255,255,.12),0 20px 45px rgba(0,0,0,.3),0 0 0 7px rgba(82,232,156,.035); }
.int-brandline .sl-mark svg { width:46px; height:46px; }
.int-copy h2 { margin-top:38px; }
.int-lede { color:#a0a09d; font-size:16px; line-height:1.7; }
.int-lede strong { color:#ededE9; font-weight:750; }

.int-signal { min-height:0; display:block; padding:0; background:radial-gradient(circle at 100% 0,rgba(82,232,156,.07),transparent 29%),radial-gradient(circle at 0 0,rgba(124,77,255,.1),transparent 34%),#0d0d0d; }
.int-signal-head { min-height:200px; padding:40px 44px 34px; display:flex; align-items:flex-end; justify-content:space-between; gap:48px; border-bottom:1px solid #292929; }
.int-signal-head>div { min-width:0; }
.int-signal-head h2 { max-width:760px; margin:14px 0 0; font-size:clamp(38px,4.3vw,58px); line-height:1; letter-spacing:-.06em; }
.int-signal-head h2 em { color:#a98aff; font-style:normal; }
.int-signal-head>p { max-width:390px; margin:0 0 4px; color:#8f8f8c; font-size:15px; line-height:1.6; }
.int-signal-head>p strong { color:#e2e2df; font-weight:750; }
.int-signal .int-route { min-height:270px; padding:38px 46px 34px; gap:54px; }
.int-signal .int-route-line { left:calc(16.66% + 49px); right:calc(16.66% + 49px); top:96px; }
.int-signal .int-route-stop { display:grid; grid-template-columns:60px minmax(0,1fr); grid-template-rows:auto auto; align-items:start; gap:10px 19px; }
.int-signal .int-route-stop>span { grid-column:1; margin:0; color:#777774; font-size:11px; text-align:center; }
.int-signal .int-route-node { grid-column:1; grid-row:2; width:58px; height:58px; border-radius:18px; font-size:20px; box-shadow:0 0 0 9px #0d0d0d,0 14px 35px rgba(0,0,0,.34); }
.int-signal .int-route-stop>div { grid-column:2; grid-row:2; margin:2px 0 0; }
.int-signal .int-route-stop small { color:#7e7e7a; font-size:9px; font-weight:600; }
.int-signal .int-route-stop b { margin-top:7px; color:#f0f0ed; font-size:16px; }
.int-signal .int-route-stop p { max-width:220px; margin-top:8px; color:#898986; font-size:12px; line-height:1.5; }
.int-signal-lock { min-height:58px; padding:0 44px; display:flex; align-items:center; gap:10px; border-top:1px solid #282828; background:rgba(255,255,255,.014); color:#81817e; font-size:11px; }
.int-signal-lock i { width:8px; height:8px; flex:none; border-radius:50%; background:#52e89c; box-shadow:0 0 0 5px rgba(82,232,156,.06),0 0 14px rgba(82,232,156,.35); }
.int-signal-lock b { color:#b7d8c6; font-size:12px; }

.int-studio { background:#0b0b0b; border-color:#303030; }
.int-studio-copy { background:radial-gradient(circle at 10% 10%,rgba(124,77,255,.14),transparent 38%),linear-gradient(155deg,#181313,#0e0e0e 72%); }
.int-studio-copy h2 { font-size:clamp(39px,3.7vw,54px); }
.int-studio-copy>p { color:#9a9a97; font-size:15px; line-height:1.65; }
.int-account>div:nth-child(2)>small { font-size:8px; }
.int-account>div:nth-child(2)>b { color:#eeeeeb; font-size:14px; }
.int-account>div:nth-child(2)>em { color:#858582; font-size:11px; }
.int-console-brand small { font-size:8px; }
.int-console-brand b { font-size:15px; }
.int-setup-step small { font-size:8px; }
.int-setup-step b { font-size:13px; }
.int-setup-step p { color:#7c7c79; font-size:10px; }
.int-permissions-head span { font-size:8px; }
.int-permissions-head small { color:#686865; font-size:9px; }
.int-permission-row b { color:#d2d2cf; font-size:12px; }
.int-permission-row small { color:#777774; font-size:10px; }
.int-custody-note { color:#8b8b88; font-size:11px; }

@media (max-width:820px) {
  .int-brandline { min-height:62px; }
  .int-brandline .sl-mark { width:60px; height:60px; border-radius:18px; }
  .int-brandline .sl-mark svg { width:40px; height:40px; }
  .int-lede { font-size:15px; }
  .int-signal-head { min-height:0; padding:32px 26px 29px; display:block; }
  .int-signal-head h2 { font-size:clamp(37px,10vw,48px); }
  .int-signal-head>p { max-width:560px; margin-top:20px; font-size:14px; }
  .int-signal .int-route { min-height:0; padding:34px 27px 18px 30px; grid-template-columns:1fr; gap:0; }
  .int-signal .int-route-line { left:59px; right:auto; top:78px; bottom:88px; width:1px; height:auto; }
  .int-signal .int-route-stop { min-height:142px; grid-template-columns:58px minmax(0,1fr); grid-template-rows:auto 1fr; gap:7px 22px; }
  .int-signal .int-route-stop>span { grid-column:1; grid-row:1; }
  .int-signal .int-route-node { grid-column:1; grid-row:2; }
  .int-signal .int-route-stop>div { grid-column:2; grid-row:2; margin-top:4px; }
  .int-signal .int-route-stop p { max-width:none; }
  .int-signal-lock { padding:14px 26px; flex-wrap:wrap; }
}

@media (max-width:560px) {
  .int-copy h2 { margin-top:32px; }
  .int-lede { font-size:14px; line-height:1.68; }
  .int-signal-head h2 { font-size:36px; }
  .int-signal-head>p { font-size:13px; }
  .int-signal .int-route-stop b { font-size:15px; }
  .int-signal .int-route-stop p { font-size:11px; }
  .int-signal-lock span { flex-basis:100%; padding-left:18px; }
  .int-studio-copy h2 { font-size:39px; }
  .int-studio-copy>p { font-size:14px; }
}

/* The signal route is a real synchronized progress sequence. */
.int-signal .int-route-line { height:2px; overflow:visible; opacity:1; background:#272727; }
.int-signal .int-route-line:before { content:""; position:absolute; inset:0 auto 0 0; width:0; border-radius:99px; background:linear-gradient(90deg,#a98aff 0%,#f1f1ed 50%,#52e89c 100%); box-shadow:0 0 14px rgba(255,255,255,.16); animation:intProgressFill 4.2s linear infinite; }
.int-signal .int-route-line i { top:-2px; animation:intSignalTravel 4.2s linear infinite; }
@keyframes intProgressFill { 0%{width:0} 100%{width:100%} }
.int-signal .int-route-stop { opacity:.42; will-change:opacity,filter; }
.int-signal .int-route-stop:nth-child(2) { --stage-glow:rgba(124,77,255,.34); animation:intStageOne 4.2s linear infinite; }
.int-signal .int-route-stop:nth-child(3) { --stage-glow:rgba(238,238,234,.25); animation:intStageTwo 4.2s linear infinite; }
.int-signal .int-route-stop:nth-child(4) { --stage-glow:rgba(82,232,156,.34); animation:intStageThree 4.2s linear infinite; }
.int-signal .int-route-stop:nth-child(2) .int-route-node { color:#ff6575; border-color:rgba(124,77,255,.34); }
.int-signal .int-route-stop:nth-child(3) .int-route-node { color:#f0f0ed; }
.int-signal .int-route-stop:nth-child(4) .int-route-node { color:#65eaa7; border-color:rgba(82,232,156,.34); }
@keyframes intStageOne { 0%,4%,32%,100%{opacity:.42;filter:none} 10%,27%{opacity:1;filter:drop-shadow(0 0 15px var(--stage-glow))} }
@keyframes intStageTwo { 0%,35%,67%,100%{opacity:.42;filter:none} 42%,60%{opacity:1;filter:drop-shadow(0 0 15px var(--stage-glow))} }
@keyframes intStageThree { 0%,69%,100%{opacity:.42;filter:none} 77%,94%{opacity:1;filter:drop-shadow(0 0 15px var(--stage-glow))} }

@media (max-width:820px) {
  .int-signal .int-route-line { width:2px; height:auto; }
  .int-signal .int-route-line:before { inset:0 0 auto; width:100%; height:0; animation-name:intProgressFillMobile; }
  .int-signal .int-route-line i { top:0; left:-2px; animation:intSignalTravelMobile 4.2s linear infinite; }
  @keyframes intProgressFillMobile { 0%{height:0} 100%{height:100%} }
}

@media (prefers-reduced-motion:reduce) {
  .int-signal .int-route-line:before { width:100%; animation:none; }
  .int-signal .int-route-stop { opacity:1; filter:none; animation:none; }
  .int-signal .int-route-line i { display:none; }
}

@media (max-width:820px) and (prefers-reduced-motion:reduce) {
  .int-signal .int-route-line:before { width:100%; height:100%; }
}

/* Integration delivery: a static, readable three-column explanation. */
.int-delivery { list-style:none; margin:0; padding:38px 44px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
.int-delivery>li { min-width:0; display:flex; flex-direction:column; padding:0 28px; border-left:1px solid #303030; }
.int-delivery>li:first-child { border-left:0; padding-left:0; }
.int-delivery>li:last-child { padding-right:0; }
.int-delivery-top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:26px; }
.int-delivery-top>span { color:#b9b9b5; font:700 11px Inter,sans-serif; letter-spacing:.075em; }
.int-delivery-top svg { width:29px; height:29px; flex:none; fill:none; stroke:#f1f1ed; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.int-delivery>li:first-child .int-delivery-top svg { stroke:#ff6576; }
.int-delivery>li:last-child .int-delivery-top svg { stroke:#70dba5; }
.int-delivery h3 { margin:0 0 14px; color:#f3f3ef; font:800 clamp(23px,2vw,29px)/1.12 "Plus Jakarta Sans",Inter,sans-serif; letter-spacing:-.035em; }
.int-delivery p { margin:0 0 27px; color:#a2a29e; font-size:15px; line-height:1.65; }
.int-delivery p strong { color:#e3e3de; font-weight:650; }
.int-delivery-detail { margin-top:auto; padding-top:18px; border-top:1px solid #2a2a2a; display:flex; flex-direction:column; gap:5px; }
.int-delivery-detail span { color:#858582; font-size:12px; }
.int-delivery-detail b { color:#deded9; font-size:14px; font-weight:700; }
.int-delivery-footer { padding:22px 44px; display:flex; align-items:center; gap:14px; border-top:1px solid #2b2b2b; background:rgba(255,255,255,.015); }
.int-delivery-footer svg { width:23px; height:23px; flex:none; fill:none; stroke:#a2b6a9; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.int-delivery-footer p { margin:0; color:#949490; font-size:14px; line-height:1.6; }
.int-delivery-footer strong { color:#e2e2dc; font-weight:700; }
@media(max-width:1000px) {
  .int-delivery { padding:30px 26px; }
  .int-delivery>li { padding:0 18px; }
  .int-delivery-top { align-items:flex-start; }
  .int-delivery-top>span { line-height:1.5; }
  .int-delivery-footer { padding:22px 26px; }
}
@media(max-width:700px) {
  .int-delivery { grid-template-columns:1fr; padding:0 26px; }
  .int-delivery>li,.int-delivery>li:first-child,.int-delivery>li:last-child { padding:28px 0; border-left:0; border-top:1px solid #303030; }
  .int-delivery>li:first-child { border-top:0; }
  .int-delivery-top { align-items:center; margin-bottom:18px; }
  .int-delivery h3 { font-size:27px; }
  .int-delivery p { margin-bottom:20px; }
  .int-delivery-detail { flex-direction:row; align-items:center; justify-content:space-between; gap:12px; }
  .int-delivery-footer { align-items:flex-start; }
}

/* A clear introduction and connection action beside the broadcast. */
.int-head .int-intro { max-width:760px; margin-top:19px; }
.int-intro>strong { display:block; color:#e9e9e5; font:800 25px/1.2 "Plus Jakarta Sans",Inter,sans-serif; letter-spacing:-.025em; }
.int-intro em { color:#ff5b70; font-style:normal; }
.int-intro>span { display:block; max-width:660px; margin-top:9px; color:#93938f; font-size:15px; line-height:1.6; }
.int-intro b { color:#deded9; font-weight:650; }
.int-hero { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); min-height:560px; }
.int-copy { padding:36px; min-height:0; }
.int-copy h2 { font-size:clamp(34px,3.5vw,49px); margin:26px 0 18px; }
.int-brandline,.int-brandline .sl-mark { min-height:0; }
.int-brandline .sl-mark { width:54px; height:54px; border-radius:17px; }
.int-brandline .sl-mark svg { width:36px; height:36px; }
.int-copy .int-lede { font-size:15px; }
.int-actions { gap:10px; margin-top:27px; }
.int-actions .int-primary,.int-actions .int-secondary { min-height:48px; font-size:13px; }
.int-connect-hint { margin:14px 0 0; max-width:410px; color:#969691; font-size:13px; line-height:1.6; }
.int-copy>.int-status { margin:14px 0 0; align-self:flex-start; }
.int-inline-controls { margin-top:18px; }
.int-inline-controls[hidden],.int-status[hidden] { display:none; }
.int-signal-head { min-height:0; padding-top:30px; padding-bottom:28px; }
.int-signal-head h2 { font-size:clamp(32px,3.4vw,44px); }
.int-delivery { padding-top:30px; padding-bottom:30px; }
.int-delivery p { margin-bottom:0; }
@media(max-width:1100px) {
  .int-hero { grid-template-columns:1fr; }
  .int-copy { padding:32px; }
  .int-copy h2 { font-size:44px; }
  .int-preview { margin-top:0; }
}
@media(max-width:560px) {
  .int-head .int-intro { max-width:none; }
  .int-intro>strong { font-size:23px; }
  .int-intro>span { font-size:14px; }
  .int-copy { padding:26px 23px; }
  .int-copy h2 { font-size:35px; }
  .int-actions { display:grid; grid-template-columns:1fr; }
  .int-actions .int-primary,.int-actions .int-secondary { width:100%; }
  .int-signal-head h2 { font-size:34px; }
}

/* ─── Twitch as a second creator platform (Kick coming soon) ─────────────── */
/* The Twitch glitch is square; YouTube logo classes size it like the 28:20 plate, so square it back up. */
svg.tw-mark { aspect-ratio:1 / 1; }
.fc-yt.tw-mark { width:16px; height:16px; }
.receipt-status .pill-yt.tw-mark { width:15px; }
.rd-plat { display:inline-block; width:13px; height:auto; margin-right:5px; vertical-align:-2px; }
.rd-plat.tw-mark { width:11px; }
.badge-tw svg path { fill:#fff; }
.badge-kk { background:#53fc18; border-radius:28%; }
.badge-kk svg { width:84%; height:84%; }
svg.kk-mark { aspect-ratio:1 / 1; }
.fc-yt.kk-mark { width:16px; height:16px; }
.receipt-status .pill-yt.kk-mark { width:15px; }
.rd-plat.kk-mark { width:11px; }

/* Launch: one creator-link field for every platform */
.page-launch .source-label { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 1px 8px; flex-wrap:wrap; }
.page-launch .source-label label { margin:0; }
.platform-chips { display:flex; gap:6px; flex-wrap:wrap; }
.platform-chip { display:inline-flex; align-items:center; gap:6px; height:26px; padding:0 10px 0 4px; border-radius:999px; border:1px solid var(--hair); background:rgba(255,255,255,.025); color:#9a9a97; font-size:12px; font-weight:600; letter-spacing:-.005em; transition:border-color .2s var(--ease-out), color .2s, background-color .2s, opacity .2s; }
.platform-chip .sym { --sym:18px; }
.platform-chip.is-active { color:#f4f4f2; border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.07); }
.platform-chip[data-platform="youtube"].is-active { border-color:rgba(255,0,51,.55); background:rgba(255,0,51,.1); }
.platform-chip[data-platform="twitch"].is-active { border-color:rgba(145,70,255,.6); background:rgba(145,70,255,.13); }
.platform-chip.is-soon { opacity:.62; }
.platform-chip.is-soon.is-active { opacity:1; border-color:rgba(83,252,24,.45); background:rgba(83,252,24,.07); }
.platform-chip i { font-style:normal; margin-left:2px; padding:1px 6px; border-radius:999px; background:rgba(255,255,255,.08); color:#cfcfcd; font-size:10px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; }
.page-launch .source-field .input-action .source-platform { display:grid; place-items:center; width:0; overflow:hidden; opacity:0; transform:scale(.6); transition:width .22s var(--ease-out), opacity .18s, transform .22s var(--ease-spring), margin .22s var(--ease-out); }
.page-launch .source-field .input-action .source-platform.on { width:26px; margin:0 2px 0 8px; opacity:1; transform:none; }
.page-launch .source-field .input-action .source-platform .sym { --sym:24px; }
.resolved-channel[data-platform="twitch"] .resolved-thumb { box-shadow:0 0 0 2px rgba(145,70,255,.55); }

/* Claim: Sign in with Twitch or Kick, in the platform's colour */
.signin-btn { display:flex; align-items:center; justify-content:center; gap:10px; min-height:50px; margin-top:auto; border-radius:12px; border:1px solid rgba(255,255,255,.08); background:#9146ff; color:#fff; font-size:15px; font-weight:700; letter-spacing:-.01em; cursor:pointer; transition:transform .14s var(--ease-out), box-shadow .2s, background-color .2s, filter .2s; }
.signin-btn:hover:not(:disabled) { filter:brightness(1.08); box-shadow:0 10px 30px rgba(145,70,255,.35); }
.signin-btn:active:not(:disabled) { transform:scale(.97); }
.signin-btn:disabled { opacity:.7; cursor:default; }
.signin-btn .signin-logo { display:grid; place-items:center; }
.signin-btn .signin-mark { width:19px; height:19px; }
.signin-btn .tw-mark path { fill:#fff; }
#signInOpt[data-platform="kick"] .signin-btn { background:#53fc18; color:#0b0b0b; }
#signInOpt[data-platform="kick"] .signin-btn:hover:not(:disabled) { box-shadow:0 10px 30px rgba(83,252,24,.28); }
#signInOpt[data-platform="kick"] .signin-btn .kk-mark rect { fill:#0b0b0b; }
#signInOpt[data-platform="kick"] .signin-btn .kk-mark path { fill:#53fc18; }
#codeOpt .ghost-wide { margin-top:auto; }

/* Home: Twitch announcement and supported platforms */
.homehero .hero-news { display:inline-flex; align-items:center; gap:9px; margin:0 auto 22px; padding:4px 14px 4px 4px; border-radius:999px; border:1px solid rgba(145,70,255,.38); background:linear-gradient(90deg, rgba(145,70,255,.16), rgba(145,70,255,.04)); color:#e9e4f7; font-size:13px; font-weight:600; letter-spacing:-.005em; text-decoration:none; transition:border-color .2s var(--ease-out), background-color .2s, transform .16s var(--ease-out); }
.homehero .hero-news:hover { border-color:rgba(145,70,255,.7); transform:translateY(-1px); }
.homehero .hero-news .hn-tag { padding:3px 9px; border-radius:999px; background:#9146ff; color:#fff; font-size:11px; font-weight:750; letter-spacing:.02em; }
.homehero .hero-news .hn-logo { display:flex; gap:4px; }
.homehero .hero-news .hn-logo svg { display:block; width:15px; height:15px; }
.homehero .hero-news .hn-arrow { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; opacity:.7; transition:transform .2s var(--ease-out); }
.homehero .hero-news:hover .hn-arrow { transform:translateX(2px); }
.hero-platforms { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin:14px auto 0; }
.hero-platforms span { display:inline-flex; align-items:center; gap:7px; height:28px; padding:0 12px 0 9px; border-radius:999px; border:1px solid var(--hair); background:rgba(255,255,255,.025); color:#bdbdba; font-size:12.5px; font-weight:600; }
.hero-platforms svg { width:16px; height:auto; }
.hero-platforms span:nth-child(2) svg, .hero-platforms .soon svg { width:14px; height:14px; }
.hero-platforms .soon { color:#7d7d7a; }
.hero-platforms .soon i { font-style:normal; padding:1px 6px; border-radius:999px; background:rgba(83,252,24,.1); color:#8fe86a; font-size:10px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; }
@media (max-width:560px) { .homehero .hero-news { font-size:12px; margin-bottom:16px; } .hero-platforms span { height:26px; font-size:12px; } }

/* Home hero: the platform word cycles YouTube → Twitch → Kick in each brand's colour */
.homehero h1 .plat-rotator { display:inline-grid; justify-content:center; justify-items:center; vertical-align:baseline; transition:width .6s var(--ease-out); }
.homehero h1 .plat-rotator, .homehero h1 .plat-rotator span { color:#f5f5f3; background:none; -webkit-background-clip:border-box; background-clip:border-box; animation:none; }
.homehero h1 .pr-word { grid-area:1 / 1; white-space:nowrap; opacity:0; transform:translateY(.42em) scale(.97); filter:blur(10px); transition:opacity .45s var(--ease-out), transform .65s var(--ease-out), filter .5s var(--ease-out); }
.homehero h1 .pr-word.is-on { opacity:1; transform:none; filter:none; }
.homehero h1 .pr-word.is-out { opacity:0; transform:translateY(-.42em) scale(.97); filter:blur(10px); }
.homehero h1 .pr-twitch b { margin-left:0; background:#9146ff; box-shadow:inset 0 -.06em 0 rgba(0,0,0,.18), 0 .12em .5em rgba(145,70,255,.34); }
.homehero h1 .pr-kick b { margin-left:0; background:#53fc18; color:#0b0b0b; box-shadow:inset 0 -.06em 0 rgba(0,0,0,.12), 0 .12em .5em rgba(83,252,24,.26); }
@media (prefers-reduced-motion:reduce) {
  .homehero h1 .pr-word, .homehero h1 .pr-word.is-out { transform:none; filter:none; }
  .homehero h1 .plat-rotator { transition:none; }
}

/* Home: Top Profiles shows the LivePaid mark and each creator's platform */
.ts-sp-icon { width:30px; height:30px; vertical-align:-5px; margin:0 1px; }
.tsp-body > small.tsp-handle { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:4px; }
.tsp-plat { display:inline-flex; align-items:center; gap:5px; padding:2px 8px 2px 6px; border-radius:7px; font-size:11.5px; font-weight:650; letter-spacing:.01em; line-height:1.45; }
.tsp-plat .tsp-plat-logo { width:14px; height:auto; }
.tsp-plat .tw-mark, .tsp-plat .kk-mark { width:12px; height:12px; }
.tsp-youtube { background:rgba(255,0,51,.12); color:#ff7088; }
.tsp-twitch { background:rgba(145,70,255,.15); color:#bb90ff; }
.tsp-kick { background:rgba(83,252,24,.1); color:#8fe86a; }

/* Capital Flow: creator fees by platform */
.plat-split .ps-head { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap; }
.plat-split .ps-head small, .plat-split .ps-head em { display:block; color:#7d7d7b; font-size:12.5px; font-style:normal; }
.plat-split .ps-head b { display:block; margin-top:6px; font-size:32px; font-weight:650; letter-spacing:-.045em; }
.ps-bar { display:flex; gap:3px; height:12px; margin:18px 0 18px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.05); }
.ps-bar i { width:0; transition:width 1.1s var(--ease-out); }
.ps-bar.is-in i { width:var(--w); }
.ps-bar i[data-p="youtube"] { background:#ff0033; }
.ps-bar i[data-p="twitch"] { background:#9146ff; }
.ps-bar i[data-p="kick"] { background:#53fc18; }
.ps-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; }
.ps-col { padding:14px 16px; border-radius:14px; background:rgba(255,255,255,.025); border:1px solid var(--hair); }
.ps-name { display:flex; align-items:center; gap:8px; color:#d8d8d5; font-size:13.5px; font-weight:650; }
.ps-name i { margin-left:auto; color:#8f8f8c; font:500 12px "DM Mono", monospace; font-style:normal; }
.ps-name .ps-logo { width:20px; height:auto; }
.ps-name .tw-mark, .ps-name .kk-mark { width:17px; height:17px; }
.ps-col b { display:block; margin-top:10px; font-size:24px; font-weight:650; letter-spacing:-.04em; }
.ps-col small { display:block; margin-top:2px; color:#7d7d7b; font-size:12px; }
@media (max-width:820px) { .ps-grid { grid-template-columns:1fr; } }
.plat-split { margin-top:14px; }
.coin-dollar.coin-plat .sym { box-shadow:none; }
.tc-mini .token-owner .tc-plat .sym { box-shadow:none; }

/* ─── Integrations (ig-): Streamlabs payout alerts and creator platforms ─────── */
.ig { max-width:1180px; }
.ig-head { margin-bottom:26px; }
.ig-head h1 { margin:8px 0 6px; font-size:40px; line-height:1; letter-spacing:-.055em; }
.ig-head p { max-width:560px; color:#9a9a97; font-size:15.5px; line-height:1.6; }
.ig-feature { position:relative; display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1.02fr); gap:44px; padding:40px; border-radius:28px; border:1px solid var(--hair); background:radial-gradient(120% 90% at 100% 0%, rgba(124,77,255,.09), transparent 55%), linear-gradient(180deg, #161616, #121212); overflow:hidden; }
.ig-copy { display:flex; flex-direction:column; min-width:0; }
.ig-app { display:flex; align-items:center; gap:12px; }
.ig-app-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; background:#1f1f1f; border:1px solid var(--hair-2); }
.ig-app-icon svg { width:22px; height:22px; fill:none; stroke:#f2f2ef; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.ig-app b { display:block; font-size:16px; font-weight:750; letter-spacing:-.015em; }
.ig-app small { display:block; color:#8a8a87; font-size:12.5px; }
.ig .int-status { margin-left:auto; display:inline-flex; align-items:center; gap:7px; padding:5px 11px; border-radius:999px; font-size:12px; font-weight:700; background:rgba(255,255,255,.06); color:#cfcfcd; }
.ig .int-status i { width:7px; height:7px; border-radius:50%; background:currentColor; }
.ig .int-status.connected { background:rgba(62,224,143,.12); color:#4fe39a; }
.ig .int-status.paused { background:rgba(255,183,68,.12); color:#ffc15c; }
.ig .int-status.setup { background:rgba(255,255,255,.07); color:#bdbdba; }
.ig-copy h2 { margin:30px 0 14px; font-size:52px; font-weight:750; line-height:1; letter-spacing:-.055em; }
.ig-copy h2 span { color:#7c4dff; }
.ig-lede { max-width:46ch; color:#a3a3a0; font-size:15.5px; line-height:1.65; }
.ig-facts { display:grid; gap:12px; margin:26px 0 30px; padding:0; list-style:none; }
.ig-facts li { display:grid; grid-template-columns:22px 1fr; column-gap:10px; align-items:start; }
.ig-facts li:before { content:""; grid-row:span 2; width:18px; height:18px; margin-top:1px; border-radius:50%; background:rgba(62,224,143,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 12.5 3.2 3.2L17 9' fill='none' stroke='%234fe39a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat; }
.ig-facts b { font-size:14.5px; font-weight:700; letter-spacing:-.01em; }
.ig-facts span { color:#8f8f8c; font-size:13.5px; line-height:1.45; }
.ig-actions { display:flex; flex-wrap:wrap; gap:10px; }
.ig-primary, .ig-ghost, .ig-danger { display:inline-flex; align-items:center; justify-content:center; gap:9px; height:48px; padding:0 22px; border-radius:999px; font:700 14.5px/1 Inter, sans-serif; letter-spacing:-.01em; cursor:pointer; transition:transform .14s var(--ease-out), background-color .2s, border-color .2s, box-shadow .2s, opacity .2s; }
.ig-primary { border:0; background:#f4f4f2; color:#0b0b0b; }
.ig-primary:hover:not(:disabled) { background:#fff; box-shadow:0 10px 30px rgba(255,255,255,.1); }
.ig-ghost { border:1px solid var(--hair-2); background:rgba(255,255,255,.03); color:#ededeb; }
.ig-ghost:hover:not(:disabled) { border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.06); }
.ig-danger { border:1px solid rgba(255,77,109,.35); background:rgba(255,77,109,.08); color:#ff7b93; }
.ig-danger:hover:not(:disabled) { background:rgba(255,77,109,.14); }
.ig-primary:active:not(:disabled), .ig-ghost:active:not(:disabled), .ig-danger:active:not(:disabled) { transform:scale(.97); }
.ig-primary:disabled, .ig-ghost:disabled, .ig-danger:disabled { opacity:.6; cursor:progress; }
.ig-primary svg, .ig-ghost svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.ig-ghost svg path[d^="m8 5.5"] { fill:currentColor; stroke:none; }
.ig-account { margin-top:14px; color:#7d7d7b; font-size:13px; line-height:1.5; }
.ig-account.is-ready { color:#4fe39a; }
.ig-controls { margin-top:18px; }
.ig-ctl { display:grid; gap:14px; padding:18px; border-radius:18px; border:1px solid var(--hair); background:rgba(255,255,255,.025); }
.ig-ctl-row { display:flex; align-items:center; gap:14px; }
.ig-ctl-row b { display:block; font-size:14.5px; }
.ig-ctl-row small { display:block; margin-top:2px; color:#8f8f8c; font-size:12.5px; }
.ig-switch { position:relative; flex:none; margin-left:auto; width:46px; height:27px; border-radius:999px; border:0; background:#3a3a3a; cursor:pointer; transition:background-color .2s; }
.ig-switch:after { content:""; position:absolute; top:3px; left:3px; width:21px; height:21px; border-radius:50%; background:#fff; transition:transform .25s var(--ease-spring); }
.ig-switch.on { background:#3ee08f; }
.ig-switch.on:after { transform:translateX(19px); }
.ig-ctl-actions { display:flex; gap:8px; flex-wrap:wrap; }
.ig-ctl-actions button { height:40px; padding:0 16px; font-size:13.5px; }
.ig-ctl-note { color:#8a8a87; font-size:12.5px; line-height:1.55; }
.ig-ctl-note b { color:#cfcfcd; }

/* The example broadcast with an Alert Box alert */
.ig-stage { display:flex; flex-direction:column; gap:14px; min-width:0; }
.ig-screen { position:relative; aspect-ratio:16 / 10.5; border-radius:22px; overflow:hidden; border:1px solid rgba(255,255,255,.1);
  background:radial-gradient(60% 70% at 20% 85%, rgba(145,70,255,.32), transparent 70%), radial-gradient(55% 60% at 85% 80%, rgba(124,77,255,.26), transparent 70%), radial-gradient(70% 60% at 50% 0%, rgba(83,252,24,.08), transparent 70%), linear-gradient(160deg, #1b1b22, #0e0e12);
  box-shadow:0 30px 80px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.06); }
.ig-screen:before { content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.4px); background-size:16px 16px; mask-image:linear-gradient(180deg, transparent, #000 40%, #000 70%, transparent); }
.ig-screen-top { position:absolute; left:16px; right:16px; top:14px; display:flex; align-items:center; gap:8px; z-index:2; }
.ig-live { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:7px; background:#ff0033; color:#fff; font:800 11px/1 Inter, sans-serif; letter-spacing:.08em; }
.ig-live i { width:6px; height:6px; border-radius:50%; background:#fff; animation:igBlink 1.6s ease-in-out infinite; }
@keyframes igBlink { 50% { opacity:.35; } }
.ig-viewers { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:7px; background:rgba(0,0,0,.45); color:#e9e9e7; font:700 11.5px/1 Inter, sans-serif; }
.ig-viewers svg { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2.2; }
.ig-example { margin-left:auto; color:rgba(255,255,255,.55); font:500 10.5px/1 "DM Mono", monospace; letter-spacing:.14em; text-transform:uppercase; }
.ig-alert { position:absolute; left:50%; top:52%; width:88%; transform:translate(-50%, -50%); display:flex; flex-direction:column; align-items:center; text-align:center; z-index:1; }
.ig-alert img { width:84px; height:84px; border-radius:20px; box-shadow:0 18px 50px rgba(124,77,255,.35); }
.ig-alert-msg { margin-top:14px; font:800 27px/1.18 "Plus Jakarta Sans", sans-serif; letter-spacing:-.02em; color:#fff; text-shadow:0 2px 14px rgba(0,0,0,.6); }
.ig-alert-msg em { font-style:normal; color:#a98aff; }
.ig-alert-sub { margin-top:6px; color:#d6d6d3; font:600 13.5px/1.3 Inter, sans-serif; text-shadow:0 2px 10px rgba(0,0,0,.6); }
.ig-alert.play img { animation:igPop .7s var(--ease-spring) both; }
.ig-alert.play .ig-alert-msg { animation:igRise .55s .12s var(--ease-out) both; }
.ig-alert.play .ig-alert-sub { animation:igRise .55s .22s var(--ease-out) both; }
@keyframes igPop { from { opacity:0; transform:scale(.4) rotate(-10deg); } to { opacity:1; transform:none; } }
@keyframes igRise { from { opacity:0; transform:translateY(14px); filter:blur(6px); } to { opacity:1; transform:none; filter:none; } }
.ig-meta { display:grid; grid-template-columns:repeat(3, 1fr); margin:0; border:1px solid var(--hair); border-radius:16px; overflow:hidden; }
.ig-meta div { padding:12px 16px; }
.ig-meta div + div { border-left:1px solid var(--hair); }
.ig-meta dt { color:#7d7d7b; font:500 10.5px/1 "DM Mono", monospace; letter-spacing:.12em; text-transform:uppercase; }
.ig-meta dd { margin:6px 0 0; font-size:14px; font-weight:700; letter-spacing:-.01em; }

/* Steps, panels, platforms */
.ig-steps { display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; margin-top:14px; }
.ig-step { padding:22px; border-radius:22px; border:1px solid var(--hair); background:#141414; }
.ig-step span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#f4f4f2; color:#0b0b0b; font:800 13px/1 Inter, sans-serif; }
.ig-step b { display:block; margin-top:16px; font-size:16px; font-weight:750; letter-spacing:-.02em; }
.ig-step p { margin-top:6px; color:#8f8f8c; font-size:13.5px; line-height:1.55; }
.ig-panel { margin-top:14px; padding:24px; border-radius:24px; border:1px solid var(--hair); background:#141414; }
.ig-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.ig-section-head h2 { font-size:20px; letter-spacing:-.03em; }
.ig-section-head small { color:#7d7d7b; font-size:12.5px; }
.ig-log-list { display:grid; gap:8px; }
.ig-log-row { display:flex; align-items:center; gap:14px; padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.025); border:1px solid var(--hair); }
.ig-log-row > div { min-width:0; flex:1; }
.ig-log-row b { font-size:15px; }
.ig-log-row small { display:block; margin-top:2px; overflow:hidden; color:#8a8a87; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.ig-log-row time { color:#7d7d7b; font-size:12px; }
.ig-state { padding:4px 10px; border-radius:999px; background:rgba(255,255,255,.06); color:#cfcfcd; font-size:11.5px; font-weight:700; }
.ig-state.sent { background:rgba(62,224,143,.12); color:#4fe39a; }
.ig-state.queued, .ig-state.sending { background:rgba(255,183,68,.12); color:#ffc15c; }
.ig-retry { height:32px; padding:0 14px; font-size:12.5px; }
.ig-empty { padding:22px; border-radius:14px; border:1px dashed var(--hair-2); text-align:center; }
.ig-empty b { display:block; font-size:14.5px; }
.ig-empty small { display:block; margin-top:4px; color:#8a8a87; font-size:12.5px; }
.ig-plat-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; }
.ig-plat { position:relative; display:flex; align-items:flex-start; gap:14px; padding:18px; border-radius:18px; border:1px solid var(--hair); background:rgba(255,255,255,.02); color:inherit; text-decoration:none; transition:border-color .2s, transform .2s var(--ease-out), background-color .2s; }
.ig-plat:hover { transform:translateY(-2px); background:rgba(255,255,255,.04); }
.ig-plat[data-platform="youtube"]:hover { border-color:rgba(255,0,51,.45); }
.ig-plat[data-platform="twitch"]:hover { border-color:rgba(145,70,255,.5); }
.ig-plat[data-platform="kick"]:hover { border-color:rgba(83,252,24,.4); }
.ig-plat .sym { box-shadow:none; }
.ig-plat b { display:block; font-size:15.5px; font-weight:750; letter-spacing:-.015em; }
.ig-plat small { display:block; margin-top:4px; padding-right:34px; color:#8a8a87; font-size:12.5px; line-height:1.5; }
.ig-on { position:absolute; top:16px; right:16px; padding:3px 9px; border-radius:999px; background:rgba(62,224,143,.12); color:#4fe39a; font:700 11px/1.4 Inter, sans-serif; font-style:normal; }
.ig-plat.is-soon { opacity:.7; }
.ig-plat.is-soon .ig-on { background:rgba(255,255,255,.07); color:#bdbdba; }
.ig-foot { display:flex; align-items:center; justify-content:center; gap:10px; margin:22px 0 8px; color:#7d7d7b; font-size:13px; text-align:center; }
.ig-foot svg { flex:none; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.ig-foot b { color:#cfcfcd; }
@media (max-width:1000px) { .ig-feature { grid-template-columns:1fr; gap:30px; } }
@media (max-width:820px) {
  .ig-feature { padding:24px 20px; border-radius:22px; }
  .ig-copy h2 { margin-top:24px; font-size:38px; }
  .ig-steps, .ig-plat-grid { grid-template-columns:1fr; }
  .ig-alert-msg { font-size:21px; }
  .ig-alert img { width:64px; height:64px; border-radius:16px; }
  .ig-actions > button { flex:1 1 100%; }
  .ig-meta div { padding:10px 12px; }
  .ig-meta dd { font-size:12.5px; }
}
@media (prefers-reduced-motion:reduce) { .ig-alert.play img, .ig-alert.play .ig-alert-msg, .ig-alert.play .ig-alert-sub, .ig-live i { animation:none; } }
.ig-stage { align-self:center; }
.ig-primary[hidden] { display:none; }

/* Decorative background loops: invisible until frames play, never any native media UI (see LivePaidInitPage). */
.blurvid video, .bgvid video { opacity:0 !important; transition:opacity .8s var(--ease-out); pointer-events:none; }
.blurvid video.is-playing { opacity:.78 !important; }
.bgvid video.is-playing { opacity:1 !important; }
.blurvid video::-webkit-media-controls, .bgvid video::-webkit-media-controls,
.blurvid video::-webkit-media-controls-start-playback-button, .bgvid video::-webkit-media-controls-start-playback-button,
.blurvid video::-webkit-media-controls-overlay-play-button, .bgvid video::-webkit-media-controls-overlay-play-button { display:none !important; -webkit-appearance:none; opacity:0 !important; }
/* Integrations: the example broadcast plays a blurred stream behind the alert */
.ig-vid { position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; background:#121216 url(media/ig-stream-poster.jpg) center/cover no-repeat; }
.ig-vid video { position:absolute; inset:-6%; width:112%; height:112%; object-fit:cover; filter:blur(5px) saturate(1.15); }
.ig-vid::after { content:""; position:absolute; inset:0; background:radial-gradient(70% 80% at 50% 50%, rgba(8,8,12,.3), rgba(8,8,12,.72)), linear-gradient(160deg, rgba(145,70,255,.16), transparent 45%, rgba(124,77,255,.16)); }
.ig-screen:before { z-index:1; }