@font-face{font-family:archivo;src:url(../media/archivo_black_latin_400_normal-s.p.0dx1s901p2cgf.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:archivo Fallback;src:local(Arial);ascent-override:70.47%;descent-override:16.86%;line-gap-override:0.0%;size-adjust:124.59%}.fZIyKG_className{font-family:archivo,archivo Fallback;font-weight:400}.fZIyKG_variable{--font-archivo:"archivo", "archivo Fallback"}
@font-face{font-family:atkinson;src:url(../media/atkinson_hyperlegible_latin_400_normal-s.p.2_4quiuxbm00_.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:atkinson;src:url(../media/atkinson_hyperlegible_latin_700_normal-s.p.3ij26zqblfe95.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:atkinson Fallback;src:local(Arial);ascent-override:95.93%;descent-override:29.29%;line-gap-override:0.0%;size-adjust:99.03%}._7UlOMG_className{font-family:atkinson,atkinson Fallback}._7UlOMG_variable{--font-atkinson:"atkinson", "atkinson Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#fff4c2)var(--lightningcss-dark,#0c1016);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a212b);--ink:var(--lightningcss-light,#101828)var(--lightningcss-dark,#f8f5e6);--muted:var(--lightningcss-light,#47505f)var(--lightningcss-dark,#b4bcc8);--accent:var(--lightningcss-light,#ffc700)var(--lightningcss-dark,#ffd60a);--on-accent:#101828;--ok:var(--lightningcss-light,#0a6a32)var(--lightningcss-dark,#4ade80);--danger:var(--lightningcss-light,#b3261e)var(--lightningcss-dark,#ff8f85);--on-danger:var(--lightningcss-light,#fff)var(--lightningcss-dark,#101828);--pump:var(--lightningcss-light,#0b0f14)var(--lightningcss-dark,#000);--pump-ink:#ffd60a;--line:color-mix(in srgb, var(--ink) 16%, transparent);--tint:color-mix(in srgb, var(--ink) 6%, transparent);--font-body:var(--font-atkinson), sans-serif;--font-head:var(--font-archivo), var(--font-body);--text-label:.8rem;--text-body:1.125rem;--text-title:1.5rem;--text-price:clamp(2.25rem, 9vw, 3rem);--text-board:clamp(3rem, 14vw, 5.5rem);--radius:14px;--stripe:6px;--target:44px;--space:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
*{box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--ink);background:var(--bg);margin:0;line-height:1.45}main{max-width:560px;margin:0 auto;padding:1rem}main.wide{max-width:1040px}h1,h2,h3,.big,.countdown,.owed{font-family:var(--font-head);letter-spacing:-.01em;font-weight:400;line-height:1.15}h1{margin:.5rem 0;font-size:clamp(1.75rem,7vw,2.25rem)}h2{font-size:var(--text-title);margin:0 0 .5rem}a{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:3px}a:hover{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}#content:focus{outline:none}code{background:var(--tint);overflow-wrap:anywhere;border-radius:4px;padding:0 .25em}.skip{z-index:10;background:var(--accent);color:var(--on-accent);border-radius:var(--radius);padding:.6rem 1rem;position:absolute;top:-4rem;left:.5rem}.skip:focus{top:.5rem}.demo-banner{background:var(--pump);color:var(--pump-ink);text-align:center;padding:.5rem 1rem;font-size:.95rem;font-weight:700}.brandbar{justify-content:space-between;align-items:center;gap:.75rem;max-width:1280px;margin:0 auto;padding:.75rem 1rem 0;display:flex}.brandbar .home{min-height:var(--target);font-family:var(--font-head);border-radius:var(--radius);align-items:center;gap:.6rem;font-size:1.6rem;text-decoration:none;display:flex}.brandbar .home:hover{color:var(--ink);background:0 0}button.theme{align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.9rem;display:inline-flex}.foot{max-width:560px;color:var(--muted);text-align:center;margin:1.5rem auto 2rem;padding:0 1rem;font-size:.9rem}.card{background:var(--surface);border-top:var(--stripe) solid var(--accent);border-radius:var(--radius);box-shadow:0 1px 2px var(--line);margin:.75rem 0;padding:1rem}.muted{color:var(--muted);font-size:.95rem}.board{background:var(--pump);color:var(--pump-ink);border-radius:var(--radius);margin:.75rem 0;padding:1rem 1.25rem 1.25rem}.board .muted{color:inherit;text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-label);font-weight:700}.board h1{text-shadow:0 0 18px color-mix(in srgb, var(--pump-ink) 45%, transparent);font-size:clamp(2rem,9vw,3.5rem);line-height:1}.board h1 .muted{text-shadow:none;margin-top:.5rem;display:block}.pill{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;background:var(--surface);color:var(--ink);border:2px solid;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .75rem;font-size:.85rem;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:.6em;height:.6em}.pill.ok{color:var(--ok)}.pill.bad{color:var(--danger)}.pill.warn{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}table{border-collapse:collapse;width:100%;font-size:1rem}th{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.55rem .35rem}tbody tr:hover td{background:var(--tint)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.total td{font-family:var(--font-head);border-bottom:none;border-top:3px solid var(--ink);font-size:1.2rem}button,.button{min-height:var(--target);font:inherit;font-family:var(--font-head);border-radius:var(--radius);cursor:pointer;background:var(--accent);color:var(--on-accent);text-align:center;border:2px solid #0000;padding:.8rem 1.2rem;text-decoration:none;transition:filter .15s,transform .1s;display:inline-block}button:hover:not(:disabled),.button:hover{filter:brightness(.94)}button:active:not(:disabled),.button:active{transform:translateY(1px)}button.block,.button.block{width:100%;min-height:60px;font-size:1.2rem;display:block}button.secondary,.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--ink)}button.danger{background:var(--danger);color:var(--on-danger)}button:disabled{opacity:.6;cursor:progress}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.stack>*+*{margin-top:.5rem}.big{font-size:var(--text-price);font-variant-numeric:tabular-nums}.big small{font-size:.45em}.grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.stat{background:var(--surface);border-top:var(--stripe) solid var(--ink);border-radius:var(--radius);padding:.75rem}.stat b{font-family:var(--font-head);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:400;display:block}.notice{border-radius:var(--radius);background:var(--surface);border-top:var(--stripe) solid transparent;border-image:repeating-linear-gradient(-45deg, var(--accent) 0 10px, var(--pump) 10px 20px) 1;border-image-width:var(--stripe) 0 0 0;margin:.75rem 0;padding:1rem}.notice.bad{border-image:repeating-linear-gradient(-45deg, var(--danger) 0 10px, var(--surface) 10px 20px) 1;border-image-width:var(--stripe) 0 0 0}.countdown{font-size:var(--text-price);font-variant-numeric:tabular-nums;background:var(--pump);color:var(--pump-ink);border-radius:var(--radius);padding:.25rem 1rem;display:inline-block}.meter{background:var(--tint);border-radius:999px;height:12px;overflow:hidden}.meter>span{background:var(--accent);height:100%;display:block}nav.operator{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}nav.operator>a,nav.operator>strong{min-height:var(--target);border-radius:999px;align-items:center;padding:0 1rem;font-weight:700;text-decoration:none;display:inline-flex}nav.operator>strong{background:var(--accent);color:var(--on-accent)}nav.operator form{margin-left:auto}label{margin:.4rem 0;font-size:1rem;font-weight:700;display:block}input{font:inherit;width:100%;min-height:var(--target);color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:10px;padding:.5rem .75rem;font-weight:400}input:focus{border-color:var(--ink)}input[type=radio],input[type=checkbox]{width:1.25rem;height:1.25rem;min-height:0;accent-color:var(--ink)}details summary{cursor:pointer;min-height:var(--target);padding:.6rem 0;font-weight:700}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 1rem;display:grid}.qr svg{width:132px;height:132px}@media print{.demo-banner,.no-print{display:none}body{background:#fff}}.table-scroll{overflow-x:auto}main.console{max-width:1280px}.pumps{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem;margin:.75rem 0;display:grid}button.pump{text-align:left;min-height:132px;font-family:var(--font-body);background:var(--surface);color:var(--ink);border:0;border-top:var(--stripe) solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px var(--line);flex-direction:column;align-items:flex-start;gap:.35rem;padding:.9rem 1rem;display:flex}button.pump.selected{outline:3px solid var(--ink);outline-offset:2px}.pump-label,.counter-label{font-family:var(--font-head);white-space:nowrap;background:var(--pump);color:var(--pump-ink);border-radius:8px;padding:.1rem .6rem;font-size:1.35rem;display:inline-block}.pump-state{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;border:2px solid;border-radius:999px;padding:.1rem .6rem;font-size:.8rem}.pump-line{font-variant-numeric:tabular-nums;font-weight:700}.pump-warn{color:var(--danger);font-weight:700}.small{font-size:.85rem}.pump.state-available,.pump.state-paid{border-top-color:var(--ok)}.pump.state-available .pump-state,.pump.state-paid .pump-state{color:var(--ok)}.pump.state-plugged_in,.pump.state-starting{border-top-color:var(--ink)}.pump.state-charging,.pump.state-card{border-top-color:var(--accent)}.pump.state-charging .pump-state,.pump.state-card .pump-state{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.pump.state-done_unpaid{border-top-color:#0000;border-image:repeating-linear-gradient(-45deg, var(--accent) 0 10px, var(--pump) 10px 20px) 1;border-image-width:var(--stripe) 0 0 0}.pump.state-done_unpaid .pump-state{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.pump.state-faulted,.pump.state-offline{border-top-color:var(--danger)}.pump.state-faulted .pump-state,.pump.state-offline .pump-state{color:var(--danger)}.panel-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.action-block{border-top:1px solid var(--line);margin-top:.75rem;padding-top:.75rem}.action-block h3{margin:0;font-size:1.1rem}.quick,.row{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.quick button{flex:1;min-width:80px;font-size:1.2rem}label.choice{min-height:var(--target);border:2px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .9rem;font-size:1.05rem;display:flex}label.choice:has(input:checked){border-color:var(--ink);background:var(--tint)}label.choice input{width:auto}.owed{margin:.5rem 0;font-size:1.5rem}.unpaid-row+.unpaid-row{border-top:1px solid var(--line);margin-top:.75rem;padding-top:.75rem}.center{text-align:center}.counter-label{font-size:var(--text-board);white-space:normal;margin:.25rem 0;padding:.25rem 1.25rem}.thermal{page:thermal;color:#000;border:1px dashed var(--line);background:#fff;width:72mm;max-width:100%;margin:.75rem auto;padding:3mm;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.3}.thermal table{font-size:12px}.thermal td{background:0 0;border:none;padding:1px 0}.thermal hr{border:none;border-top:1px dashed #000}@page thermal{size:80mm auto;margin:2mm 4mm}@media print{.thermal{border:none;margin:0;padding:0}}.pos-event+.pos-event{border-top:1px solid var(--line);margin-top:.75rem;padding-top:.75rem}.pos-event pre,.email-preview{white-space:pre-wrap;word-break:break-all;background:var(--tint);border-radius:6px;padding:.5rem;font-size:.8rem;overflow-x:auto}.landing section{margin:1.5rem 0}.hero{align-items:center;gap:1.25rem;display:grid}.hero h1{margin:.25rem 0 .75rem;font-size:clamp(2rem,8vw,3.5rem)}.eyebrow{font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-weight:700}.lead{margin:0 0 1rem;font-size:1.25rem}.hero-board{text-align:center;margin:0}.hero-board .row{justify-content:center}.digits{font-family:var(--font-head);font-size:var(--text-board);text-shadow:0 0 24px color-mix(in srgb, var(--pump-ink) 50%, transparent);line-height:1.1}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.steps .card{margin:0}.step-no{width:var(--target);height:var(--target);background:var(--pump);color:var(--pump-ink);font-family:var(--font-head);border-radius:50%;place-items:center;font-size:1.4rem;display:inline-grid}.landing h3{font-family:var(--font-head);margin:.5rem 0 .25rem;font-weight:400}.wide-cols{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.wide-cols .card{margin:0}.charger-list{margin:0;padding:0;list-style:none}.charger-list li{min-height:var(--target);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.charger-list a{min-height:var(--target);align-items:center;display:inline-flex}@media (min-width:820px){.hero{grid-template-columns:1.3fr 1fr}}.skeleton{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ink) 10%, transparent), transparent) var(--tint);border-radius:var(--radius);background-size:200% 100%;animation:1.4s linear infinite shimmer}.board-skel{height:150px;margin:.75rem 0}.card-skel{height:120px;margin:.75rem 0}.pump-skel{height:132px}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;padding:1.25rem .5rem}.empty p{margin:.25rem 0}.meter>span{transition:width .4s}.pill.warn{animation:2s ease-in-out infinite glow}@keyframes glow{50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 35%, transparent)}}button.pump{transition:transform .12s,box-shadow .12s}button.pump:hover{box-shadow:0 3px 8px var(--line)}button.pump:active{transform:translateY(1px)}input:hover{border-color:var(--muted)}.table-scroll{max-width:100%}@media (max-width:480px){.brandbar .home span{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.pumps>[role=listitem]>button.pump{width:100%;height:100%}