@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";:root{--lagoon-900: #0C2B2A;--lagoon-700: #14403D;--lagoon-500: #1F5C56;--lagoon-300: #6FA49B;--seaglass-200: #CFE4DA;--seaglass-100: #E6F0EA;--foam-50: #F7F5EE;--white: #FFFFFF;--tide-700: #2B5D7E;--tide-500: #3E7CA6;--tide-300: #9CC2D8;--biscuit-700: #A87430;--biscuit-500: #C99348;--biscuit-300: #E3C289;--biscuit-200: #F0E2C6;--coral-500: #DF7757;--coral-200: #F6DBD1;--ink-900: #172120;--ink-700: #2E3B38;--stone-600: #5C6B67;--stone-400: #93A19C;--stone-200: #D9DFDB;--stone-100: #EBEEEA;--green-success: #2E7D5B;--amber-warning: #B97F24;--red-error: #B54334;--blue-info: var(--tide-500);--surface-page: var(--foam-50);--surface-card: var(--white);--surface-tint: var(--seaglass-100);--surface-inverse: var(--lagoon-900);--text-heading: var(--lagoon-900);--text-body: var(--ink-700);--text-muted: var(--stone-600);--text-inverse: var(--foam-50);--text-on-accent: var(--foam-50);--accent-primary: var(--lagoon-700);--accent-primary-hover: var(--lagoon-500);--accent-gold: var(--biscuit-500);--accent-pop: var(--coral-500);--border-subtle: #E4E1D6;--border-strong: var(--stone-200);--focus-ring: var(--tide-500)}:root{--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.375rem;--text-4xl: 3.25rem;--text-5xl: 4.5rem;--leading-display: 1.05;--leading-tight: 1.2;--leading-body: 1.55;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-label: .14em;--tracking-body: 0}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--gap-inline: var(--space-2);--gap-stack: var(--space-4);--pad-card: var(--space-6);--pad-section: var(--space-16);--width-content: 1120px}:root{--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(12, 43, 42, .05), 0 8px 24px rgba(12, 43, 42, .07);--shadow-float: 0 4px 12px rgba(12, 43, 42, .1), 0 20px 48px rgba(12, 43, 42, .14);--shadow-inset: inset 0 1px 2px rgba(12, 43, 42, .06);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .45s;--hover-lift: translateY(-2px);--press-scale: scale(.98);--focus-shadow: 0 0 0 3px rgba(62, 124, 166, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--text-body);background:#dde6e0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}::selection{background:var(--seaglass-200)}.z-stage{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}@media (max-width: 480px){.z-stage{padding:0;align-items:stretch}}.z-phone{position:relative;width:402px;height:874px;background:var(--surface-page);border-radius:54px;box-shadow:var(--shadow-float);border:10px solid #0C1F1E;overflow:hidden;display:flex;flex-direction:column}.z-phone__notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:128px;height:30px;background:#0c1f1e;border-radius:999px;z-index:50}.z-phone__scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.z-phone__scroll::-webkit-scrollbar{width:0;height:0}@media (max-width: 480px){.z-phone{width:100vw;height:100dvh;border-radius:0;border:0;box-shadow:none}.z-phone__notch{display:none}}.z-eyebrow{font-size:12px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.z-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.z-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-inline);font-family:var(--font-body);font-weight:var(--weight-semibold);line-height:1;border-radius:var(--radius-pill);border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.z-btn:active{transform:var(--press-scale)}.z-btn:disabled{opacity:.45;cursor:not-allowed}.z-btn:focus-visible{outline:none;box-shadow:var(--focus-shadow)}.z-btn--sm{padding:8px 18px;font-size:14px}.z-btn--md{padding:12px 24px;font-size:16px}.z-btn--lg{padding:16px 30px;font-size:17px}.z-btn--primary{background:var(--accent-primary);color:var(--text-on-accent)}.z-btn--primary:hover:not(:disabled){background:var(--accent-primary-hover);transform:var(--hover-lift);box-shadow:var(--shadow-float)}.z-btn--gold{background:var(--accent-gold);color:var(--lagoon-900)}.z-btn--gold:hover:not(:disabled){background:var(--biscuit-700);color:var(--foam-50);transform:var(--hover-lift);box-shadow:var(--shadow-float)}.z-btn--secondary{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary)}.z-btn--secondary:hover:not(:disabled){background:var(--surface-tint)}.z-btn--ghost{background:transparent;color:var(--accent-primary)}.z-btn--ghost:hover:not(:disabled){background:var(--surface-tint)}.z-tabbar{display:flex;justify-content:space-around;align-items:center;padding:10px 8px 26px;background:var(--surface-card);border-top:1px solid var(--border-subtle)}.z-tab{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;cursor:pointer;font-size:10.5px;color:var(--stone-400);font-weight:var(--weight-medium);position:relative;padding:2px 6px}.z-tab[data-active=true]{color:var(--lagoon-700);font-weight:var(--weight-semibold)}.z-tab__badge{position:absolute;top:-4px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--coral-500);color:var(--foam-50);font-size:9px;font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center}.z-row-btwn{display:flex;align-items:center;justify-content:space-between}.z-divider{height:1px;background:var(--border-subtle)}
