/* Promptmeter — utility meter / invoice. cool paper, deep teal ink, copper. Manrope + IBM Plex Mono. */
:root{
  --paper:#f2f4f3; --sheet:#fbfcfb; --tint:#e7ecea; --ink:#12343b; --ink-2:#36565c; --mute:#6b8287; --rule:#cfd9d7; --rule-2:#b5c4c2;
  --cu:#b0703f; --cu-d:#8f5630; --cu-t:rgba(176,112,63,.14); --ok:#3f7a5e; --bad:#a3442f;
  --f-b:'Manrope',ui-sans-serif,system-ui,sans-serif; --f-m:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.1,1);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--f-b);overflow-x:hidden}
img,canvas,svg{max-width:100%;display:block}
a{color:inherit}
.mono{font-family:var(--f-m)}
h1,h2,h3{margin:0;letter-spacing:-.025em;line-height:1.05;font-weight:800}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;z-index:200}.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--cu);outline-offset:3px;border-radius:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.k{font:600 11px/1.2 var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.note{font-size:13px;color:var(--mute);margin:0}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* nav */
.nav{position:sticky;top:0;z-index:60;background:rgba(242,244,243,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.nav__in{max-width:1280px;margin:0 auto;padding:0 28px;height:62px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 18px var(--f-b);letter-spacing:-.02em}
.brand__mark{width:28px;height:28px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.brand__mark .nd{stroke:var(--cu);stroke-width:2.4}
.nav__links{display:flex;gap:4px;margin-left:auto}
.nav__links a{text-decoration:none;font:600 14px var(--f-b);color:var(--ink-2);padding:8px 12px;position:relative}
.nav__links a::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;background:var(--cu);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav__links a:hover::after,.nav__links a.is-on::after{transform:scaleX(1)}
.nav__links a.is-on{color:var(--ink)}
.nav__right{display:flex;align-items:center;gap:10px}
.nav__x{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--rule-2);border-radius:6px}
.nav__x svg{width:15px;height:15px;fill:var(--ink)}
.nav__burger{display:none;width:40px;height:38px;border:1px solid var(--rule-2);background:var(--sheet);border-radius:6px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px}
.nav__burger span{display:block;width:16px;height:1.6px;background:var(--ink);transition:transform .25s,opacity .25s}
.nav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
.nav__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}
.mnav{display:flex;flex-direction:column;padding:6px 20px 14px;border-top:1px solid var(--rule)}
.mnav a{padding:12px 2px;border-bottom:1px dashed var(--rule-2);text-decoration:none;font-weight:700}

/* wallet */
.wallet-slot{min-width:0}
.wb{position:relative}
.wb-btn{height:38px;padding:0 16px;border-radius:6px;border:1.5px solid var(--ink);background:var(--ink);color:#f2f4f3;font:700 14px var(--f-b);cursor:pointer;white-space:nowrap;transition:transform .15s var(--ease),background .2s}
.wb-btn:hover{background:var(--cu-d);border-color:var(--cu-d)}
.wb-btn:active{transform:scale(.96)}
.wb-btn.is-on{background:var(--sheet);color:var(--ink);font:500 13px var(--f-m);border-color:var(--rule-2)}
.wb-btn.is-on::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:8px;vertical-align:1px}
.wb-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:300;width:290px;max-width:calc(100vw - 24px);background:var(--sheet);border:1px solid var(--rule-2);border-radius:8px;box-shadow:0 22px 44px -22px rgba(18,52,59,.45);padding:8px;display:flex;flex-direction:column;gap:2px}
.wb-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:5px;background:transparent;color:var(--ink);font:600 14px var(--f-b);text-align:left;text-decoration:none;cursor:pointer}
.wb-item:hover{background:var(--tint)}
.wb-item img{width:18px;height:18px;border-radius:4px}
.wb-addr{font:12px/1.5 var(--f-m);word-break:break-all;padding:8px 10px;color:var(--ink-2)}
.wb-bal{font:600 14px var(--f-m);padding:0 10px 8px;border-bottom:1px dashed var(--rule-2);margin-bottom:4px;color:var(--cu-d)}
.wb-note{font-size:12px;color:var(--mute);padding:8px 10px}

