:root{--bg: #2a2622;--surface: #3a352f;--surface-2: #4a443c;--ink: #f6f1ea;--muted: #c9c0b4;--subtle: #a89f93;--primary: #6f675d;--primary-dark: #8a8278;--on-primary: #1c1916;--accent: #d4c6b6;--accent-soft: #4a3c38;--border: color-mix(in oklab, #f6f1ea 16%, transparent);--border-strong: color-mix(in oklab, #f6f1ea 26%, transparent);--success: #9cbaa6;--danger: #e0a09a;--info: #a9b8c4;--sans: "Outfit", ui-sans-serif, system-ui, sans-serif;--display: "Cormorant Garamond", "Times New Roman", ui-serif, Georgia, serif;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--motion-quick: .15s;--motion-fast: .25s;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{color-scheme:dark}html,body,#root{min-height:100%;min-height:100dvh;width:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);margin:0;font-weight:500;letter-spacing:-.025em;line-height:1.15;text-wrap:balance;color:var(--ink)}p{text-wrap:pretty;margin:0}button,[role=button]{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.45}input,select{font-family:inherit;font-size:16px;color-scheme:dark}.frame{width:100%;max-width:100%;margin:0;min-height:100dvh;min-height:100svh;background:var(--surface);display:flex;flex-direction:column;position:relative}.frame:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--primary);z-index:6}@media(min-width:768px){body{padding:28px 0;background:radial-gradient(900px 420px at 50% -8%,#4a443c 0%,transparent 62%),var(--bg)}.frame{max-width:430px;margin:0 auto;min-height:calc(100dvh - 56px);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 30px 90px #0000008c;border:1px solid var(--border)}}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:14px 20px 12px;background:color-mix(in oklab,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;min-width:0}.logo{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-family:var(--display);font-weight:600;font-size:18px;flex-shrink:0}.brand h1{font-size:18px;line-height:1.1;font-weight:600;color:var(--ink)}.brand p{margin:2px 0 0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--primary);font-family:var(--sans);font-weight:500}.header-links{display:flex;align-items:center;gap:14px}.content{flex:1;padding:20px 20px 96px}.content.login{padding-top:0}.hero-shot{margin:0 -20px 22px;height:180px;overflow:hidden;position:relative}.hero-shot img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block;filter:saturate(.88) brightness(.96)}.hero-shot:after{content:"";position:absolute;inset:auto 0 0;height:72px;background:linear-gradient(to top,var(--surface),transparent)}.kicker{display:block;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);margin-bottom:8px}.hero-title{font-size:clamp(2.15rem,8vw,2.7rem);line-height:1.02;color:var(--ink);margin:0 0 12px}.lede{color:var(--muted);font-size:15px;max-width:36ch;line-height:1.55}.nav{position:sticky;bottom:0;display:flex;justify-content:space-around;padding:8px 8px calc(10px + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border)}.nav button{border:0;background:none;min-width:64px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);transition:color var(--motion-quick) var(--ease-out)}.nav button.active{color:var(--ink)}.nav button svg{width:18px;height:18px;stroke-width:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;width:100%;padding:0 18px;border:0;border-radius:var(--radius-md);font-weight:500;font-size:15px;letter-spacing:.01em;transition:transform var(--motion-quick) var(--ease-out),background var(--motion-quick) var(--ease-out)}.btn:active{transform:scale(.985)}.btn-primary{background:#ede6dc;color:#2a2622}.btn-primary:hover{background:#f6f1ea}.btn-accent{background:var(--primary);color:#f3eee6}.btn-outline{background:transparent;border:1px solid var(--border-strong);color:var(--ink)}.btn-ghost{background:var(--surface-2);color:var(--ink);border:1px solid var(--border)}.btn-sm{min-height:36px;width:auto;padding:0 14px;font-size:12px;border-radius:var(--radius-sm);letter-spacing:.06em;text-transform:uppercase}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.card.press{text-align:left;width:100%;cursor:pointer;color:inherit}.card.press:active{transform:scale(.99)}.wallet{background:#322e29;color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:22px 20px 18px;margin-bottom:16px;position:relative;overflow:hidden}.wallet:after{content:"";position:absolute;right:-30px;top:-40px;width:140px;height:140px;border:1px solid rgb(243 238 230 / .1);border-radius:50%}.wallet .kicker{color:var(--primary)}.wallet .amt{font-family:var(--display);font-size:40px;font-weight:500;letter-spacing:-.03em;margin:2px 0 16px;color:var(--ink)}.wallet .split{display:flex;gap:28px;font-size:12px;color:var(--muted)}.wallet .split strong{display:block;font-size:16px;color:var(--ink);font-weight:500;margin-top:2px}.reminder{background:var(--accent-soft);border:1px solid color-mix(in oklab,#c4b4a6 22%,transparent);border-radius:var(--radius-lg);padding:16px;margin-bottom:14px}.reminder h3{color:#e6d8cc;font-size:22px}.reminder p{margin:6px 0 12px;color:var(--muted);font-size:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 14px 12px}.metric .lab{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-weight:500}.metric .val{font-family:var(--display);font-size:26px;font-weight:500;letter-spacing:-.03em;margin:4px 0 2px;color:var(--ink)}.metric .sub{font-size:12px;color:var(--muted)}.pick{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-md);padding:12px;text-align:left;color:inherit;transition:border-color var(--motion-quick) var(--ease-out),background var(--motion-quick) var(--ease-out)}.pick.on{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 16%,var(--surface-2))}.pick .n{font-weight:500;font-size:14px}.pick .m{font-size:12px;color:var(--muted);margin-top:3px}.field{display:block;margin-bottom:14px}.field span{display:block;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;color:var(--primary)}.field input,.field select{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#322e29;color:var(--ink)}.field input::placeholder{color:var(--subtle)}.field input:focus,.field select:focus{outline:none;border-color:var(--primary)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:0}.muted{color:var(--muted);font-size:13px}.chip{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.ok{background:#1c2a21;color:#b7d0c0}.info{background:#1b2228;color:#b7c6d1}.warn{background:#2a2418;color:#d4c19a}.bad{background:#2a1a19;color:#e0b0ab}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);background:#ede6dc;color:#11100e;padding:10px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;z-index:50;max-width:90%}.empty{text-align:center;padding:28px 12px;color:var(--muted);font-size:14px}.steps{display:flex;gap:6px;margin-bottom:16px}.dot{flex:1;height:2px;border-radius:1px;background:var(--border-strong)}.dot.on{background:#ede6dc}.link{background:none;border:0;color:var(--ink);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--primary)}.tiny{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tiny button{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--ink);border-radius:var(--radius-sm);padding:7px 10px;font-size:12px;font-weight:500}.tabular{font-variant-numeric:tabular-nums}.demo-btn{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:8px;text-align:left}.demo-btn .who{font-weight:500}.demo-btn .ph{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.section-title{font-size:26px;margin:4px 0 6px;color:var(--ink)}.wa-thread{margin:16px 0 12px;display:flex;flex-direction:column;gap:8px}.wa-bubble{max-width:88%;padding:10px 12px;border-radius:14px;white-space:pre-wrap;font-size:14px;line-height:1.45}.wa-bubble p{margin:0}.wa-bubble span{display:block;margin-top:6px;font-size:10px;letter-spacing:.04em;color:var(--subtle)}.wa-bubble.in{align-self:flex-start;background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:4px}.wa-bubble.out{align-self:flex-end;background:#1e3a2f;border:1px solid color-mix(in oklab,#25d366 28%,transparent);color:#e8f6ee;border-bottom-right-radius:4px}.wa-compose{display:flex;gap:8px;align-items:center;position:sticky;bottom:8px}.wa-compose input{flex:1;min-height:48px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:#322e29;color:var(--ink)}.wa-compose .btn{width:auto;min-height:48px}.wa-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px}.wa-filters .chip{border:0;cursor:pointer;background:var(--surface-2);color:var(--muted)}.wa-filters .chip.info{background:#1b2228;color:#b7c6d1}.wa-body{white-space:pre-wrap;font-size:14px;line-height:1.45;margin:4px 0 8px}.wa-card{padding-top:14px}@media(prefers-reduced-motion:reduce){.btn,.pick,.nav button{transition:none}}