*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f2f2f7;--bg2: #e5e5ea;--bg3: #d1d1d6;--surface: #ffffff;--accent: #9a6a1f;--accent2: #b8873a;--accent-deep: #7a5214;--accent-bg: rgba(154,106,31,.12);--accent-glow: rgba(154,106,31,.24);--accent-ink: color-mix(in srgb, var(--accent) 85%, black);--focus: var(--accent-ink);--text: #1c1c1e;--text2: rgba(60,60,67,.85);--text3: rgba(60,60,67,.75);--border: rgba(60,60,67,.18);--border2: rgba(60,60,67,.1);--red: #d70015;--red-bg: rgba(255,59,48,.1);--green: #1e7d37;--green-bg: rgba(52,199,89,.1);--amber: #c2410c;--amber-bg: rgba(194,65,12,.1);--red-bright: #ff453a;--green-bright: #34c759;--amber-bright: #ff9f0a;--blue: #0062cc;--indigo: #4f46e5;--purple: #7c3aed;--fill: rgba(120,120,128,.12);--segment: var(--surface);--bar-bg: rgba(242,242,247,.88);--tooltip-bg: #1c1c1e;--toast-bg: rgba(28,28,30,.92);--chart-grid: rgba(60,60,67,.07);--hero-from: #1c1c1e;--hero-to: #252528;--shadow: 0 .5px 0 rgba(0,0,0,.1), 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 2px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1);--shadow-accent: 0 4px 20px rgba(154,106,31,.28);--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "SF Mono", Menlo, Monaco, "Courier New", monospace;--nav-h: 80px;--r: 14px;--r-sm: 10px;--r-xs: 8px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0f0f11;--bg2: #2c2c2e;--bg3: #3a3a3c;--surface: #1c1c1e;--accent-bg: rgba(154,106,31,.22);--accent-glow: rgba(154,106,31,.22);--accent-ink: color-mix(in srgb, var(--accent) 65%, white);--text: #f2f2f7;--text2: rgba(235,235,245,.78);--text3: rgba(235,235,245,.62);--border: rgba(255,255,255,.16);--border2: rgba(255,255,255,.09);--red: #ff6961;--red-bg: rgba(255,105,97,.14);--green: #30d158;--green-bg: rgba(48,209,88,.14);--amber: #ff9f0a;--amber-bg: rgba(255,159,10,.14);--blue: #409cff;--indigo: #8e8cf8;--purple: #bf8cff;--fill: rgba(118,118,128,.24);--segment: #48484c;--bar-bg: rgba(22,22,24,.86);--tooltip-bg: #3a3a3c;--toast-bg: rgba(58,58,60,.95);--chart-grid: rgba(235,235,245,.08);--hero-from: #2a2a2d;--hero-to: #333337;--shadow: 0 0 0 .5px rgba(255,255,255,.06);--shadow-md: 0 0 0 .5px rgba(255,255,255,.06), 0 2px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-accent: 0 4px 20px rgba(0,0,0,.4)}}html,body{height:100%;background:var(--bg2);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-variant-numeric:tabular-nums}#root{height:100%;display:flex;flex-direction:column;max-width:430px;margin:0 auto;background:var(--bg);min-height:100vh}@media (min-width: 500px) and (max-width: 767px){body{background:var(--bg3);display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding:24px 0}#root{margin:0;height:calc(100vh - 48px);min-height:600px;border-radius:44px;box-shadow:0 32px 80px #00000038,0 0 0 1px #00000014,inset 0 0 0 1px #ffffff26;overflow:hidden}}@media (min-width: 768px){body{background:var(--bg);padding:0;display:block;min-height:100vh}#root{max-width:100%;width:100%;height:100vh;border-radius:0;box-shadow:none;margin:0;overflow:hidden}:root{--nav-h: 0px}}::-webkit-scrollbar{width:0}*{-webkit-tap-highlight-color:transparent}input,select,button{font-family:var(--font)}@media (pointer: coarse){input,select,textarea{font-size:16px!important}}input[type=date]::-webkit-calendar-picker-indicator{filter:opacity(.35);cursor:pointer}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:99px;background:var(--bg2);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--surface);border:2px solid currentColor;box-shadow:0 1px 4px #0000002e;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--surface);border:2px solid currentColor;box-shadow:0 1px 4px #0000002e;cursor:pointer}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:99px}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shimmerSweep{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmerPulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.4);opacity:1}}@keyframes bonScanLijn{0%{transform:translateY(-100%);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translateY(250%);opacity:0}}@keyframes coinTravel{0%{transform:translate(0);opacity:0}12%,82%{opacity:1}to{transform:translate(64px);opacity:0}}@keyframes chipFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(-2deg)}}.coin-travel{animation:coinTravel 2.6s cubic-bezier(.45,0,.55,1) .8s infinite}.chip-float{animation:chipFloat 5.5s ease-in-out infinite}.landing-cta{transition:transform .15s ease,box-shadow .15s ease,opacity .15s}.landing-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #9a6a1f61}.landing-cta:active:not(:disabled){transform:translateY(0)}.landing-ghost{transition:transform .15s ease,box-shadow .15s ease}.landing-ghost:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (prefers-reduced-motion: reduce){.coin-travel{animation:none;opacity:1;transform:translate(32px)}.chip-float{animation:none}}[data-seen] :is(.stagger-1,.stagger-2,.stagger-3,.stagger-4,.stagger-5,[data-entrance]){animation:none!important}.stagger-1{animation:fadeUp .36s cubic-bezier(.25,.46,.45,.94) .04s both}.stagger-2{animation:fadeUp .36s cubic-bezier(.25,.46,.45,.94) .08s both}.stagger-3{animation:fadeUp .36s cubic-bezier(.25,.46,.45,.94) .12s both}.stagger-4{animation:fadeUp .36s cubic-bezier(.25,.46,.45,.94) .16s both}.stagger-5{animation:fadeUp .36s cubic-bezier(.25,.46,.45,.94) .2s both}.amount{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (pointer: coarse){button,[role=button],[role=checkbox]{position:relative}button:after,[role=button]:after,[role=checkbox]:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}}.card-hover{transition:transform .2s cubic-bezier(.25,.46,.45,.94),opacity .2s ease-out}.card-hover:active{transform:scale(.98);opacity:.85;transition-duration:80ms}.nav-btn{transition:transform .2s ease-out}.nav-btn:active{transform:scale(.94);transition-duration:80ms}.nav-indicator{transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .15s ease-out}@media (prefers-reduced-motion: reduce){@keyframes slideUp{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0}to{opacity:1}}[style*=animation]{animation-duration:.15s!important;animation-delay:0ms!important}.stagger-1,.stagger-2,.stagger-3,.stagger-4,.stagger-5{animation-duration:.15s;animation-delay:0ms}[style*=infinite]{animation:none!important}.card-hover:active,.nav-btn:active{transform:none}.card-hover,.nav-btn,.nav-indicator{transition:opacity .15s ease-out}input[type=range]::-webkit-slider-thumb{transition:none}input[type=range]:active::-webkit-slider-thumb{transform:none}}
