/* Page-specific layout only; typography, navigation, buttons, panels and footer
   come from the original landing-page stylesheet. */
.demo-banner{text-align:center;background:var(--ink);color:var(--bg);padding:10px 16px;font-size:12px;letter-spacing:.07em}
.demo-main{min-height:70vh;padding-bottom:clamp(80px,11vw,132px)}
.demo-hero{padding-bottom:0;margin-bottom:44px}
.demo-hero .display{max-width:18ch}
.demo-hero .lede{max-width:48ch}
.demo-grid{margin-top:0}
.demo-grid .calc-in{display:block;margin:0;border:0}
.demo-grid .calc-out{display:block}
.demo-card{background:var(--card);border-radius:32px;box-shadow:var(--shadow),inset 0 0 0 1px var(--line);padding:clamp(24px,3.5vw,40px);margin-top:32px}
.demo-main .calc-in .h2,.demo-main .demo-card>.h2{font-size:clamp(1.6rem,2.8vw,2.3rem)}
.demo-main p{color:var(--ink-2)}
.demo-main label{display:block;font-weight:700;margin:20px 0 10px}
.demo-main input,.demo-main select{display:block;width:100%;min-width:0;height:48px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-input);background:var(--card);color:var(--ink);font:inherit;font-weight:600}
.demo-main input::placeholder{color:var(--ink-2);font-weight:400}
.demo-main input:focus,.demo-main select:focus{outline:2px solid var(--accent);outline-offset:2px}
.demo-main .btn{margin-top:20px}
.recipient{display:grid;grid-template-columns:minmax(0,1fr) 96px 44px;gap:8px;align-items:end}
.recipient label{font-size:.875rem}
.recipient button{height:44px;align-self:end;margin-bottom:2px;border-radius:50%;border:0;background:transparent;color:var(--ink-2);font-size:1.3rem;cursor:pointer}
.recipient button:hover{background:var(--bg-tint)}
.demo-total{margin:24px 0}
.demo-line{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.demo-line strong,.demo-line>span:last-child{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600}
.demo-message{color:var(--link)!important;font-size:.9rem;min-height:1.6em;margin-bottom:0}
.demo-error{color:#c73737!important}
.coin-list{display:grid;gap:16px;margin-top:24px}
.coin-item{padding:24px;border-radius:var(--r-card);background:var(--card-2);box-shadow:inset 0 0 0 1px var(--line);overflow-wrap:anywhere}
.coin-item>strong{display:block;font-size:1.25rem;font-weight:800}
.coin-item form>a{display:inline-block;margin:16px 0 0 12px;font-weight:600}
.demo-main button:disabled{opacity:.5;cursor:not-allowed}
.eyebrow{font-weight:600;font-size:.875rem;color:var(--ink-2)}
#split-note{font-size:.875rem}
#lookup{max-width:600px;margin-inline:auto}
#lookup+.demo-message{text-align:center}
.demo-faq{padding:clamp(40px,6vw,72px) 0 0;background:none;box-shadow:none;text-align:center}
.demo-faq .faq{margin-top:32px}
.demo-faq .ans{margin:0}
.demo-main ol{padding-left:22px;color:var(--ink-2)}
.demo-main li{padding:6px 0}
@media(max-width:700px){.demo-hero{margin-bottom:32px}.recipient{grid-template-columns:minmax(0,1fr) 76px 36px}.coin-item{padding:20px}.coin-item form>a{display:block;margin-left:0}.demo-line{font-size:.9rem}.demo-main .btn{white-space:normal}.demo-card{border-radius:26px}}
/* Keep the shared floating navigation clear of the local-demo notice. */
.demo-banner{min-height:36px}
body .nav{top:48px}
@media(max-width:700px){.demo-banner{height:56px;padding:8px 16px}body .nav{top:68px}.demo-hero{padding-top:110px}}
/* Product pages share the original landing-page navigation position. */
body .nav{top:12px}
@media(max-width:700px){body .nav{top:12px}.demo-hero{padding-top:110px}}
.claim-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);align-items:center;max-width:1060px;margin:auto}
.claim-signin{margin:0;text-align:center}
.claim-logo{display:block;margin:0 auto 24px;object-fit:contain}
.claim-signin label{text-align:left}
.claim-signin .auth-button{width:100%}
.claim-signin .small{display:flex;align-items:center;justify-content:center;gap:8px}
.claim-divider{display:flex;align-items:center;gap:14px;margin-top:24px;color:var(--ink-2);font-size:.875rem}
.claim-divider:before,.claim-divider:after{content:'';height:1px;background:var(--line);flex:1}
.claim-guide>.h2{margin-top:12px}
.claim-steps{list-style:none;counter-reset:claim;padding:0!important}
.claim-steps li{position:relative;padding:8px 0 8px 48px;counter-increment:claim}
.claim-steps li:before{content:counter(claim);position:absolute;left:0;top:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--card);color:var(--accent);font-weight:700}
.claim-steps p{margin:4px 0 16px}
.claim-docs{display:inline-flex;align-items:center;gap:10px;font-weight:600}
.docs-nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:40px}
.docs-nav a{padding:8px 16px;border-radius:999px;background:var(--card);text-decoration:none;font-weight:600;color:var(--ink-2)}
.docs-nav a:hover{color:var(--accent)}
.docs-split{display:flex;gap:60px;margin:28px 0}
.demo-card[id]{scroll-margin-top:100px}
@media(max-width:700px){.claim-layout{grid-template-columns:1fr}.claim-guide{padding:8px}.docs-nav{gap:6px}.docs-nav a{font-size:.875rem;padding:8px 12px}.docs-split{gap:36px}}
.launch-live .calc-in{display:block}.launch-live .calc-out{display:block}
.address-text{overflow-wrap:anywhere;word-break:break-word;font-family:var(--mono);font-size:.8rem}
.live-recipient{border-top:1px solid var(--line);padding:6px 0 20px}
.recipient-share{display:flex;align-items:center;gap:8px;margin-top:12px}.recipient-share label{margin:0!important;flex:1;font-size:.85rem}.recipient-share input{width:74px}.recipient-share button{border:0;background:transparent;color:var(--ink-2);font-size:24px;cursor:pointer}
.demo-main textarea{width:100%;border:1px solid var(--line-2);border-radius:var(--r-input);padding:14px;background:var(--card);color:var(--ink);font:inherit}
.launch-live input[type=file]{height:auto;padding:12px;font-size:.85rem}
.launch-live .demo-line{align-items:start}.launch-live .demo-line strong{white-space:nowrap}
.launch-live [hidden]{display:none!important}
#launch-review h3{margin-top:32px}