:root{color-scheme:light;--ink:#183b44;--navy:#09333b;--green:#087d70;--muted:#59747b;--line:#d9e7e5}
*{box-sizing:border-box}body{margin:0;background:#f3f9f8;color:var(--ink);font:14px system-ui,-apple-system,"Segoe UI",sans-serif}
[hidden]{display:none!important}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}
:focus-visible{outline:3px solid #edb94b;outline-offset:3px}
.topbar{background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px max(16px,calc((100vw - 1130px)/2))}
.topbar a{text-decoration:none}.brand{font-weight:850;font-size:23px}.brand strong{color:#58e4bb}.brand small{display:block;letter-spacing:1.5px;font-size:9px;color:#bcd5d3}
.topbar nav{display:flex;gap:15px;font-size:12px;font-weight:740}
.shell{max-width:1130px;padding:20px 16px 55px;margin:0 auto}
.hero{padding:22px 0 15px}.eyebrow{font-weight:850;font-size:11px;letter-spacing:1.3px;color:var(--green)}
h1{font-size:clamp(30px,5vw,47px);letter-spacing:-1.5px;line-height:1.15;margin:10px 0}h1 span{color:var(--green)}
.hero p,.card p{max-width:800px;line-height:1.65;font-size:13px;color:var(--muted)}
.warning{background:#fff2d4;color:#785517;border:1px solid #e6cf97;padding:14px 16px;border-radius:13px;font-size:13px;line-height:1.6;margin:15px 0}
.card{background:white;border:1px solid var(--line);box-shadow:0 8px 26px #052d2b0b;border-radius:16px;padding:20px;margin:18px 0}
h2{font-size:20px;margin:7px 0 11px}
.primary,.secondary{padding:12px 16px;min-height:46px;border-radius:11px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.primary{border:0;color:white;background:var(--green)}.secondary{color:#096d61;background:#e8f5f1;border:1px solid #badbd3}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.actions>*{flex:1 1 160px}
.link{text-align:center}.muted{font-size:12px!important;color:var(--muted)!important;line-height:1.6}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0}
.metric{border:1px solid var(--line);border-radius:13px;padding:16px;background:white}
.metric small,.metric span{display:block;font-size:11px;color:var(--muted)}
.metric strong{display:block;font-size:25px;margin:6px 0;overflow-wrap:anywhere}.metric strong.code{font-size:15px}.metric strong.off{color:#c05b29}
.head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:12px;margin-top:17px}
table{width:100%;min-width:650px;text-align:left;border-collapse:collapse}
th{background:#eef7f4;color:#45746c;font-size:11px}td,th{border-bottom:1px solid #e4eeec;padding:12px;font-size:12px}
.checkoutForm{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;align-items:end;margin-top:17px}
.checkoutForm label{display:grid;gap:6px;font-size:12px;font-weight:770}
.checkoutForm input,.checkoutForm select{background:white;border:1px solid #b9d1cf;border-radius:10px;padding:11px;min-height:46px;color:var(--ink);width:100%}
.priceResult{background:#edf8f4;border:1px solid #c4e1d6;padding:17px;border-radius:13px;margin-top:17px}
.priceResult .priceLabel{font-size:12px;color:#0f806f;font-weight:740}.priceResult strong{font-size:31px;display:block;margin-top:7px}
.feedback{padding:14px 16px;background:#e7f5ef;color:#156653;font-size:13px;font-weight:700;border-radius:11px}
.feedback.error{background:#ffedeb;color:#a33928}
footer{text-align:center;color:var(--muted);font-size:12px;margin-top:27px}
@media(max-width:760px){.topbar{padding:12px}.topbar nav{font-size:10px;gap:8px}.brand{font-size:19px}.brand small{font-size:8px}
 .shell{padding:12px 12px 40px}.card{padding:14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .checkoutForm{grid-template-columns:1fr}.head{flex-direction:column;align-items:stretch}.head .actions{justify-content:stretch}}