/* Landing colors follow the shared theme without changing other pages. */
.pool-carousel-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; }
.pool-carousel-actions button { background:none; border:0; cursor:pointer; font:inherit; min-height:44px; color:var(--ink); text-decoration:underline; text-underline-offset:5px; }
.pool-carousel-actions button[hidden] { display:none; }
.pool-carousel { overflow:clip; border-radius:var(--r-sm); }
.pool-track { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,232px),1fr)); gap:12px; }
.pool-carousel[data-ready="true"][data-paused="false"] .pool-track { display:flex; width:max-content; animation:pool-drift var(--pool-duration) linear infinite; }
.wallet-home .pool-track .pool-card { min-width:0; min-height:222px; }
.wallet-home .pool-carousel[data-ready="true"][data-paused="false"] .pool-card { flex:0 0 248px; width:248px; }
.pool-carousel[data-paused="true"] [data-pool-clone] { display:none; }
.pool-kicker { font:500 .7rem/1.6 var(--f-sans); letter-spacing:.04em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:18px; }
.wallet-home .pool-card-xtra { --pool-accent:var(--ink); background:var(--bg-elevated); border-color:var(--border-strong); }
.pool-carousel[data-ready]:is(:hover,:focus-within,[data-paused="true"]) .pool-track { animation-play-state:paused; }
.pool-carousel[data-paused="true"] .pool-track { animation:none; transform:none; }
.pool-carousel:focus-visible, .pool-carousel-actions button:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
@keyframes pool-drift { to { transform:translateX(calc(-1 * var(--pool-distance))); } }
@media (prefers-reduced-motion:reduce) { .pool-carousel[data-ready] .pool-track { display:grid; width:auto; animation:none; } .wallet-home .pool-carousel[data-ready] .pool-card { width:auto; } .pool-track [data-pool-clone] { display:none; } }
body.wallet-home {
  --landing-surface:var(--bg);
  --landing-ink:var(--ink);
  --landing-nav-ink:var(--ink-soft);
  --landing-nav-hover:var(--bg-sunken);
  --landing-hover-ink:var(--ink);
  --landing-button-ink:var(--on-brand);
  --landing-control-border:var(--border-strong);
  --landing-menu:var(--bg-elevated);
  --landing-soft:var(--ink-soft);
  --landing-brand-hover:var(--brand-deep);
  --landing-note:var(--ink-soft);
  --landing-balance:var(--money);
  --landing-wire:var(--ink-faint);
  --landing-client:var(--accent);
  --landing-provider:var(--models);
  --landing-brand:var(--brand);
  --landing-mint:var(--money);
  --landing-api-head:var(--usage-bg);
  --landing-api-head-ink:var(--usage);
  --landing-error:var(--danger);
  --landing-progress:var(--ink-soft);
  --landing-nav-button-bg:var(--brand);
  --landing-nav-button-ink:var(--on-brand);
  --landing-api-bg:var(--bg-subtle);
  --landing-api-ink:var(--ink);
  --landing-api-label:var(--ink-soft);
  --landing-api-copy:var(--ink-soft);
  --landing-api-copy-border:var(--border-strong);
  --landing-api-copy-hover:var(--bg-sunken);
  --landing-api-footer:var(--ink-soft);
  --landing-api-link:var(--brand-deep);
  --landing-api-success:var(--success);
  --landing-line:var(--border);
}
/* Code keeps its semantic dark surface; landing chrome uses shared tokens. */
:root[data-theme="dark"] body.wallet-home {
  --landing-api-bg:var(--code-bg);
  --landing-api-ink:var(--code-ink);
}
@media (prefers-color-scheme:dark) {
  :root:not([data-theme]) body.wallet-home {
    --landing-api-bg:var(--code-bg);
    --landing-api-ink:var(--code-ink);
  }
}

