:root{--navy:#071a2e;--navy-2:#0b2944;--ink:#172333;--muted:#5b6875;--copper:#c96a32;--line:#cbd3da;--paper:#fff;--wash:#edf2f5}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--wash);color:var(--ink);font:15px/1.72 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Noto Sans Arabic",Arial,sans-serif}
a{color:inherit;text-decoration-color:var(--copper);text-underline-offset:3px}
.agreement-shell{width:min(1040px,calc(100% - 40px));margin:34px auto 70px;background:var(--paper);box-shadow:0 22px 70px rgba(7,26,46,.14)}
.agreement-cover{position:relative;min-height:310px;padding:52px 64px 46px;color:#fff;background:linear-gradient(105deg,rgba(7,26,46,.98),rgba(11,41,68,.76)),url("../design/documents-review-port.jpg") center/cover}
.agreement-brand{display:flex;align-items:center;gap:14px;margin-bottom:60px;font-weight:700;font-size:18px}
.agreement-brand img{width:38px;height:38px;object-fit:contain;filter:invert(1);mix-blend-mode:screen}
.agreement-kicker{display:block;margin-bottom:10px;color:#f0a06d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
h1{max-width:760px;margin:0;font-size:clamp(30px,4vw,50px);line-height:1.12;letter-spacing:0}
.agreement-version{margin:18px 0 0;color:#c7d3dd}
.agreement-body{padding:0 64px 64px}
.agreement-notice{margin:0 -64px 34px;padding:20px 64px;border-bottom:1px solid var(--line);background:#f5f7f8;color:#3e4b58}
.party-lines{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:34px 0 40px}
.party{padding-top:14px;border-top:3px solid var(--navy)}
.party strong{display:block;margin-bottom:8px;color:var(--navy);font-size:17px}
.party p{margin:4px 0;color:#3f4c58}
.agreement-section{position:relative;padding:30px 0 28px 72px;border-top:1px solid var(--line);break-inside:auto}
.agreement-section::before{content:attr(data-number);position:absolute;left:0;top:28px;color:var(--copper);font-size:13px;font-weight:800}
.agreement-section h2{margin:0 0 16px;color:var(--navy);font-size:22px;line-height:1.3}
.agreement-section ol{margin:0;padding-left:20px}
.agreement-section li{margin:8px 0;padding-left:5px}
.agreement-section p{margin:8px 0}
table{width:100%;margin:18px 0 8px;border-collapse:collapse;font-size:14px}
th,td{padding:12px 14px;border:1px solid var(--line);text-align:start;vertical-align:top}
th{background:var(--navy);color:#fff;font-weight:700}
tr:nth-child(even) td{background:#f7f9fa}
.schedule-title{margin:48px -64px 0;padding:30px 64px;background:var(--navy);color:#fff;break-before:page}
.schedule-title span{display:block;color:#f0a06d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.schedule-title h2{margin:5px 0 0;font-size:28px}
.schedule-note{padding:18px 0;color:var(--muted);border-bottom:1px solid var(--line)}
.field-table td:first-child{width:28%;font-weight:700;color:var(--navy)}
.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:22px}
.signature{min-height:210px;padding-top:16px;border-top:2px solid var(--navy)}
.signature p{margin:18px 0;border-bottom:1px solid #75818c;min-height:24px}
.payment-lines{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.payment-line{padding:18px 0;border-bottom:1px solid var(--line)}
.payment-line strong{display:block;color:var(--navy);margin-bottom:5px}
.agreement-foot{padding:22px 64px;background:#f5f7f8;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
[dir="rtl"] .agreement-section{padding-right:72px;padding-left:0}
[dir="rtl"] .agreement-section::before{right:0;left:auto}
[dir="rtl"] .agreement-brand{flex-direction:row-reverse;justify-content:flex-end}
@media(max-width:720px){
  .agreement-shell{width:100%;margin:0;box-shadow:none}.agreement-cover{min-height:260px;padding:30px 22px}.agreement-brand{margin-bottom:42px}.agreement-body{padding:0 22px 42px}.agreement-notice{margin:0 -22px 26px;padding:18px 22px}.party-lines,.signature-grid,.payment-lines{grid-template-columns:1fr}.agreement-section{padding:26px 0 24px 42px}.agreement-section h2{font-size:20px}.schedule-title{margin:38px -22px 0;padding:24px 22px}.field-table{display:block;overflow-x:auto;white-space:normal}.agreement-foot{padding:20px 22px}[dir="rtl"] .agreement-section{padding-right:42px}
}
@media print{
  @page{size:A4;margin:14mm 16mm}body{background:#fff;font-size:10.5pt}.agreement-shell{width:auto;margin:0;box-shadow:none}.agreement-cover{min-height:235px;padding:28px 34px;background:var(--navy)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.agreement-brand{margin-bottom:34px}.agreement-body{padding:0}.agreement-notice{margin:0 -16mm 18px;padding:14px 16mm}.agreement-section{padding:16px 0 14px 48px}.agreement-section h2{font-size:15pt}.agreement-section li{margin:4px 0}.party-lines{gap:20px;margin:20px 0 24px}.schedule-title{margin:20px -16mm 0;padding:20px 16mm;background:var(--navy)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.agreement-foot{display:none}table{font-size:9.5pt}th{background:var(--navy)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.party,.signature,.payment-line,tr{break-inside:avoid}.signature-grid{gap:24px}.signature{min-height:155px}[dir="rtl"] .agreement-section{padding-right:48px}
}