:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#f5f5f7}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}*{box-sizing:border-box}body{color:#f5f5f5;background:radial-gradient(circle at top,#9747ff2e,#0000 32%),linear-gradient(160deg,#09090b 0%,#111116 35%,#090909 100%);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{width:100%;max-width:430px;min-height:100vh;margin:0 auto;padding:18px 18px 28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.topbar h1{letter-spacing:-.8px;margin:0;font-size:28px}.empty-dashboard{text-align:center;padding:52px 16px 30px}.empty-dashboard h1{color:#28f0b5;letter-spacing:0;margin:0;font-family:Sora,sans-serif;font-size:42px;line-height:1.04}.empty-dashboard-message{color:#f0f0f2;margin:14px 0 0;font-size:16px;font-weight:700}.empty-dashboard-copy{color:#a6a6aa;max-width:310px;margin:10px auto 26px;font-size:14px;line-height:1.55}.empty-dashboard-cta{color:#081310;background:#28f0b5;border:0;border-radius:12px;width:100%;padding:13px 18px;font-size:14px;font-weight:800;box-shadow:0 12px 24px #28f0b52e}.brand-logo{object-fit:contain;object-position:left center;width:auto;max-width:150px;height:30px;display:block}.brand-tagline{color:#28f0b5;letter-spacing:.12em;margin:5px 0 0;font-size:9px;font-weight:800}.profile-button{color:#fff;background:#171717;border:1px solid #2b2b2b;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;font-weight:700;display:grid;overflow:hidden}.profile-avatar{object-fit:cover;width:100%;height:100%}.profile-menu-wrap{position:relative}.profile-menu{z-index:10;background:#1a1a1d;border:1px solid #ffffff1a;border-radius:8px;min-width:112px;padding:4px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 12px 26px #0000004d}.profile-menu button{color:#d8d8da;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;width:100%;padding:8px;font-size:12px;font-weight:700;display:flex}.profile-menu button:hover{background:#ffffff12}.profile-menu i{color:#a0a0a4;font-size:11px}.summary{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid #ffffff1a;border-radius:22px;margin-bottom:12px;padding:18px;box-shadow:inset 0 1px #ffffff14,0 14px 30px #0000002e}.summary-label{color:#d7d7da;text-align:center;margin:0;font-size:14px;font-weight:700}.summary-value{color:#28f0b5;letter-spacing:-1.5px;text-align:center;font-size:48px;font-weight:900;line-height:1}.summary-benefit-breakdown{flex-direction:column;gap:10px;margin-top:12px;display:flex}.summary-benefit-group{flex-direction:column;gap:4px;display:flex}.summary-benefit-row{color:#969696;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.summary-benefit-name{align-items:center;gap:6px;min-width:0;display:flex}.summary-benefit-card-color{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.summary-benefit-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.summary-benefit-expiry{color:#a8a8ad;text-transform:uppercase;flex:none;margin:0 0 1px;font-size:10px;font-weight:800}.summary-benefit-value{color:#d0d0d0;flex-shrink:0;font-weight:700}.summary-benefit-expander{color:#a783dc;background:0 0;border:0;align-self:flex-start;align-items:center;gap:5px;margin-top:6px;padding:2px 0;font-size:11px;font-weight:700;display:inline-flex}.summary-benefit-expander i{font-size:9px}.urgency-list{flex-direction:column;gap:12px;margin-top:12px;display:flex}.urgency-group{flex-direction:column;gap:6px;display:flex}.urgency-expiry-heading{color:#fca5a5;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.urgency-row{background:#ffffff09;border-left:2px solid #ffffff38;border-radius:0 25px 25px 0;justify-content:space-between;align-items:center;gap:12px;padding:7px 9px;display:flex}.urgency-row.urgency-medium{background:#f59e0b0d;border-left-color:#f59e0bcc}.urgency-row.urgency-high{background:#f8717112;border-left-color:#f87171e6}.urgency-value{color:#e0e0e0;background:#ffffff14;border-color:#ffffff2e}.urgency-row.urgency-medium .urgency-value{color:#fbbf24;background:#f59e0b21;border-color:#f59e0b73}.urgency-row.urgency-high .urgency-value{color:#fca5a5;background:#f8717124;border-color:#f8717180}.urgency-copy{min-width:0}.urgency-title-row{align-items:center;gap:7px;min-width:0;display:flex}.urgency-card-color{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.urgency-benefit-name{color:#f5f5f5;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:700;overflow:hidden}.urgency-detail{color:#9b9b9b;margin:2px 0 0;font-size:12px}.urgency-card-name:before{color:#5f5f5f;content:"·";margin:0 5px}.urgency-card-name-only:before{display:none}.detail-with-icon,.value-used,.benefit-period{align-items:center;display:inline-flex}.detail-with-icon{gap:4px}.detail-with-icon i,.benefit-period i{color:#777;font-size:10px}.urgency-action{flex-shrink:0;padding:7px 10px}.summary-rows{border-top:1px solid #ffffff14;flex-direction:column;gap:6px;margin-top:10px;padding-top:9px;display:flex}.summary-row{justify-content:space-between;align-items:center;display:flex}.summary-row-label{color:#8d8d8d;font-size:13px}.summary-row-value{color:#f5f5f5;font-size:13px;font-weight:700}.cards-header{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.cards-header h2{letter-spacing:-.3px;margin:0;font-size:18px}.card-list-actions{align-items:center;gap:8px;display:flex}.history-button{color:#a8a8a8;background:0 0;border:0;align-items:center;gap:6px;padding:8px 2px;font-size:12px;font-weight:700;display:inline-flex}.history-button i{color:#28f0b5;font-size:11px}.add-card-button{color:#f5f5f5;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.cards{flex-direction:column;gap:12px;display:flex}.card{background:linear-gradient(#18181bf2,#101012f2);border:1px solid #ffffff12;border-radius:22px;overflow:visible;box-shadow:0 18px 30px #00000038}.card-header{z-index:2;background:linear-gradient(#1a1a1d,#18181b);border-radius:21px 21px 0 0;align-items:center;gap:16px;padding:14px 18px 12px;display:flex;position:sticky;top:0;box-shadow:0 8px 12px #0000002e}.card-header-button{width:100%;color:inherit;text-align:left;background:linear-gradient(#1a1a1d,#18181b);border:0}.card-header-button:active{background:#ffffff06}.card-benefit-toggle{color:#bdbdc1;text-align:left;background:#ffffff06;border:0;border-top:1px solid #ffffff12;border-radius:0 0 21px 21px;justify-content:space-between;align-items:center;width:100%;padding:11px 18px;font-size:12px;font-weight:700;display:flex}.card-benefit-toggle:hover,.card-benefit-toggle:focus-visible{color:#28f0b5;background:#28f0b514}.card-benefit-toggle i{color:#28f0b5;font-size:11px}.card:has(.benefits) .card-benefit-toggle{border-radius:0}.card-art{object-fit:contain;flex-shrink:0;width:82px;height:52px}.card-header-copy{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;min-width:0;display:flex}.issuer{color:#707070;text-transform:uppercase;letter-spacing:.6px;margin:0 0 3px;font-size:11px}.card h2{letter-spacing:-.3px;margin:0;font-size:17px}.fee{white-space:nowrap;color:#666;font-size:11px}.card-value-summary{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.value-used{color:#969696;gap:5px;font-size:11px;font-weight:600}.value-used i{color:#28f0b5;font-size:10px}.card-detail-page{padding-top:18px}.back-button{color:#b8b8b8;background:0 0;border:0;align-items:center;gap:7px;padding:4px 0;font-size:13px;font-weight:700;display:inline-flex}.back-button i{color:#28f0b5}.detail-card-header{align-items:center;gap:14px;margin:13px 0;display:flex}.detail-card-header h1{letter-spacing:-.3px;margin:0;font-size:23px}.detail-fee{color:#888;margin:5px 0 0;font-size:12px}.history-summary{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;padding:12px 18px 18px}.history-summary-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-year-select{color:#bdbdbd;background:#1b1b1d;border:1px solid #ffffff1f;border-radius:6px;padding:4px 6px;font-size:11px;font-weight:700}.history-total-value{color:#f5f5f5;margin-top:4px;font-size:36px;font-weight:800;line-height:1}.history-value-progress{border-top:1px solid #ffffff14;margin-top:16px;padding-top:12px}.history-progress-labels{justify-content:space-between;gap:12px;display:flex}.history-progress-labels span,.history-benefit-metrics span{color:#888;font-size:11px}.history-progress-labels strong{color:#d6d6d6;font-weight:700}.history-progress-track,.history-benefit-progress{background:#2a2a2a;border-radius:999px;height:8px;margin-top:8px;display:flex;overflow:hidden}.history-progress-used{background:linear-gradient(90deg,#8b5cf6 0%,#c084fc 45%,#f5d0fe 100%);box-shadow:0 0 16px #a855f780}.history-progress-missed{background:#ffffff24}.history-available{background:#28f0b50f;border-left:2px solid #28f0b5;justify-content:space-between;align-items:center;margin-top:10px;padding:11px 14px;display:flex}.history-available span,.history-benefit-available{color:#9a9a9a;font-size:12px}.history-available strong,.history-benefit-available{color:#28f0b5;font-size:14px}.history-benefits{margin-top:22px}.history-benefits h2{margin:0 0 10px;font-size:17px}.history-benefit{border-bottom:1px solid #242424;padding:13px 0}.history-benefit-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-benefit-header h3{margin:0;font-size:14px}.history-benefit-name-stack{min-width:0}.history-benefit-title-row{align-items:center;gap:7px;min-width:0;display:flex}.history-benefit-header h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-benefit-metrics{gap:14px;margin-top:8px;display:flex}.history-benefit-metrics span{gap:4px;display:flex}.history-benefit-metrics strong{color:#d6d6d6;font-weight:700}.history-benefit-progress{height:8px;margin-top:7px}.history-benefit-available{color:#28f0b5;align-items:center;gap:5px;margin-top:4px;font-size:11px;font-weight:700;display:flex}.history-empty,.detail-loading{color:#888;font-size:14px}.history-page-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.history-page-header h1{letter-spacing:0;margin:0;font-size:21px;font-weight:750}.history-filters{gap:8px;margin-bottom:20px;display:flex}.history-filters select{color:#d0d0d0;background:#1b1b1d;border:1px solid #ffffff1a;border-radius:7px;flex:1;min-width:0;padding:8px 9px;font-size:12px;font-weight:700}.history-filters select:last-child{flex:0 0 82px}.history-time-group{background:linear-gradient(135deg,#ffffff09,#ffffff03);border:1px solid #ffffff0f;border-radius:8px;margin-bottom:18px;padding:9px 8px 7px}.history-time-group h2{color:#c4c4c4;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0 3px 8px;font-size:11px;font-weight:800;display:flex}.timeline-item{background:#08080a94;border:1px solid #ffffff0e;border-radius:6px;margin-top:6px;transition:border-color .2s,background .2s,transform .2s;position:relative;overflow:hidden}.timeline-item:before{content:"";background:#666;border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:0}:is(.timeline-item:has(.timeline-item-button:hover),.timeline-item:has(.timeline-item-button:focus-visible)){background:#ffffff0b;border-color:#ffffff1f}.timeline-item.used:before,.timeline-item.available:before{background:#28f0b5;box-shadow:0 0 9px #28f0b552}.timeline-item.missed:before{background:#e58462;box-shadow:0 0 9px #e584623d}.timeline-item.partial:before{background:#c084fc;box-shadow:0 0 9px #c084fc3d}.timeline-item-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 15px;display:flex}.timeline-item-button h3,.timeline-item-button p{margin:0}.timeline-item-button h3{color:#f2f2f2;font-size:14px;font-weight:700}.timeline-item-button>i{color:#57575b;margin-right:1px;font-size:9px;transition:color .2s,transform .2s}.timeline-item-button:hover>i,.timeline-item-button:focus-visible>i{color:#ababaf}.timeline-item-complete{background:linear-gradient(90deg,#28f0b517,#08080a94 58%);border-color:#28f0b52b}.timeline-complete-content .benefit-used-mark{flex:0 0 34px;width:34px;height:34px}.timeline-card-name{color:#707070;font-size:11px;margin-top:3px!important}.timeline-outcome{font-size:12px;font-weight:700;margin-top:4px!important}.timeline-item.used .timeline-outcome,.timeline-item.available .timeline-outcome{color:#28f0b5}.timeline-item.missed .timeline-outcome{color:#e49a7b}.timeline-item.partial .timeline-outcome{color:#c084fc}.timeline-detail{color:#96969a;border-top:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);gap:7px 12px;margin:0 10px 9px 15px;padding:9px 2px 1px;font-size:11px;animation:.18s ease-out both timeline-detail-in;display:grid}fo .timeline-detail strong{color:#dedee0;font-weight:700}@keyframes timeline-detail-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.benefits{border-top:1px solid #242424}.benefit{border-bottom:1px solid #202020;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;transition:background .15s,border-color .15s;display:flex}.benefit:last-child{border-bottom:0}.benefit.used{background:linear-gradient(90deg,#28f0b51a,#10111333);border-bottom-color:#28f0b53d}.benefit.spend-threshold{display:block}.benefit-content{flex:1;min-width:0}.benefit-title-row{align-items:center;gap:8px;min-width:0;display:flex}.benefit-name{margin:0;font-size:15px;font-weight:600}.benefit-value{color:#c9c9c9;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;flex-shrink:0;margin:0;padding:4px 7px;font-size:11px;font-weight:700;line-height:1}.benefit-period{letter-spacing:.08em;text-transform:uppercase;color:#7d7d7d;gap:5px;margin:4px 0 0;font-size:11px}.spend-threshold-amount{color:#b8b8b8;margin:5px 0 0;font-size:13px;font-weight:600}.threshold-reached{color:#7ef0a8;margin:10px 0 0;font-size:12px;font-weight:700}.benefit-progress-wrap{margin-top:10px}.benefit-progress-label{color:#8d8d8d;margin-bottom:6px;font-size:11px}.benefit-progress-track{background:#2a2a2a;border-radius:999px;width:100%;height:8px;overflow:hidden}.benefit-progress-bar{background:linear-gradient(90deg,#8b5cf6 0%,#c084fc 45%,#f5d0fe 100%);border-radius:999px;height:100%;box-shadow:0 0 16px #a855f780}.benefit-button{color:#111;background:linear-gradient(135deg,#fafafa 0%,#d7d7d7 100%);border:0;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 18px #ffffff24}.benefit-button:hover{transform:translateY(-1px);box-shadow:0 12px 22px #ffffff2e}.benefit-used-mark{color:#0b1513;background:#28f0b5;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 0 18px #28f0b547}.benefit-used-mark i{font-size:16px;font-weight:900}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#090909b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(#141414fa,#0b0b0dfa);border:1px solid #ffffff14;border-radius:22px;width:min(100%,360px);padding:20px;box-shadow:0 30px 60px #00000080,0 0 0 1px #a855f726}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.add-card-modal .modal-header{text-align:center;justify-content:center;min-height:32px;position:relative}.add-card-modal .modal-header h2{color:#28f0b5;letter-spacing:0;margin:0;font-family:Sora,sans-serif;font-size:27px;line-height:1.15}.add-card-modal .modal-close{position:absolute;top:0;right:0}.modal-close{color:#fff;background:#1f1f1f;border:0;border-radius:50%;width:32px;height:32px;font-size:24px;line-height:1}.modal-copy{color:#b2b2b2;margin:0 0 18px;font-size:14px;line-height:1.5}.amount-input-wrap{background:#ffffff06;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:8px;width:100%;margin-bottom:18px;padding:14px 16px;display:flex;box-shadow:inset 0 1px #ffffff0a}.amount-input-wrap span{color:#a0a0a0;font-weight:600}.amount-input-wrap input{color:#f5f5f5;background:0 0;border:0;outline:none;width:100%;font-size:18px}.amount-input-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.use-all-button{color:#28f0b5;background:#28f0b51a;border:1px solid #28f0b559;border-radius:12px;width:100%;margin-bottom:9px;padding:11px 14px;font-size:14px;font-weight:800}.amount-input-error{color:#f38b72;margin:-10px 0 14px;font-size:12px;font-weight:600}.modal-actions{gap:9px;display:flex}.modal-cancel,.modal-save{border:0;border-radius:12px;flex:1;padding:12px 16px;font-weight:700}.modal-cancel{color:#b8b8ba;background:#252528}.modal-save{color:#111;background:linear-gradient(135deg,#f5f5f5 0%,#d5d5d5 100%);box-shadow:0 12px 24px #ffffff1f}.add-card-filter{color:#b8b8bc;gap:6px;margin-bottom:12px;font-size:12px;font-weight:700;display:grid}.add-card-filter select{color:#f2f2f3;background:#1b1b1e;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:9px 10px;font-size:13px}.add-card-list{flex-direction:column;gap:10px;max-height:360px;margin-bottom:18px;display:flex;overflow-y:auto}.add-card-option{color:#f5f5f5;text-align:left;background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.add-card-option.selected{background:#a855f714;border-color:#a855f7b3}.add-card-option-image{object-fit:contain;background:#ffffff0a;border-radius:5px;flex-shrink:0;width:64px;height:40px}.add-card-option-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.add-card-option-copy strong{letter-spacing:-.2px;font-size:14px}.add-card-option-copy small{color:#a2a2a2;font-size:11px}.add-card-empty{color:#a5a5a5;margin:0;padding:8px 4px;font-size:14px}.modal-save:disabled{opacity:.5;cursor:not-allowed}.auth-loading,.login-page,.landing-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-loading{color:#9a9a9d;font-size:14px;font-weight:700}.login-panel{background:linear-gradient(145deg,#1c1c1ff5,#0d0d0ff5);border:1px solid #ffffff1a;border-radius:18px;width:min(100%,360px);padding:28px 22px;position:relative;box-shadow:0 24px 52px #0000004d,inset 0 1px #ffffff0f}.auth-close-button{color:#c5c5c8;background:#ffffff0f;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:15px;display:grid;position:absolute;top:14px;right:14px}.auth-close-button:hover,.auth-close-button:focus-visible{color:#28f0b5;background:#28f0b524}.login-logo{width:auto;max-width:170px;height:35px;display:block}.login-tagline{color:#28f0b5;letter-spacing:.12em;margin:6px 0 28px;font-size:9px;font-weight:800}.login-panel h1{letter-spacing:0;margin:0 0 22px;font-size:25px}.login-form{gap:13px;display:grid}.login-form label{color:#c5c5c8;gap:7px;font-size:12px;font-weight:700;display:grid}.login-form input{color:#f4f4f5;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:9px;outline:none;width:100%;padding:11px 12px}.login-form input:focus{border-color:#28f0b5a6;box-shadow:0 0 0 3px #28f0b517}.login-error{color:#f38b72;margin:0;font-size:12px;font-weight:600}.login-submit,.google-button{border-radius:9px;justify-content:center;align-items:center;min-height:43px;font-size:13px;font-weight:800;display:flex}.login-submit{color:#081310;background:#28f0b5;border:0;margin-top:3px}.login-submit:disabled{cursor:wait;opacity:.65}.login-divider{color:#646469;align-items:center;gap:10px;margin:21px 0;font-size:11px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff17;flex:1;height:1px}.google-button{color:#e6e6e7;background:#ffffff0a;border:1px solid #ffffff1f;gap:9px;width:100%}.google-button i{font-size:14px}.signup-name-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.auth-switch-copy{color:#929297;text-align:center;margin:19px 0 0;font-size:12px}.auth-link-button{color:#28f0b5;font-size:inherit;background:0 0;border:0;padding:0;font-weight:800}.signup-confirmation{min-height:176px}.signup-confirmation .auth-link-button{margin-top:8px}.landing-shell{width:min(100%,1080px)}.landing-page{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.landing-cta-dock{right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:10;-webkit-backdrop-filter:blur(16px);background:#141417f0;border:1px solid #28f0b561;border-radius:13px;grid-template-columns:1fr 1.2fr;gap:8px;padding:8px;display:grid;position:fixed;left:12px;box-shadow:0 0 0 3px #28f0b512,0 -10px 32px #0000004d,0 18px 34px #0000007a}.landing-cta-dock button{border-radius:8px;min-height:42px;font-size:13px;font-weight:800}.landing-dock-sign-in{color:#e1e1e3;background:#ffffff0f;border:1px solid #ffffff1f}.landing-dock-get-started{color:#081310;background:#28f0b5;border:0;box-shadow:0 8px 18px #28f0b52e}.landing-header{justify-content:space-between;align-items:flex-start;display:flex}.landing-header .login-tagline{margin-bottom:0}.landing-sign-in{color:#d6d6d8;background:0 0;border:0;padding:9px 2px;font-size:13px;font-weight:800}.landing-hero{text-align:center;padding:70px 0 58px;position:relative}.landing-hero h1{color:#28f0b5;letter-spacing:0;max-width:470px;margin:0 auto;font-family:Sora,sans-serif;font-size:42px;line-height:1.04}.landing-hero>p{color:#d2d2d6;max-width:320px;margin:16px auto 25px;font-size:15px;font-weight:600;line-height:1.5}.landing-primary{color:#081310;background:#28f0b5;border:0;border-radius:9px;padding:13px 19px;font-size:14px;font-weight:800;box-shadow:0 12px 25px #28f0b529}.landing-actions{justify-content:center;align-items:center;gap:14px;display:flex}.landing-secondary{color:#d5d5d8;background:0 0;border:0;padding:12px 3px;font-size:13px;font-weight:800}.hero-phone-wrap{place-items:center;margin:48px 0 8px;display:grid}.landing-feature-list{gap:70px;padding:34px 0 64px;display:grid}.landing-feature{flex-direction:column;gap:32px;display:flex}.feature-copy{text-align:center;align-self:center;max-width:390px}.feature-copy h2{color:#28f0b5;letter-spacing:0;margin:10px 0;font-family:Sora,sans-serif;font-size:42px;line-height:1.04}.feature-copy p{color:#d0d0d4;margin:0;font-size:15px;font-weight:600;line-height:1.5}.feature-phone-wrap{place-items:center;height:220px;padding:0 14px;display:grid;overflow:hidden}.phone-preview{background:linear-gradient(155deg,#18181b,#09090b);border:7px solid #27272b;border-radius:31px;width:240px;min-height:425px;padding:31px 14px 17px;position:relative;overflow:hidden;box-shadow:0 25px 43px #00000061,inset 0 0 0 1px #ffffff12}.phone-notch{background:#27272b;border-radius:0 0 11px 11px;width:90px;height:17px;position:absolute;top:0;left:50%;transform:translate(-50%)}.preview-brand,.preview-line,.preview-benefit,.preview-history{align-items:center;display:flex}.preview-brand{color:#eeeef0;justify-content:space-between;margin-bottom:17px;font-size:11px;font-weight:800}.preview-brand i{color:#28f0b5;font-size:9px}.preview-summary{background:linear-gradient(135deg,#ffffff17,#ffffff06);border:1px solid #ffffff1a;border-radius:14px;padding:14px}.preview-summary small,.preview-card-title small,.preview-stat-grid small,.preview-wallet-card small{color:#8a8a91;letter-spacing:.1em;font-size:7px;font-weight:800;display:block}.preview-summary strong{color:#f2f2f4;margin:5px 0;font-size:29px;display:block}.preview-summary span,.preview-urgent span,.preview-card-title span,.preview-benefit span,.preview-history span{color:#96969d;font-size:8px}.preview-urgent{background:#f7a17614;border-left:2px solid #f7a176;border-radius:0 12px 12px 0;margin:11px 0;padding:10px 42px 10px 11px;position:relative}.preview-urgent b,.preview-line span,.preview-benefit b,.preview-history b{color:#e8e8ea;font-size:9px;display:block}.preview-urgent button,.preview-benefit button{color:#171719;background:#efeff1;border:0;border-radius:8px;padding:6px;font-size:7px;font-weight:800;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.preview-line{border-bottom:1px solid #ffffff12;gap:7px;padding:9px 1px}.preview-line i{background:#9a6cff;border-radius:50%;width:6px;height:6px}.preview-line b{color:#d7d7da;margin-left:auto;font-size:9px}.preview-card-title{background:linear-gradient(135deg,#323235,#1b1b1e);border-radius:14px;padding:14px}.preview-card-title b,.preview-wallet-card b{color:#f2f2f4;margin:5px 0;font-size:14px;display:block}.preview-stat-grid{grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0;display:grid}.preview-stat-grid div{background:#ffffff0b;border-radius:7px;padding:8px 5px}.preview-stat-grid b{margin-top:4px;font-size:11px;display:block}.preview-stat-grid div:last-child b{color:#28f0b5}.preview-progress{color:#cfcfd2;grid-template-columns:1fr auto;gap:6px;margin-top:11px;font-size:9px;display:grid}.preview-progress i{background:#29292d;border-radius:99px;grid-column:1/-1;height:5px;overflow:hidden}.preview-progress em{border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#e0b6ff);width:63%;height:100%;display:block}.preview-wallet-card{background:linear-gradient(135deg,#2a2a31,#18181d);border-radius:13px;margin-bottom:8px;padding:13px}.preview-wallet-card.muted{background:linear-gradient(135deg,#222227,#151518)}.preview-wallet-card span{color:#28f0b5;font-size:8px}.preview-benefit{border-bottom:1px solid #ffffff12;padding:10px 12px;display:block;position:relative}.preview-benefit i{color:#28f0b5;font-size:12px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.preview-month{color:#a6a6ac;letter-spacing:.1em;align-items:center;gap:7px;margin:17px 0 7px;font-size:8px;font-weight:800;display:flex}.preview-month i{background:#5c4d6c;flex:1;height:1px}.preview-history{background:#111114;border:1px solid #ffffff14;border-radius:7px;margin-top:5px;padding:10px 27px 10px 12px;display:block;position:relative}.preview-history:before{content:"";background:#28f0b5;border-radius:0 2px 2px 0;width:2px;position:absolute;top:9px;bottom:9px;left:0}.preview-history>i{color:#77777c;font-size:8px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.preview-history.missed:before{background:#e58462}.preview-history.partial:before{background:#c084fc}.preview-history.used span{color:#28f0b5}.preview-history.missed span{color:#e49a7b}.preview-history.partial span{color:#c084fc}.landing-reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translate(-38px)}.landing-reveal.reverse{transform:translate(38px)}.landing-reveal.is-visible{opacity:1;transform:translate(0)}@media (width>=700px){.landing-page{padding-bottom:96px}.landing-cta-dock{width:290px;bottom:24px;left:50%;right:auto;transform:translate(-50%)}.landing-hero{min-height:555px;padding:110px 0}.hero-phone-wrap{margin:0;position:absolute;top:50px;right:7%}.landing-feature{flex-direction:row;justify-content:space-around;align-items:center;min-height:490px}.landing-feature.reverse{flex-direction:row-reverse}.landing-feature-list{gap:36px}}@media (prefers-reduced-motion:reduce){.landing-reveal,.landing-reveal.reverse{opacity:1;transition:none;transform:none}}.landing-value p{color:#cbcbcf;margin:0;font-size:13px;font-weight:700}