/* A small pixel relay, with CSS-only request paths. */
body.wallet-home { --relay-navy:var(--landing-surface); --relay-coral:var(--landing-brand); font-family:var(--f-sans); }
body.wallet-home ::selection { background:var(--landing-brand); color:var(--landing-button-ink); }
body.wallet-home :focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
/* Every Wallet page uses the landing header, without changing page content. */
body[data-billing-mode="wallet"] .nav { background:var(--bg); color:var(--ink); backdrop-filter:none; box-shadow:none; border:0; }
body[data-billing-mode="wallet"] .nav-inner { max-width:1200px; min-height:72px; padding:10px 28px; }
body[data-billing-mode="wallet"] .nav .brand { min-width:0; font-size:23px; letter-spacing:-.04em; gap:9px; color:var(--ink); }
body[data-billing-mode="wallet"] .nav .brand > span:last-child { min-width:0; }
body[data-billing-mode="wallet"] .nav .brand-mark { display:inline-flex; align-items:center; justify-content:center; flex:0 0 31px; width:31px; height:31px; color:var(--brand); background:transparent; border:0; border-radius:2px; font-size:0; font-style:italic; font-weight:600; box-shadow:none; }
body[data-billing-mode="wallet"] .nav .brand small { display:none; }
body[data-billing-mode="wallet"] .nav-links { gap:0; }
body[data-billing-mode="wallet"] .nav-links a { font-size:13px; padding-inline:10px; }
body.wallet-home .btn { border-radius:4px; box-shadow:none; font-weight:600; }
body[data-billing-mode="wallet"] .nav .btn { background:var(--brand); color:var(--on-brand); border-color:transparent; border-radius:4px; box-shadow:none; font-weight:600; font-size:13px; }
.wallet-home .wrap { max-width:1200px; padding-inline:28px; }
.wallet-home :is(h1,h2,h3) { font-family:var(--f-sans); font-weight:500; letter-spacing:-.035em; text-wrap:balance; }
.wallet-home .section { padding-block:80px; border:0; }
.wallet-home .section-title { font-size:clamp(30px,3vw,36px); line-height:1.12; margin:0 0 20px; max-width:22ch; }
body[data-billing-mode="wallet"] .nav .brand-mark::before { content:""; display:block; width:30px; height:30px; background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4h8v4H6v8h4v4H2zM14 4h8v16h-8v-4h4V8h-4zM10 10h4v4h-4z'/%3E%3C/svg%3E") center / contain no-repeat; }
body[data-billing-mode="wallet"] .nav-links a { color:var(--ink-soft); }
body[data-billing-mode="wallet"] .nav-links a:is(:hover,.active,[aria-current="page"]) { background:var(--accent-bg); color:var(--accent); box-shadow:none; }
body[data-billing-mode="wallet"] .nav :is(.theme-toggle,.nav-toggle) { color:var(--ink); background:transparent; border-color:var(--border-strong); }
body[data-billing-mode="wallet"] .nav-toggle span { background:var(--ink); }
body[data-billing-mode="wallet"].nav-open .nav-links { background:var(--bg-elevated); }
.wallet-home > main > .wallet-hero { position:relative; isolation:isolate; overflow:hidden; padding:0; background:var(--relay-navy); color:var(--landing-ink); border:0; }
.wallet-home .wallet-hero::before { content:none; }
.wallet-home .wallet-hero > .wrap { position:relative; }
.wallet-home .wallet-hero .hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; min-height:390px; align-items:center; padding-block:42px 30px; box-sizing:border-box; }
.wallet-home .wallet-hero-copy { display:block; max-width:340px; pointer-events:auto; }
.wallet-home .wallet-hero h1 { margin:0; max-width:13ch; font-size:48px; line-height:1.08; letter-spacing:-.04em; color:var(--landing-ink); }
.wallet-home .wallet-hero .lead { max-width:32ch; color:var(--landing-soft); font-size:16px; line-height:1.6; margin-top:23px; }
.wallet-home .wallet-hero .hero-actions { margin-top:28px; gap:24px; }
.wallet-home .wallet-hero .btn-claude, .wallet-home .trial-action .btn-claude { background:var(--relay-coral); border-color:transparent; color:var(--landing-button-ink); }
.wallet-home .wallet-hero .btn-claude:hover, .wallet-home .trial-action .btn-claude:hover { background:var(--landing-brand-hover); }
.wallet-home .wallet-hero .btn-ghost { background:transparent; border:0; color:var(--landing-ink); padding-inline:0; text-decoration:underline; text-underline-offset:6px; }
.wallet-home .wallet-hero .btn-lg { padding:13px 22px; min-height:47px; font-size:14px; }
.wallet-home .wallet-hero-note { color:var(--landing-note); font-size:13px; line-height:1.6; margin-top:20px; max-width:35ch; }
.wallet-home :is(.wallet-hero,.wallet-trial-section,.nav) :focus-visible { outline-color:var(--landing-brand); }
.wallet-home .hero-balance { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; min-height:80px; box-sizing:border-box; align-items:center; padding-block:20px; margin:0; font-size:13px; color:var(--landing-balance); }
.wallet-home .hero-balance a { color:var(--landing-ink); text-decoration:underline; text-underline-offset:5px; }
.wallet-home .relay-artwork { width:420px; max-width:100%; margin:0; justify-self:end; }
.wallet-home .relay-pixels { display:block; width:100%; height:auto; overflow:visible; }
.wallet-home .pixel-wires { stroke:var(--landing-wire); stroke-width:1; shape-rendering:crispEdges; }
.wallet-home .relay-pixels :is(path,rect,use) { shape-rendering:crispEdges; }
.wallet-home .pixel-client { fill:var(--landing-client); }
.wallet-home .pixel-provider { fill:var(--landing-provider); }
.wallet-home .relay-pixels text { font:14px var(--f-sans); fill:var(--landing-client); }
.wallet-home .pixel-relay-mark { fill:var(--relay-coral); }
.wallet-home .relay-pixels .pixel-wordmark { fill:var(--landing-ink); font:500 22px var(--f-sans); letter-spacing:-.035em; }
.wallet-home .pixel-bit { fill:var(--landing-brand); animation-play-state:paused; }
.wallet-home .bit-terminal { transform:translate(140px,48px); }
.wallet-home .bit-app { fill:var(--landing-provider); transform:translate(260px,120px); }
.wallet-home .bit-server { fill:var(--landing-mint); transform:translate(140px,192px); }
.wallet-home .relay-artwork:is([data-motion="playing"],[data-motion="paused"]) .pixel-bit { animation-duration:3.6s; animation-iteration-count:infinite; animation-timing-function:steps(4,end); }
.wallet-home .relay-artwork:is([data-motion="playing"],[data-motion="paused"]) .bit-terminal { animation-name:bit-terminal; }
.wallet-home .relay-artwork:is([data-motion="playing"],[data-motion="paused"]) .bit-app { animation-name:bit-app; animation-delay:-1.2s; }
.wallet-home .relay-artwork:is([data-motion="playing"],[data-motion="paused"]) .bit-server { animation-name:bit-server; animation-delay:-2.4s; }
.wallet-home .relay-artwork[data-motion="playing"] .pixel-bit { animation-play-state:running; }
.wallet-home .scene-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:38px; }
.wallet-home .scene-footer > span { color:var(--landing-note); font-size:13px; line-height:1.5; max-width:26ch; }
.wallet-home #sceneMotion { flex-shrink:0; padding:8px 0 8px 8px; min-height:44px; color:var(--landing-client); border:0; background:transparent; font:13px var(--f-sans); text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.wallet-home #sceneMotion[hidden] { display:none; }
.wallet-home #sceneMotion:hover { color:var(--landing-brand); }
@keyframes bit-terminal {
  0% { transform:translate(104px,48px); opacity:0; }
  4% { opacity:1; }
  16% { transform:translate(140px,48px); }
  34% { transform:translate(140px,120px); }
  50% { transform:translate(208px,120px); }
  66% { transform:translate(280px,120px); }
  84% { transform:translate(280px,48px); }
  96% { opacity:1; }
  100% { transform:translate(334px,48px); opacity:0; }
}
@keyframes bit-app {
  0% { transform:translate(104px,120px); opacity:0; }
  4% { opacity:1; }
  25% { transform:translate(156px,120px); }
  50% { transform:translate(208px,120px); }
  75% { transform:translate(270px,120px); }
  96% { opacity:1; }
  100% { transform:translate(334px,120px); opacity:0; }
}
@keyframes bit-server {
  0% { transform:translate(104px,192px); opacity:0; }
  4% { opacity:1; }
  16% { transform:translate(140px,192px); }
  34% { transform:translate(140px,120px); }
  50% { transform:translate(208px,120px); }
  66% { transform:translate(280px,120px); }
  84% { transform:translate(280px,192px); }
  96% { opacity:1; }
  100% { transform:translate(334px,192px); opacity:0; }
}
@media (prefers-reduced-motion:reduce) {
  .wallet-home .relay-artwork .pixel-bit { animation:none; }
}
.wallet-home .wallet-section-head { grid-template-columns:.85fr 1.15fr; gap:60px; align-items:start; margin-bottom:32px; }
.wallet-home .wallet-section-head .section-title { margin-top:0; }
.wallet-home .wallet-section-head > p { max-width:55ch; font-size:16px; line-height:1.7; color:var(--ink-soft); }
.wallet-home .pool-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; background:var(--bg-subtle); }
.wallet-home .pool-card, .wallet-home .pool-card-prime, .wallet-home .pool-card:has(a:hover) { border:0; border-radius:0; padding:18px; background:var(--money-bg); box-shadow:none; transform:none; color:var(--ink); --pool-accent:var(--money); }
.wallet-home .pool-card-prime, .wallet-home .pool-card-prime:has(a:hover) { background:var(--premium-bg); --pool-accent:var(--premium); }
.wallet-home .pool-card .pool-name { color:var(--pool-accent); font-size:22px; line-height:1.15; margin:0 0 10px; }
.wallet-home .pool-card p { max-width:46ch; color:var(--ink-soft); font-size:14px; line-height:1.5; }
.wallet-home .pool-card .pool-fit { font-weight:500; margin-bottom:10px; font-size:14px; color:var(--ink); }
.wallet-home .pool-meta { border:0; gap:8px; margin-block:22px; padding:0; max-width:350px; }
.wallet-home .pool-meta dt, .wallet-home .pool-meta dd { font-size:13px; }
.wallet-home .pool-meta dt { color:var(--ink-soft); }
.wallet-home .pool-meta dd { color:var(--ink); font-weight:600; }
.wallet-home .pool-card .text-link { color:var(--ink); font-size:14px; text-decoration:underline; text-underline-offset:5px; }
.wallet-home .wallet-section-note { font-size:13px; line-height:1.7; color:var(--ink-soft); margin-top:22px; max-width:100ch; }
.wallet-home .wallet-models { background:var(--bg-elevated); }
.wallet-home .integration-layout { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:60px; }
.wallet-home .integration-copy > p { max-width:42ch; line-height:1.7; font-size:16px; }
.wallet-home .provider-signatures { display:flex; gap:20px; align-items:center; margin-block:25px; color-scheme:light; }
.wallet-home .provider-signatures img { width:30px; height:30px; object-fit:contain; background:white; padding:5px; box-sizing:content-box; border-radius:50%; }
.wallet-home .integration-links { display:flex; flex-direction:column; align-items:start; gap:12px; }
.wallet-home .integration-links a { font-size:14px; text-decoration:underline; text-underline-offset:5px; }
.wallet-home .api-example { border:0; border-radius:10px; box-shadow:none; }
.wallet-home .api-example-head { border:0; font-size:13px; padding:15px 20px; background:var(--landing-api-head); color:var(--landing-api-head-ink); }
.wallet-home .api-example pre { padding:20px; font-size:13px; line-height:1.8; }
.wallet-home .api-example > p { font-size:13px; border:0; padding:15px 20px; }
.wallet-home .wallet-trial-section { background:var(--relay-navy); color:var(--landing-ink); padding-block:72px; }
.wallet-home .trial-tool { border:0; border-radius:0; background:transparent; padding:0; grid-template-columns:1.2fr 1fr; gap:70px; box-shadow:none; }
.wallet-home .trial-copy h2 { color:var(--landing-ink); font-size:36px; }
.wallet-home .trial-copy > p { color:var(--landing-soft); font-size:16px; line-height:1.7; max-width:56ch; }
.wallet-home .trial-copy > .trial-promise { color:var(--landing-ink); font-size:17px; margin-bottom:15px; }
.wallet-home .trial-action { align-self:center; max-width:310px; width:100%; padding:0; justify-self:end; }
.wallet-home .trial-action > .btn { width:100%; min-height:50px; font-size:14px; }
.wallet-home .trial-action > .text-link { color:var(--landing-ink); font-size:13px; }
.wallet-home .trial-error { color:var(--landing-error); }
.wallet-home .trial-progress { color:var(--landing-progress); }
.wallet-home .trial-info-trigger { color:var(--landing-ink); background:transparent; font-size:13px; }
.wallet-home .trial-info-popover { background:var(--bg-elevated); color:var(--ink); }
.wallet-home .wallet-questions-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:60px; }
.wallet-home .wallet-questions-layout h2 { margin-top:0; }
.wallet-home .wallet-questions-layout > div > p { font-size:16px; line-height:1.7; max-width:36ch; }
.wallet-home .wallet-questions-list details, .wallet-home .wallet-questions-list details:first-child { border:0; background:var(--bg-subtle); margin-bottom:8px; padding:0 20px; }
.wallet-home .wallet-questions .wallet-questions-list summary { min-height:68px; font-size:14px; font-family:var(--f-sans); }
.wallet-home .wallet-questions-list details > p { font-size:16px; padding-bottom:20px; line-height:1.7; }
.wallet-home .wallet-support { background:var(--bg-subtle); padding-block:44px; }
.wallet-home .wallet-support .section-title { font-size:28px; }
body.wallet-home .footer { padding-block:48px 26px; border:0; background:var(--bg); }
body.wallet-home .footer .brand { font-size:32px; line-height:1; }
body.wallet-home .footer .brand-mark { display:none; }
body.wallet-home .footer-grid { grid-template-columns:1.5fr repeat(4,1fr); gap:25px; }
body.wallet-home .footer-heading { font-family:var(--f-sans); font-size:13px; text-transform:none; letter-spacing:0; color:var(--ink); }
body.wallet-home .footer ul a { font-size:13px; }
body.wallet-home .footer-bottom { border:0; margin-top:36px; font-size:13px; }
body.wallet-home main :is(h1,h2,h3) { font-family:var(--f-sans); }
body.wallet-home main .eyebrow { display:none; }
@media (max-width:1100px) {
  body[data-billing-mode="wallet"] .nav-inner { gap:14px; }
  body[data-billing-mode="wallet"] .nav-links a { padding-inline:7px; }
  .wallet-home .wallet-hero .hero-grid { gap:18px; }
  .wallet-home .integration-layout, .wallet-home .wallet-section-head, .wallet-home .wallet-questions-layout { gap:36px; }
  body.wallet-home .footer-grid { grid-template-columns:repeat(4,1fr); }
  body.wallet-home .footer-grid > div:first-child { grid-column:1 / -1; }
}
@media (max-width:800px) {
  .wallet-home .wrap, body[data-billing-mode="wallet"] .nav-inner { padding-inline:22px; }
  body[data-billing-mode="wallet"] .nav-inner { min-height:68px; }
  .wallet-home .section { padding-block:64px; }
  .wallet-home .wallet-hero .hero-grid { grid-template-columns:minmax(0,1fr); gap:12px; padding-block:40px 24px; }
  .wallet-home .relay-artwork { justify-self:center; }
  .wallet-home .wallet-hero-copy { max-width:100%; }
  .wallet-home .wallet-hero h1 { font-size:48px; }
  .wallet-home .wallet-hero .lead { font-size:16px; }

  .wallet-home .wallet-section-head, .wallet-home .integration-layout, .wallet-home .trial-tool, .wallet-home .wallet-questions-layout { grid-template-columns:1fr; gap:28px; }
  .wallet-home .wallet-section-head { margin-bottom:24px; }
  .wallet-home .wallet-section-head > p { max-width:60ch; }
  .wallet-home .pool-card, .wallet-home .pool-card-prime { padding:18px; }
  .wallet-home .trial-action { max-width:360px; justify-self:start; }
  .wallet-home .wallet-support-inner { align-items:start; flex-direction:column; gap:24px; }
  body.wallet-home .footer-grid { grid-template-columns:repeat(2,1fr); gap:28px 24px; }
}
@media (max-width:600px) {
  .wallet-home .wrap, body[data-billing-mode="wallet"] .nav-inner { padding-inline:20px; }
  .wallet-home .wallet-hero .hero-grid { min-height:0; padding:32px 0 8px; gap:16px; }
  .wallet-home .wallet-hero-copy { max-width:100%; }
  .wallet-home .wallet-hero h1 { font-size:44px; }
  .wallet-home .wallet-hero .lead { margin-top:17px; font-size:16px; line-height:1.5; }
  .wallet-home .wallet-hero .hero-actions { margin-top:21px; gap:24px; }
  .wallet-home .wallet-hero .hero-actions > .btn { flex-grow:0; }
  .wallet-home .wallet-hero-note { margin-top:14px; font-size:13px; max-width:35ch; }
  .wallet-home .relay-artwork { width:360px; }
  .wallet-home .relay-pixels :is(.pixel-client,.pixel-provider) text { font-size:18px; transform:translate(-24px,22px); }
  .wallet-home .scene-footer { gap:10px; flex-wrap:wrap; }
  .wallet-home .scene-footer > span { font-size:13px; max-width:22ch; }
  .wallet-home #sceneMotion { font-size:13px; min-height:44px; }
  .wallet-home .hero-balance { display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; padding-block:18px 24px; min-height:0; font-size:13px; line-height:1.6; }
  .wallet-home .hero-balance a { grid-column:1 / -1; }
  .wallet-home .section { padding-block:56px; }
  .wallet-home .section-title, .wallet-home .trial-copy h2 { font-size:30px; }
  .wallet-home .pool-grid { grid-template-columns:1fr; }
  .wallet-home .pool-card .pool-name { font-size:22px; }
  .wallet-home .pool-card, .wallet-home .pool-card-prime { padding:18px; }
  .wallet-home .wallet-support { padding-block:36px; }
  .wallet-home .wallet-support .section-title { font-size:26px; }
  .wallet-home .wallet-support-inner .cluster { gap:18px; flex-wrap:wrap; }
}
@media (max-width:360px) {
  .wallet-home .wrap, body[data-billing-mode="wallet"] .nav-inner { padding-inline:16px; }
  .wallet-home .wallet-hero h1 { font-size:38px; }
  .wallet-home .wallet-hero .hero-grid { padding-top:28px; }
  .wallet-home .wallet-hero-note { max-width:34ch; }
}

