.app-demo{--noon:#ffce3d;--ink:#201607;--paper:#fff8ea;--amber:#f59e0b;--up:#12a85c;--down:#e4573d;--mono:ui-monospace, monospace;background:var(--noon);min-height:100svh;color:var(--ink);background-image:radial-gradient(120% 70% at 50% -10%,#fff0c2,#0000 60%);padding:0 24px 50px;font-family:Switzer,Schibsted Grotesk Variable,sans-serif}.app-demo:before{content:"";pointer-events:none;opacity:.5;background:radial-gradient(circle,#20160724 1.4px,#0000 1.5px) 0 0/26px 26px;position:fixed;inset:0}.app-demo>*{position:relative}.app-demo *{box-sizing:border-box}.app-demo button,.app-demo input,.app-demo select{font:inherit;min-height:44px}.app-skip{position:absolute;left:-9999px}.app-skip:focus{z-index:20;background:var(--ink);color:var(--paper);padding:12px;top:8px;left:16px}.app-top{align-items:center;gap:20px;max-width:1180px;margin:auto;padding:22px 28px 6px;display:flex}.app-top>span{font-family:var(--mono);letter-spacing:.14em;font-size:10px}.environment-boundary{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid #20160747;border-radius:999px;margin:0;padding:8px 12px;font-size:14px;font-weight:600}.demo-instrument-note{max-width:1124px;margin:0 auto 24px;font-size:16px;line-height:1.5}.spacer{flex:1}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.app-top>button{min-height:44px;color:inherit;background:#20160712;border:0;border-radius:999px;padding:8px 14px;text-decoration:none}.app-lockup{color:inherit;align-items:center;gap:8px;font-size:18px;text-decoration:none;display:flex}.app-lockup svg{width:25px}@media (width<=44rem){.app-top{flex-wrap:wrap}.environment-boundary{text-align:center;border-radius:10px;order:3;width:100%}}.app-stage{grid-template-columns:270px minmax(0,1fr) 280px;align-items:start;gap:40px;max-width:1180px;margin:auto;padding:28px 28px 56px;display:grid}.app-stage>*,.phone-wrap,.app-phone,.phone-screen,.screen-body{min-width:0;max-width:100%}.app-rail{position:sticky;top:24px}.app-rail h2{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:11px}.rail-wrap{position:relative}.rail-list{display:grid}.spine{background:#20160724;width:2px;position:absolute;top:16px;bottom:16px;left:22px}.spine i{background:var(--ink);transform-origin:top;width:100%;height:100%;transition:transform .5s;display:block}.app-rail button{z-index:1;text-align:left;color:#201607b8;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 13px;display:flex;position:relative}.app-rail button:disabled{opacity:.45;cursor:not-allowed}.app-rail button span{background:#2016071a;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.app-rail button.on{background:var(--ink);color:var(--paper)}.app-rail button.on span{background:var(--noon);color:var(--ink)}.app-rail button.done{color:var(--ink)}.app-rail button.done span{background:var(--ink);color:var(--noon)}.phone-wrap{justify-content:center;display:flex}.app-phone{background:var(--ink);border:0;border-radius:48px;width:300px;max-width:100%;height:600px;padding:14px;position:relative;box-shadow:0 50px 100px -30px #20160799}.notch{z-index:5;background:var(--ink);border-radius:999px;width:96px;height:25px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--paper);border-radius:39px;flex-direction:column;width:272px;height:572px;min-height:0;display:flex;position:relative;overflow:hidden}.phone-control{background:var(--ink)}.progress{z-index:7;background:#20160712;height:3px;position:absolute;inset:0 0 auto}.progress span{background:var(--noon);transform-origin:0;width:100%;height:100%;transition:transform .4s;display:block}.phone-bar{background:linear-gradient(180deg, #fff0c2, var(--paper));flex:none;align-items:center;gap:9px;padding:46px 20px 12px;display:flex}.phone-bar>button{background:#fff0c2;border:0;border-radius:50%;place-items:center;min-width:44px;min-height:44px;display:grid}.phone-bar>span{margin-left:auto}.phone-bar .app-lockup{font-size:15px}.phone-bar .app-lockup svg{width:20px}.screen-body{flex:1;min-height:0;padding:0 20px 22px;overflow:hidden auto}.hero-t{letter-spacing:-.03em;margin:12px 0 9px;font-size:28px;line-height:1.05}.sub{color:#201607c7;margin:0 0 18px;font-size:16px}.backing-strip{background:var(--ink);color:var(--paper);border-radius:14px;align-items:center;gap:9px;padding:11px 13px;display:flex}.backing-strip .pip{background:#fff8ea8c;border-radius:50%;flex:none;width:8px;height:8px}.backing-strip div{overflow-wrap:anywhere;flex:1;min-width:0;display:grid}.backing-strip div:last-child{text-align:right;margin-left:auto}.backing-strip small{font-size:12px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.8}.backing-strip b{font-size:12px}.app-action{background:var(--ink)!important;width:100%!important;min-height:50px!important;color:var(--paper)!important;border:0!important;border-radius:16px!important;margin-top:12px!important;font-weight:700!important}.app-action:hover{transform:translateY(-1.5px)}.app-action.noon{background:var(--noon)!important;color:var(--ink)!important}.app-action.ghost{box-shadow:inset 0 0 0 1.5px #ffce3d3d;color:var(--ink)!important;background:#fff0c2!important}.app-action.small{min-height:44px!important;padding:8px 5px!important;font-size:12px!important}.button-row{gap:8px;margin-top:8px;display:flex}.button-row>*{flex:1;min-width:0}.option,.asset,.choice{text-align:left;background:#fff;border:0;border-radius:16px;align-items:center;gap:12px;width:100%;margin:0 0 9px;padding:14px;display:flex;box-shadow:0 8px 20px -16px #20160780}.option>b{background:#fff0c2;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.option span,.asset>span:nth-child(2){display:grid}.option>span small,.asset small{color:#201607b8}.option>:last-child,.asset>strong{margin-left:auto}.option>i{margin-left:auto;font-style:normal}.advanced{color:#201607b8;background:0 0;border:0;width:100%;padding:12px;font-size:12.5px;display:block}.asset-icon{border-radius:11px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.asset-icon.demo-a{background:var(--ink);color:var(--noon)}.asset-icon.demo-b{background:var(--noon)}.asset-icon.demo-c{background:#f59e0b}.asset.with-what{grid-template-columns:40px minmax(0,1fr) auto;gap:6px 12px;display:grid;position:relative;overflow:hidden}.asset .flagbg{opacity:.06;pointer-events:none;z-index:0;width:42%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 8%,#000 96%);mask-image:linear-gradient(90deg,#0000 8%,#000 96%)}.asset .flagbg svg{width:100%;height:100%;display:block}.asset>span:not(.flagbg){z-index:1;position:relative}.asset .what{color:#201607b8;grid-column:1/-1;font-size:11.5px}.asset-price{text-align:right;white-space:nowrap;position:relative}.asset-price small{color:#201607a3;font-family:var(--mono);display:block}.amount{grid-template-columns:minmax(0,1fr);gap:7px;min-width:0;margin:0 0 14px;display:grid}.amount>*{min-width:0;max-width:100%}.amount>small{letter-spacing:.12em;font-size:10px}.amount>span{background:#fff;border-radius:14px;align-items:center;padding:13px;display:flex}.amount input{background:0 0;border:0;flex:1;min-width:0;font-size:22px;font-weight:700}.chips{gap:7px;margin-bottom:14px;display:flex}.chips button{background:#fff;border:0;border-radius:11px;flex:1;padding:9px}.chips button.on{background:var(--noon)}.screen-body select{background:#fff;border:0;border-radius:14px;width:100%;padding:14px}.asset-identity{min-width:0;display:grid}.asset-name{letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.asset-ticker{color:#201607b8;font-family:var(--mono);margin-top:1px;font-size:12px}.summary,.verified{background:#fff;border-radius:16px;gap:0;padding:8px 15px;display:grid}.summary div{border-bottom:1px solid #20160714;justify-content:space-between;align-items:start;gap:12px;padding:11px 0;display:flex}.summary div>span,.summary div>b{flex:50%;min-width:0}.summary div>b{overflow-wrap:anywhere;text-align:right}.summary .total b{font-size:16px}.verified{gap:12px}.verified strong{color:var(--ink);align-items:center;gap:8px;display:flex}.verified strong i{background:var(--ink);width:20px;height:20px;color:var(--paper);border-radius:50%;place-items:center;font-style:normal;display:grid}.verified p{color:#201607c7;margin:0;font-size:16px}.verified.compact{margin-top:12px;padding:12px 14px}.verified code{background:#2016070a;border-radius:9px;padding:10px;font-size:16px}.risk{color:#201607c7;margin-top:12px;font-size:16px;display:block}.riskline{color:#201607c7;border-top:1px solid #20160714;margin-top:14px;padding-top:12px;font-size:16px;line-height:1.45}.ceremony{text-align:center;background:linear-gradient(180deg, var(--noon), #fff0c2, transparent);padding:25px 0;position:relative}.ceremony>svg{width:230px;position:absolute;top:0;left:50%;transform:translate(-50%)}.ceremony>svg line{stroke:var(--noon);stroke-width:4px;stroke-linecap:round}.ceremony h2{margin:18px 0 9px;font-size:29px;line-height:1.08}.ceremony p{color:#201607ad;font-size:16px}.ceremony>div{background:var(--ink);width:78px;height:78px;color:var(--noon);border-radius:50%;place-items:center;margin:auto;font-size:36px;display:grid}.ceremony span{background:var(--ink);color:var(--noon);border-radius:99px;padding:8px 14px;display:inline-block}.total-card{background:var(--ink);color:var(--paper);border-radius:18px;padding:20px;display:grid;position:relative;overflow:hidden}.total-card>strong{color:var(--noon);font-size:38px}.total-card svg{opacity:.16;width:115px;position:absolute;bottom:-30px;right:-15px}.total-card>div{z-index:1;display:grid;position:relative}.total-card small{font-family:var(--mono)}.holding{background:#fff;border-radius:15px;align-items:center;gap:11px;margin-top:10px;padding:13px;display:flex}.holding>span:nth-child(2){display:grid}.holding>strong{margin-left:auto}.holding>span:nth-child(3){text-align:right;margin-left:auto;display:grid}.holding small{color:#201607b8;font-size:12px}.empty{text-align:center;color:#201607b8;padding:26px 0;font-size:13px}.operated{text-align:center;color:#201607c7;font-size:16px}.share-card{background:var(--noon);border-radius:16px;margin-bottom:12px;padding:18px;position:relative;overflow:hidden}.share-card>div{z-index:1;display:grid;position:relative}.share-card strong{max-width:15ch;margin:3px 0 12px;font-size:20px;line-height:1.12}.share-card span{background:var(--ink);width:max-content;color:var(--noon);font-family:var(--mono);border-radius:999px;padding:7px 12px;font-size:11px}.share-card .bg-mark{opacity:.17;width:120px;position:absolute;bottom:-26px;right:-22px}.select-label{font-family:var(--mono);text-transform:uppercase;gap:7px;margin-bottom:14px;font-size:10px;display:grid}.choice{display:grid}.choice>span{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.choice i{color:var(--up);font-family:var(--mono);text-transform:uppercase;background:#e4f5ec;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:16px;font-style:normal}.choice small{color:#201607c7;font-size:16px}.app-notes{position:sticky;top:24px}.app-notes>div{background:var(--paper);border-radius:14px;padding:18px;position:relative;overflow:hidden;box-shadow:0 14px 34px -14px #20160759}.app-notes small{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.app-notes h2{margin:8px 0;font-size:16px;line-height:1.2}.app-notes p{color:#201607c7;margin:0;font-size:16px}.toast{z-index:300;background:var(--ink);color:var(--paper);border-radius:999px;padding:11px 20px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -12px #20160799}@media (width<=1080px){.app-stage{grid-template-columns:1fr;max-width:440px}.app-rail,.app-notes{order:2;position:static}.app-rail>div{display:block}.rail-list{scrollbar-width:none;gap:6px;display:flex;overflow:auto}.spine{display:none}.app-rail button{white-space:nowrap;width:auto}.app-top>span{display:none}}@media (width<=520px){.app-demo{padding:0 0 30px}.app-top{gap:10px;padding:12px 16px 4px}.app-top .app-lockup{font-size:17px}.app-top>button{white-space:nowrap;padding:8px 10px;font-size:12.5px}.app-stage{gap:20px;width:100%;padding:16px 0 36px}.phone-wrap{width:100%;padding:0 12px;overflow:hidden}.app-phone{width:300px;height:600px;padding:14px}.phone-screen{width:272px;height:572px;min-height:0}.phone-bar{padding-top:46px}.backing-strip{gap:7px;padding-inline:12px}.backing-strip b{font-size:12px}.screen-body{width:100%;overflow-x:hidden}.hero-t{overflow-wrap:anywhere}.app-rail,.app-notes{padding:0 16px}.rail-list{margin-inline:-16px;padding-inline:18px;scroll-padding-left:18px}}