.spx{--bg:#f3eedf;--surface:#fffdf6;--surface-2:#f1ead6;--line:#e1d7bc;--line-2:#cdbf98;--ink:#0f2a1d;--muted:#4f5d52;--subtle:#6b7568;--blue:#0b6b3a;--blue-soft:#e0eedf;--teal:#0b6b3a;--gold:#b8892a;--gold-soft:#f6ebc9;--pos:#0b6b3a;--neg:#b23a2b;--f:"Geist", "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--m:clamp(18px, 4vw, 48px);background-image:radial-gradient(#0f2a1d0d 1px,#0000 1.2px);background-size:18px 18px;background:var(--bg);min-height:100vh;color:var(--ink);font:400 17px/1.55 var(--f)}body:has(.spx){background:#f3eedf}.spx h1,.spx h2,.spx h3,.spx p{text-shadow:none;color:inherit;margin:0}.spx h1,.spx h2{font-family:var(--f);letter-spacing:-.035em;font-weight:700}.spx :focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}.spx button{font:inherit;color:inherit;cursor:pointer}.sp-nav{z-index:30;padding:12px var(--m);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f3eedfeb;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.sp-back{color:var(--muted);font-weight:500;text-decoration:none}.sp-back:hover{color:var(--ink)}.sp-logo{letter-spacing:-.01em;align-items:center;gap:8px;font-weight:700;display:inline-flex}.sp-logo i{background:var(--teal);color:#fff;border-radius:7px;place-items:center;width:26px;height:26px;font-size:14px;font-style:normal;font-weight:800;display:grid}.sp-pill{background:var(--ink);color:#fff;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none}.sp-btn{border:1px solid var(--blue);background:var(--blue);color:#fff;min-height:46px;transition:background-color .2s, transform .2s var(--ease);border-radius:10px;justify-content:center;align-items:center;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.sp-btn:hover:not(:disabled){background:#174d9c;transform:translateY(-1px)}.sp-btn:disabled{opacity:.6;cursor:default}.sp-btn.ghost{color:var(--ink);border-color:var(--line-2);background:0 0}.sp-hero{max-width:1240px;padding:clamp(40px, 7vw, 96px) var(--m) 24px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(28px,5vw,72px);margin:0 auto;display:grid}.sp-kick{color:var(--blue);font-size:15px;font-weight:600}.sp-hero h1{font-size:clamp(38px,4.8vw,64px);line-height:1.02;margin-top:14px!important}.sp-hero h1 em{color:var(--muted);font-style:normal}.sp-lede{color:var(--muted);max-width:34em;font-size:19px;margin-top:20px!important}.sp-private{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:6px 12px;font-size:14px;display:inline-block;margin-top:18px!important}.sp-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 30px 60px -40px #0b0c0e59}.sp-card-top{justify-content:space-between;align-items:center;font-weight:600;display:flex}.sp-chip{background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}.sp-card-total{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(40px,4.4vw,56px);font-weight:700;line-height:1;margin-top:18px!important}.sp-card-total small{color:var(--muted);letter-spacing:0;margin-left:8px;font-size:16px;font-weight:500}.sp-card-sub{color:var(--muted);font-size:14px;margin-top:8px!important}.sp-card ul{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.sp-card li{grid-template-columns:110px 1fr auto;align-items:center;gap:12px;font-size:14px;display:grid}.sp-card li i{background:var(--surface-2);border-radius:6px;height:10px;overflow:hidden}.sp-card li i b{background:var(--blue);height:100%;transition:width .9s var(--ease);border-radius:6px;display:block}.sp-card li:nth-child(n+2) i b{background:#b9c0cb}.sp-card li em{font-variant-numeric:tabular-nums;font-style:normal;font-weight:600}.sp-sec{max-width:1240px;padding:clamp(72px, 10vw, 128px) var(--m) 0;margin:0 auto}.sp-head{max-width:720px;margin-bottom:32px}.sp-head h2{font-size:clamp(32px,3.8vw,48px);line-height:1.05}.sp-head p{color:var(--muted);font-size:18px;margin-top:10px!important}.sp-sync{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:20px;display:grid}.sp-inbox,.sp-ledger{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.sp-bar{border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--muted);justify-content:space-between;gap:12px;padding:12px 16px;font-size:14px;display:flex}.sp-bar b{color:var(--ink)}.sp-bar strong{color:var(--ink);font-variant-numeric:tabular-nums}.sp-inbox ul,.sp-ledger ul{margin:0;padding:0;list-style:none}.sp-inbox li{gap:2px;padding:12px 16px;font-size:14px;transition:opacity .35s,background-color .3s;display:grid}.sp-inbox li+li{border-top:1px solid var(--surface-2)}.sp-from{font-weight:700}.sp-subj{color:var(--ink)}.sp-body{color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sp-inbox li.reading{background:var(--blue-soft)}.sp-inbox li.gone{opacity:.35}.sp-mid{text-align:center;align-self:start;justify-items:center;gap:10px;max-width:150px;margin-top:120px;display:grid}.sp-note{color:var(--muted);font-size:13px}.sp-empty{color:var(--muted);padding:28px 16px}.sp-ledger li{animation:spIn .35s var(--ease) both}.sp-ledger li+li{border-top:1px solid var(--surface-2)}.sp-ledger li button{text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:12px 16px;display:grid}.sp-ledger li button:hover{background:var(--surface-2)}.sp-m{font-weight:600;display:grid}.sp-m small{color:var(--subtle);font-size:12px;font-weight:400}.sp-cat{background:var(--blue-soft);color:var(--blue);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.sp-amt{font-variant-numeric:tabular-nums;justify-items:end;font-weight:700;display:grid}.sp-amt small{color:var(--subtle);font-size:11px;font-weight:600}.t-card-bill .sp-amt,.t-transfer .sp-amt{color:var(--subtle)}.t-card-bill .sp-amt{text-decoration:line-through}.t-card-bill .sp-cat,.t-transfer .sp-cat{background:var(--surface-2);color:var(--muted)}.t-refund .sp-amt{color:var(--pos)}.sp-why{color:var(--muted);padding:0 16px 14px;font-size:14px}.sp-why b{color:var(--ink)}.sp-hint{color:var(--subtle);padding:10px 16px 14px;font-size:13px}@keyframes spIn{0%{opacity:0;transform:translate(-8px)}}.sp-cal-wrap{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px);padding:clamp(20px,3vw,36px);display:grid}.sp-seg{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;gap:4px;padding:4px;display:inline-flex}.sp-seg button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:8px 14px;font-weight:600}.sp-seg button.on{background:var(--ink);color:#fff}.sp-big{letter-spacing:-.02em;font-size:clamp(22px,2.2vw,30px);font-weight:600;line-height:1.25;margin:20px 0 12px!important}.sp-big b{color:var(--blue)}.sp-cal-copy>p:last-child{color:var(--muted)}.sp-cal{font-variant-numeric:tabular-nums;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.sp-cal b{text-align:center;color:var(--subtle);padding-bottom:4px;font-size:12px;font-weight:600}.sp-cal span{aspect-ratio:1;color:var(--subtle);background:0 0;border-radius:8px;place-items:center;font-size:14px;transition:background-color .3s,color .3s;display:grid}.sp-cal span.in{background:var(--blue-soft);color:var(--ink)}.sp-cal span.pay{background:var(--blue);color:#fff;font-weight:700}.sp-cal span.we:not(.in):not(.pay){opacity:.6}.sp-nums{background:var(--line);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.sp-nums div{background:var(--surface);align-content:start;gap:6px;padding:clamp(18px,2.4vw,28px);display:grid}.sp-nums b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(36px,3.8vw,52px);font-weight:700;line-height:1}.sp-nums span{color:var(--muted);font-size:14px}.sp-hood{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.sp-hood li{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-content:start;gap:8px;padding:22px;transition:border-color .2s;display:grid}.sp-hood li:hover{border-color:var(--blue)}.sp-hood b{font-size:18px}.sp-hood p{color:var(--muted);font-size:15px}.sp-end{max-width:820px;padding:clamp(80px, 10vw, 140px) var(--m) clamp(40px, 6vw, 72px);text-align:center;margin:0 auto}.sp-end h2{font-size:clamp(32px,4vw,52px);line-height:1.05}.sp-end p{color:var(--muted);font-size:18px;margin:12px 0 26px!important}.sp-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sp-foot{max-width:1240px;padding:0 var(--m);margin:0 auto}.sp-foot .foot{border-top-color:var(--line)}.sp-foot .foot,.sp-foot .foot a,.sp-foot .foot p{color:var(--muted);text-shadow:none}.sp-foot .foot b,.sp-foot .foot .brand{color:var(--ink)}@media (width<=1000px){.sp-hero,.sp-cal-wrap,.sp-sync{grid-template-columns:minmax(0,1fr)}.sp-mid{justify-self:stretch;max-width:none;margin-top:0}.sp-mid .sp-btn{width:100%}.sp-nums{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-nums div:last-child{grid-column:1/-1}.sp-hood{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.sp-hood{grid-template-columns:minmax(0,1fr)}.sp-card li{grid-template-columns:92px 1fr auto}.sp-pill{display:none}}@media (prefers-reduced-motion:reduce){.spx *,.spx :before{transition:none!important;animation:none!important}}.spx .sp-hero h1 em{color:var(--blue)}.spx .sp-pill{background:var(--ink)}.spx .sp-btn:hover:not(:disabled){background:#08552e}.spx .sp-card{border:2px solid var(--ink);background:var(--surface);box-shadow:8px 8px 0 var(--blue);border-radius:14px;position:relative}.spx .sp-card:before{content:"";border:1px dashed var(--line-2);pointer-events:none;border-radius:8px;position:absolute;inset:8px}.spx .sp-card:after{content:"₹";font:800 120px/1 var(--f);color:#0f2a1d0d;pointer-events:none;position:absolute;bottom:-6px;right:18px}.spx .sp-card-total{color:var(--ink)}.spx .sp-chip{background:var(--gold-soft);color:#7a5a14}.spx .sp-card li:nth-child(n+2) i b{background:#a9c7ad}.spx .sp-card li i{background:var(--surface-2)}.spx .sp-nums b{color:var(--ink)}.spx .sp-nums div:last-child b{color:var(--gold)}.spx .sp-cal span.pay{background:var(--gold)}.spx .sp-big b{color:var(--blue)}.spx .sp-hood li:hover{border-color:var(--gold)}.spx .sp-kick{color:var(--gold)}.spx .t-refund .sp-amt{color:var(--pos)}.spx .sp-ledger .sp-amt{color:var(--neg)}.spx .t-card-bill .sp-amt,.spx .t-transfer .sp-amt{color:var(--subtle)}@media (width<=1000px){.sp-ledger{min-height:580px}}.sp-mid .sp-btn{white-space:nowrap;min-width:140px}
