:root{color-scheme:light;--bg:#f8fafc;--bg-glow:rgba(224,231,255,0.6);--surface:#ffffff;--surface-2:#f8fafc;--surface-3:#e2e8f0;--text:#1e293b;--heading:#0f172a;--muted:#64748b;--faint:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--brand:#4f46e5;--brand-hover:#4338ca;--brand-soft:#e0e7ff;--brand-text:#4f46e5;--brand-deep:#1e1b4b;--ring:rgba(99,102,241,0.45);--ok:#059669;--ok-bg:#d1fae5;--ok-border:#a7f3d0;--info-bg:#eff6ff;--info-border:#dbeafe;--info-text:#1e40af;--warn-bg:#fff7e0;--warn-border:#ecd38c;--err-bg:#fdeaea;--err-border:#f0b6b6;--danger:#c93636;--radius:16px;--shadow:0 1px 2px rgba(15,23,42,0.04),0 10px 30px rgba(15,23,42,0.08);--shadow-lg:0 20px 50px -12px rgba(15,23,42,0.18);--font:var(--font-inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#020617;--bg-glow:rgba(15,23,42,0.6);--surface:#0f172a;--surface-2:rgba(30,41,59,0.6);--surface-3:#334155;--text:#f1f5f9;--heading:#ffffff;--muted:#94a3b8;--faint:#64748b;--border:#1e293b;--border-strong:#334155;--brand:#6366f1;--brand-hover:#4f46e5;--brand-soft:rgba(30,27,75,0.8);--brand-text:#818cf8;--ok:#34d399;--ok-bg:rgba(6,78,59,0.6);--ok-border:#065f46;--info-bg:rgba(23,37,84,0.4);--info-border:rgba(30,58,138,0.6);--info-text:#93c5fd;--warn-bg:rgba(234,179,8,0.12);--warn-border:rgba(234,179,8,0.35);--err-bg:rgba(239,68,68,0.14);--err-border:rgba(239,68,68,0.4);--danger:#f87171;--shadow:0 1px 2px rgba(0,0,0,0.3),0 10px 30px rgba(0,0,0,0.35);--shadow-lg:0 20px 50px -12px rgba(0,0,0,0.6)}}:root[data-theme=dark]{color-scheme:dark;--bg:#020617;--bg-glow:rgba(15,23,42,0.6);--surface:#0f172a;--surface-2:rgba(30,41,59,0.6);--surface-3:#334155;--text:#f1f5f9;--heading:#ffffff;--muted:#94a3b8;--faint:#64748b;--border:#1e293b;--border-strong:#334155;--brand:#6366f1;--brand-hover:#4f46e5;--brand-soft:rgba(30,27,75,0.8);--brand-text:#818cf8;--ok:#34d399;--ok-bg:rgba(6,78,59,0.6);--ok-border:#065f46;--info-bg:rgba(23,37,84,0.4);--info-border:rgba(30,58,138,0.6);--info-text:#93c5fd;--warn-bg:rgba(234,179,8,0.12);--warn-border:rgba(234,179,8,0.35);--err-bg:rgba(239,68,68,0.14);--err-border:rgba(239,68,68,0.4);--danger:#f87171;--shadow:0 1px 2px rgba(0,0,0,0.3),0 10px 30px rgba(0,0,0,0.35);--shadow-lg:0 20px 50px -12px rgba(0,0,0,0.6)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased}main{flex:1 1}a{color:var(--brand-text)}h1,h2,h3,h4{color:var(--heading);line-height:1.2;margin:0 0 8px}p{margin:0 0 12px}::selection{background:var(--brand);color:#fff}.icon{width:1em;height:1em;flex:none;vertical-align:-.125em}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:var(--mono)}.wrap{max-width:72rem}.narrow,.wrap{margin:0 auto;padding:0 16px}.narrow{max-width:56rem}.security-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:var(--brand-deep);color:#e2e8f0;font-size:.75rem;text-align:center}.pulse{width:8px;height:8px;border-radius:50%;background:#34d399;animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-header .wrap{height:64px;display:flex;justify-content:space-between}.logo,.site-header .wrap{align-items:center;gap:12px}.logo{display:inline-flex;text-decoration:none;color:var(--heading)}.logo-mark{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:1.25rem;font-weight:700;background:linear-gradient(45deg,#4338ca,#6366f1);box-shadow:0 6px 14px rgba(99,102,241,.2)}.logo-name{font-weight:800;font-size:1.25rem;letter-spacing:-.02em}.logo-name b{color:var(--brand-text);font-weight:800}.logo small{display:block;margin-top:-2px;font-size:.65rem;font-weight:500;color:var(--muted)}.nav{display:flex;align-items:center;gap:8px}.nav a{padding:8px 12px;border-radius:10px;font-size:.875rem;font-weight:600;text-decoration:none;color:var(--muted)}.nav a:hover{color:var(--heading)}.nav a.nav-primary{color:var(--brand-text)}.theme-toggle{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted);cursor:pointer}.theme-toggle:hover{color:var(--heading)}@media (max-width:560px){.nav-receipt{display:none}}.hero{position:relative;padding:32px 0 64px;text-align:center;background:radial-gradient(ellipse at top,var(--bg-glow),var(--bg) 70%)}.trust-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;margin-bottom:24px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted);font-size:.75rem;font-weight:500}.trust-pill .icon{color:var(--brand-text)}.hero h1{font-size:clamp(1.9rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:16px}.gradient-text{background:linear-gradient(90deg,var(--brand),#6366f1 60%,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{max-width:42rem;margin:0 auto 32px;color:var(--muted);font-size:1.05rem}.lookup-card{max-width:42rem;margin:0 auto;padding:24px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.field-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.field-label .icon{color:var(--brand-text);margin-right:4px}.field-label em{font-style:normal;font-weight:400;letter-spacing:0;text-transform:none;color:var(--faint);font-size:.7rem}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>.icon{position:absolute;left:14px;color:var(--faint);pointer-events:none}.notice-input{width:100%;padding:14px 112px 14px 40px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-2);color:var(--heading);font:600 1rem var(--mono);text-transform:uppercase}.notice-input::placeholder{text-transform:none;font-family:var(--font);font-weight:400;color:var(--faint)}.notice-input:focus,input:focus{outline:2px solid var(--ring);outline-offset:1px;border-color:var(--brand)}.scan-button{position:absolute;right:8px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:0;border-radius:10px;background:var(--surface-3);color:var(--text);font:500 .75rem var(--font);cursor:pointer}.scan-button .icon{color:var(--brand-text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:0;border-radius:12px;background:var(--brand);color:#fff;font:700 1rem var(--font);text-decoration:none;cursor:pointer;box-shadow:0 8px 20px -6px rgba(99,102,241,.45);transition:background .15s,transform .1s}.button:hover{background:var(--brand-hover)}.button:active{transform:scale(.99)}.button:disabled{opacity:.6;cursor:progress}.button-wide{width:100%}.button-lg{padding:16px 24px;font-size:1.1rem}.button .arrow{transition:transform .15s}.button:hover .arrow{transform:translateX(3px)}.button-secondary{background:transparent;color:var(--text);border:1px solid var(--border-strong);box-shadow:none}.button-secondary:hover{background:var(--surface-2)}.button-dark{background:#0f172a;box-shadow:none}.button-dark:hover{background:#1e293b}.form{display:grid;grid-gap:16px;gap:16px}.hint{display:block;font-size:.8rem;color:var(--muted)}.trust-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 40px;margin-top:40px;font-size:.75rem;font-weight:700;color:var(--text)}.trust-row>span:first-child{font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.trust-row div{display:inline-flex;align-items:center;gap:8px}.steps-section{padding:48px 0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{max-width:36rem;margin:0 auto 40px;text-align:center}.eyebrow{margin:0 0 4px;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-text)}.section-head h2{font-size:1.5rem}.steps{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.step{padding:24px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);transition:border-color .15s}.step:hover{border-color:var(--ring)}.step-number{width:48px;height:48px;margin-bottom:16px;border-radius:12px;display:grid;place-items:center;font-size:1.25rem;font-weight:700}.step:first-child .step-number{background:var(--brand-soft);color:var(--brand-text)}.step:nth-child(2) .step-number{background:color-mix(in srgb,#6366f1 18%,transparent);color:#6366f1}.step:nth-child(3) .step-number{background:var(--ok-bg);color:var(--ok)}.step h3{font-size:1.1rem}.step p{margin:0;font-size:.9rem;color:var(--muted);line-height:1.6}.faq{padding:48px 0 64px}.faq h2{text-align:center;font-size:1.5rem;margin-bottom:32px}.faq details{padding:20px;margin-bottom:16px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:600;color:var(--heading);cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{color:var(--faint);transition:transform .2s}.faq details[open] summary .icon{transform:rotate(180deg)}.faq details p{margin:12px 0 0;font-size:.9rem;color:var(--muted);line-height:1.6}.site-footer{padding:32px 0;background:#0f172a;color:#94a3b8;border-top:1px solid #1e293b;font-size:.75rem}.site-footer .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.footer-brand{display:flex;align-items:center;gap:12px;max-width:36rem}.footer-brand .logo-mark{width:28px;height:28px;border-radius:8px;font-size:.85rem;background:#4f46e5;box-shadow:none}.footer-brand strong{color:#fff;font-size:.875rem}.footer-brand p{margin:0;color:#64748b;font-size:.7rem}.footer-links{display:flex;gap:24px}.footer-links a{color:#94a3b8;text-decoration:none}.footer-links a:hover{color:#fff}.page{padding:32px 0 64px}.panel{max-width:34rem;margin:0 auto;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;background:#0f172a;color:#fff}.panel-head .eyebrow{color:#818cf8}.panel-head h1{margin:0;color:#fff;font-size:1.05rem;display:flex;flex-wrap:wrap;gap:6px}.panel-head .mono{color:#34d399;word-break:break-all}.panel-close{color:#94a3b8;padding:8px;border-radius:10px;text-decoration:none}.panel-close:hover{color:#fff;background:#1e293b}.panel-body{padding:24px;display:grid;grid-gap:20px;gap:20px}.panel-body h1{font-size:1.4rem}.info-card{padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);font-size:.875rem}.info-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.info-row:first-child{padding-top:0}.info-row:last-child{padding-bottom:0;border-bottom:0}.info-row span:first-child{color:var(--muted)}.info-row span:last-child{font-weight:600;color:var(--heading);text-align:right}.bills{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.bills li{padding:12px 14px;border:1px solid var(--border);border-radius:12px}.bill-head{display:flex;justify-content:space-between;gap:12px;font-weight:600;color:var(--heading)}.totals{display:grid;grid-gap:6px;gap:6px;font-size:.9rem}.totals div{display:flex;justify-content:space-between}.totals .outstanding{padding-top:8px;border-top:1px solid var(--border);font-weight:800;font-size:1.05rem;color:var(--heading)}.option-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.option{display:flex;align-items:center;gap:10px;padding:12px;border:2px solid var(--border-strong);border-radius:12px;cursor:pointer}.option:hover{border-color:var(--ring)}.option[data-on=true]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,transparent)}.option input{accent-color:var(--brand)}.option small{display:block;font-size:.75rem;color:var(--muted)}.option strong{color:var(--heading);font-weight:800}.option .option-sub{font-size:.75rem;font-weight:700;color:var(--text)}.secure-note{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--info-border);background:var(--info-bg);color:var(--info-text);font-size:.8rem}.secure-note .icon{font-size:1rem;flex:none}.actions{display:flex;gap:12px}.actions>:first-child{flex:1 1}.actions>:last-child{flex:2 1}.amount-input{display:flex;align-items:center;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-2)}.amount-input-sign{padding:0 4px 0 12px;font-weight:700;color:var(--muted)}.amount-input input{flex:1 1;min-width:0;padding:10px 12px 10px 4px;border:0;background:transparent;color:var(--heading);font:700 .95rem var(--font)}.amount-input input:focus{outline:none}label{display:grid;grid-gap:6px;gap:6px;font-size:.85rem;font-weight:500}.success-mark{width:48px;height:48px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;background:var(--ok-bg);color:var(--ok);font-size:1.25rem}.receipt-head{text-align:center}.receipt-head h1{margin-bottom:2px}.receipt-lines{padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);font:.8rem var(--mono);display:grid;grid-gap:8px;gap:8px}.receipt-lines div{display:flex;justify-content:space-between;gap:12px}.receipt-lines span:first-child{color:var(--muted)}.receipt-lines span:last-child{font-weight:700;color:var(--heading);text-align:right;word-break:break-all}.receipt-lines .amount{color:var(--ok);font-size:.9rem}.panel-paid{border-color:var(--ok)}.error,.notice,.success{padding:10px 14px;border-radius:12px;border:1px solid;font-size:.9rem}.notice{background:var(--warn-bg);border-color:var(--warn-border)}.success{background:var(--ok-bg);border-color:var(--ok-border)}.error{background:var(--err-bg);border-color:var(--err-border);color:var(--danger)}.scanner-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(2,6,23,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scanner{width:100%;max-width:24rem;padding:24px;display:grid;grid-gap:16px;gap:16px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.scanner-head{display:flex;justify-content:space-between;align-items:center}.scanner-head h2{margin:0;font-size:1rem}.scanner-head button{border:0;background:none;color:var(--muted);cursor:pointer;padding:6px}.viewfinder{position:relative;height:224px;overflow:hidden;border-radius:12px;border:2px solid color-mix(in srgb,var(--brand) 40%,transparent);background:#020617}.viewfinder video{width:100%;height:100%;object-fit:cover}.scanner-line{position:absolute;left:0;width:100%;height:2px;background:#6366f1;box-shadow:0 0 8px #6366f1;animation:scan 2s ease-in-out infinite}@keyframes scan{0%,to{top:10%}50%{top:90%}}.viewfinder p{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);margin:0;padding:4px 8px;border-radius:6px;background:rgba(15,23,42,.8);color:#94a3b8;font-size:.7rem;white-space:nowrap}@media (max-width:480px){.option-grid{grid-template-columns:1fr}.lookup-card,.panel-body{padding:16px}}@media print{.no-print,.security-bar,.site-footer,.site-header{display:none!important}body{background:#fff;color:#000}.panel{box-shadow:none;border:1px solid #999}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d8ebd1{font-family:Inter,Inter Fallback;font-style:normal}.__variable_d8ebd1{--font-inter:"Inter","Inter Fallback"}