.wallet-home main a:not(.btn):hover { color:var(--accent); text-decoration-color:currentColor; }
.wallet-home .wallet-hero a:not(.btn):hover { color:var(--landing-brand); }
.wallet-home .pool-card .text-link { display:inline-block; padding-block:6px; }
.wallet-home .pool-card:focus-within { background:var(--field-focus); }

/* Keep the whole API example on the landing palette. */
.wallet-home .api-example { background:var(--landing-api-bg); color:var(--landing-api-ink); }
.wallet-home .api-example pre { background:transparent; color:var(--landing-api-ink); }
.wallet-home .api-example-label { color:var(--landing-api-label); }
.wallet-home .api-example-head .copy-btn { color:var(--landing-api-copy); border-color:var(--landing-api-copy-border); }
.wallet-home .api-example-head .copy-btn:hover { color:var(--landing-hover-ink); background:var(--landing-api-copy-hover); }
.wallet-home .api-example-head .copy-btn.copied { color:var(--landing-api-success); border-color:var(--landing-api-success); }
.wallet-home .api-example > p { color:var(--landing-api-footer); }
.wallet-home .api-example > p a { color:var(--landing-api-link); }
.wallet-home .api-example-head a { color:var(--landing-api-head-ink); }
body[data-billing-mode="wallet"] .nav { box-shadow:0 1px var(--border); }
.wallet-home > main > .section { box-shadow:inset 0 -1px var(--landing-line); }