/* buttons / inputs */
.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:6px;border:1.5px solid var(--ink);font:700 15px var(--f-b);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .15s var(--ease),background .2s,color .2s}
.btn:active{transform:scale(.97)}
.btn--solid{background:var(--ink);color:#f2f4f3}.btn--solid:hover{background:var(--cu-d);border-color:var(--cu-d)}
.btn--line{background:transparent;color:var(--ink)}.btn--line:hover{background:var(--ink);color:#f2f4f3}
.btn--sm{height:38px;padding:0 15px;font-size:14px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.linkbtn{background:none;border:0;padding:0;font:600 13px var(--f-b);color:var(--cu-d);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.inp{width:100%;min-width:0;font:15px/1.4 var(--f-b);color:var(--ink);background:var(--sheet);border:1px solid var(--rule-2);border-radius:5px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}
.inp.mono{font-family:var(--f-m);font-size:14px}
.inp:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px var(--cu-t)}
select.inp{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
textarea.inp{resize:vertical}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.tgl{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;cursor:pointer}
.tgl input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--ink);border-radius:3px;margin:0;display:grid;place-items:center;cursor:pointer;background:var(--sheet)}
.tgl input::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .2s var(--ease)}
.tgl input:checked{background:var(--ink)}.tgl input:checked::after{transform:translateY(-1px) rotate(-45deg) scale(1)}
.seg{position:relative;display:inline-flex;border:1px solid var(--rule-2);border-radius:6px;padding:3px;background:var(--sheet);isolation:isolate}
.seg button{position:relative;z-index:1;border:0;background:transparent;font:700 14px var(--f-b);padding:9px 18px;color:var(--ink-2);cursor:pointer;transition:color .2s}
.seg button[aria-selected="true"]{color:#f2f4f3}
.seg__ind{position:absolute;z-index:0;left:0;top:0;background:var(--ink);border-radius:4px;transition:transform .35s var(--ease),width .35s var(--ease)}
.copy{position:relative;display:inline-grid;height:30px;padding:0 12px;border:1px solid var(--rule-2);border-radius:5px;background:var(--sheet);font:700 12px var(--f-b);cursor:pointer;overflow:hidden;color:var(--ink)}
.copy span{grid-area:1/1;display:flex;align-items:center;transition:transform .3s var(--ease),opacity .3s}
.copy__b{transform:translateY(110%);opacity:0;color:var(--ok)}
.copy.is-done .copy__a{transform:translateY(-110%);opacity:0}.copy.is-done .copy__b{transform:none;opacity:1}

/* hero */
.hero{max-width:1280px;margin:0 auto;padding:28px 28px 80px}
.bill{border:1px solid var(--rule-2);border-radius:8px;background:var(--sheet);overflow:hidden}
.bill__head{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.bill__head>div{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-left:1px solid var(--rule);min-width:0}
.bill__head>div:first-child{border-left:0}
.bill__head .v{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:center;padding-top:64px}
.hero__copy{min-width:0}
.eyebrowline{display:flex;align-items:center;gap:12px;margin:0 0 26px;font:500 12px var(--f-m);color:var(--mute);letter-spacing:.04em}
.eyebrowline::after{content:"";flex:1;max-width:220px;border-top:1px dashed var(--rule-2)}
.eyebrowline .dot{width:8px;height:8px;border-radius:50%;background:var(--cu)}
.hero h1{font-size:clamp(42px,5.4vw,78px);letter-spacing:-.04em;line-height:1}
.hero__sub{font-size:19px;color:var(--ink-2);max-width:560px;margin:24px 0 32px}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.hero__ca{display:flex;align-items:center;gap:10px;margin-top:22px;padding:7px 7px 7px 12px;border:1px dashed var(--rule-2);border-radius:6px;width:max-content;max-width:100%}
.hero__ca-k{font:700 11px var(--f-m);color:var(--cu-d)}
.hero__ca code{font:13px var(--f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.meter{margin:0;min-width:0}
.meter__case{background:linear-gradient(180deg,#183f47,#12343b);border-radius:22px;padding:26px 26px 18px;box-shadow:0 40px 70px -40px rgba(18,52,59,.7),inset 0 1px 0 rgba(255,255,255,.08);position:relative}
.meter__case::before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.07);border-radius:16px;pointer-events:none}
.dial{width:100%;height:auto;background:radial-gradient(circle at 50% 60%,#fbfcfb,#e9eeec);border-radius:14px 14px 6px 6px}
.dial__arc{fill:none;stroke:var(--ink);stroke-width:2}
.dial__red{fill:none;stroke:var(--cu);stroke-width:7}
.dial .tk{stroke:var(--ink);stroke-width:1.2}.dial .tk--m{stroke-width:2.2}
.dial .tl{font:500 11px var(--f-m);fill:var(--ink-2)}
.dial__unit{font:600 9px var(--f-b);letter-spacing:.18em;fill:var(--mute)}
.dial__val{font:500 26px var(--f-m);fill:var(--ink)}
.needle{transform-origin:200px 155px;transform:rotate(-120deg);transition:transform 1.1s cubic-bezier(.3,1.5,.5,1)}
.needle line{stroke:var(--cu);stroke-width:3;stroke-linecap:round}
.needle circle{fill:var(--ink)}.needle .pin{fill:var(--cu)}
.odo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.odo__row{display:flex;flex-direction:column;gap:6px;background:rgba(0,0,0,.18);border-radius:8px;padding:10px 12px;min-width:0}
.odo__k{font:600 10px var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:#93b1b3}
.odo__v{display:flex;gap:2px;height:28px;overflow:hidden}
.odo__d{width:17px;height:28px;background:#0b2227;border-radius:3px;overflow:hidden;position:relative;flex:none}
.odo__d i{position:absolute;left:0;top:0;width:100%;display:flex;flex-direction:column;font:500 17px/28px var(--f-m);font-style:normal;color:#e9efee;text-align:center;transition:transform .6s var(--ease)}
.odo__v--cu .odo__d i{color:#e5b48c}
.odo__sep{width:6px;font:500 17px/28px var(--f-m);color:#93b1b3;text-align:center}
.meter__foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 2px 0;font-size:12px;color:#93b1b3}
.tag{font:600 10px var(--f-b);letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(229,180,140,.5);color:#e5b48c;padding:3px 7px;border-radius:3px}
.meter figcaption{font-size:12px;color:var(--mute);margin-top:12px}

/* choreography */
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.05em}
.split .wi{display:inline-block;transform:translateY(105%);transition:transform .9s var(--ease);transition-delay:calc(var(--i)*65ms + 150ms)}
.is-ready .split .wi{transform:none}
.lift{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.is-ready .lift{opacity:1;transform:none}
.is-ready .bill{transition-delay:0s}.is-ready .hero__sub{transition-delay:.6s}.is-ready .hero__cta{transition-delay:.72s}.is-ready .meter{transition-delay:.45s}.is-ready .hero__ca{transition-delay:.8s}
.no-js .lift,.no-js .split .wi{opacity:1;transform:none}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.is-in,.no-js .reveal{opacity:1;transform:none}
.draw{stroke-dasharray:var(--len,1000);stroke-dashoffset:var(--len,1000);transition:stroke-dashoffset 1.6s var(--ease) .5s}
.is-ready .draw{stroke-dashoffset:0}

/* sections */
.sec{max-width:1280px;margin:0 auto;padding:104px 28px;position:relative}
.sec--tint{max-width:none;background:var(--tint);border-top:1px dashed var(--rule-2);border-bottom:1px dashed var(--rule-2)}
.sec--tint>*{max-width:1224px;margin-left:auto;margin-right:auto}
.sec__head{max-width:760px;margin-bottom:44px}
.sec__no{display:inline-block;font:500 12px var(--f-m);color:var(--cu-d);letter-spacing:.06em;margin:0 0 16px;padding:4px 10px;border:1px solid var(--cu);border-radius:3px}
.sec__head h2{font-size:clamp(32px,4vw,54px)}
.sec__lede{font-size:18px;color:var(--ink-2);margin:16px 0 0}

/* rate card */
.work{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:end;margin-bottom:24px}
.work__inputs{display:grid;grid-template-columns:repeat(4,minmax(0,170px));gap:14px;flex:1;min-width:0}
.tblwrap{overflow-x:auto;border:1px solid var(--rule-2);border-radius:8px;background:var(--sheet)}
table{border-collapse:collapse;width:100%}
.rates th,.rates td,.lines th,.lines td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--rule);white-space:nowrap}
.rates th,.lines th{font:600 11px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);background:var(--paper);position:sticky;top:0}
.rates td{font-size:14px}
.rates td.num,.r{text-align:right;font-family:var(--f-m)}
.rates tr{transition:background .2s}
.rates tbody tr:hover{background:var(--tint)}
.rates tr.is-best td:first-child{box-shadow:inset 3px 0 0 var(--cu)}
.rates .prov{font:500 12px var(--f-m);color:var(--mute)}
.rates .mdl{font-weight:700}
.rates .edit{font:inherit;font-family:var(--f-m);font-size:14px;width:84px;text-align:right;background:transparent;border:1px solid transparent;border-radius:4px;padding:4px 6px;color:var(--ink)}
.rates .edit:hover{border-color:var(--rule-2)}
.rates .edit:focus{outline:none;border-color:var(--ink);background:var(--sheet)}
.rates .edit.is-mod{color:var(--cu-d);border-bottom:1px dashed var(--cu)}
.rates .barcell{width:28%;min-width:160px}
.rbar{height:8px;background:var(--tint);border-radius:4px;overflow:hidden}
.rbar i{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(0);transition:transform .9s var(--ease)}
.rates tr.is-best .rbar i{background:var(--cu)}
.rates .cost{font-weight:600}
.rates .addbtn{font:600 12px var(--f-b);border:1px solid var(--rule-2);background:var(--sheet);border-radius:4px;padding:5px 9px;cursor:pointer;color:var(--ink)}
.rates .addbtn:active{transform:scale(.95)}
.rates .addbtn.is-done{border-color:var(--ok);color:var(--ok)}
.rates__foot{margin-top:14px}

/* counter */
.counter{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:start}
.counter__in{min-width:0;display:flex;flex-direction:column;gap:14px}
.counter__in textarea{min-height:220px;line-height:1.6}
.chips{display:flex;flex-wrap:wrap;gap:3px;max-height:200px;overflow:auto;padding:12px;background:var(--sheet);border:1px solid var(--rule);border-radius:6px;font:12px/1 var(--f-m)}
.chips span{padding:4px 5px;border-radius:3px;white-space:pre;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.chips span:nth-child(4n+1){background:#dfe8e6}.chips span:nth-child(4n+2){background:#efe2d6}.chips span:nth-child(4n+3){background:#e4e9dc}.chips span:nth-child(4n){background:#e6e2ea}
.counter__out{min-width:0;background:var(--sheet);border:1px solid var(--rule-2);border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:18px}
.reading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid var(--rule)}
.reading div{padding:12px 0;border-bottom:1px solid var(--rule)}
.reading div:first-child{grid-column:1/-1}
.reading dt{font:600 11px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.reading dd{margin:4px 0 0;font:500 18px var(--f-m)}
.reading dd.big{font-size:44px;line-height:1.1;color:var(--ink)}
.costlist{display:flex;flex-direction:column}
.costlist div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--rule);font-size:14px}
.costlist b{font:500 14px var(--f-m)}

/* router */
.router{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:32px;align-items:start}
.router__form{display:flex;flex-direction:column;gap:16px;background:var(--sheet);border:1px solid var(--rule-2);border-radius:8px;padding:24px;min-width:0}
.router__out{min-width:0}
.pick{border:1.5px solid var(--ink);border-radius:10px;background:var(--sheet);padding:24px;position:relative;overflow:hidden}
.pick::after{content:"ROUTED";position:absolute;right:18px;top:18px;font:700 12px var(--f-m);letter-spacing:.14em;color:var(--cu-d);border:2px solid var(--cu);padding:3px 8px;border-radius:3px;transform:rotate(4deg)}
.pick h3{font-size:30px;margin:6px 0 6px}
.pick .why{color:var(--ink-2);margin:0 0 14px}
.pick dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.pick dt{font:600 11px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.pick dd{margin:2px 0 0;font:500 17px var(--f-m)}
.drops{margin-top:16px;border-top:1px solid var(--rule);font-size:14px}
.drops div{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) auto;gap:10px;padding:9px 0;border-bottom:1px solid var(--rule)}
.drops span:last-child{font-family:var(--f-m)}
.drops .x{color:var(--bad)}.drops .y{color:var(--ink-2)}

/* budget */
.budget{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.budget__price,.budget__wallet{background:var(--sheet);border:1px solid var(--rule-2);border-radius:8px;padding:26px;min-width:0;display:flex;flex-direction:column;gap:12px}
.price{font-size:clamp(40px,5vw,64px);font-weight:500;line-height:1.05;transition:color .6s}
.price.flash-up{color:var(--ok)}.price.flash-dn{color:var(--bad)}
.sub{font-size:12px;color:var(--mute)}
.budget__rows{margin-top:8px;border-top:1px solid var(--rule)}
.budget__rows div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--rule);font-size:15px}
.budget__rows b{font-weight:600;text-align:right;overflow-wrap:anywhere}
.addrform{display:flex;gap:8px;min-width:0}
.addrform .inp{flex:1}
.runway{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.runway__g{width:200px;height:auto}
.rg-bg,.rg-fg{fill:none;stroke-width:14;stroke-linecap:round}
.rg-bg{stroke:var(--tint)}.rg-fg{stroke:var(--cu);stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset 1.4s var(--ease)}
.runway__v b{display:block;font:500 46px/1 var(--f-m)}
.runway__v span{font-size:13px;color:var(--mute)}
.runway__list{margin:0;border-top:1px solid var(--rule)}
.runway__list div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--rule);font-size:14px}
.runway__list dd{margin:0;text-align:right}
.shim{display:inline-block;min-width:80px;height:1em;border-radius:3px;background:linear-gradient(100deg,var(--tint) 30%,#fff 50%,var(--tint) 70%);background-size:300% 100%;animation:shim 1.3s linear infinite;vertical-align:middle}
@keyframes shim{to{background-position:-150% 0}}
@media (prefers-reduced-motion:reduce){.shim{animation:none}}

/* identity */
.ident{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:c}
.card{background:var(--sheet);border:1px solid var(--rule-2);border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:14px;min-width:0;position:relative}
.card+.card::before{content:"";position:absolute;left:-21px;top:50%;width:21px;border-top:1px dashed var(--cu)}
.card h3{font-size:20px;display:flex;align-items:center;gap:10px}
.step{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font:600 12px var(--f-m)}
.msg{margin:0;background:var(--paper);border:1px dashed var(--rule-2);border-radius:6px;padding:14px;font-size:12px;white-space:pre-wrap;word-break:break-all;color:var(--ink-2);min-height:150px}
.kv{margin:0;border-top:1px solid var(--rule)}
.kv div{padding:9px 0;border-bottom:1px solid var(--rule)}
.kv dt{font:600 11px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.kv dd{margin:3px 0 0;font-size:13px;word-break:break-all}
.verdict{margin:0;font-size:14px;min-height:22px;word-break:break-word}
.ok{color:var(--ok)}.bad{color:var(--bad)}
.stampmark{display:inline-block;padding:1px 8px;border:2px solid currentColor;border-radius:3px;font:700 11px var(--f-m);letter-spacing:.1em;margin-right:8px;transform:rotate(-2deg)}

/* statement */
.stmt{background:var(--sheet);border:1px solid var(--rule-2);border-radius:8px;padding:26px;position:relative}
.stmt::before{content:"";position:absolute;left:0;right:0;top:-1px;height:8px;background:radial-gradient(circle at 6px 0,var(--tint) 5px,transparent 5.5px) 0 0/12px 8px repeat-x}
.stmt__top{display:flex;gap:36px;flex-wrap:wrap;margin-bottom:18px}
.stmt__top>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.stmt__top .mono{font-size:13px;word-break:break-all}
.stmt .tblwrap{border:0;border-top:1.5px solid var(--ink);border-radius:0}
.lines td{font-size:14px}
.lines tfoot td{font-weight:800;border-bottom:0;border-top:1.5px solid var(--ink);font-size:16px}
.lines .rm{border:0;background:none;color:var(--mute);cursor:pointer;font:600 18px var(--f-b);padding:0 6px}
.lines .rm:hover{color:var(--bad)}
.lines tr.is-new{animation:print .6s var(--ease)}
@keyframes print{from{opacity:0;transform:translateY(-6px)}}
.lines .empty td{color:var(--mute);font-style:italic;white-space:normal}
.stmt__acts{margin-top:18px}

/* how (pinned) */
.how{height:280vh;position:relative;background:var(--ink);color:#e4ecea}
.how__pin{position:sticky;top:62px;height:calc(100vh - 62px);max-width:1280px;margin:0 auto;padding:40px 28px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;align-items:center}
.how .sec__no{color:#e5b48c;border-color:#8f5630}
.how h2{font-size:clamp(30px,3.8vw,50px);margin:0 0 28px;color:#fff}
.hsteps{list-style:none;margin:0;padding:0;counter-reset:h}
.hsteps li{display:grid;grid-template-columns:40px 96px minmax(0,1fr);gap:10px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12);opacity:.35;transition:opacity .4s}
.hsteps li::before{counter-increment:h;content:"0" counter(h);font:12px var(--f-m);color:#e5b48c;padding-top:3px}
.hsteps li b{font-size:17px}
.hsteps li span{color:#a9c0c1;font-size:15px}
.hsteps li.is-on{opacity:1}
.how__vis{min-width:0}
.how__vis canvas{width:100%;height:auto;aspect-ratio:640/520}

/* notes */
.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1.5px solid var(--ink)}
.nt{padding:24px 24px 28px 0;border-bottom:1px solid var(--rule);min-width:0}
.nt:not(:nth-child(3n+1)){padding-left:24px;border-left:1px solid var(--rule)}
.nt__n{font:600 12px var(--f-m);color:var(--cu-d)}
.nt h3{font-size:19px;margin:6px 0 10px}
.nt p{margin:0 0 8px;color:var(--ink-2);font-size:15px}
.nt p.mono{font-size:12.5px;background:var(--tint);padding:8px 10px;border-radius:4px;color:var(--ink);overflow-wrap:anywhere}

/* faq */
.faq{max-width:900px}
.faq details{border-top:1px solid var(--rule-2)}
.faq details:last-child{border-bottom:1px solid var(--rule-2)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-weight:700;font-size:18px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:14px;font:400 26px var(--f-m);color:var(--cu-d);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:0 0 22px;color:var(--ink-2);max-width:760px}

/* footer */
.foot{background:var(--ink);color:#c5d5d5;padding:76px 28px 28px}
.foot__in{max-width:1224px;margin:0 auto;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px}
.foot__logo{font:800 30px var(--f-b);color:#fff;margin:0 0 12px;letter-spacing:-.03em}
.foot__brand p{margin:0 0 14px;max-width:340px}
.foot__coin{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.foot__coin a{color:#fff}
.foot__honest{border:1px dashed rgba(229,180,140,.45);border-radius:8px;padding:22px 24px}
.foot__honest h2{font-size:18px;color:#e5b48c;margin-bottom:10px;letter-spacing:0}
.foot__honest p{margin:0;line-height:1.7}
.foot__base{max-width:1224px;margin:56px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#86a0a2}

/* responsive */
@media (max-width:1100px){
  .nav__links{display:none}.nav__burger{display:flex}.nav__right{margin-left:auto}
  .hero__grid,.counter,.router,.budget,.how__pin{grid-template-columns:minmax(0,1fr)}
  .ident{grid-template-columns:minmax(0,1fr)}.card+.card::before{display:none}
  .how{height:auto}.how__pin{position:relative;top:0;height:auto;padding:90px 28px}
  .notes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nt:not(:nth-child(3n+1)){padding-left:0;border-left:0}.nt:nth-child(2n){padding-left:24px;border-left:1px solid var(--rule)}
}
@media (max-width:720px){
  .nav__in{padding:0 16px;gap:10px}
  .hero{padding:16px 16px 60px}
  .bill__head{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bill__head>div:nth-child(3){border-left:0}.bill__head>div:nth-child(n+3){border-top:1px solid var(--rule)}
  .bill__head>div{padding:10px 12px}
  .hero__grid{padding-top:40px;gap:40px}
  .hero__sub{font-size:17px}
  .sec{padding:72px 16px}
  .work__inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .meter__case{padding:16px 16px 12px;border-radius:16px}
  .odo__d{width:14px}
  .reading{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pick dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pick::after{display:none}
  .drops div{grid-template-columns:minmax(0,1fr) auto}.drops div span:nth-child(2){grid-column:1/-1;order:3}
  .notes{grid-template-columns:minmax(0,1fr)}.nt:nth-child(2n){padding-left:0;border-left:0}
  .hsteps li{grid-template-columns:34px minmax(0,1fr)}.hsteps li span{grid-column:2}
  .how__pin{padding:70px 16px}
  .foot{padding:60px 16px 24px}.foot__in{grid-template-columns:minmax(0,1fr);gap:32px}
  .stmt,.budget__price,.budget__wallet,.counter__out,.router__form{padding:18px}
  .wb-btn{padding:0 12px;font-size:13px}
  .seg button{padding:9px 14px}
}
@media (max-width:360px){.brand span{display:none}}

/* ---------- plain-language pass: hero tech line, 3-step service summary, what-lines, try buttons, glossary ---------- */
.hero__tech{font-size:14px;line-height:1.5;color:var(--mute);max-width:540px;margin:-18px 0 28px}
.plain3{padding:0 28px;margin:8px 0 0}
.plain3__in{max-width:1224px;margin:0 auto;background:var(--sheet);border:1px solid var(--rule-2);border-radius:8px;padding:30px 32px 26px;position:relative;box-shadow:0 18px 40px -30px rgba(18,52,59,.45)}
.plain3__in::before{content:"";position:absolute;left:24px;right:24px;top:0;height:0;border-top:2px dashed var(--rule-2)}
.plain3__head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--ink);padding-bottom:14px}
.plain3__head h2{font-size:clamp(24px,2.4vw,32px)}
.plain3__tag{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cu-d);border:1px solid var(--cu);padding:3px 8px;border-radius:3px}
.plain3__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.plain3__step{padding:18px 22px 18px 0;margin-right:22px;border-right:1px dashed var(--rule-2);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:baseline;min-width:0}
.plain3__step:last-child{border-right:0;margin-right:0}
.plain3__n{grid-row:1/3;font-size:30px;font-weight:500;color:var(--cu);line-height:1}
.plain3__k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.plain3__step p{margin:4px 0 0;font-size:17px;font-weight:700;line-height:1.35}
.plain3__safe{margin:0;padding-top:14px;border-top:1px solid var(--rule);font-size:14px;color:var(--ink-2);display:flex;gap:10px;align-items:flex-start}
.plain3__safe::before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:var(--ok);color:#fff;font:700 12px/20px var(--f-b);text-align:center}
.what{margin:16px 0 0;font-size:17px;padding:10px 14px;background:var(--cu-t);border-left:3px solid var(--cu);border-radius:0 6px 6px 0}
.what b{color:var(--cu-d)}
.try{margin:18px 0 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--mute)}
.btn--try{background:var(--cu);border-color:var(--cu);color:#fff}
.btn--try:hover{background:var(--cu-d);border-color:var(--cu-d)}
abbr[title]{text-decoration:underline dotted var(--cu);text-underline-offset:3px;cursor:help}
.verdict.plain{font-size:15px;font-weight:600;color:var(--ink);min-height:0}
#ratesVerdict{margin:0 0 16px;max-width:900px}
#cVerdict{margin:14px 0}
#budVerdict{margin:10px 0 6px}
.gloss{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:0;max-width:1100px}
.gloss div{border-top:1px solid var(--rule-2);padding:14px 0}
.gloss dt{font-weight:800;font-size:17px}
.gloss dd{margin:4px 0 0;color:var(--ink-2)}
@media (max-width:900px){ .plain3__list{grid-template-columns:minmax(0,1fr)} .plain3__step{border-right:0;margin-right:0;border-bottom:1px dashed var(--rule-2);padding-right:0} .plain3__step:last-child{border-bottom:0} }
@media (max-width:720px){
  .plain3{padding:0 16px}
  .plain3__in{padding:24px 18px 20px}
  .what{font-size:16px}
  .gloss{grid-template-columns:minmax(0,1fr)}
}