/* Future Utility preview: frontend-only presentation layer. */
[data-route="future-utility"]{background:#f7f0dc;color:#20234e;overflow-x:hidden}
[data-route="future-utility"] .view-inner{width:min(1180px,calc(100% - 36px));padding-bottom:86px}
.future-utility-page{display:grid;min-width:0;gap:22px}
.future-utility-hero{display:grid;min-width:0;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);gap:24px;align-items:center;padding:clamp(22px,4vw,46px);border:3px solid #20234e;border-radius:34px;background:#d2e8ba;box-shadow:8px 9px 0 rgba(32,35,78,.16);overflow:hidden}
.future-utility-hero h1{margin:7px 0 0;font-size:clamp(45px,6vw,82px);line-height:.9;letter-spacing:-.065em;overflow-wrap:anywhere}
.future-utility-hero p{max-width:630px;margin:16px 0 0;font-size:clamp(16px,1.6vw,20px);line-height:1.52;overflow-wrap:anywhere;white-space:normal}
.future-utility-eyebrow{display:inline-flex;align-items:center;width:max-content;padding:7px 11px;border:2px solid #20234e;border-radius:999px;background:#ffd65a;font-size:11px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase}
.future-utility-status{display:inline-flex;width:max-content;margin-top:19px;padding:9px 12px;border:2px solid #20234e;border-radius:999px;background:#fff;font-size:12px;font-weight:1000;letter-spacing:.08em}
.future-utility-hero figure{min-width:0;margin:0;border:3px solid #20234e;border-radius:24px;background:#fff7e4;box-shadow:5px 6px 0 rgba(32,35,78,.17);overflow:hidden}
.future-utility-hero img{display:block;width:100%;height:auto}
.future-utility-note{padding:16px 19px;border:2px solid #20234e;border-radius:19px;background:#20234e;color:#fff;font-size:15px;font-weight:750;line-height:1.48}
.future-utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.future-utility-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.72fr);gap:16px;align-items:center;min-height:220px;padding:20px;border:3px solid #20234e;border-radius:28px;background:#fff;box-shadow:5px 6px 0 rgba(32,35,78,.14)}
.future-utility-card:nth-child(2n){background:#e5ddef}.future-utility-card:nth-child(3){background:#f7dcc1}.future-utility-card:nth-child(4){background:#d0e3ee}.future-utility-card h2{margin:3px 0 0;font-size:clamp(25px,3vw,39px);line-height:.96;letter-spacing:-.045em}.future-utility-card p{margin:11px 0 0;font-size:15px;line-height:1.48}.future-utility-card img{width:100%;border:2px solid #20234e;border-radius:16px;background:#fff;box-shadow:3px 4px 0 rgba(32,35,78,.13)}
.future-utility-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px;border:3px solid #20234e;border-radius:28px;background:#fff7e4}.future-utility-principles article{padding:12px}.future-utility-principles b{display:block;font-size:12px;letter-spacing:.09em}.future-utility-principles p{margin:8px 0 0;font-size:14px;line-height:1.45}
@media(max-width:760px){[data-route="future-utility"] .view-inner{width:calc(100% - 24px);max-width:calc(100% - 24px);padding-bottom:104px}.future-utility-hero,.future-utility-card{grid-template-columns:minmax(0,1fr)}.future-utility-hero{gap:17px;padding:24px}.future-utility-hero h1{font-size:clamp(40px,11vw,50px);letter-spacing:-.055em}.future-utility-card{padding:17px}.future-utility-card img{max-width:420px}.future-utility-grid,.future-utility-principles{grid-template-columns:minmax(0,1fr)}.future-utility-note{font-size:14px}}
@media(prefers-reduced-motion:reduce){.future-utility-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Legacy host shell retained for the native Resident Vault mount. */
.mubu-resident-vault-native-app{display:grid;gap:10px;min-width:0}
.mubu-resident-vault-native-app .utility-live-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 2px 10px;color:#eaf2d9;border-bottom:1px solid rgba(205,233,155,.22)}
.mubu-resident-vault-native-app .utility-live-intro .future-utility-eyebrow{display:block;margin:0 0 3px;color:#a8c8a9;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.mubu-resident-vault-native-app .utility-live-intro .title{margin:0;color:#f7f4e8;font-size:clamp(24px,3vw,34px);line-height:1.05;letter-spacing:-.04em}
.mubu-resident-vault-native-app .utility-live-intro p{display:none}
.mubu-resident-vault-native-app .utility-live-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border:1px solid rgba(205,233,155,.38);border-radius:999px;background:rgba(205,233,155,.12);color:#e8f6ca;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.mubu-resident-vault-native-app .utility-live-intro:after{content:'Rewards Preparing';display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border:1px solid rgba(244,212,119,.35);border-radius:999px;background:rgba(244,212,119,.08);color:#f4d477;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.mubu-resident-vault-native-app .utility-live-shell{min-height:720px;background:#07131b}
@media(max-width:760px){[data-route="future-utility"]{width:100vw;max-width:100vw}[data-route="future-utility"] .view-inner{box-sizing:border-box;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}.mubu-resident-vault-native-app{width:100%;max-width:100%}.mubu-resident-vault-native-app .utility-live-intro{display:grid;gap:8px;padding:10px 1px}.mubu-resident-vault-native-app .utility-live-intro:after{justify-self:start}.mubu-resident-vault-native-app .utility-live-badge{justify-self:start}.mubu-resident-vault-native-app .utility-live-shell{width:100%;min-height:620px}}