/* Selected editorial notes use the same quiet treatment across Wallet pages. */
body[data-billing-mode="wallet"] p.editorial-note {
  border:0;
  border-inline-start:2px solid var(--accent);
  border-radius:0;
  background:color-mix(in srgb,currentColor 4%,transparent);
  padding:.7em 1em;
  box-shadow:none;
}
body[data-billing-mode="wallet"] p.editorial-note a {
  text-decoration:underline;
  text-underline-offset:.2em;
}
body[data-billing-mode="wallet"] :is(.pool-selection-note,.topup-footnote,.capacity-privacy).editorial-note { font-size:13px; line-height:1.65; }
body[data-billing-mode="wallet"].docs-page .tab-panel > .grid > * { min-width:0; }
.wallet-home .wallet-hero p.editorial-note { border-inline-start-color:var(--relay-coral); }

/* Each role keeps its own color instead of tinting the whole page. */
.wallet-home .pool-card-xtra-flash, .wallet-home .pool-card-xtra-flash:has(a:hover) { --pool-accent:var(--usage); background:var(--usage-bg); }
.wallet-home .pool-card-xtra-select, .wallet-home .pool-card-xtra-select:has(a:hover) { --pool-accent:var(--models); background:var(--models-bg); }
.wallet-home .pool-card .text-link { color:var(--pool-accent); }
body[data-billing-mode="wallet"] .image-model-section { --image-ink:var(--usage); --image-surface:var(--usage-bg); }
body[data-billing-mode="wallet"] .available-models-filter { opacity:1; }
body[data-billing-mode="wallet"] .nav .btn:hover { background:var(--brand-deep); color:var(--on-brand); }
body.wallet-home .wallet-hero .btn-claude:focus-visible,
body.wallet-home .trial-action .btn-claude:focus-visible,
body[data-billing-mode="wallet"] .nav .btn:focus-visible { background:var(--brand-deep) !important; color:var(--on-brand) !important; }
body.wallet-home .wallet-trial-section { background:var(--brand-bg); }
.wallet-home .wallet-support { background:var(--accent-bg); }

/* Long prose remains open at the edges, with a quiet reading measure. */
body[data-billing-mode="wallet"] p.prose-block:not(.editorial-note) {
  box-sizing:border-box;
  min-width:0;
  max-width:min(100%,70ch);
  margin-block:1.1rem;
  padding:0;
  border:0;
  border-inline-start:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  line-height:1.75;
  overflow-wrap:anywhere;
}
body[data-billing-mode="wallet"] p.prose-block:not(.editorial-note) code {
  white-space:normal;
  overflow-wrap:anywhere;
}
@media (max-width:600px) {
  body[data-billing-mode="wallet"] p.prose-block-compact:not(.editorial-note) {
    box-sizing:border-box;
    min-width:0;
    max-width:min(100%,70ch);
    margin-block:1.1rem;
    border:0;
    border-inline-start:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    line-height:1.75;
    overflow-wrap:anywhere;
  }
  body[data-billing-mode="wallet"] p:is(.prose-block,.prose-block-compact):not(.editorial-note) {
    padding:0;
  }
  body[data-billing-mode="wallet"] p.prose-block-compact:not(.editorial-note) code {
    white-space:normal;
    overflow-wrap:anywhere;
  }
}