@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--dark:#0c2835;--green:#baf26b;--sub:#61787e;--border:#e0e8e7;--blue:#187d75;--bg:#f5f8f7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--dark);font:14px/1.65 Manrope,Arial,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.top{background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:12px max(20px,calc((100vw - 1080px)/2));gap:20px}
.identity{display:flex;align-items:center;gap:16px;color:#1b4640;font-size:13px;font-weight:800}.identity img{width:180px;max-width:42vw;height:auto}.back{white-space:nowrap;font-size:12px;font-weight:800}
.container{max-width:1100px;padding:45px 22px 90px;margin:auto}.narrow{max-width:720px}.step,.overline{font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--blue);font-size:10px}h1{font-size:clamp(28px,4vw,44px);line-height:1.2;letter-spacing:-1.7px;margin:12px 0 18px}h2{font-size:22px;letter-spacing:-.8px;margin:0 0 12px}h3{font-size:15px;margin:18px 0 8px}.intro{font-size:14px;line-height:1.95;color:#526c70;max-width:860px}.muted{color:var(--sub)}.fine{font-size:11px;line-height:1.8}.panel{background:white;border:1px solid var(--border);box-shadow:0 10px 35px #143c3910;border-radius:17px;padding:27px;margin:25px 0}.panel.product{display:flex;align-items:center;gap:20px}.product img{object-fit:contain;width:150px;height:155px;border-radius:12px;background:#edf4f1}.product h2{font-size:21px;margin:5px 0}.product p{font-size:12px;color:var(--sub)}.pricepending{font-weight:800;color:#267c66;font-size:12px}
.entry label{display:block;margin:16px 0;font-size:12px;font-weight:800;color:#38565d}.entry label>span:not(.check span){color:#bd5555}.entry input:not([type=checkbox]),.entry textarea,.entry select,.copy-field,.payform input{display:block;width:100%;padding:14px 15px;border:1px solid #d5e3df;border-radius:9px;background:#fbfdfc;font:inherit;font-size:13px;margin-top:6px;color:#102b39;outline:none}.entry input:focus,.entry textarea:focus,.entry select:focus{border-color:#248c7d;box-shadow:0 0 0 3px #40a59120}.entry .check{display:flex;align-items:flex-start;gap:12px;font-weight:500;line-height:1.7}.entry .check input{margin-top:5px;accent-color:#138e7d;flex-shrink:0}.entry .check span{color:#4a6567}
.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:7px;border-radius:10px;padding:13px 20px;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer;min-height:45px;font-family:inherit}
.primary{background:var(--green);border:1px solid var(--green);color:#103c33}.primary:hover{background:#a8ea4f;text-decoration:none}.secondary{background:white;border:1px solid #bfd6d0;color:#155e5a}.secondary:hover{text-decoration:none;background:#e9f6f1}.danger{border-color:#dca1a1;color:#a43d3d}.trap{position:absolute;left:-99999px;opacity:0;pointer-events:none}
.notice{background:#eaf6f2;border:1px solid #b9e7d7;padding:15px 19px;color:#246351;border-radius:12px;margin:20px 0;font-size:12px}.notice.error{background:#fff1f1;color:#b84848;border-color:#f2cbcb}.notice.success{background:#e5f7e8;color:#2b7c44}
.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.status{background:#e9f6ef;border-radius:50px;padding:8px 14px;color:#276b60;font-weight:800;font-size:11px;white-space:nowrap}
.contract{padding:32px}.doc-heading{display:flex;gap:18px;align-items:center;padding-bottom:22px;border-bottom:2px solid #dbe7e2}.doc-heading img{width:180px;height:auto}.doc-heading h2{font-size:20px;margin:5px 0}.doc-heading p{margin:0;font-size:11px;color:var(--sub)}.facts{margin:15px 0}.facts>div{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;padding:13px 0;border-bottom:1px solid #ecf0ef}.facts dt{color:#7c9295;font-size:11px}.facts dd{margin:0;white-space:pre-line;font-size:12px;font-weight:700;overflow-wrap:anywhere}.facts .money{color:#157d72;font-size:16px}.legal{background:#f4f8f6;padding:19px;border-radius:11px;color:#546a6e;font-size:12px}.legal p{line-height:2}.signatures{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.sign{border:1px dashed #b3cac0;border-radius:12px;padding:18px;min-height:105px;display:flex;flex-direction:column;gap:9px}.sign small{color:#728d8c;font-size:10px;letter-spacing:1px}.sign strong{font-size:14px}.sign span{font-size:10px;color:#6e8589}.actions{display:flex;gap:10px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.stats>div,.totals>div{background:white;border:1px solid #e0ece8;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px}.stats small,.totals div{color:#627e7e}.stats strong,.totals strong{font-size:19px;color:#163e42}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.totals>div{font-size:11px}.totals strong{display:block;margin-top:10px}
.list{display:flex;flex-direction:column;gap:12px}.order-row{background:#fff;border:1px solid #e1eae6;border-radius:12px;padding:20px 23px;display:grid;grid-template-columns:1fr 260px 15px;gap:20px;color:#173541;align-items:center}.order-row:hover{box-shadow:0 8px 30px #0d3b3620;text-decoration:none}.order-row h2{font-size:18px;margin:7px 0}.order-row p{color:#778d90;margin:0;font-size:12px}.order-row small{display:block;color:#789196}.order-row strong{display:block;margin-top:9px}.order-row .arrow{font-size:20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{margin:0}.payform{margin:20px 0}.payform button{grid-column:1/-1}.copy-field{margin:12px 0;font-size:12px}.paymentrow,.summary-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e4eeea;padding:13px 0;font-size:12px}.summary-row span{color:#60787b}.summary-row strong{text-align:right;overflow-wrap:anywhere}
footer{text-align:center;font-size:11px;color:#839898;padding:35px 20px 50px;border-top:1px solid #e2e8e6}
@media(max-width:720px){.top{padding:10px 14px}.identity{gap:9px;font-size:10px}.identity img{width:135px}.container{padding:30px 14px 60px}.panel{padding:19px;border-radius:12px}.panel.product{align-items:flex-start}.product img{width:110px;height:120px}.product h2{font-size:17px}.heading{align-items:flex-start;flex-direction:column}.facts>div{grid-template-columns:1fr;gap:3px}.doc-heading img{width:120px}.doc-heading{gap:12px}.doc-heading h2{font-size:17px}.stats{grid-template-columns:1fr 1fr}.stats strong{font-size:15px}.totals{grid-template-columns:1fr}.order-row{grid-template-columns:1fr;gap:7px}.order-row .arrow{display:none}.form-grid{grid-template-columns:1fr}.payform button{grid-column:1}.signatures{grid-template-columns:1fr}.contract{padding:18px}.actions .secondary{flex:1}}
@media print{body{background:white}.top,footer,.actions,.entry,.hero-panel,.notice,.back{display:none!important}.container{padding:0;max-width:100%}.panel{border:none;box-shadow:none;padding:5px}.doc-heading img{width:160px}.contract{page-break-inside:avoid}h1{font-size:22px}}
