:root{--ink:#172e28;--muted:#68766f;--orange:#d85027;--line:#dce2d9;--bg:#f4f5ef;--green:#e7eddf}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d85027}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:13px;font-size:18px;font-weight:850;letter-spacing:1px}.monogram{background:var(--ink);color:#fff;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font:700 17px Georgia}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:600}.test{font-size:12px;border:1px solid #d4dbce;border-radius:30px;padding:7px 13px;background:#fafbf6;display:flex;gap:7px;align-items:center}.test i{width:7px;height:7px;background:#cf8a28;border-radius:100%}main{max-width:1330px;padding:0 36px;margin:auto}.intro{padding:48px 0 37px;display:flex;justify-content:space-between;align-items:center;gap:35px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;margin:0 0 12px}h1{font-size:clamp(36px,4.3vw,58px);line-height:1.08;letter-spacing:-2.6px;margin:0;font-weight:650}h1 span{color:var(--orange)}.lead{max-width:520px;color:var(--muted);font-size:16px;margin:20px 0 0}.intro-aside{width:290px;border-left:1px solid #ccd6c6;padding:4px 0 4px 28px;flex-shrink:0}.intro-aside strong{font-size:19px;line-height:1.4;display:block}.intro-aside p{color:var(--muted);font-size:12px;margin:10px 0 0}.shirt{font-size:36px;color:var(--orange);display:block;line-height:1.3;margin-bottom:7px}.mode-tabs{display:flex;gap:6px;padding:5px;border-radius:10px;background:#e7ebdf;width:max-content;max-width:100%;margin-bottom:24px}.mode-tabs button{border:0;background:none;padding:11px 18px;color:#556359;font-weight:600;font-size:13px;border-radius:7px}.mode-tabs button.active{background:var(--ink);color:white;box-shadow:0 2px 4px #172e2815}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:25px;align-items:start}.card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:26px;margin-bottom:20px}.section-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:23px}.step{border:1px solid #d4dfca;color:#52614b;background:#f3f6ef;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:11px;flex-shrink:0}.section-head h2{font-size:20px;font-weight:650;letter-spacing:-.5px;margin:0}.section-head p{font-size:12px;color:var(--muted);margin:4px 0 0}fieldset{border:0;padding:0;margin:0}legend{font-size:12px;font-weight:650;padding:0;margin:0 0 10px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{padding:14px 10px;border:1px solid var(--line);border-radius:9px;display:flex;gap:7px;align-items:flex-start;cursor:pointer}.choice:has(input:checked){border-color:var(--ink);background:#f2f6ed;box-shadow:inset 0 0 0 1px var(--ink)}input[type=checkbox],input[type=radio]{accent-color:var(--ink);width:17px;height:17px;flex-shrink:0;margin:3px 2px 0 0}.choice strong{font-size:12px}.choice small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.extras{margin-top:20px}.extras label{display:flex;align-items:center;gap:11px;padding:16px 0;border-top:1px solid #edf0e8;cursor:pointer}.extras strong{font-size:13px}.extras small{display:block;font-size:11px;color:var(--muted);font-weight:400}.extras b{font-size:13px;text-align:right;margin-left:auto;white-space:nowrap}.extras label:has(input:disabled){opacity:.5;cursor:not-allowed}.hint{font-size:12px;color:var(--muted);background:#f5f6f1;border-radius:7px;padding:12px}.add-form{display:grid;grid-template-columns:1.4fr 1fr 85px auto;gap:10px;align-items:end}label{font-size:12px;font-weight:600}select,input[type=number]{display:block;background:#fff;border:1px solid #d4ddd1;border-radius:7px;padding:10px 8px;color:var(--ink);width:100%;height:43px;margin-top:6px}input[type=number]{font-variant-numeric:tabular-nums}.primary{border:1px solid var(--orange);background:var(--orange);color:white;font-size:13px;font-weight:650;padding:12px 16px;border-radius:8px;min-height:43px}.primary:hover:not(:disabled){background:#bd411d}.secondary{background:#fff;border:1px solid #ccd6c6;color:var(--ink);padding:11px 16px;border-radius:8px;font-size:12px;font-weight:650}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}th{font-size:10px;text-align:left;color:var(--muted);font-weight:600;white-space:nowrap;padding:12px 8px;border-bottom:1px solid var(--line)}td{padding:13px 8px;border-bottom:1px solid #edf0e8}.grade{margin-top:22px}.grade th:first-child,.grade td:first-child{padding-left:0}.grade td strong{font-size:13px;display:block}.grade td small{font-size:11px;color:var(--muted)}.grade td:nth-child(3),.grade td:nth-child(4){white-space:nowrap}.grade input{width:72px;min-width:60px;height:36px;padding:7px;margin:0}.remove{font-size:20px;border:0;background:#f4f6f0;border-radius:6px;color:#778172;width:28px;height:30px}.remove:hover{background:#fbe6dc;color:#b23a1b}.empty{text-align:center;padding:30px 12px}.empty span{display:inline-grid;place-items:center;background:#f1f5eb;border-radius:50%;width:42px;height:42px;font-size:22px;color:#76836b}.empty h3{font-size:15px;font-weight:600;margin:12px 0 5px}.empty p{font-size:12px;color:var(--muted);margin:0}.grade-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.text-button{background:none;border:0;padding:6px 0;color:var(--ink);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.text-button.muted{color:var(--muted)}aside{position:sticky;top:22px}.summary{background:#e9efdf;border-color:#d5dfc8;padding:25px}.summary-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}.summary-heading .eyebrow{font-size:9px;margin:0;letter-spacing:1.5px}.summary-heading span{border:1px solid #c5d2b9;border-radius:20px;padding:4px 8px;font-size:9px}.summary h2{font-size:17px;font-weight:500;margin:0 0 8px;letter-spacing:-.4px}.total{font-size:43px;font-weight:650;letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1.2}.average{font-size:12px;color:#5d6b54;margin:8px 0 24px}.summary-metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cdd9c2;border-bottom:1px solid #cdd9c2;padding:16px 0;gap:10px}.summary-metrics small{display:block;color:#617058;font-size:10px}.summary-metrics strong{font-size:18px;font-weight:600}.summary-metrics div+div{padding-left:20px;border-left:1px solid #cdd9c2}.breakdown{padding:15px 0}.breakdown div{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:6px 0}.breakdown b{font-weight:600;white-space:nowrap}.tier-note{background:#dce7d0;border-radius:7px;font-size:11px;padding:12px;color:#435638}.minimum{font-size:12px;color:#8a481b}.full{width:100%;margin-top:9px}.primary span{float:right}.disclaimer{font-size:10px;color:#617058;text-align:center;margin:15px 0 0;line-height:1.6}.side-note{display:flex;gap:10px;padding:0 12px;color:var(--muted);font-size:11px}.side-note span{background:#e0e8d8;width:21px;height:21px;display:grid;place-items:center;border-radius:100%;flex-shrink:0}.side-note p{margin:0}.side-note strong{font-weight:600}.rules{padding:20px 25px}.rules summary{cursor:pointer;font-size:13px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:10px}.rules p{font-size:12px;color:var(--muted)}.rules h3{font-size:13px;margin-top:22px}.error{color:#ac351c;font-size:12px}.feedback{font-size:11px;margin:8px 0 0;color:#375336}.meters-label{display:block;max-width:350px}.meters-label small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:8px}footer{max-width:1258px;margin:40px auto 0;border-top:1px solid var(--line);padding:26px 0 35px;display:flex;align-items:center;gap:25px;font-size:11px;color:var(--muted)}footer span{font-weight:750;letter-spacing:1px;color:var(--ink)}footer small{margin-left:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1500px){main{max-width:1440px}.workspace{grid-template-columns:minmax(0,1fr) 380px}}@media(max-width:1060px){main{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.card{padding:20px}.add-form{grid-template-columns:1.4fr 1fr 75px}.add-form .primary{grid-column:1/-1}.choice-grid{grid-template-columns:1fr}.intro-aside{width:240px}.total{font-size:36px}footer{margin:35px 24px 0}}@media(max-width:760px){header{height:80px;padding:0 20px}.brand{font-size:14px;gap:9px}.brand small{font-size:7px;letter-spacing:1.3px}.monogram{width:36px;height:36px}.test{font-size:10px;padding:5px 8px}main{padding:0 16px}.intro{padding:32px 4px 26px}.intro-aside{display:none}h1{font-size:39px;letter-spacing:-1.8px}.lead{font-size:14px}.workspace{display:flex;flex-direction:column;gap:0}.editor,aside{width:100%}aside{position:static}.card{border-radius:12px;padding:20px;margin-bottom:16px}.mode-tabs{width:100%;margin-bottom:16px}.mode-tabs button{flex:1;padding:10px 7px;font-size:11px}.choice-grid{grid-template-columns:1fr 1fr;gap:8px}.choice{padding:12px 8px}.choice strong{font-size:11px}.choice small{font-size:9px}.section-head h2{font-size:18px}.section-head p{font-size:11px}.add-form{grid-template-columns:1.4fr 1fr 70px;gap:8px}.grade th{font-size:9px;padding:10px 4px}.grade td{padding:12px 4px;font-size:11px}.grade td strong{font-size:12px}.grade input{width:54px;min-width:48px}.grade td small{font-size:9px}.remove{width:23px}.total{font-size:46px}.summary-heading .eyebrow{font-size:11px}.summary-heading span{font-size:11px}.extras b{font-size:12px}.extras strong{font-size:12px}.summary{padding:25px}.side-note{margin-bottom:15px}footer{margin:24px 20px 0;flex-wrap:wrap;gap:8px 20px}footer small{width:100%;margin:0}.rules{padding:18px}.grade-actions{font-size:11px}}@media print{body{background:white}header{height:70px}.intro,.mode-tabs,.add-form,.grade-actions,.rules,.side-note,footer,.summary button,.test,.remove,.feedback,#services-panel input,.minimum{display:none!important}.workspace{display:block}aside{position:static}.card{break-inside:avoid;margin:12px 0}.intro-aside{display:none}.summary{background:white}.choice-grid,.extras{font-size:12px}.total{font-size:32px}.grade input{border:0}.summary-metrics{display:flex;gap:30px}main{padding:0}.disclaimer{font-size:10px}.editor{width:100%}}

.package-controls{background:#f2f6ed;border:1px solid #d5dfc8;border-radius:10px;padding:18px;margin-top:22px}.package-controls h3{font-size:15px;margin:0 0 8px}.package-controls p{font-size:12px;color:var(--muted);margin:0 0 14px}.package-controls .extras{margin-top:12px}.package-controls .choice-grid{grid-template-columns:1fr 1fr}@media(max-width:450px){.package-controls .choice-grid{grid-template-columns:1fr}}

.linked-value{display:block;padding:12px 0;font-size:17px}input[readonly]{background:#edf1e6;border-style:dashed;color:#53634b;cursor:default}#edit-grade{margin:0 0 18px}

.service-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.service-modes button{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px;text-align:left;color:var(--ink)}.service-modes button strong{display:block;font-size:13px}.service-modes button small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.service-modes button.active{background:#edf3e6;border:2px solid var(--ink);padding:13px}.quick-title{font-size:13px;font-weight:650;margin:0 0 10px}.quick-options{display:flex;flex-wrap:wrap;gap:8px}.quick-options button{background:#fff;border:1px solid #ccd6c6;border-radius:25px;padding:9px 14px;color:var(--ink);font-size:12px}.quick-options button.active{background:var(--ink);color:#fff}.meters-label{max-width:none;margin-top:20px}.meters-label input{height:54px;font-size:21px;font-weight:600}.service-modes button:focus-visible,.quick-options button:focus-visible{outline:3px solid var(--orange)}@media(max-width:460px){.service-modes{grid-template-columns:1fr}.quick-options{display:grid;grid-template-columns:1fr 1fr}.quick-options button{padding:10px 7px}}
.reseller-banner{background:var(--ink);color:#fff;text-align:center;font-size:13px;font-weight:750;letter-spacing:2px;padding:12px 16px}.setup h2{margin:0 0 20px;font-size:24px;letter-spacing:-.7px}.setup>label{display:block;max-width:550px}.setup .service-modes{margin:20px 0 10px}.setup .service-modes button{padding:20px;border-width:2px;transition:background .15s}.setup .service-modes button:hover{background:#edf3e6;border-color:var(--ink)}.setup .service-modes button strong{font-size:16px}.setup .service-modes button small{font-size:13px;line-height:1.6;margin-top:8px}#selected-route{font-weight:650;margin-bottom:4px}#meter-words{margin-top:6px;font-size:11px}.summary-metrics div+div{padding-left:12px}.breakdown span{overflow-wrap:anywhere}.setup select{height:auto;min-height:46px}#meter-supply{display:block;margin-top:18px}@media(max-width:600px){.setup .service-modes{grid-template-columns:1fr}.setup h2{font-size:22px}.reseller-banner{font-size:12px}header{padding:0 16px}.total{font-size:clamp(30px,9vw,46px)}}@media print{.setup,.reseller-banner,#quick-services,#change-route{display:none!important}}

#service-meters{display:block;background:#fff;border:1px solid #d4ddd1;border-radius:7px;padding:10px 8px;color:var(--ink);width:100%;margin-top:6px;font-variant-numeric:tabular-nums}
