/* Theme: Pay App — bright, soft cards; set in Anek Latin (Ek Type, Mumbai; SIL OFL 1.1), self-hosted */
@font-face{font-family:"Anek Latin";font-style:normal;font-weight:100 800;font-stretch:75% 125%;font-display:swap;src:url(/assets/fonts/t/anek-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Anek Latin";font-style:normal;font-weight:100 800;font-stretch:75% 125%;font-display:swap;src:url(/assets/fonts/t/anek-latin-ext.woff2) format("woff2");unicode-range:U+0100-02AF,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Theme: Pay App — bright, soft cards, the feel of the payment apps Indian households already trust */
:root{--paper:#F3F5FA;--surface:#FFFFFF;--raised:#F7F8FC;--ink:#0D1626;--ink-2:#485366;--ink-3:#6F7A8C;--rule:#E1E6EF;--rule-2:#EDF0F6;
--teal:#2F5BFF;--teal-ink:#1E40D6;--teal-wash:#E7EDFF;--amber:#00A877;--amber-wash:#E1F7EF;
--s1:#DCE4FF;--s2:#B4C4FF;--s3:#809CFF;--s4:#5677FF;--s5:#2F5BFF;--s6:#1C38B5;--head:#2F5BFF;--on-head:#FFFFFF;
--serif:"Anek Latin",system-ui,sans-serif;--sans:"Anek Latin",system-ui,sans-serif;--mono:"Anek Latin",system-ui,sans-serif;--r-s:10px;--r-m:14px;--r-l:22px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0B111C;--surface:#131B2A;--raised:#182234;--ink:#EDF1F8;--ink-2:#A7B1C2;--ink-3:#7E899B;--rule:#253045;--rule-2:#1B2436;--teal:#7D9BFF;--teal-ink:#A9BDFF;--teal-wash:#1C2A55;--amber:#2FD6A0;--amber-wash:#123A2E;--s1:#1C2A55;--s2:#28408A;--s3:#3657C0;--s4:#5677FF;--s5:#7D9BFF;--s6:#B4C4FF;--head:#2F5BFF;--on-head:#FFFFFF}}
body{font-weight:530}
h1,h2,h3{font-weight:800;letter-spacing:-.035em}
h1{font-size:clamp(34px,5.8vw,58px);line-height:1.05}
.num,.mono,.lines li .v,.slip-total .amt,.region .p,.bars .val,.units input{font-family:var(--sans);font-variant-numeric:tabular-nums;font-weight:700}
.top{border-bottom:0;box-shadow:0 1px 0 var(--rule)}
.panel{border:0;box-shadow:0 8px 28px rgba(16,32,80,.07),0 0 0 1px var(--rule-2)}
.slip{-webkit-mask:none;mask:none;filter:none;border-radius:var(--r-l);box-shadow:0 12px 36px rgba(16,32,80,.10),0 0 0 1px var(--rule-2);padding-bottom:20px;overflow:hidden}
.slip-head{background:linear-gradient(120deg,#2F5BFF,#5B3BFF);border-radius:0}
.slip-total .amt{font-weight:800;letter-spacing:-.04em}
.lines li.sum{border-top:0;background:var(--amber-wash);margin:12px -10px 0;padding:12px 10px;border-radius:12px}
.lines li.sum .d{border:0}
.units{border-radius:16px}
.btn{border-radius:12px}
.region{background:var(--surface);border-radius:var(--r-l);padding:18px 20px;box-shadow:0 0 0 1px var(--rule-2)}
.region h3{border-bottom:0;font-size:17px}
.facts li::before{border-radius:50%;background:var(--amber)}
.brand svg rect:nth-child(1){fill:#2F5BFF}.brand svg rect:nth-child(2){fill:#B4C4FF}.brand svg rect:nth-child(3){fill:#FFFFFF}.brand svg rect:nth-child(4){fill:#7CF2C7}
.foot{background:#0D1626}
.badge.single-read,.badge.derived{background:#FFF1D6;color:#8A5A00}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .badge.single-read{background:#3A2F17;color:#F0C26A}}
.cat{border:0;box-shadow:0 0 0 1px var(--rule-2)}

h1,h2,h3{letter-spacing:-.012em;font-stretch:112%}
h1{font-weight:750}
.slip-total .amt,.m-val input{font-stretch:108%}
body{font-size:17.5px}