:root{color:#f3f7fb;background:#061117;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#061117c2,#061117 420px),url(/paymorph-webapp-cover-640x360.png) center 0 / min(100%,1180px) auto no-repeat,#061117}html[data-telegram=true] body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}html[data-telegram=true] .app-shell{width:min(1180px,calc(100% - 20px))}button,input,select,textarea{font:inherit}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.hero{display:grid;min-height:min(680px,calc(100vh - 120px));align-items:center;padding:58px 0 36px;position:relative}.topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;min-height:64px;border-bottom:1px solid rgba(148,177,190,.18)}.topbar>:last-child{justify-self:end}.brand,.topbar nav button,.back-button,.row-actions button,.token-picker button,.demo-action{border:0;color:inherit;background:transparent;cursor:pointer}.error-text,.success-text{overflow-wrap:anywhere;padding:10px;border-radius:7px;font-size:.88rem}.error-text{color:#ffb4b4;background:#ff4d4d1a}.success-text{color:#7fffd4;background:#58f0bd1a}.brand{display:flex;gap:10px;align-items:center;width:fit-content;padding:0;font-size:1.05rem;font-weight:800}.brand-logo{width:32px;height:32px;border-radius:7px;box-shadow:0 0 24px #00a9ff5c}.topbar nav{display:flex;gap:4px}.topbar nav button{padding:9px 12px;border-radius:7px;color:#91a8b5}.topbar nav button.nav-active{color:#f3f7fb;background:#ffffff12}.wallet-control{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-width:166px;min-height:42px;padding:0 14px;border:1px solid rgba(88,240,189,.34);border-radius:7px;color:#001b12;background:#58f0bd;cursor:pointer;font-weight:800;white-space:nowrap}.wallet-control:disabled{color:#91a8b5;background:#ffffff12;border-color:#94b1be24;cursor:wait}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-bottom:1px solid rgba(88,240,189,.18);background:linear-gradient(90deg,#061117f7,#061117db 46%,#041c2e6b),url(/paymorph-logo.png) right 8% center / min(47vw,510px) auto no-repeat}.hero-logo{width:86px;height:86px;margin-bottom:18px;border-radius:20px;box-shadow:0 0 42px #00d7ff52}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-proof{display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:720px;margin-top:28px;color:#7fffd4}.hero-proof strong{padding:10px 12px;border:1px solid rgba(88,240,189,.24);border-radius:8px;background:#072126d6}.hero-action{width:fit-content;padding:0 18px}.landing-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.landing-flow article,.feature-grid article{display:grid;gap:9px;min-width:0;padding:16px;border:1px solid rgba(148,177,190,.18);border-radius:8px;background:#09181fdb}.landing-flow svg,.feature-grid span{color:#58f0bd}.landing-flow strong{font-size:1.08rem}.landing-flow span,.feature-grid p{color:#a9bdc9;line-height:1.45}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.feature-grid span{font-size:.82rem;font-weight:800;text-transform:uppercase}.feature-grid strong{font-size:1.2rem}.feature-grid p{margin:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:18px 0}.stats article{display:grid;gap:7px;padding:16px;border:1px solid rgba(148,177,190,.18);border-radius:8px;background:#091820}.stats span{color:#91a8b5}.stats strong{font-size:1.8rem}.section-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}.section-heading .panel-title{margin-bottom:0}.invoice-list{display:grid;gap:8px;margin-top:16px}.invoice-list article{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:14px;border:1px solid rgba(150,188,201,.15);border-radius:8px;background:#ffffff06}.invoice-list span,.invoice-amount span{display:block;margin-top:4px;color:#91a8b5;font-size:.86rem}.invoice-amount{text-align:right}.status{width:fit-content;margin-left:auto;padding:3px 7px;border-radius:999px;text-transform:capitalize}.status.paid{color:#58f0bd;background:#58f0bd1a}.status.pending{color:#f7d56a;background:#f7d56a1a}.status.expired{color:#ffb4b4;background:#ff4d4d1a}.row-actions{display:flex;gap:6px}.row-actions button{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(150,188,201,.18);border-radius:7px}.workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:32px;align-items:start;padding:48px 0}.workspace h2,.pay-header h2{margin:18px 0 8px;font-size:clamp(2rem,5vw,3.7rem);line-height:1.05}.back-button{display:flex;gap:7px;align-items:center;margin-bottom:28px;padding:0;color:#91a8b5}.mira-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:28px;padding:14px;border:1px solid rgba(123,185,255,.28);border-radius:8px;background:#20548e2e}.mira-card span{display:block;margin-top:4px;color:#a9bdc9;font-size:.86rem}.mira-card button{border:0;background:transparent;color:#7fffd4;cursor:pointer;font:inherit;text-decoration:underline}.form-panel{display:grid;gap:16px}.pay-header{padding:38px 0 10px}.checkout-brand{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid rgba(88,240,189,.22);border-radius:8px;color:#d8f8ff;background:#ffffff0a;font-weight:800}.checkout-brand img{width:26px;height:26px;border-radius:6px}.requested-amount,.quote-total{display:grid;gap:7px;margin-top:18px}.requested-amount span,.requested-amount small,.quote-total span,.quote-total small{color:#91a8b5}.requested-amount strong,.quote-total strong{font-size:clamp(2rem,5vw,3.3rem)}.invoice-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.invoice-meta span,.checkout-qr span{display:inline-flex;width:fit-content;padding:5px 8px;border:1px solid rgba(150,188,201,.15);border-radius:7px;color:#a9bdc9;background:#ffffff0a;font-size:.86rem}.invoice-meta .meta-expired,.checkout-qr .meta-expired{color:#ffb4b4;border-color:#ff4d4d33;background:#ff4d4d14}.invoice-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.invoice-share-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid rgba(88,240,189,.22);border-radius:8px;color:#d8f8ff;background:#39769057;font-weight:700}.merchant-share-panel{align-content:start}.merchant-share-actions{display:grid;gap:10px;margin-top:12px}.checkout-qr{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:16px;padding:14px;border:1px solid rgba(88,240,189,.2);border-radius:8px;background:#58f0bd0f}.checkout-qr strong{display:flex;gap:8px;align-items:center;margin-bottom:8px}.checkout-qr span{margin:4px 6px 0 0}.qr-frame{display:grid;width:126px;height:126px;place-items:center;border-radius:8px;background:#f7fbff}.qr-frame img{width:112px;height:112px}.token-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.token-picker button{min-height:44px;border:1px solid rgba(150,188,201,.18);border-radius:7px;background:#ffffff08}.token-picker button.token-active{border-color:#58f0bd;color:#001b12;background:#58f0bd;font-weight:800}.demo-action{width:100%;margin-top:10px;color:#91a8b5;font-size:.86rem}.question-list{display:grid;gap:8px}.question-list div{padding:12px;border-left:2px solid rgba(123,185,255,.7);background:#7bb9ff12}.eyebrow,.panel-title,.mira-banner{display:flex;gap:8px;align-items:center}.eyebrow{width:fit-content;padding:7px 10px;border:1px solid rgba(92,255,197,.24);border-radius:999px;color:#7fffd4;background:#072126b8;font-size:.9rem}h1{max-width:840px;margin:18px 0 12px;font-size:clamp(2.1rem,5vw,4.8rem);line-height:1;letter-spacing:0}p{color:#a9bdc9;line-height:1.6}.hero p{max-width:680px;font-size:1.14rem}.mira-banner{margin:8px 0 20px;padding:12px 14px;border:1px solid rgba(123,185,255,.28);border-radius:8px;background:#20548e3d;color:#cae0ff}.grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;margin:18px 0}.panel{border:1px solid rgba(148,177,190,.18);border-radius:8px;padding:18px;background:#09181fd1;box-shadow:0 18px 60px #00000038}.panel-title{margin-bottom:16px;color:#dff7ef;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:7px;color:#a9bdc9;font-size:.92rem}input,select,textarea{width:100%;border:1px solid rgba(165,200,212,.2);border-radius:8px;color:#f4fbff;background:#0d2028}input,select{min-height:46px;padding:0 12px}textarea{min-height:260px;resize:vertical;padding:13px;line-height:1.45}.primary-action,.secondary-action,.secondary-link{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:8px;text-decoration:none;cursor:pointer}.primary-action{width:100%;margin-top:16px;color:#001b12;background:#58f0bd;font-weight:800}.secondary-action,.secondary-link{margin-top:12px;padding:0 14px;color:#d8f8ff;background:#3976905c}.integration-note{margin-top:12px;color:#8fa8b5;font-size:.9rem}.winner{display:grid;gap:8px;margin:10px 0 16px}.winner span{color:#88ffd7}.winner strong{font-size:clamp(2rem,5vw,3.3rem);line-height:1}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics div{padding:12px;border-radius:8px;background:#ffffff0d}.metrics span,.route-card span,.history-list span,.muted{display:block;color:#91a8b5;font-size:.88rem}.routes,.history-list{display:grid;gap:10px}.route-card,.history-list article{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid rgba(150,188,201,.15);border-radius:8px;background:#ffffff09}.route-card.active{border-color:#58f0bd94;background:#58f0bd1a}.route-value{color:#f7d56a;font-weight:800;white-space:nowrap}.analytics-grid{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr)}.strategy-grid{grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr)}.strategy-panel p{margin-bottom:18px}.strategy-steps{display:grid;gap:10px}.strategy-steps article{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:12px;border:1px solid rgba(88,240,189,.16);border-radius:8px;background:#58f0bd0d}.strategy-steps strong{display:grid;width:30px;height:30px;place-items:center;border-radius:7px;color:#001b12;background:#58f0bd}.strategy-steps span{color:#d8f8ff;line-height:1.4}.rate-chart{display:grid;grid-template-columns:repeat(12,minmax(18px,1fr));gap:8px;align-items:end;height:230px;padding:18px 0 8px;border-bottom:1px solid rgba(150,188,201,.18)}.rate-column{display:grid;gap:6px;align-items:end;height:100%;min-width:0}.rate-column div{align-self:end;width:100%;min-height:16px;border-radius:3px 3px 0 0;background:#58f0bd}.rate-column span{overflow:hidden;color:#91a8b5;font-size:.7rem;text-align:center}.analytics-note{display:grid;gap:3px;margin-top:16px}.analytics-note strong{font-size:1.35rem}.analytics-note span{color:#91a8b5}.memory-table{display:grid;gap:8px}.memory-table article{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:14px;align-items:center;padding:13px;border-bottom:1px solid rgba(150,188,201,.13)}.memory-table article:last-child{border-bottom:0}.memory-table span{display:block;margin-top:4px;color:#91a8b5;font-size:.8rem}.agent-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.agent-status-grid article{display:grid;gap:8px;padding:16px;border:1px solid rgba(148,177,190,.18);border-radius:8px;background:#091820}.agent-status-grid article>svg{color:#7bb9ff}.agent-status-grid span,.agent-status-grid small,.schedule-list span,.activity-list span{color:#91a8b5}.agent-status-grid small{line-height:1.45}.agent-status-grid .agent-good{border-color:#58f0bd80}.agent-status-grid .agent-good>svg{color:#58f0bd}.agent-status-grid .agent-warning{border-color:#f7d56a99}.agent-status-grid .agent-warning>svg{color:#f7d56a}.schedule-list,.activity-list{display:grid;gap:8px}.schedule-list article,.activity-list article{display:grid;grid-template-columns:1.2fr 1fr auto;gap:14px;align-items:center;padding:13px;border:1px solid rgba(150,188,201,.14);border-radius:8px;background:#ffffff06}.schedule-list span,.activity-list span{display:block;margin-top:4px;font-size:.82rem}.activity-list article{border-left:3px solid #7bb9ff}.activity-list article.activity-good{border-left-color:#58f0bd}.activity-list article.activity-warning{border-left-color:#f7d56a}.activity-list button{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(150,188,201,.18);border-radius:7px;color:#f3f7fb;background:transparent;cursor:pointer}.route-signal{margin-bottom:14px;padding:9px 11px;border-left:3px solid #7bb9ff;color:#cae0ff;background:#7bb9ff14;font-size:.88rem}.route-signal.signal-favorable{border-left-color:#58f0bd;color:#7fffd4;background:#58f0bd14}.route-signal.signal-risk{border-left-color:#f7d56a;color:#f7d56a;background:#f7d56a14}.route-signal.signal-direct{border-left-color:#58f0bd;color:#7fffd4;background:#58f0bd14}.route-signal.signal-expired{border-left-color:#ff8585;color:#ffb4b4;background:#ff4d4d14}@media (max-width: 820px){.hero,.grid,.workspace,.topbar,.route-card,.history-list article,.landing-flow,.feature-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:36px 0 24px}.hero:before{background:linear-gradient(180deg,#061117ed,#061117fa),url(/paymorph-logo.png) right 4% top 28px / 190px auto no-repeat}.hero-logo{width:72px;height:72px}.form-grid,.metrics,.agent-status-grid{grid-template-columns:1fr}.topbar{padding:12px 0}.topbar>:last-child{justify-self:start}.wallet-control{width:100%}.invoice-list article{grid-template-columns:1fr}.memory-table article{grid-template-columns:1fr 1fr}.checkout-qr{grid-template-columns:1fr}.schedule-list article,.activity-list article{grid-template-columns:1fr}.invoice-amount{text-align:left}.status{margin-left:0}}
