:root{--ink:#0e1724;--cream:#f5f1e9;--paper:#fffdf8;--lime:#d8f36b;--coral:#ff725e;--line:#d8d9d3;--shadow:0 18px 55px rgba(14,23,36,.13)}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:16px}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}.app-shell{min-height:100vh;background:var(--cream);max-width:720px;margin:auto;box-shadow:0 0 80px rgba(0,0,0,.18);padding-bottom:92px}.demo-bar{height:34px;background:var(--lime);display:flex;align-items:center;justify-content:center;gap:8px;font:600 11px/1 'Space Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase}.demo-dot{width:7px;height:7px;border-radius:50%;background:var(--ink)}.demo-bar button{margin-left:12px;text-decoration:underline;font-size:11px}.topbar{height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper)}.wordmark{color:inherit;text-decoration:none;font:700 16px/1 'Space Grotesk',sans-serif;letter-spacing:.08em}.wordmark span{color:var(--lime);padding:0 2px}.top-actions{display:flex;gap:10px;align-items:center}.icon-btn{font-size:24px;color:#aeb6c0}.avatar{width:32px;height:32px;border-radius:50%;background:var(--coral);font-weight:700}.screen{display:none;padding:34px 24px 20px}.screen.active{display:block}.eyebrow,.section-head,.balance-top,.crew-card-top{font:600 11px/1 'Space Grotesk',sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#6e7987}.hero-row,.page-title-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.hero-row{margin:16px 0 28px}.hero-mark{font:700 68px/1 'Space Grotesk',sans-serif;color:var(--coral);transform:translateY(-5px)}h1,h2{font:700 clamp(42px,12vw,72px)/.93 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:0}h2{font-size:52px;margin-top:16px}h1 em,h2 em{font-style:normal;color:var(--coral)}.lede{color:#606b79;max-width:30ch;line-height:1.45;margin:16px 0 0}.balance-card{background:var(--ink);color:var(--paper);border-radius:20px;padding:22px 20px 18px;box-shadow:var(--shadow);margin-bottom:34px}.balance-top{color:#9ea7b1;display:flex;justify-content:space-between}.live-pill{color:var(--lime);font-size:10px}.live-pill i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:5px}.balance-card strong{display:block;font:700 64px/.95 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin-top:20px}.balance-caption{color:#a8b1bb;font:500 13px/1 'Space Grotesk',sans-serif;margin:8px 0 28px}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #304052;padding-top:16px}.balance-grid b{display:block;font:600 21px/1 'Space Grotesk',sans-serif}.balance-grid span{display:block;color:#99a3ae;font-size:11px;line-height:1.2;margin-top:7px}.section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px;margin:26px 0 0}.section-head button{font-size:12px;color:#4e5b6c;text-transform:none;letter-spacing:0}.challenge-list{margin-bottom:24px}.challenge{display:grid;grid-template-columns:1fr auto;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.challenge h3{font:600 18px/1.2 'Space Grotesk',sans-serif;margin:0 0 7px}.challenge p{margin:0;color:#687484;font-size:13px}.challenge .score{text-align:right;font:600 17px/1 'Space Grotesk',sans-serif}.challenge .score small{display:block;color:#8a94a0;font:500 11px/1.2 'DM Sans',sans-serif;margin-top:6px}.accent{color:var(--coral)!important}.primary-action,.secondary-action{width:100%;padding:18px 20px;border-radius:12px;text-align:left;font:700 15px/1 'Space Grotesk',sans-serif;margin-top:8px}.primary-action{background:var(--coral);color:var(--ink)}.primary-action span{float:right;font-size:20px}.secondary-action{border:1px solid var(--ink);text-align:center;margin-top:10px}.round-plus{width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--lime);font-size:25px}.filter-row{display:flex;gap:8px;margin:28px 0 4px}.filter{padding:9px 14px;border-radius:20px;background:#e4e1d8;color:#687484;font-size:13px}.filter.active{background:var(--ink);color:var(--paper)}.crew-card{background:var(--ink);color:var(--paper);border-radius:18px;padding:20px;margin:30px 0}.crew-card-top{color:#c8d0d7;display:flex;justify-content:space-between}.crew-bar{height:10px;border-radius:10px;background:#304052;margin:30px 0 12px;overflow:hidden}.crew-bar span{display:block;height:100%;background:var(--lime);border-radius:inherit}.crew-foot{display:flex;justify-content:space-between;font-size:13px}.crew-foot span{color:#a9b2bd}.member{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.member-info{display:flex;align-items:center;gap:12px}.member-face{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e0ddd3;font:700 13px 'Space Grotesk'}.member-name{font:600 16px 'Space Grotesk'}.member-sub{font-size:12px;color:#788391;margin-top:3px}.member-score{font:600 16px 'Space Grotesk'}.money-summary{background:var(--coral);padding:22px;border-radius:18px;margin:30px 0}.money-summary span{font:600 11px 'Space Grotesk';letter-spacing:.12em}.money-summary strong{display:block;font:700 62px/.95 'Space Grotesk';letter-spacing:-.07em;margin:16px 0 12px}.money-summary small{font-size:13px}.movement{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.movement-title{font:600 16px 'Space Grotesk'}.movement-sub{font-size:12px;color:#778290;margin-top:5px}.movement-amount{font:600 16px 'Space Grotesk'}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(720px,100%);height:80px;background:var(--paper);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 12px env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#8b95a0;font:600 12px 'Space Grotesk';text-transform:uppercase;letter-spacing:.05em}.nav-item span{font-size:10px}.nav-item.active{color:var(--ink)}.nav-item.active span{color:var(--coral)}@media(min-width:700px){.screen{padding-left:56px;padding-right:56px}.topbar{padding-left:56px;padding-right:56px}.demo-bar{justify-content:flex-start;padding-left:56px}}