:root { --bg:#0d1016; --panel:#151922; --text:#f5efe6; --muted:#b3ac9f; --accent:#b89a72; --line:rgba(245,239,230,.11); }
* { box-sizing:border-box; }
body { margin:0; color:var(--text); background:radial-gradient(circle at 50% 0,rgba(184,154,114,.11),transparent 25%),var(--bg); font-family:"SF Pro Text","SF Pro Display","Helvetica Neue",sans-serif; }
.agreement-shell { width:min(940px,calc(100% - 32px)); margin:auto; padding:40px 0 64px; }
.agreement-header { padding:24px 0 42px; }
.agreement-header a { color:var(--muted); text-decoration:none; }
.eyebrow { margin:28px 0 10px; color:var(--accent); font-size:.72rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; } h1 { margin-bottom:14px; font-size:clamp(2.6rem,7vw,5.8rem); font-weight:600; letter-spacing:-.055em; line-height:.9; }
.lede { max-width:700px; color:var(--muted); font-size:1.05rem; line-height:1.6; }
.quote-sheet { padding:30px; border:1px solid var(--line); border-radius:28px; background:linear-gradient(145deg,rgba(255,255,255,.035),transparent),var(--panel); }
.quote-sheet .eyebrow { margin-top:0; }.quote-sheet h2 { font-size:1.8rem; }
.quote-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:24px 0; background:var(--line); }
.quote-grid div { padding:18px 0; background:var(--panel); }.quote-grid dt { color:var(--muted); font-size:.72rem; }.quote-grid dd { margin:6px 0 0; font-size:1rem; font-weight:650; }
.deliverables { border-top:1px solid var(--line); padding-top:20px; }.deliverables h3 { font-size:.78rem; color:var(--muted); text-transform:uppercase; letter-spacing:.12em; }.deliverables ul { margin:0; padding-left:18px; line-height:1.7; }
.terms { margin-top:44px; }.terms section { display:grid; grid-template-columns:44px 1fr; gap:18px; padding:28px 0; border-top:1px solid var(--line); }.terms section>span { color:var(--accent); font-size:.72rem; letter-spacing:.12em; }.terms h2 { font-size:1.25rem; }.terms p { margin:0; color:var(--muted); line-height:1.68; }
footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:30px; border-top:1px solid var(--line); color:var(--muted); font-size:.75rem; } footer p { margin:0; } button { padding:11px 17px; border:1px solid var(--accent); border-radius:999px; color:var(--bg); background:var(--accent); font:inherit; font-weight:700; cursor:pointer; }
@media(max-width:680px){.agreement-shell{padding-top:14px}.quote-sheet{padding:22px}.quote-grid{grid-template-columns:1fr 1fr}.terms section{grid-template-columns:30px 1fr}.terms p{font-size:.92rem}footer{align-items:flex-start;flex-direction:column}}
@media print { body{color:#151515;background:#fff}.agreement-shell{width:100%;padding:0}.agreement-header{padding-top:0}.agreement-header a,button{display:none}.lede,.terms p,.quote-grid dt,footer{color:#444}.quote-sheet{background:#fff;border-color:#bbb}.quote-grid{background:#bbb}.quote-grid div{background:#fff}.terms section,footer{border-color:#bbb}.eyebrow,.terms section>span{color:#765d3d} }