.nav-demo,.demo-trigger{border:0;background:none;padding:0;font-size:inherit}.demo-trigger{border-bottom:1px solid #87948b;padding:12px 0;font-size:12px}.ai-kicker{display:block;color:var(--mint);font-size:9px;letter-spacing:.15em;margin-bottom:22px}.holder-access{display:flex;gap:14px;align-items:center;padding:20px 0;margin-bottom:16px;border-bottom:1px solid #ffffff20}.holder-key{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #adf5d055;border-radius:50%;color:var(--mint);font:600 24px var(--display)}.holder-access b{font-size:13px}.holder-access small{display:block;margin-top:3px!important;font-size:11px!important}
/* Shared card: same hierarchy, palette and controls as the extension. */
.story-panel{font-family:'Segoe UI',Arial,sans-serif;width:380px;left:calc(50% - 190px);padding:19px;border-radius:18px;background:radial-gradient(circle at 90% 0%,#adf5d018,transparent 38%),#171c19;color:#eaf1ec}.story-panel .panel-bar{margin-bottom:16px}.story-panel .panel-asset{gap:10px;flex-wrap:wrap}.story-panel .panel-asset strong{font-size:14px}.story-panel .panel-asset small{display:block;font-size:10px;color:#939f97;margin-top:3px}.story-panel .asset-icon{width:40px;height:40px;font:bold 25px Georgia;color:#153522;background:#adf5d0;border-radius:12px}.card-chain{font-size:9px;color:#adf5d0;border:1px solid #adf5d030;border-radius:20px;padding:4px 7px;margin-left:auto}.card-links{display:flex;gap:7px;margin:13px 0}.card-links>span,.card-links>button{padding:4px 9px;background:#adf5d009;border:1px solid #adf5d027;border-radius:6px;color:#adf5d0;font-size:10px}.card-chart{padding:12px;border:1px solid #ffffff12;border-radius:12px;margin-bottom:12px;background:#ffffff02}.card-chart-price{display:flex;align-items:center;justify-content:space-between}.card-chart-price strong{font-size:21px;letter-spacing:-.04em}.card-chart-price>span{font-size:11px;color:#adf5d0}.card-chart-price small{font-size:8px;color:#8f9f94}.card-chart svg{display:block;width:100%;height:70px;margin:8px 0;overflow:visible}.card-chart-grid{fill:none;stroke:#ffffff0a;stroke-width:1}.card-chart-fill{fill:#adf5d009}.card-chart-line{fill:none;stroke:#adf5d0;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.card-chart-periods,.card-metrics{display:flex;justify-content:space-between;font-size:8px;color:#8d9b91}.card-chart-periods b{color:#adf5d0;background:#adf5d015;padding:3px 7px;margin:0 6px;border-radius:4px}.card-metrics{border-top:1px solid #ffffff0d;padding-top:9px;margin-top:10px}.card-metrics b{color:#c4d3c9;margin-left:5px}.story-panel .story-amount{padding:12px 14px}.story-panel .story-amount b{font-size:28px}.story-panel .story-quick{margin:8px 0 12px}.story-panel .quote-row{margin:6px 0;font-size:11px}.story-panel .quote-row strong{font-size:11px}.story-panel .story-buy{margin-top:13px;padding:13px}.story-panel .panel-note{font-size:8px;margin-top:10px}.story-panel .panel-address{display:none}
/* Clickable product playground, isolated from the scroll timeline. */
#interactive-demo{color:#ecf4ee;background:#111914;border:1px solid #adf5d02f;border-radius:24px;padding:0;width:min(1100px,94vw);max-width:none;max-height:94dvh;overflow:auto;box-shadow:0 35px 140px #0009}#interactive-demo::backdrop{background:#020805bd;backdrop-filter:blur(12px)}#interactive-demo[open]{animation:demo-enter .35s var(--ease)}.demo-header{display:flex;gap:14px;align-items:center;padding:18px 25px;border-bottom:1px solid #ffffff12;font-size:10px;letter-spacing:.1em}.demo-badge{margin-left:auto;font-size:8px;color:#91aa99}.demo-header>button{background:#ffffff09;border:1px solid #ffffff20;color:#cbe2d3;border-radius:50%;width:32px;height:32px;font-size:24px;line-height:1}.demo-layout{display:grid;grid-template-columns:.8fr 1.2fr;min-height:660px}.demo-direction{padding:46px 35px;display:flex;flex-direction:column}.demo-direction h2{font-size:65px;line-height:.98;margin:15px 0 22px}.demo-direction h2 em{color:#adf5d0;font-style:normal}.demo-direction>[role=status]{color:#b2c6b9;font-size:14px;min-height:60px;max-width:260px}.demo-progress{padding:0;list-style:none;counter-reset:demo;display:grid;gap:17px;margin:22px 0 36px;font-size:12px;color:#789181}.demo-progress li{counter-increment:demo;display:flex;align-items:center;gap:15px}.demo-progress li:before{content:'0' counter(demo);font:10px monospace;border:1px solid #ffffff15;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.demo-progress li[aria-current=step]{color:#adf5d0}.demo-progress li[aria-current=step]:before{background:#adf5d0;color:#123120}.demo-direction>button{background:none;border:0;text-align:left;color:#b9d7c5;font-size:12px;padding:0}.demo-direction>small{color:#698071;font-size:10px;line-height:1.7;max-width:240px;margin-top:auto;padding-top:30px}.demo-playfield{position:relative;display:grid;place-items:center;min-width:0;padding:24px;background:radial-gradient(ellipse at 50% 30%,#adf5d012,transparent 65%),radial-gradient(#adf5d016 .7px,transparent .7px);background-size:auto,20px 20px;overflow:hidden;border-left:1px solid #ffffff0c;perspective:1000px}.demo-post{position:relative;width:100%;max-width:455px;background:#fbfdfb;color:#102018;border-radius:15px;padding:24px;box-shadow:0 20px 60px #0004;transition:transform .6s var(--ease),opacity .6s,filter .6s}.demo-post header{display:flex;gap:10px;align-items:center}.demo-post header>span:last-child{margin-left:auto;font-size:24px}.demo-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#adf5d0;font-weight:700}.demo-post header small{display:block;color:#65766c;font-size:11px}.demo-post p{font-size:13px}.demo-post>small{font-size:9px;color:#7e8a83}.demo-post-art{position:relative;overflow:hidden;padding:26px 20px;height:190px;border-radius:9px;color:#eff8f1;background:radial-gradient(ellipse at 95% 90%,#688c73,#10241a 75%);font:500 42px/.95 var(--display);letter-spacing:-.05em}.demo-post-art em{color:#adf5d0;font-style:normal}.demo-post-art>span{position:absolute;font-size:180px;right:0;top:0;opacity:.16;transform:rotate(-20deg)}.demo-contract{display:inline;border:0;padding:2px;color:inherit;background:#adf5d029;box-shadow:inset 0 -1px #8bd9ae;border-radius:4px;font-size:12px;overflow-wrap:anywhere;text-align:left;max-width:100%}.demo-contract:hover{background:#adf5d066}.demo-card-mount{position:relative;width:100%;max-width:380px;grid-area:1/1;z-index:2;animation:demo-enter .45s var(--ease)}.demo-playfield .demo-post{grid-area:1/1}.demo-playfield:not([data-phase=feed]) .demo-post{transform:translate(-30px,-10px) rotateY(6deg) scale(.91);opacity:.12;filter:blur(2px);pointer-events:none}.demo-card-mount .story-panel{position:relative;left:auto;top:auto;width:100%;margin:0;scale:1;transform:none;padding:18px;box-shadow:0 20px 65px #0008;max-width:none}.demo-card-mount .story-quick>button{flex:1;padding:8px 0;border:1px solid #ffffff1a;border-radius:8px;background:none;color:#96a69c;font-size:10px}.demo-card-mount .story-quick>button[aria-pressed=true]{background:#adf5d0;color:#12331e}.demo-card-mount input{width:150px;display:block;border:0;outline:0;background:none;color:#f2f7f3;font:600 28px 'Segoe UI',sans-serif;appearance:textfield}.demo-card-mount input:focus-visible{outline:1px solid #adf5d0;outline-offset:3px}.demo-card-mount .story-buy{border:0;width:100%}.demo-card-mount select{background:#202c24;color:#d5e4da;border:1px solid #ffffff20;border-radius:5px;font-size:10px}.demo-wallet,.demo-success{position:relative;grid-area:1/1;z-index:3;max-width:370px;width:100%;padding:30px;border:1px solid #adf5d02e;border-radius:20px;background:#17271d;box-shadow:0 25px 65px #0007;animation:demo-enter .4s var(--ease)}.demo-wallet-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:15px;background:#adf5d0;color:#173522;font-size:32px;margin-bottom:25px}.demo-wallet h3,.demo-success h3{font:500 38px/1.05 var(--display);letter-spacing:-.05em;margin:15px 0 25px}.demo-wallet dl>div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #ffffff10;padding:13px 0;font-size:11px}.demo-wallet dt{color:#9eb6a7}.demo-wallet dd{margin:0}.demo-wallet>p:not(.eyebrow){font-size:11px;color:#9eb6a7;line-height:1.7}.demo-primary,.demo-secondary{display:block;width:100%;border:0;border-radius:10px;background:#adf5d0;color:#112d1c;padding:13px;font-size:12px;font-weight:600;margin-top:18px}.demo-secondary{background:none;color:#a2b8aa;margin-top:4px}.demo-arrival{width:70px;height:70px;border:3px solid #daeede;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d6ffd5,#89b48d);color:#294e31;font:bold 42px Georgia;box-shadow:4px 5px #658869;margin:0 auto 28px;animation:coin-arrive .8s var(--ease)}.demo-success{text-align:center}.demo-balance{padding:20px 0;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}.demo-balance small,.demo-balance span{display:block;font-size:9px;color:#94ad9c}.demo-balance strong{font:500 40px var(--display);display:block;margin:6px 0;color:#adf5d0}.demo-balance span{color:#adf5d0}#interactive-demo [hidden]{display:none!important}.demo-period{border:0;background:none;color:#96a99d;font-size:9px;padding:3px 6px}.demo-period[aria-pressed=true]{color:#adf5d0;background:#adf5d014;border-radius:4px}.demo-period-group{display:flex;gap:3px}.demo-card-message{font-size:9px;color:#adf5d0;margin:0 0 7px;min-height:14px}.demo-close-card{background:none;border:0;color:#9eafa4;font-size:17px;margin-left:auto}
.story-panel{font-size:13px;line-height:1.35}.demo-header{position:sticky;top:0;z-index:10;background:#111914}.demo-layout{min-height:590px}.demo-card-mount input::-webkit-inner-spin-button{appearance:none}.demo-card-mount .story-amount small{line-height:1.5}.demo-card-mount .story-buy{min-height:42px}.demo-direction{padding-top:32px;padding-bottom:28px}
@keyframes demo-enter{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes coin-arrive{from{opacity:0;transform:translate(-80px,-120px) rotate(-170deg) scale(.4)}70%{transform:translateY(7px) rotate(12deg)}to{opacity:1;transform:none}}
@media(max-width:700px){.nav nav{gap:12px}.nav nav>a:first-of-type{display:none}.demo-layout{grid-template-columns:1fr;min-height:0}.demo-direction{padding:20px}.demo-direction h2{font-size:35px;margin:4px 0}.demo-direction h2 br{display:none}.demo-direction .eyebrow{display:none}.demo-direction>[role=status]{min-height:0;max-width:none;font-size:12px;margin:12px 0}.demo-progress{display:flex;justify-content:space-between;gap:5px;margin:3px 0 12px}.demo-progress li{font-size:0;gap:0}.demo-progress li:before{font-size:10px}.demo-direction>small{max-width:none;font-size:9px;padding-top:10px}.demo-playfield{padding:18px;min-height:460px;border-left:0;border-top:1px solid #ffffff12}.demo-header{padding:12px 15px;gap:8px}.demo-badge{font-size:6px}.demo-post{padding:17px}.demo-wallet,.demo-success{padding:24px}.demo-card-mount .panel-asset strong{font-size:12px}.demo-card-mount .card-chain{font-size:8px}.story-stage>.story-panel{width:340px;left:50%;margin-left:-170px}.holder-access b{font-size:12px}}
@media(min-width:701px) and (max-height:800px){.demo-card-mount{zoom:.8;max-width:400px}.demo-playfield{padding:16px 24px}.demo-direction h2{font-size:56px}.demo-wallet{padding:24px}.demo-wallet h3{font-size:33px}}
@media(prefers-reduced-motion:reduce){#interactive-demo *,#interactive-demo[open]{animation:none!important;transition:none!important}}.motion-paused #interactive-demo *{animation:none!important;transition:none!important}
.story-stage>.story-panel{max-width:none}