:root{--navy:#10283b;--teal:#0c756d;--pale:#eff6f5;--ink:#213443;--muted:#647685;--line:#dce5e9;--paper:#fff;--bg:#edf2f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif}.top{background:var(--navy);color:white;padding:17px 5vw;display:flex;justify-content:space-between;align-items:center}.brand{font-size:18px;letter-spacing:.13em;font-weight:800}.top small{color:#bbd0d7}.wrap{max-width:1020px;margin:32px auto 70px;padding:0 20px}.paper{background:white;border-radius:18px;box-shadow:0 15px 45px #1c3b4d15;overflow:hidden}.hero{padding:42px 50px 35px;background:linear-gradient(120deg,#10283b,#164d58);color:white}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9fd2ca;font-weight:750}.hero h1{font-size:34px;letter-spacing:-.03em;line-height:1.13;margin:13px 0}.hero p{max-width:680px;color:#d5e6e9;margin:0}.body{padding:36px 50px 45px}.section{margin-bottom:30px}.section h2{font-size:16px;margin:0 0 13px;display:flex;align-items:center;gap:11px}.section h2:before{content:'';width:5px;height:21px;border-radius:5px;background:#17a08d}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fact{padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:#fbfdfd}.fact small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.fact strong{font-size:14px;overflow-wrap:anywhere}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:11px}table{width:100%;border-collapse:collapse}th{text-align:left;background:#f1f7f7;color:#38545b;font-size:11px;text-transform:uppercase;letter-spacing:.05em}td,th{padding:12px 14px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td:nth-child(n+2),th:nth-child(n+2){text-align:right}td:last-child{font-weight:700}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.metric{padding:17px;border-radius:11px;background:var(--pale)}.metric small{display:block;color:#4f6e6a;font-size:11px}.metric b{font-size:22px;color:#0d5e58}.notes{background:#f6f9fa;border-left:3px solid #9bb6bb;padding:17px 20px;border-radius:6px;font-size:13px}.notes p{margin:0 0 9px}.notes p:last-child{margin:0}.terms{display:grid;grid-template-columns:1fr 1fr;gap:12px}.term{border:1px solid var(--line);border-radius:10px;padding:14px}.term b{display:block;font-size:13px}.term span{font-size:13px;color:#526b78}.signatures{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sign{border:1px solid var(--line);padding:16px;border-radius:11px}.sign b{display:block;margin-bottom:3px}.sign small{color:var(--muted);display:block;min-height:40px}.sign canvas{width:100%;height:130px;border:1px dashed #b6c9cb;border-radius:7px;touch-action:none;background:white;display:block;margin:12px 0}.sign input{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:6px;font:inherit;margin:5px 0 0}.sig-img{display:none;width:100%;height:130px;object-fit:contain;border:1px solid #ddd;margin:12px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:22px}.btn{border:0;border-radius:8px;background:var(--teal);color:white;padding:12px 19px;font-weight:700;cursor:pointer;font-size:13px}.btn.alt{background:#eaf1f2;color:#1d4a50}.btn.ghost{background:transparent;color:#527078;border:1px solid #c8d7db}.hint{font-size:12px;color:#667c87;margin-top:10px}.footer{padding:20px 50px;background:#f5f9fa;color:#607582;font-size:12px;display:flex;justify-content:space-between}.back{color:#bfe8e1;text-decoration:none;font-size:13px}@media(max-width:700px){.hero{padding:29px 24px}.hero h1{font-size:26px}.body{padding:26px 23px}.facts,.terms,.signatures,.totals{grid-template-columns:1fr}.footer{padding:18px 24px}.top{padding:14px 20px}.top small{display:none}}@media print{body{background:white;font-size:11px}.top,.actions,.hint,.noprint{display:none!important}.wrap{margin:0;padding:0;max-width:none}.paper{box-shadow:none;border-radius:0}.hero{padding:22px 32px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.hero h1{font-size:25px}.body{padding:22px 32px}.section{margin-bottom:18px;break-inside:avoid}.section h2{margin-bottom:8px}.fact{padding:7px 10px}.tablewrap td,.tablewrap th{padding:7px 10px}.metric{padding:10px}.metric b{font-size:16px}.notes{padding:10px 13px}.term{padding:9px}.sign{padding:10px}.sign canvas,.sig-img{height:85px}.sign input{padding:5px}.footer{padding:12px 32px}.sig-img.signed{display:block}.sign canvas.signed{display:none}}