:root{color-scheme:dark;font-family:Arial,sans-serif;background:#111;color:#eee}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;padding:28px 5%;border-bottom:1px solid #444}.brand{font-size:23px;letter-spacing:.22em;text-decoration:none}header nav{display:flex;gap:24px;font-size:13px}main{max-width:1180px;margin:auto;padding:72px 5% 110px}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#aaa}h1,h2,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(42px,7vw,76px);line-height:1.05}h2{font-family:Georgia,serif;font-weight:normal;font-size:28px}.lead{color:#bbb;line-height:1.6;max-width:650px}.layout{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;margin-top:50px}.panel{border-top:1px solid #777;padding-top:24px}.item{padding:20px 0;border-bottom:1px solid #444;display:grid;grid-template-columns:1fr auto;gap:16px}.item p{margin:8px 0;color:#aaa}.controls{display:flex;gap:12px;align-items:center}.controls input{width:72px}.text-button{border:0;background:none;color:#ccc;text-decoration:underline;padding:8px;cursor:pointer}.line{display:flex;justify-content:space-between;gap:20px;margin:18px 0}.total{font-size:20px;border-top:1px solid #555;padding-top:20px}.button,button.primary{display:inline-block;width:100%;border:1px solid #eee;background:#eee;color:#111;padding:17px;text-align:center;text-decoration:none;font-weight:bold;cursor:pointer}.button:hover,button.primary:hover{background:#c8c8c8}.secondary{display:inline-block;margin-top:24px}.note{font-size:13px;color:#aaa;line-height:1.6}.fields{display:grid;gap:18px}label{display:grid;gap:8px;font-size:13px;color:#ccc}input{width:100%;padding:13px;background:#1c1c1c;border:1px solid #666;color:#fff;font:inherit}input:focus,button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:3px}.error{color:#ffb2a6;min-height:1.5em}.hidden{display:none}footer{border-top:1px solid #444;padding:28px 5%;color:#aaa;font-size:12px}@media(max-width:700px){header nav{gap:12px}.layout{grid-template-columns:1fr;gap:42px}main{padding-top:48px}.item{grid-template-columns:1fr}}

.brand img{display:block;width:111px;height:60px;object-fit:contain}header{padding-top:12px;padding-bottom:12px}
