*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-primary:"Nunito", sans-serif;--dualtone-dark:#2d5a42;--dualtone-mid:#84a98c;--dualtone-light:#f4f1ea;--dualtone-warm:#ded8c4;--color-bg:#f4f1ea;--color-surface:#fff;--color-text:#2d5a42;--color-text-secondary:#84a98c;--color-accent:#2d5a42;--color-accent-light:#84a98c;--color-border:#ded8c4;--slide-width:400px;--slide-height:500px;--slide-ratio:4 / 5;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px #2d5a4214;--shadow-md:0 4px 16px #2d5a421a;--shadow-lg:0 12px 40px #2d5a421f;--shadow-xl:0 20px 60px #2d5a4226;--transition:.3s cubic-bezier(.4, 0, .2, 1)}html,body{font-family:var(--font-primary);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body,#root{min-height:100vh}button{cursor:pointer;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}.phone-placeholder{z-index:3;pointer-events:none;opacity:.85;position:absolute;bottom:5%;right:5%}.phone-placeholder-large{opacity:1;z-index:auto;position:static}.phone-frame{background:#f8f6f0;border:2.5px solid;border-radius:16px;width:80px;height:160px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.phone-frame-large{background:#f8f6f0;border:3px solid #fff6;border-radius:22px;width:120px;height:240px;box-shadow:0 8px 32px #00000040}.phone-notch{z-index:2;background:#2d5a42;border-radius:0 0 7px 7px;width:30px;height:7px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{flex-direction:column;width:100%;height:100%;padding:12px 6px 5px;display:flex}.phone-screen-large{padding:18px 9px 6px}.phone-status-bar{justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 2px;display:flex}.phone-time{color:#2d5a42;font-size:6px;font-weight:800}.phone-icons-group{align-items:center;gap:1.5px;display:flex}.phone-icons-group svg{width:8px;height:6px}.phone-header{justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 2px;display:flex}.phone-title{color:#2d5a42;letter-spacing:.2px;font-size:7px;font-weight:900}.phone-badge{color:#f4f1ea;letter-spacing:.3px;background:#2d5a42;border-radius:3px;padding:1px 5px;font-size:5px;font-weight:800}.phone-balance-card{color:#f4f1ea;background:#2d5a42;border-radius:7px;margin-bottom:6px;padding:6px 7px}.phone-balance-label{opacity:.7;letter-spacing:.5px;text-transform:uppercase;margin-bottom:1px;font-size:5px;font-weight:600}.phone-balance-amount{margin-bottom:2px;font-size:12px;font-weight:900;line-height:1}.phone-balance-change{color:#84a98c;font-size:5px;font-weight:700}.phone-chart{align-items:flex-end;gap:3px;height:28px;margin-bottom:5px;padding:0 2px;display:flex}.phone-bar{border-radius:2px 2px 0 0;flex:1}.phone-bar-dark{opacity:.85;background:#2d5a42}.phone-bar-mid{opacity:.7;background:#84a98c}.phone-bar-light{opacity:.9;background:#ded8c4}.phone-metrics{flex:1;gap:3px;padding:0 2px;display:flex}.phone-metric{background:#2d5a420f;border-radius:5px;flex-direction:column;flex:1;justify-content:center;padding:4px 3px;display:flex}.phone-metric-label{color:#84a98c;text-transform:uppercase;letter-spacing:.3px;margin-bottom:1px;font-size:4.5px;font-weight:600}.phone-metric-value{color:#2d5a42;font-size:8px;font-weight:900;line-height:1}.phone-metric-sub{color:#84a98c;margin-top:1px;font-size:4px;font-weight:600}.phone-screen-image{width:100%;height:100%;padding:12px 0 0;position:relative}.phone-screen-image-large{width:100%;height:100%;position:relative}.phone-screenshot{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.phone-badge-overlay{color:#f4f1ea;letter-spacing:.5px;z-index:1;background:#2d5a42;border-radius:3px;padding:2px 5px;font-size:5px;font-weight:800;position:absolute;top:14px;right:6px}.phone-home-indicator{opacity:.2;background:#2d5a42;border-radius:3px;width:28px;height:3px;margin:5px auto 0}.slide{width:var(--slide-width);height:var(--slide-height);-webkit-user-select:none;user-select:none;border-radius:0;flex-shrink:0;font-family:Nunito,sans-serif;position:relative;overflow:hidden;box-shadow:0 12px 40px #0000001f}.slide-inner{z-index:1;flex-direction:column;padding:24px 20px;display:flex;position:absolute;inset:0}.slide-split{z-index:1;align-items:flex-start;padding:24px 20px;display:flex;position:absolute;inset:0}.slide-split-content{z-index:2;flex-direction:column;flex:1;min-width:0;padding-left:12px;display:flex}.slide-split-phone{z-index:1;flex:0 0 100px;justify-content:flex-start;align-items:flex-start;padding-top:0;display:flex;transform:translate(20px)}.slide-split-footer{z-index:3;flex-direction:column;padding:0 20px 16px;display:flex;position:absolute;bottom:0;left:10px;right:0}.app{background:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.app-header{justify-content:space-between;align-items:center;width:100%;max-width:900px;margin-bottom:20px;display:flex}.app-logo{align-items:center;gap:10px;display:flex}.logo-icon{background:var(--color-accent);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.logo-text{color:var(--color-text);letter-spacing:-.5px;font-size:18px;font-weight:800}.app-actions{gap:8px;display:flex}.btn{border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;display:flex}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:#1a3d2e;transform:translateY(-1px);box-shadow:0 4px 12px #2d5a4266}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.app-info{gap:8px;margin-bottom:28px;display:flex}.info-badge{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);letter-spacing:.3px;border-radius:50px;padding:5px 12px;font-size:11px;font-weight:700}.carousel-container{cursor:grab;touch-action:pan-y;width:100%;max-width:900px;padding:20px 0;overflow:hidden}.carousel-container:active{cursor:grabbing}.carousel-track{padding:0 calc((100% - var(--slide-width)) / 2);justify-content:flex-start;align-items:center;display:flex}.carousel-nav{align-items:center;gap:16px;margin-top:24px;display:flex}.nav-btn{background:var(--color-surface);border:1.5px solid var(--color-border);width:44px;height:44px;color:var(--color-text);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow-sm);transform:scale(1.05)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.dots{align-items:center;gap:6px;display:flex}.dot{background:var(--color-border);width:8px;height:8px;transition:var(--transition);border-radius:50%;padding:0}.dot-active{background:var(--color-accent);border-radius:4px;width:24px}.dot:hover:not(.dot-active){background:var(--color-accent-light)}.slide-counter{color:var(--color-text-secondary);margin-top:16px;font-size:13px;font-weight:700}.counter-current{color:var(--color-text);font-size:18px}.counter-sep{opacity:.3;margin:0 4px}.counter-total{opacity:.4}.cta-chip{background:var(--dualtone-dark);color:var(--dualtone-light);letter-spacing:.2px;transition:var(--transition);border-radius:50px;margin-top:20px;padding:12px 28px;font-size:14px;font-weight:700;display:inline-block}.cta-chip:hover{background:#1a3d2e;transform:translateY(-1px);box-shadow:0 4px 16px #2d5a424d}@media (width<=480px){:root{--slide-width:320px;--slide-height:400px}.app-header{flex-direction:column;gap:12px}.app-actions{width:100%}.btn{flex:1;justify-content:center;padding:10px 12px;font-size:12px}.carousel-track{padding:0 calc((100% - var(--slide-width)) / 2)}}